Pada 2 tulisan sebelumnya kita sudah membahas tentang mengukur suhu ruangan dengan DHT 11 dan mengirimkan data hasil pembacaan sensor ke firebase, maka pada tulisan ini saya akan menyambung tulisan lagi untuk melengkapi project ini dengan menampilkan data yang tersimpan di firebase ke aplikasi android yang kita buat sendiri.
pada tulisan kali ini, kita akan menggunakan situs kodular membuat aplikasi android sederhana yang akan digunakan untuk membaca nilai yang tersimpan di firebase. Baiklah, tanpa berpanjang lebar lagi, langsung saja kit ake materi pokok nya
Kodular
Kodular adalah situs yang menyediakan platform pembuatan aplikasi android dengan mudah tanpa menggunakan text-based programming. Untuk membuat aplikasi android di kodular, kita hanya perlu melakukan drag and drop komponen untuk membuat tampilan aplikasi android. Untuk melakukan programming terhadap komponen yang telah disusun, kodular menyediakan sistem programming model block yang juga digunakan dengan metode drag and drop.
Memulai Kodular
Untuk mulai menggunakan situs aplikasi kodular, ikutilah langkah-langkah berikut ini:
1. Buka browser dan ketikkan https://www.kodular.io/ lalu klik tombol “Create Apps”
2. Kita akan diarahkan ke halaman sign in. Pada halaman ini pilih sign in dengan menggunakan akun google.
3. lalu pilih akun gmail yang kamu miliki sebagai akun untuk log in ke kodular.
4. Setelah berhasil log in, kalian akan diarahkan ke halaman creator. Pada halaman ini akan terlihat project-project yang sudah pernah dibuat sebelumnya.
5. Untuk membuat project baru, maka klik tombol “Create project” pada bagian kiri atas halaman Kodular Creator.
6. Berikan nama untuk project yang akan kita buat.
7. Pada “Configure your project”, biarkan saja semua konfigurasi tetap default dan langsung klik finish.
8. Kita akan diarahkan ke tab Designer untuk membuat tampilan aplikasi android yang akan kita buat.
Membuat Aplikasi Android
Aplikasi android yang akan kita buat di situs kodular ini adalah aplikasi yang berfungsi untuk membaca data yang terdapat pada realtime database nya firebase. Untuk mempermudah pembuatan aplikasi silahkan ikuti langkah-langkah berikut ini.
1. Buatlah tampilan android sederhana seperti dibawah ini:
2. untuk komponen image, kalian bisa download asset nya disini lalu nanti upload di properties “Background Image” pada komponen Image2.
3. Pada komponen Firebase_Database1, kita akan diminta untuk memasukkan Firebase token dan firebase URL.
Firebase token bisa didapatkan dengan cara:
- Buka web firebase dan masuk ke console.
- Pilih project firebase yang telah kita buat sebelumnya.
- Klik icon gear yang terdapat pada sebelah kiri atas layar lalu klik project settings
- pada menu project settings, copy isian web API lalu paste kan ke firebase token di kodular
Firebase URL bisa didapatkan dengan cara
- Buka web firebase dan masuk ke console.
- Pilih project firebase yang telah kita buat sebelumnya.
- Klik Realtime Database
- Copy link yang terdapat didalam Realtime Database lalu pastekan ke Firebase URL di kodular
4. Masuk ke tab block dan ikuti gambar dibawah ini
Sampai disini, aplikasi kita sudah bisa di download dalam bentuk apk dengan cara klik export >> android APK. Copy aplikasi yang telah kita buat tadi ke HP kita lalu install
Jika pembuatan aplikasi berhasil, maka tampilan aplikasi yang kita buat akan terlihat seperti ini:
Jika kalian masih merasa kesulitan membuat aplikasi nya, silahkan download file aia dibawah ini lalu masukkan ke kodular dengan klik tombol import project pada halaman project.
Demikianlah Membaca Database Firebase dan Menampilkannya di Aplikasi Android dengan menggunakan kodular, semoga tulisan ini bermanfaat. Sampai jumpa pada tulisan-tulisan berikutnya
