KULIPAIT

Sketchware - Menghubungkan dengan Firebase database

Rabu, 19 November 2025

Untuk menghubungkan Sketchware dengan Firebase Database, ada beberapa langkah yang harus kamu ikuti. Berikut panduan lengkapnya:

✅ 1. Siapkan Firebase Project

  1. Masuk ke Firebase Console.
  2. Buat Project Baru atau gunakan yang sudah ada.
  3. Jika gunakan yang sudah ada maka langsung lompat ke step 5
  4. Isi Project name untuk project baru yang akan dibuat lalu ikuti instruksi yang ada hingga selesai
  5. Pilih menu project overview cari "add app"
  6. Pilih Android
  7. isi android package name sesuai dengan yang kamu gunakan di Sketchware contoh : com.pembatasanlv
  8. isi App nickname contoh : pembatasanlv
  9. Click register app
  10. Unduh file google-services.json

✅ 2. Aktifkan Firebase Database

  1. Di Firebase Console, cari menu Realtime Database.
  2. Klik Create Database.
  3. Muncul tab Set up database
  4. isi realtime database location contoh : Singapore
  5. klik next
  6. Masuk pada tab Security rules
  7. Pilih Start in Locked 
  8. Klik Enable
  9. realtime database telah berhasil dibuat
  10. Atur kembali Rule agar dapat meneriman dan mengirim data 
  11. pilih tab Rules
  12. ubah .read dan .write menjadi : true
  13. Klik publish
✅ 3. Tambahkan Library Firebase di Sketchware

  • Buka Sketchware di Android
  • Masuk ke Library → Firebase 
  • Isi full database url, didapat dari firebase console → menu realtime database → reference url, contoh : pembatasnlv-default-rtdb.asla-southeast1.firebasedatabase.app
  • isi app id, didapat dari firebase console → menu project overview → pilih aplikasi → pengaturan → app id, contoh : 1:329380471496:android:f036177e93d3819be9feed
  • isi api key, didapat dari file json yang sudah didownload sebelumnya → api_key → current key, contoh : AIzaSyBlxThFusgHgkXUiAjrEV-ucIpGCalGWd1
✅ 4. Buat Logika di Sketchware

  • Gunakan Block Sketchware
  • Add Component → Firebase DB → isi, contoh :
  • pilih blok ini :
  • tambahkan variable map 
  • berikut contoh tester block:
✅ 5. Uji Aplikasi

  • Jalankan aplikasi dan cek apakah data masuk ke Firebase Database.
  • dan berikut Hasil di firebase realtime database:
✅ 6. Experiment kirim dan ambil data

saya mencoba untuk mengamil data dan menampilkan pada widgets tipe listview dengan cara :

Membuat blocking Activity seperti ini :
Dan blocking on bind custome view seperti ini :
menghasilkan output: tu 101
kemudian saya mencoba mengubah key ke hirarki diatasnya yaitu "test" hasilnya: error atau null

✅ 7. Listview refresh setelah di add, change atau delete data

Ternyata tidak hanya cukup sampai pada mengirim dan menerima data saja sebab output yang dihasilkan tidak mengalami perubahan hingga aplikasi di restart, untuk itu kita perlu membuat agar data menjadi realtime dengan cara trigger reffresh ketika ada penambahan , perubahan atau penghapusan data, dengan cara :
  • pada sketchware project klik pada tab Component
  • aktifkan onChildAdded , onChildChanged dan onChildRemoved , masing masing blocking dengan:

🔥 Tips Penting:

  • Pastikan koneksi internet aktif.
  • selalu pastikan dengan block test untuk mengetahui hasil dari blocking sketchware