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

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

Cara Penggunaan Sensor Accelerometer MIT App Inventor

Cara Penggunaan Sensor Accelerometer MIT App Inventor - Assalamualaikum warahmatullahi wabarakatuh, Semoga Keselamatan dan rahmat Allah, serta keberkahan-Nya terlimpah pada kalian..Aminnn ya Allah. Baiklah pada kali ini saya akan membuat Tutorial Accelerometer pada MIT App Inventor dan bagaimana cara penggunaannya, maaf sebelumnya disini saya hanya membuat contoh project Accelerometer yang sederhana dan nanti anda bisa Download Source Code Accelerometer MIT App Inventor. Ok tanpa banyak kata belatbelitnya langsung saja kita simak apa itu accelerometer dan bagaimana cara penggunaannya…..

Apa itu Accelerometer MIT App Inventor?

Accelerometer adalah komponen yang tak terlihat yang bisa mendeteksi gemetar dan mengukur percepatan menggunakan satuan SI (m/s2). Pada intinya accelerometer mendeteksi getaran. Berikut sedikit detail penjelasan accelerometer pada MIT App Inventor

Property

• Available
• Enabled
• Minimum Interval (Interval Minimum dalam milidetik antara guncangan telepon).
• Sensitivity (Sebuah angka yang mendekatkan seberapa sensitive accelerometer tersebut. Pilihannya adalah : 1= Lemah, 2=Sedang dan 3 = Kuat).
• xAccel (Yaittu 0 saat telepon berada pada posisi dipermukaan yang datar, Negatif saat telepon dimiringkan kekanan (misalnya, sisi kirinya dinailkan), dan Positif saat telepon dimiringkan kekiri (misalnya sisi kanannya dinaikan)).
• yAccel (yaitu 0 saat telepon berada pada posisi diam pada permukaan yang datar, Negatif saat bagian bawahnya dinaikkan, dan Positif saat bagian atasnya dinaikkan).
• zAccel (yaitu sama dengan +9,8 (gravitasi bumi dalam perdetik saat perangkat diimbangi sejajar dengan permukaan dengan layar menghadap ke atas, 0 saat tegak lurus ketanah dan -9,8 saat menghadap ke bawah). Nilai juga dapat dipengaruhi oleh mempercepatnya dengan atau melawan grafitasi.

Sensor Accelerometer

Nah, langsung aja kita praktekin cara penggunaan Sensor Accelerometer pada MIT App Inventor.

Berikut caranya 

Kunjungi Juga : Cara Penggunaan Barcode Scanner MIT App Inventor

Buat Project baru dengan nama Accelerometer atau terserah anda mau buat apa nama projectnya, Kalau sayamah nama projectnya Accelerometer, seperti gambar dibawah ini.

Tampilan Project Sensor Accelerometer MIT App Inventor

Selanjutnya anda masukan komponen ke desain program, Setelah dimasukan Sensor Accelerometer tambahin Juga Button dan label, Seperti desain saya dibawah ini.

Tampilan Design Sensor MIT App Inventor

Keterangan :

1. Button ganti propertinya (Name = BTN_Accelerometer, Text = Accelerometer OFF, Textcolor= putih, Background color= Abu-abu)
2. Label ganti Propertynya (Nama=L_NilaiAccelerometer dan Text=0)
3. Accelerometer ganti Propertynya (Enabled=false atau ilangin centannya)

Selanjutnya anda masuk ke block program, Susun Block Programnya seperti gambar dibawah ini.

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

Tampilan Block Sensor Accelerometer MIT App Inventor

Kalo udah selesai nyusun blocknya langsung saja jalankan diemulator dan anda akan tau mana gerakan X, Y, dan Z. Cuman segitu sih yang saya bisa, Dari sedikit pembicaraan saya disini anada  bisa mengembangkan penemuan program baru dengan memanfaatkan acceleromer tersebut. Misalnya membuat pemutar musik apabila diguncang ponselnya, maka musiknya mati, Itu salah satu contohnya Atau membuat game dengan gerakan.

Untuk lebih jelasnya bisa diklik video ini : Video Tutorial Cara Penggunaan Sensor Accelerometer MIT App Inventor dan jangan lupa subscribe nya…

Link Download :

Download Source code Accelerometer MIT App Inventor | aia / apk

Silahkan download apk untuk mendapatkan source codenya. Semoga setidaknya sedikit bermanfat untuk yang membaca sekarang ini. Sekian dari saya Wassalamualaikum warahmatullahi wabarakatuh

Cara Penggunaan Barcode Scanner Pada MIT App Inventor

Cara Penggunaan Barcode Scanner Pada MIT App Inventor - Assalamualaikum warahmatullahi wabarakatuh, Semoga Keselamatan dan rahmat Allah, serta keberkahan-Nya terlimpah pada kalian.Aminnn Ya robbalalamin. Disini  saya menjelaskan Tutorial Barcode Scanner Pada MIT App Inventor, Sebenarnya penggunaan barcode scanner sangat mudah tapi yang susah itu bagaimana pengembangannya untuk pembuatan aplikasi dan saya punya membuat tutorial ini hanya untuk pemula karna sayapun masih pemula, kalau mas dan mbak males menyimak bisa kok Download Source Code Barcode MIT App Inventor, tapi sebelum download alangkah baiknya mas, mbak simak sedikit penjelasan dari saya ini.

Apa itu Barcode Scanner MIT App Inventor…? Barcode Scanner yaitu memindai atau membaca kode barcode batang.

Barcode Scanner

Property

→ UseExternal Scanner.

Yaitu Apabila True  pada propertynya maka maka program akan mencari atau memindai external seperti " Bar Code Sanner"

 Event

→ After Scan 

Artinya akan menunjukkan hasil pemindaian yang telah dibaca yaitu berupa text atau memberikan hasil pemindaiannya.

Kunjungi juga : Apa Itu Tinydb MIT App Inventor?

Cuman itu yang bisa saya jelasin, baiklah selanjutnya saya jelasin  cara penggunaan Sensor Barcode Scanner pada MIT App Inventor. Berikut caranya mas dan mbak brooo.

Buat Project baru dengan nama Barcode_Scanner atau terserah mbak dan maslah mau buat apa nama projectnya kalau saya nama projenya Barcode_Scanner.

Tampilan Nama Project Barcode Scanner MIT App Inventor

Selanjutnya mas dan mbak klik sensor barcode scannernya pada palatte atau komponennya dan seret sensornya ke desain program. Setelah dimasukan Sensor Barcode Scanner tambahin Juga Button dan label, Seperti desain saya dibawah ini.

Tampilan Desain Project Barcode Scanner MIT App Inventor

Keterangan:

Nah sekarang saya jelasin deh apa itu panah panah yang berwarna merah

1. Button - ganti propertinya (Name = BTN_Scan, Text = Scan).
2. Label - ganti Propertynya (Text=Hasil).
3. Barcode Scanner - ganti Propertynya (UseExternalScan=false Atau ilangin centangnya).

Selanjutnya masuk ke block program, Susun Block Programnya seperti gambar dibawah ini.

Tampilan Block Program Barcode Scanner MIT App Inventor

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

Haah cuman segitu ya…..? Iya cuman segitu, saya kan masih pemula juga heheehe.. kan mbak dan mas bisa mengembangkan penemuan program baru dengan memanfaatkan Barcode Scanner tersebut. Misalnya membuat Penjualan Barang, Itu salah satu contohnya heheheheh…☺☺☺

Untuk lebih jelasnya klik video ini : Video tutorial Cara Penggunaan Barcode Scanner Pada MIT App Inventor,  jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :

Download Source code Barcode Scanner MIT App Inventor / APK

Semoga setidaknya sedikit bermanfat untuk yang membaca sekarang ini. Amin, Untuk download source code silahkan download dulu APKnya.

O iya Kalau ada salah pembuatan programnya tolong dikomentarinnya apa lagi yang mau bertanya insyaallah saya jawab. Sekian dari saya wassalamualaikum warahmatullahi wabarakatuh, 

Save, Update & Delete TinyDB to Listview MIT App Inventor

Save, Update & Delete TinyDB to Listview MIT App Inventor - Jamaaahhh oh Jamaaahhh…. :D :D Assalamualaikumwarahmatullahiwabarakatuh. Gimana kabarnya? Mudah mudahan baik baik aja ya. Pada kali ini saya tertarik membuat artikel tentang tinyDB. disini mas, mbak bisa Download Source Code Save, Update & Delete TinyDB to Listview MIT App Inventor.  Pada project saya ini menurut saya sangatlah bangus dan banyak orang membutuhkannya, itu sih menurut saya, tapi kayaknya yang membaca sekarang udah para master program, nah project saya kali ini berisi Data Penduduk Menggunakan TinyDB MIT App Inventor. Sebelum Saya Menjelaskan Penggunaan TinyDB anda harus tau dulu Apa Itu Tinydb pada MIT App Inventor ?

Ok langsung saja saya buatin contoh program penggunaan tiny DB, Menyimpan, Menampilkan, menghapus dan mengupdate menggunakan TinyDB Pada MIT APP Inventor.

TinyDB To ListView MIT App Inventor

Buat dulu nama projectnya, terserah mas dan mbak deh. Kalau saya nama projectnya TinyDB

Tampilan Nama Project TinyDB MIT App Inventor

Seret Tool TinyDBnya Kedesain Progaram oh iya tambahin juga TextBox, Label, Notifier Dan ListView. Lihat contohnya dibawah.

Tampilan Design TinyDB MIT App Inventor

Saya Jelasin ya Apa itu Angka 1-12.

• 1,2,3 adalah tool label – ganti property (text label 1=NIK, Label 2=Nama,dan Label3=Alamat).
• 456 adalah textbox – ganti property (name textnya textbox4=TBox_NIK, TexBox5=TBoxNama dan textbox6 = TBox_Alamat).
• 7,8,9 adalah Button – ganti property (button 7 ganti nama=BTN_Delete dan text=Delete, Button 8 ganti name menjadi=BTN_Update dan Text=Update dan button nomor 9 ganti name=BTN_Save dant text =Save).
• 10 adalah Listview.
• 11 notifier.
• 12 TinyDB - ganti property (name=DatabaseTiny).

Apabila mas dan mbak selesai mendesain seperti yang saya buat.Langsung saja kita berjalan ke block program..

Pertama buat coding block untuk Screennya Seperti ini yahhh.

Tampilan Block Screen TinyDB MIT App Inventor

Sesudah itu lanjut buat prosedur, yang pertama buat prosedur clear. Yang artinya menghapus inputan pada textbox.

Tampilan Block Prosedur Clear TinyDB MIT App Inventor

Lanjutkan buat prosedur selanjutnya yaitu Save, save itu bahasa saya ya,  kalo bahasa indonesianya SIMPAN..heheheh

Tampilan Block Prosedur Save TinyDB MIT App Inventor

Gimana Udah buat save, selanjutnya buat lagi ni prosedur menampilkan di listview…

Tampilan Block Peosedur Tampilkan di ListView TinyDB MIT App Inventor

Udah Ya??? Kalau udah lanjut kita Program block untuk Button Save, Seperti ini yah…

Tampilan Block Save TinyDB MIT App Inventor

Selanjutnya untuk Button Update.

Tampilan Block Update TinyDB MIT App Inventor

Ok selanjutnya untuk button Dalete.

Tampilan Block DeleteTinyDB MIT App Inventor

Oh Iya Satu Lagi ni nyusun blocknya.

Tampilan Block Tampilkan TinyDB di ListView MIT App Inventor

Ok Sudah deh… segitu doang….Kalau gitu langsung aja jalanin di emulator ya… mmmmm moga sukses ya mbak dan mas..Kalo berhasil dikomen ya… apalagi yang ngak berhasil wajib komen…hehehe, Biar kita share ilmu…Dari sedikit pembicaraan saya disini mbak dan mas bisa mengembangkan penemuan program baru dengan memanfaatkan TinyDB Sebagai penyimpanan.

Oh iya kalu tidak mengerti ini ada video tutorialnya , Video Tutorial Save, Update & Delete TinyDB to Listview MIT App Inventor dan jangan lupa SUBCRIBE ya…

Link Download :

Download Source code TinyDB MIT App Inventor | aia / apk

Semoga bermanfaat sekian dari saya Assalamualaikum warahmatullahi wabarakatuh.. muach.. oh yang mau download, download dulu APKnya.

Apa Itu Tinydb MIT App Inventor?

Apa Itu Tinydb MIT App Inventor? – Assalamualaikum.wr.wb  Semoga Keselamatan dan rahmat Allah, serta keberkahan-Nya terlimpah pada kalian. Okelah kalau begitu saya menjelaskan sedikit Tutorial TinyDB MIT App Inventor, tanpa banyak kata belatbelitnya langsung saja kita simak sedikit saja apa itu cara penggunaan TinyDB.

TinyDB MIT App Inventor

Apa itu TinyDB MIT App Inventor…?

TinyDb adalah komponen yang berfungsi menyimpan data aplikasi ke memory perangkat, Aplikasi pada MIT App Inventor diinisialisasikan setiap kali dijalankan. Ini berarti bahwa Jika sebuah Apliksi menyetel nilai variable dan pengguna kemudian keluar dari aplikasi maka nilai variable tersebut tidak akan diingat saat aplikasi dijalankan lagi. Nahhh…. kalau tinyDB adalah penyimpanan data persisten artinya data yang tersimpan dalam tinyDB akan tersedia setiap aplikasi dijalankan. Contohnya ni dalam mengambil Skor tertinggi dalam permainan dan mengambilnya setiap kali permainan di mainkan. Didalam tinyDB MIT App Inventor perlu kita ketahui seperti dibawah ini.

Methotds

• ClearAll() →Yaitu menghapus semua data yang tersimpan dalam TinyDB
• ClearTaq taq() →Yaitu Mengosongkan Data yang terdapat pada taq yang dipilih.
• GatTaqs() →Yaitu mengembalikan semua taq pada TinyDB.
• GetValue Taq() →Yaitu mengambil nilai yang tersimpan pada taq yang dipanggil, jika tidak ada taq seperti yang dipanggil maka kembalikan nilai taqNotThere.
• StoreValue Taq() →Yaitu menyimpan nilai didalam taq yang diberikan. Dan penyimpananpun tetap ada saat aplikasi dikeluarkan atau telepon direstart.

Sedikitnya pembicaran saya disini mbak dan mas bisa mengembangkan penemuan program baru dengan memanfaatkan TinyDB Sebagai penyimpanan. 

Kunjungi Juga : Pembuatan Data Penduduk Menggukan TinyDB Pada MIT App Inventor

Untuk tutorial MIT App Inventor bisa lihat pada video dibawah ini dan jangan lupa subscribe agar mbak, mas tidak ketinggalan video tutorial : Kumpulan Video Tutorial MIT App Inventor App Inventor

Terima kasih, Sekian dari saya Wassalamualaikum warahmatullahi wabarakatuh