Gamesoft.eu.org - Halo, selamat datang di artikel panduan cara membuat aplikasi kuis menggunakan MIT App Inventor. Dalam era di mana teknologi semakin meresap ke dalam pendidikan, membuat aplikasi kuis bisa menjadi langkah yang cerdas untuk memperkaya pengalaman pembelajaran. MIT App Inventor menawarkan platform yang mudah dipahami bahkan bagi pemula sekalipun, sebelum lanjut saya sarankan menggunakan perangkat PC/Laptop agar mudah dalam proses buildingnya, langsung saja simak baik-baik artikel ini!.
1. Desain Tampilan Math Quiz
1. Kamu harus masuk terlebih dahulu di akun MIT App Inventor kamu terlebih dahulu.
2. Beri nama aplikasi quiznya lalu klik ok, ketika terbuka klik pada Screen1 ubah AlignHorizontal & AlignVertical menjadi 3 & 2.
3. Kemudian klik dan seret button, lalu beri nama button menjadi "Start The Quiz" (nama bisa bebas) lalu ubah FontSize jadi 20, Heightnya Automatic dan Widthnya 50%.
4. Kemudian kamu klik Add Screen yang berada di pojok tengah atas dan tambahkan nama untuk screennya lalu klik block pada kanan atas, dan ikuti kodingan ini:
5. Lalu buka screen2 dengan cara klik screen1 lalu akan muncul screen 2 lalu klik itu.
6. Jika sudah ada di screen2 kemudian kamu atur AlignHorizontal & AlignVertical menjadi 3 & 2 pada screen2.
7. Klik dan seret Vertical Arrangement1 kedalam screen2 ubah AlignHorizontal & Vertical menjadi 3 & 2 (gunaya agar ditengah), lalu 1 label, dan 5 button (untuk button bebas nentuinnya), dibawah button, 1 lagi label lalu klik dan seret Notifier pada screen2.
8. Beri nama label yang atas dengan pertanyaan (bebas) lalu beri jawaban dikeempat button, lalu dibawah 4 button ada 1 button (namain Next) dan ada juga label (namain "Tentukan Jawabanmu" atau boleh yang lain).
 |
| Semoga kalian mengerti apa yang saya desain :) |
9. Jika sudah seperti diatas saya kasih button jawabannya itu ukurannya menjadi widthnya 90%, kamu juga bisa menambahkan label kosong pada tiap-tiap button agar sebagai pembatas, dan kamu juga bisa atur bentuk button menjadi oval atau rounded itu semaumu saja.
10. Dan jika sudah, kamu harus menambahkan screen lain dengan cara yang sama pada nomor ke 5 untuk penambahannya bebas sesuai keinginanmu, setelah punya banyak screen barulah kamu copy paste saja element yang ada di screen2 (Select CTRL+C untuk windows) jika kamu menggunakan HP kamu harus melakukannya manual, dan langsung saja ganti teksnya menjadi soal yang diinginkan (kalau saya ada 5 screen).
2. Koding untuk Aplikasi Math Quiz
1. Setelah selesai mendesain kamu harus mengkodingnya dengan cara klik tombol block pada pojok kanan atas, lalu buatlah kodingan seperti ini:
 |
| Karena ini ada kodingan call GameOver, kamu harus buat dulu kodingannya di Procedures dan ini untuk button jawaban yang salah makannya warna backgroundnya akan merah ketika diklik |
2. Setelah selesai, kodingan kedua mirip seperti pada gambar diatas cuma ganti aja buttonnya menjadi button 2 (kalau disaya AnswerB) kamu juga bisa ganti dulu supaya ga bingung, caranya klik button abis tu klik rename.
3. Nah untuk Jawaban yang benar ikuti kodingan dibawah ini dan juga kamu buat untuk mengimplimentasi kode call > GameOver (yang ungu) ikuti kodingan berikut.
4. Jika sudah maka kita selanjunya menambahkan kodingan notifier. pastikan kamu sudah menambahkan item notifier ya.
5. Terakhir tambahkan kode Next button yang click lalu cari control pada block lalu pilih yang open another screen screenName > Screen3 untuk ketika button next diklik maka akan berganti ke soal lain atau berganti screen. Ketika sudah banyak screen dan kodingan sudah kamu ganti maka kurang lebih kodingannya seperti ini fullnya.
 |
| Ini adalah kodingan screen2 yang dimana warna hijau berarti benar dan akan memanggil next button dan jika merah berarti salah, akan memanggil notifier melalui perantara GameOver (procedures) |
 |
| Ini adalah kodingan screen5 atau screen akhir quiz dimana button hijau akan memanggil notifier melalui perantara prosedures yang bernama (Menang) dan tombol next akan tetap kita hilangkah karena quiznya sudah selesai. Untuk kodingan awal atau screen1 itu kamu cukup memanggil button when click > open screen another screen screenName > screen2 |
3. Export Aplikasi Math Quiz
Untuk caranya cukup mudah pertama-tama kamu klik Build pada pojok tengah atas, maka akan muncul dropdown, kamu pilih Android App (.apk), lalu tunggu prosesnya hingga selesai dan jika sudah selesai kamu diberi 2 pilihan untuk mendownloadnya pertama kamu download langsung kekomputer dan kedua melalui kode QR.
Dan jika tutorial singkat ini kurang faham kamu bisa kunjungi artikel Cara mengimport dan mengekspor aplikasi pada mit app inventor.
Download File Demo Math Quiz dibawah ini bagi kamu yang membutuhkan build cepat:
Penutup
Dan itulah artikel Cara Membuat Aplikasi Math Quiz lewat MIT App Inventor, cara diatas cukup simpel tapi juga cukup merepotkan, karena harus manual copy paste item-itemnya ke screen lain, dan saya belum tau bagaimana caranya agar mengimplementasikan semua soal itu dalam satu kodingan, so jika kamu tau atau ingin bertanya tentang sesuatu jangan ragu untuk komen di kolom komentar pada blog ini atau komentar pada youtube.
Jika Kurang Paham Bisa Kunjungi Video Youtube ini!
Posting Komentar