Save to Excel and Read to Listview  MIT App Inventor - Assalamualaikum.wr.wb, Semoga Keselamatan dan rahmat Allah, serta keberkahan-Nya terlimpah pada kalian.Aminnn Ya robbalalamin, dari coba caba dan penasaran akkhirnya saya bisa mengkoneksikan MIT App Inventor dengan Mini Exel (Csv), Pada Tutorial Save to Excel and Read to Listview  MIT App Inventor saya berharap bagi pembaca bisa mengembangkankannya dan bermanfaat juga tentunya, apabila anda ingin melanjutkan project saya nenti bisa langsung Download Source Code Save to Excel and Read to Listview  MIT App Inventor.
Excel MIT App Inventor

Pada dasarnya project saya ini hanyalah menyimpan ke excel yang berextensi “Csv” yang isinya sangatlah sederhana sekali, Jika anda menemukan soruce code yang lebih sederhana saya harappun anda bisa berbagi dengan saya disini, karna saya maklumi saja masih pemula dan masih banyak belajar juga tapi meskipun ilmu saya sedikit saya sangat bersyukur dan terus belajar, semoga ada hikmahnya dibalik saya belajar ini, minimal bisa berbagi kepada seudara yang lagi membaca ini. Amin ya robbalalamin…


Untuk menghemat waktu langsung saja kita praktekin cara membut project excel dengan MIT App Inventor, pertama anda buat dulu nama projectnya seperti gambar dibawah ini.

Tampilan Project Excel MIT App Inventor
Selanjutnya masukan komponen komponen yang diperlukan seperti gambar dibawah ini.

Tampilan Design Excel MIT App Inventor
Untuk propertynya silahkan anda sesuaikan dengan gambar diatas, kalau kurang mengerti sulahkan tinggalkan pesan dikolom komentar, selanjutnya kita menyusun block programnya.


Pertama kita susun block prosedur untuk clear yang artinya menghapus string yang ada ditextbox secara berkelompok setelah melakukan input data, buat blocknya seperti gambar dibawah ini.
Tampilan block Prosedur clear textbox MIT App Inventor
Setelah menyusun block clear, ikuti selanjutnya menyusun block save yang artinya menyimpan data ke mini excel dan berextensi csv, seperti gambar dibawah ini.

Tampilan Save Excel MIT App Inventor
Keterangan : Untuk filename silahkankan masukan formatnya seperti ini “/[nama file].csv seperti block diatas.
Selanjutnya block untuk read yang berfungsi membaca file excel csv ke listview dan susun blocknya seperti gambar dibawah ini.

Tampilan Read Excel to ListView MIT App Inventor
Keterangan : Untuk filename silahkankan masukan formatnya seperti ini “/[nama file].csv seperti block diatas.
Nah, cumin segitu aplikasi simpan data ke excel menggunakan MIT App Inventor, silahkan beri saran dan silahkan juga bertanya apabila ada pertanyaan, Untuk lebih jelasnya bisa diklik video tutorianya : Video Tutorial Save to Excel and Read to Listview  MIT App Inventor . jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :
Download Source Code Save to Excel and Read to Listview  MIT App Inventor | aia / Apk


Semoga setidaknya sedikit bermanfat untuk yang membaca sekarang ini. Amin...
Wassalam.

Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor

Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor - Allhamdulillah karna Rahmatnya kita masih bisa menuntut ilmu, pada kali ini saya akan membuat project sederhana MIT App Inventor dan pada Tutorial Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor yaitu berisi tentang memutar audio dari SdCard yang akan diputar pada aplikasi, sebenarnya saya hanya membuat pemutar music sederhana saja dan masih jauh dari pada pemutar musik pada aplikasi yang sudah anda jalankan tapi disini anda bisa kembangkan nantinya, kalo ingin melanjutkan silahkan anda bisa langsung Download Souce Aplikasi Pemutar Musik Pada MIT App Inventor.
Pemutar Musik MIT App Inventor
Aplikasi Pemutar musik Android sekarang sudah banyak tampilan yang menarik dan fitur yang menarik juga tentunya, tapi alangkah bangganya kita sedikit tau tentang pembuatan program aplikasi tersebut meskipun jauh dari kesempurnaan, untuk membuat program sederhananya langsung saja kita praktekin.


Buat nama projectnya seperti gambar dibawah ini atau ada nama yang lebih bagus dari ini, kalau saya buat seperti gambar dibawah ini.

Tampilan Project Pemutar Musik MIT App Inventor
Selanjutnya masukan komponen komponen yang dibutuhkan ke design project, untuk komponen yang dibutuhkan silahkan lihat gambar dibawah ini.

Tampilan Design Pemutar Musik MIT App Inventor
Catatan : 
  1. Untuk property Image button silahkan anda masukan image/atau gambar yang anda suka
  2. Untuk activityStarter silahkan ganti/tambahkan property (action= android.intent.action.GET_CONTENT)

Selanjutnya kita masuk keblocknya, silahkan susun blocknya seperti gambar dibawah ini.

Tampilan Block Pemutar Musik MIT App Inventor

Setelah siap menyusun blocknya berarti siap membuat project sederhananya, silahkan kembangkan atau gunakan untuk mengatur property yang lainnya, Untuk lebih jelasnya atau melihat video tutorial MIT App Inventor pemula silahkan lihat disini : Video tutorial Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor, jangan lupa subscribe supaya tidak ketinggalan tutorialnya.

Link Download :
Download Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor | aia / apk


Mudah mudahan bermanfaat, silahkan tinggalkan komentar anda untuk mengajari saya kalau salah dan silahkan tinggalkan komentarnya juga bila ada pertannyaa. See you.

Cara Membuat Game Edukasi Anak Mengenal Angka – Part2 Latihan | Mit App Inventor

Cara Membuat Game Edukasi Anak Mengenal Angka – Part2 Latihan | Mit App Inventor – Assalamualaikum warahmatullahi wabarakatuh, Pada kali ini saya akan membahas lanjutan game edukasi pada anak anak, yaitu lanjutan dari part1 yang membahas pengenalan angka pada Tutorial Game Edukasi Mengenal Angka- Part2 Latihan | Mit App Inventor tujuannya adalah bisa mendidik anak, melatih mengenal angka tanpa harus kita memberikan latihan latihan atau pertanyaan pertanyaan kepada anak anak dari kita cukup dengan membuat aplikasi dan kita jelankan di smartphone android, nah pada nantinya anda bisa  Download Source Code Game Edukasi Mengenal Angka – Part2 Latiahan | Mit App Inventor dibawah ini.
Game Edukasi Mengenal Angka
Sebelum kita membuat projectnya alangkah baiknya anda baca atau pelajari dulu tentang pengenalan angka baca juga : Cara Membuat  Game  Edukasi Anak Mengenal Angka – Part1 Pengenalan | Mit App Inventor.

Untuk pembuatan projectnya ikutin cara  caranya dibawah ini :
Buat Project baru dengan nama Mengenal_Angka atau penamaannya terserah anda, atau mengikuti gambar dibawah ini.

Tampilan Project Game Edukasi Mengenal Angka
Selanjutnya anda masukan komponen yang diperlukan ke desain program seperti gambar dibawah ini.
Tampilan Design Game Edukasi Mengenal Angka
Keterangan:
  1. Label  Property(untuk property ukuran atau nama silahkan anda buat sendiri sesuai judul anda).
  2. Image Property(silahkan masukan gambar yang anda inginkan).
  3. Image.
  4. Button Property(untuk semua button supaya susunannya rapi silahkan dikasih layout, dan untuk  name button disini saya buat button1= image1, dan seterusnya sampai sembilan)kalau kurang jelas silahkan komentar atau liat video tutorialnnya..
  5. Texttospeech (Untuk membaca angka yang ditekan atau button angka yang di klik)
Selanjutnya masuk ke block program, silahkan buat block untuk variable seperti gambar dibawah ini.

Tampilan Block variable Game Edukasi Mengenal Angka
Setelah anda buat block variable, silahkan susun block selanjutnya seperti gambar dibawah ini


Tampilan Block Game Edukasi Mengenal Angka
Selanjutnya yaitu block untuk pilihan atau pertanyaan selanjutnya, seperti gambar dibawah ini.

Tampilan Block Button Game Edukasi Mengenal Angka
Dan yang terakhir adalah block untuk game selesai atau penilaian,seperti gambar dibawah ini.


Tampilan Block Game Edukasi Mengenal Angka
Cuman segitu pembuatan aplikasi nya, maaf disini saya hanya bisa membuat tutorial sederhana saja, kalau sudah siap langsung coba atau dijalankan, Untuk lebih jelasnya bisa diklik video ini :Video tutorial MIT App Inventor cara membuat game edukasi mengenal angka  | Part 2 latiahan.  jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :
Download Source  Code Game  Edukasi Anak Mengenal Angka – Part2 Latihan / aia


Mudah mudahan bermanfaat,  Sekian dari saya Assalamualaikum warahmatullahi wabarakatuh, 

Cara Membuat Game Edukasi Anak Mengenal Angka – Part1 Pengenalan | Mit App Inventor

Cara Membuat  Game  Edukasi Anak Mengenal Angka – Part1 Pengenalan | Mit App Inventor – Assalamualaikum warahmatullahi wabarakatuh, Pada kali ini saya akan membahas game edukasi pada anak anak, dimana tujuan pembuatan game sederhana ini atau pada Tutorial Game Edukasi Mengenal Angka | Mit App Inventor bisa mendidik anak secara mengikuti teknologi sekarang yaitu menggunakan android sebagai media pembelajaran bagi anak anak, nah pada nantinya anda bisa  Download Source Code Game Edukasi Mengenal Angka | Mit App Inventor dibawah ini.

Game Edukasi Mengenal Angka


Sebenarnya pada tutorial ini saya bagi dua pembahasan yaitu:
  1. Mengenal Angka – Part1 Pengenalan
  2. Mengenal angka – part2 Latihan

Tujuan dari pembagian ini supaya bisa atau mudah dimengerti bagi para pembaca, disini saya hanya membahas tentang Game Edukasi Mengenal Angka Pada Android, setelah anda pehami bagian mengenal angka ini silahkan dilanjutkan pada artikel selanjutnya yaitu Game Edukasi Latihan Mengenal Angka. Baiklah tanpa banyak kata mukodimah atau yang lainnya langsung saja kita praktekin membuat projectnya menggunakan MIT App Inventor.


Nah begini caranya :
Buat Project baru dengan nama Mengenal_Angka atau penamaannya terserah anda, atau mengikuti gambar dibawah ini.

Tampilan Project Edukasi Mengenal Angka MIT App Inventor

Selanjutnya anda masukan komponen ke desain program.
Tampilan Design Game Edukasi Mengenal Angka

Keterangan:
  1. Label  Property(untuk property ukuran atau nama silahkan anda buat sendiri sesuai judul anda)
  2. Image Property(silahkan masukan gambar yang anda inginkan)
  3. Image
  4. Button Property(untuk semua button supaya susunannya rapi silahkan dikasih layout, dan untuk  name button disini saya buat button1= image1, dan seterusnya sampai sembilan)kalau kurang jelas silahkan komentar atau liat video tutorialnnya.
  5. Texttospeech (Untuk membaca angka yang ditekan atau button angka yang di klik)
Selanjutnya masuk ke block program, silahkan buat blocknya seperti gambar dibawah ini.


Tampilan Block Game Edukasi Mengenal Angka
Setelah sudah menyusun blocknya silahkan di test di emulator, atau kalu sudah tidak ada yang error silahkan jadikan ke APK supaya bisa dipergunakan.
Untuk lebih jelasnya bisa diklik video ini : Video tutorial MIT App Inventor cara membuat game edukasi mengenal angka  | Part 1 Pengenalan.  jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :
Download Source  Code Game  Edukasi Anak Mengenal Angka – part1 Pengenalan | aia / apk


Mudah mudahan bermanfaat, Sekian dari saya Assalamualaikum warahmatullahi wabarakatuh, 

Cara Membuat Game Edukasi Anak Belajar Mewarnai

Cara Membuat Game Edukasi Anak Belajar Mewarnai – Allhamdulillah karna Rahmatnya kita masih bisa menuntut ilmu, berawal dari pemikiran saya yang nantinya menjadi ayah :D :D,  saya berfikir kedepannya gimana saya akan mendidik anak saya?? Dengan pesatnya perkembangan teknologi maka saya tertarik berbagi sedikit ilmu dan membuat Tutorial Cara Membuat Game Edukasi Anak Belajar Mewarnai MIT App Inventor, Pada artikel saya ini, saya hanya bisa membahas pembuatan aplikasi android hanya untuk pemula nah bagi para master ini hanyalah soal gampang dan bagi yang masih belajar nanti bisa Download Source Code Game Edukasi Anak Belajar Mewarnai MIT App Inventor

Game Edukasi Mewarnai

Berikut caranya ,Buat Project baru dengan nama Pain atau terserah yang anda buat, kalau nama project saya seperti dibawah ini:
Tampilan Project Edukasi Anak Mewarnai
Setelah membuat nama project selanjutnya anda tambahkan komponen komponen yang diperlukan seperti : label, button dan yang lainnya seperti gambar dibawah ini:

Tampilan Desain Project Edukasi Anak MIT App Inventor
Keterangan:
  1. Button Property(Name=BTN_OpenMemory)
  2.  Button Property(Name=BTN_Clear)  
  3. Button Property(silahkan name dan bgcolor silahkan anda sesuaikan)
  4. Kanvas Property(Height= fillparent, width=40 pixels)
  5. Slider Property(width= fill parent,maxvalue=30,minvalue=1) 
  6. Kanvas Property(width=fill parents,height= fill parents)
  7. Starter property (action= android.intent.action.GET_CONTENT)

Selanjutnya masuk ke block program. Dan Susun block seperti gambar dibawah ini.

Tampilan Block Program Edukasi Anak Mewarnai
Lanjutkan susun blocknya seperti gambar dibawah ini.

 Kunjungi Juga : Cara penggunaan Barcode Scanner Pada MIT App Inventor


Tampilan Block Program Edukasi Anak Mewarnai








Lanjutkan susun blocknya seperti gambar dibawah ini.
Tampilan Block Program Edukasi Anak Mewarnai
Cuman segitu program edukasi mewarnainya, mungkin anda bisa kembangkan lagi karna yang saya buat adalah yang sederhana saja, kalau sudah membuat programnya langsung jalankan diemulator untuk melihat kesalahan sebelum dijadikan ke APK.
Untuk lebih jelasnya bisa diklik video ini : Video Tutorial cara membuat Game Edukasi Mewarnai dan jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :
Download Source Game Edukasi Mewarnai MIT App Inventor | aia / apk


Mudah mudahan bermanfaat,  Sekian dari saya Wassalam,


FlashLight MIT App Inventor

FlashLight MIT App Inventor - Assalamualaikumwarahmatullahiwabarakatuh, Gimana Kabar saudaraku Sekarang dan gimana pula hari –harinya? Mudah mudahan sehat selalu ya dan hari harinya cerah, nah ngomong ngomong hari yang cerah ni dan membuat ide saya membuat Tutorial Membuat Aplikasi Senter MIT App Inventor. Awalnya saya berfikir begitu pesatnya perkembangan teknologi sekarang apakah saya bisa menciptakan sesuatu berbaur teknologi? Setelah saya cari referensi referensi ternyata membuat aplikasi senter android sengat gampang ya. Saya merasa sangat bersyukur setelah bisa membuat aplikasi senter meskipun itu soal gampang bagi para master master programmer tapi saya disini mau berbagi kepada yang belum tau cara membuatnya dan saudarapun bisa Download FlashLight MIT App Inventor dibawah ini. Ikuti totorialnya ya sampai akhir. 
Aplikasi Senter Android MIT App Inventor
Berikut caranya saudaraku, Buatlah Project baru dengan nama FlashLight seperti gambar dibawah ini.

Tampilan Project FlashLight MIT App Inventor
Selanjutnya import extension flashlight yang telah anda download. 

Tampilan Import Extension FlashLight MIT App Inventor
Masukan extension flashlight ke desain dan jangan lupa juga button, Layout,dan yang lainnya seperti gambar dibawah ini.

Kunjungi Juga : Cara Membuat Kuis Pilihan Ganda MIT App Inventor

Tampilan Design Flashlight MIT App Inventor
Keterangan:
Nah sekarang saya jelasin deh apa itu panah panah yang berwarna merah :
  1. HorizontalArragement - ganti propertinya (Alignhorizontal = Center, AlignVertikal = Center,Height=FillParent, Width= FillParent).
  2. HorizontalArragemen - ganti propertinya (Height=FillParent, Width= 40 percent).
  3. HorizontalArragement - ganti propertinya (Alignhorizontal = Center, AlignVertikal = Center,Height=FillParent, Width= FillParent).
  4. Button - ganti propertinya (Height=FillParent ,Width = 50 Percent, Image=Off.png).
  5. Extension FlahsLight
  6. Upload Gambar Button ON dan OFF senter.
Selanjutnya masuk ke block program, Susun Block Programnya seperti gambar dibawah ini.

Kunjungi Juga :  Membuat Data Penduduk Menggunakan database Firebase

Tampilan Block Program FlashLight MIT App Inventor
Nah kalo sudah selesai menyusun blocknya, coba test menggunakan emulator mana tau sebelum di compile ada yang error, mudah mudahan ngak error ya. Nah Untuk lebih jelasnya bisa diklik video ini : Video Tutorial FlashLight MIT App Inventor. jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :
Download Source code Flashlight MIT App Inventor | aia / apk


Semoga bermanfaat,Silahkan di download, O iya Kalau ada salah pembuatan programnya tolong dikomentarinnya apa lagi yang mau bertanya insyaallah saya jawab. Sekian dari saya Wassalamualaikum warahmatullahi wabarakatuh,

Cara Membuat Kuis Pilihan Ganda MIT App Inventor

Cara Membuat Kuis Pilihan Ganda MIT App Inventor - Assalamualaikum,wr.wb, Alhamdulillah Berkat Rahmatnya kita bisa saling berbagi disini. Berhubungan Dengan Tutorial Membuat Kuis Pilihan Ganda MIT App Inventor atau kalau bahasa kampung sayamah How to Make Multiple Choice Quiz MIT App Inventor hehehe… Saya selalu berfikir apa yang bisa saya bagi pada semua orang…?maka dari pemikiran itu saya buat totorialnya dan sahabatpun bisa Download Source Code Multiple Choice Mit App Inventor dibawah ini..

Pilihan ganda | Multiple Choice

Sebelum kita membuat project baiknya saya jelasin sedikit hayalan saya tenrang  Multiple choice/Pilihan Ganda sebenarnya untuk menjelaskan secara propesional saya tidak bisa, Multiple choice sejenis pilihan seperti kita sedang ujian yaitu ujian pilihan ganda, nah maka dari situ kita bisa mengembangkan aplikasi android dengan membuat permainan dan pembelajaran dengan Multiple Choice ini. Cukup segitu aja penjelasan dari saya yang mungkin kurang jelas ya :D, kalau kurang jelas kita langung buat project baru deh.

Berikut caranya saudaraku..:)
Buat Project baru dengan nama Pilihan_Ganda atau terserah yang anda buat.

Tampilan Project multiple Choice MIT App Inventor
Selanjutnya anda masukan komponen ke desain program seperti Button, Label dan lainnya seperti gambar dibawah ini.

Tampilan Desig Multiple Choice MIT App Inventor
Keterangan:
  1. Layout Property(Name=Kolom_Pertanyaan)
  2. Label Property(Name=L_Pertanyaan, Text=Pertanyaan)
  3. Image
  4. Button Property(Name=BTN_Jawaban1,Text=Jawaban1)
  5. Button Property(Name=BTN_Jawaban2,Text=Jawaban2)
  6. Button Property(Name=BTN_Jawaban3,Text=Jawaban3)
  7. Button Property(Name=BTN_Jawaban4,Text=Jawaban4)
  8. Layout Property(Name=Kolom_Hasil)
  9. Label Property(Name=L_Hasil)
  10. Button Property(Name=BTN_Ulangi, Text=Ulangi)

Selanjutnya masuk ke block program, Susun variable seperti gambar dibawah ini

Tampilan blockVariable Multiple Choice MIT App Inventor
Setelah kita susun variable, Selanjutnya susun block untuk prosedur pertanyaan seperti gambar dibawah ini.

Tampilan Block Petanyaan multiple choice MIT App Inventor
Selanjutnya kita program atau kita susun block untuk Button seperti gambar dibawah ini.
Tampilan Block Button multiple choice MIT App Inventor


Dan yang terakhir susun Prosedur Game Selesai.

Tampilan Block Game Selesai Multiple Choice MIT App Inventor

Nah Cuman segitu program pilihan gandanya, Terlalu panjang ya koding yang saya buat? mungkin ada ulusan dari saudara? Mana tau ada koding yang lebih sederhana atau singkat deh. Mari kita saling berbagi.
Untuk lebih jelasnya bisa diklik video ini : Video Cara Membuat Kuis Pilihan Ganda MIT App Inventor jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :
Download Source Multiplex Choice MIT App Inventor | aia / apk


Mudah mudahan bermanfaat, Sekian dari saya Assalamualaikum warahmatullahi wabarakatuh, 

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


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 :) : ).