Saturday 18 May 2019

Cara Mudah Membuat Aplikasi Android “Soal Pilihan Ganda” dengan App Inventor

Soal pilihan ganda atau multiple choice adalah cara paling populer untuk menguji pemahaman siswa terhadap materi pelajaran di sekolah. Kini sobat khususnya para pengajar bisa membuat sendiri soal-soal pilihan ganda berbasis aplikasi android dengan mudah dengan bantuan App Inventor.
Pada kesempatan kali ini saya akan berbagi cara membuat soal-soal latihan (kuis) pilihan ganda yang paling sederhana dan mudah dipraktekkan.
Mula-mula kita persiapkan soal-soal dan pilihan jawabannya (jangan lupa kunci jawabannya).
Di sini saya buat hanya 3 soal: Screen1 untuk pertanyaan nomor 1, pindah (next)  ke Screen2 untuk soal nomor 2, next ke Screen3 untuk soal nomor 3.
Catatan: untuk jumlah soal yang banyak saya sarankan jangan menggunakan cara multiple screen seperti di atas, karena loading akan berat dan keterbatasan server bila sobat bekerja di App Inventor online. Solusinya dengan “multiple screens in one screen” insha Alloh nanti saya buat tutorialnya.
Contoh soal:
1. Di manakah letak ibukota Amerika Serikat?
     A. New York        B. Washington D.C.
     C. Hollywood      D. Brooklyn
Jawaban benar: B. Washington D.C.
2. Berapa akar pangkat dari 121?
     A. 22         B. 12
     C. 21         D. 11
Jawaban benar: D. 11
3. Who wrote "Dilan 1991"?
     A. Asma Nadia   B. Dewi Lestari
     C. Pidi Baiq         D. Andrea Hirata
Jawaban benar: C. Pidi Baiq

Langsung saja buka App Inventor-nya dan buat proyek baru (mis. : Latihan1)
Ubah Title Screen1dengan “Soal 1 IPS”
Buat layout untuk soal no 1:
Seret dan lepaskan Label ke viewer, Label1 ini untuk menuliskan  teks pertanyaan nomor 1, silakan ganti Text dengan “1. Di manakah letak ibukota Amerika Serikat?”
Untuk pilihan jawaban gunakan layout Horizontal Arrangement, Height = Automatic, Width = Fill parent.
Ke dalam kotak Horizontal Arrangement1 ini masukkan 2 buah Button. Agar button rapi dan sejajar buat Width = Fill parent, TextAlignment= left.
Ubah Text: Text for Button2 dengan “A. New York “ dan Text for Button3 dengan “B. Washington D.C.”.
Ganti BackgroundColor = None.
Supaya tidak pusing ganti nama (Rename) Component-nya.
Lakukan hal yang sama untuk pilihan C dan D.
Tambahkan di bawahnya Label untuk konfirmasi pilihan benar atau salah. Kosongkan Text-nya.
Tambahkan lagi di bawahnya tombol “Ulangi”. Tombol ini untuk mengulangi pilihan bila salah.
Tambahkan lagi tombol untuk “Next”. Tombol ini untuk melanjutkan ke soal berikutnya.
Layout soal no 1 di layar 1 selengkapnya seperti berikut:

 


Untuk soal no 2 silakan Add Screen, biarkan namanya tetap Screen2, ubah Title-nya: “Soal 2 Matematika”
Pengerjaan layoutnya sama seperti untuk soal no 1.
Hasil akhir seperti di bawah ini:



Untuk soal no 3 silakan Add Screen, biarkan namanya tetap Screen3, ubah Title-nya: “Soal 2 Bahasa Inggris”
Pengerjaan layoutnya sama seperti untuk soal no 1.
Hasil akhir seperti di bawah ini:



Selanjutnya adalah menyusun perintah-perintah Blocks-nya.
Kembali ke Screen1, klik editor Blocks.
Saat layar pertama dibuka, yang akan ditampilkan (Visible = true) adalah:
Label1 : “1. Di manakah letak ibukota Amerika Serikat?”
Button :
A. New York (btnA)       B. Washington D.C. (btnB)
C. Hollywood (btnC)    D. Brooklyn (btnD)
Sementara yang tidak terlihat (Visible = false) adalah:
Label2, button “Ulangi” dan button “Next”
Sehingga block codenya:



Jika tombol pilihan A (btnA) disentuh, maka selain menampilkan pertanyaan dan pilihan jawaban, juga menampilkan konfirmasi “Salah!” dan button “Ulangi” dan menebalkan (FontBold)  jawaban yang dipilih, tapi tidak menampilkan tombol “Next”. Begitu juga bila menyentuh tombol C dan D. Sehingga blok kodenya:



Karena jawaban yang benar adalah B, maka Jika tombol pilihan B (btnB) disentuh, maka selain menampilkan pertanyaan dan pilihan jawaban, juga menampilkan konfirmasi “Benar!” dan button “Next” dan menebalkan huruf (FontBold) jawaban yang dipilih, tapi tidak menampilkan tombol “Ulangi”. Sehingga blok kodenya:



Jika tombol “Ulangi” disentuh maka akan kembali menampilkan pertanyaan dan pilihan jawaban. Blok selengkapnya:

Jika jawaban benar dan tombol “Next” disentuh maka layar berpindah ke Screen2 untuk menampilkan soal no 2. Blok perintahnya:

Untuk Screen2 dan Screen3 proses penyusunan blok perintahnya sama. Namun perhatikan mana jawaban yang benar.
Catatan: karena susunan bloknya hampir sama, sobat tinggal meng-copy semua blok ke backpack. Caranya klik kanan di editor pilih “Copy All Blocks to Backpack”. Kemudian pindah ke editor Blocks Screen2/Screen3 klik kanan lagi pilih “Paste All Blocks from Backpack  (n)”



Langkah terakhir adalah menjalankan aplikasinya dengan emulator atau instal apk-nya.
Kalau sobat ingin lebih jelas, tonton aja videonya di bawah ini (jangan lupa like, comment, dan subscribe).


Untuk lebih jelas bisa tonton videonya. Jangan lupa Subscribe!






1 comment:

  1. If you're looking to lose fat then you absolutely have to try this totally brand new tailor-made keto meal plan diet.

    To create this keto diet service, certified nutritionists, fitness trainers, and professional cooks united to develop keto meal plans that are useful, painless, price-efficient, and satisfying.

    Since their grand opening in early 2019, hundreds of people have already transformed their body and health with the benefits a professional keto meal plan diet can give.

    Speaking of benefits: clicking this link, you'll discover eight scientifically-confirmed ones provided by the keto meal plan diet.

    ReplyDelete