Tutorial Cara Buat Musik Online Menggunakan Firebase

Table of Contents

Halo sahabat javasetid.com pada kesempatan kali kami akan mengulas bagaimana cara membuat aplikasi music online dengan menggunakan firebase sebagai cloud utamanya, sebelum lanjut ada baiknay sobat harus mengerti apa itu firebase.

Firebase adalah platform pengembangan aplikasi seluler dan web yang disediakan oleh Google. Ini menyediakan berbagai layanan dan alat untuk membantu pengembang membangun aplikasi yang lebih baik, lebih cepat, dan lebih mudah. Firebase menyediakan berbagai layanan seperti database cloud, autentikasi pengguna, penyimpanan file cloud, analisis, dan masih banyak lagi.

Beberapa fitur utama Firebase meliputi:

1. Realtime Database

Database cloud yang dapat diakses secara real-time, memungkinkan aplikasi untuk menyinkronkan data secara instan.

2. Authentication

Sistem autentikasi pengguna yang mudah digunakan dengan dukungan untuk berbagai penyedia seperti Google, Facebook, dan email.

3.Cloud Firestor

Database NoSQL cloud yang memberikan fleksibilitas dan skala horizontal yang tinggi.

4. Cloud Functions

Memungkinkan Anda menulis dan mengelola fungsi server sisi untuk merespons perubahan data dalam database atau berbagai peristiwa lainnya.

5. Cloud Storage

Penyimpanan file cloud yang terintegrasi dengan mudah untuk menyimpan dan mengambil file seperti gambar, video, dan dokumen.

6. Hosting

Hosting situs web dan aplikasi statis dengan domain firebaseapp.com atau domain kustom.

7. Cloud Messaging

Layanan pemberitahuan push yang memungkinkan Anda mengirim pemberitahuan ke perangkat pengguna.

8.Analytics

Menyediakan wawasan tentang penggunaan aplikasi dan kinerja melalui laporan dan analisis.

Firebase sangat populer di kalangan pengembang karena menyediakan solusi terkelola untuk berbagai kebutuhan pengembangan aplikasi, mengurangi beban kerja pengembang dalam mengelola infrastruktur dan memungkinkan fokus lebih besar pada pengembangan fitur dan fungsionalitas aplikasi.

Langsung saja kita mulai proses codingannya, kali ini kita menggunakan android studio menggunakan dua bahasa Java dan kotlin yang digabung, pertama silahkan buat projek baru EMPTY Projek.

Layout pertama menggunakan bahasa Java yang kita pakai untuk animasi pembuka aplikasi.

layout animasi 

Pada layout xml MainActivity seperti ini

Setelah itu kita lanjut pada layout menu utama atau beranda kurang lebih seperti berikut ini:

sedikit catatan pada layout ini sudah saya sisipkan kode iklan admob, jadi kalau sobat mau merubah tingal ubah saja dari adnroid manifes dan string kode iklannya. untuk tampilan menunya seperti berikut ini:

tampilan menu utama

Berikutnya kita lanjut ke bagian paling penting yaitu play online nya untuk yaitu layout MainActivity3 berikut penampakannya:

ini adalah codingan untuk play musiknya dan kita harus membuat cloud atau hostingnya dan disinilah peran firebase nanti dimana sobat harus upload file yang akan diputar dan ingat saja bahwa aplikasi ini adalah pemutar mp3 jadi tidak bisa untuk mp4 atau video ya, tampilan xml nya sebagai berikut:

Tampilan daftar musik harus dibuat manual ya, jadi tidak otomatis terdaftar, karena yang kita gunakan adalah link firebase maka aplikasi ini tidak akan bisa bekerja tanpa adanya internet jadi pastikan ada koneksi internet nya ya biar bisa dipakai. Setelah Tahap ini selesai selanjutnya kita haru setting lagi di bagian gradlenya silahkan sispkan kode berikut ini:

pilih setting gradle.kts 

Agar kode bekerja silahkan sync now, setelah selesai kita lanjut set lagi di bagian build.gradel.kts, (modul app) dan masukkan kode berikut ini:

    

    implementation("androidx.appcompat:appcompat:1.6.1")

    implementation("com.google.android.material:material:1.11.0")

    implementation ("com.github.jeancsanchez:JcPlayer:2.7.2")

    implementation ("com.karumi:dexter:6.0.1")

    implementation ("com.google.firebase:firebase-storage:19.1.0")

    implementation ("com.google.firebase:firebase-auth:19.2.0")

    implementation ("com.google.firebase:firebase-database:19.2.0")

    implementation("androidx.constraintlayout:constraintlayout:2.1.4")

    implementation("androidx.recyclerview:recyclerview:1.3.2")

    implementation("androidx.lifecycle:lifecycle-livedata-ktx:2.7.0")

    implementation("androidx.lifecycle:lifecycle-viewmodel-ktx:2.7.0")

    implementation("androidx.navigation:navigation-fragment:2.7.7")

    implementation("androidx.navigation:navigation-ui:2.7.7")

    implementation("com.google.android.gms:play-services-ads:22.6.0")

    testImplementation("junit:junit:4.13.2")

    androidTestImplementation("androidx.test.ext:junit:1.1.5")

    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")

Setelah settingan build.gradle selesai maka kita lanjut ketahap berikutnya yaitu settingan andoid manifest berikut settingannya :

jangan lupa silahkan isi seluruh kode seperti diatas, dan pada bagian folder menu dan animasi silahkan copas ke projek terlebih dahulu, setelah semua sudah maka kita tinggal build apk nya dan siap diuji coba.

KESIMPULAN:

Membuat pemutar online menggunakan firebase mempunyai keuntungan tersendiri salah satunya aplikasi lebih kecil jika kita menggunakan asset pasti lebih besar bayangkan saja jika 20 lagu dikali 3 mb kan sudah 60 mb unkurannya, adapun kekurangannya ialah penggunaan paket data yang lebih banyak dan jika koneksi internet tidak ada maka musik tidak dapat diputar.

Pada kesempatan berikut javasetid.com akan mengulas bagaimana pembuatan firebase serta memperoleh token file yang digunakan ketika pembuatan projek android studio.

Bagi sobat yang meninginkan source code projek ini dapat menghubungi melalui WhatsApp di sini.  Source Code Music