Save, Update & Delete Firebase to Listview MIT App Inventor

Save, Update & Delete Firebase to Listview MIT App Inventor - Assalamualaikum.wr.wb, Semoga Keselamatan dan rahmat Allah, serta keberkahan-Nya terlimpah pada kalian.Aminnn Ya robbalalamin. Pada kali ini saya membuat Tutorial Data Penduduk Menggunakan FireBase Pada MIT App Inventor, Setelah saya pelajari tentang firebase dan langsung mempraktekkannya saya merasa begitu senang walaupun bagi para master program adalah hal yang mudah tapi saya selalu bersyukur atas ilmu yang diberikannya. dan teman2pun dapat men Download Source Code Barcode MIT App Inventor yang sudah saya pelajari. Sebelum teman teman download alangkah baiknya saya jelakan tentang firebase.

Firebase MIT App Inventor

Property

• DeveloperBucket (designer only)
• FirebaseToken (designer only)
• FirebaseUR
• Persist (designer only) Jika benar, variabel akan mempertahankan nilainya saat offline dan aplikasi keluar. Nilai akan diunggah ke Firebase saat aplikasi dijalankan saat terhubung ke jaringan. Ini berguna untuk aplikasi yang akan mengumpulkan data saat tidak terhubung ke jaringan. Catatan: AppendValue dan RemoveFirst tidak akan bekerja dengan benar saat offline, mereka memerlukan koneksi jaringan. Catatan: Jika Anda menetapkan Persist pada komponen Firebase manapun, pada layar mana pun, semua komponen Firebase di semua layar tetap ada. Ini adalah keterbatasan perpustakaan Firebase tingkat rendah. Sadarilah juga bahwa jika Anda ingin bertahan tetap sejati, Anda harus melakukannya sebelum menghubungkan Companion untuk pengembangan tambahan.
• ProjectBucket

Kunjungi Juga : Save, Update & Delete TinyDB to Listview MIT App Inventor

Event

• DataChanged(text tag, any value) - Menunjukkan bahwa data di Firebase telah berubah. Melihatkan tag dan nilai yang telah diperbarui.
• FirebaseError(text message) - Menunjukkan bahwa komunikasi dengan Firebase memberi isyarat kesalahan.
• FirstRemoved(any value) - Event  dipicu oleh fungsi "RemoveFirst". Argumen "nilai" adalah objek yang menjadi yang pertama dalam daftar, dan yang sekarang dihapus.
• GotValue(text tag, any value) - Menunjukkan bahwa permintaan GetValue telah berhasil.
• TagList(list value) - Event  dipicu saat kami menerima daftar tag yang dikenal. Digunakan dengan fungsi "GetTagList".
• AppendValue(text tag, any valueToAdd) - Tambahkan nilai ke akhir list secara atomik. Jika dua perangkat menggunakan fungsi ini secara bersamaan, keduanya akan ditambahkan dan tidak ada data yang hilang.
• GetTagList() - Menlihat daftar tag untuk aplikasi. Saat menyelesaikan event "TagList" akan dipicu list tag yang diketahui.
• GetValue (tag teks, nilai apapunIfTagNotThere) - GetValue meminta Firebase untuk mendapatkan nilai yang tersimpan di bawah tag yang diberikan. 
• RemoveFirst(text tag) - Kembalikan elemen pertama dari daftar dan hapus secara atomik. Jika dua perangkat menggunakan fungsi ini secara bersamaan, seseorang akan mendapatkan elemen pertama dan yang lainnya akan mendapatkan elemen kedua, atau error jika tidak ada elemen yang tersedia. Saat elemen tersedia, event "FirstRemoved" akan dipicu.
• ClearTag (tag teks) - Hapus tag dari Firebase
• StoreValue(text tag, any valueToStore) - Meminta Firebase untuk menyimpan nilai yang diberikan di dalam tag yang diberikan.

Selanjutnya kita praktekin penggunaan firebase berikut caranya.

Buat Project baru dengan nama Firebase.

Tampilan Nama Project Firebase MIT App Inventor

kalo sudah selesai buat project, selanjutnya kita masukan komponen komponen yang dibutuhkan untuk membuat projectnya seperti gambar dibawah ini,

Tampilan Design Firebase MIT App Inventor

Catatan :

• Maaf untuk penempatan komponen komponen yang diperlukan saya tidak jelaskan secara detail, karna dari gambar diatas mungkin bisa dilogikakan penempatan dan nama nama komponen yang diperlukan, kalau masih kurang mengerti selahkan dikomen di bawah :)
• Untuk firebase URL silahkan anda masukan dengan firebase anda sendiri.

Setelah selesai penempatan komponen kita lanjutkan pemograman blocknya.

- Buatkan variable baru untuk perentara dari Listview ke Firebase

Tampilan Block Variable Perentara Firebase dan Listview

- Buatkan Prosedur pembersihan textboxt atau kembali ke default, 

Tampilan Block Clear Firebase MIT App Inventor

- Selanjutnya pembuatan prosedur tampil ditextbox yang artinya apabila kita melekukan update dan delete maka data dari firebase akan ditampilkan di textbox untuk mempermudah pengoperasian data.

Tampilan Block Tampilkan ditextboxt  Firebase MIT App Inventor

- block selanjutnya

Tampilan Block Firebase Mit App Inventor

- Selanjutnya buat block Untuk Save ke firebase 

Tampilan Block Save Firebase MIT App Inventor

- Terakhir block Update & Delete

Tampilan Tampilan Block Update dan DeleteFirebase MIT App Inventor

Cukup sekian pembuatan projectnya, silahkan anda jalankan diemulator dan harapan saya bisa jalan seperti tutorial saya, tapi untuk lebih detailnya bisa anda klik video ini dan jangan lupa subscribe : Video Tutorial Save, Update & Delete Firebase To Listview MIT App Inventor . subscribe ya biar kita sama sama belajar.

Link Download :

Download Source Code Save, Update & Delete Firebase To Listview MIT App Inventor | aia / apk

Semoga bermanfaat ,Sekian dari saya Wassalam :) : ).