Tutorial Lengkap Membuat Aplikasi Quiz Sederhana di MIT App Inventor (Pilihan Ganda) untuk Pemula

Pendahuluan

Tutorial ini merupakan lanjutan dari level dasar MIT App Inventor. Proyek Aplikasi Quiz Sederhana sangat efektif untuk melatih logika pemrograman karena melibatkan:

• Variabel
• Percabangan If–Else
• Perubahan teks Label secara dinamis
• Perhitungan skor
• Konsep dasar evaluasi input pengguna

Aplikasi ini sangat umum digunakan pada:

• Aplikasi edukasi
• Game kuis
• Media pembelajaran interaktif
• Evaluasi pembelajaran digital

Kompetensi yang Dilatih

Setelah menyelesaikan tutorial ini, Anda akan menguasai:

• Penggunaan variabel global
• Logika If–Else
• Manipulasi Label secara dinamis
• Sistem penilaian (skor)
• Event handling berbasis pilihan pengguna

Konsep Aplikasi

Alur aplikasi:

1. Pertanyaan tampil di layar

   
   

2. Pengguna memilih salah satu jawaban

   
   

3. Sistem mengecek:

   • Jika benar → skor bertambah
   • Jika salah → skor tidak bertambah

4. Muncul pertanyaan berikutnya

   
   

5. Skor akhir ditampilkan

   
   

1. Persiapan Konten

Contoh soal:

2. Membuat Proyek Baru

1. Buka: https://appinventor.mit.edu
2. Klik Create Apps
3. Projects → Start New Project
4. Nama proyek:

QuizSederhana

3. Desain UI (Designer)

Komponen yang dibutuhkan:

Struktur:

• LabelJudul → “Quiz Sederhana”
• LabelPertanyaan → tempat soal
• LabelSkor → “Skor: 0”
• ButtonA
• ButtonB
• ButtonC

Atur:

• FontSize besar (16–20)
• Width Button → Fill Parent

4. Variabel Global

Di Blocks → Variables:

initialize global skor to 0
initialize global nomorSoal to 1
initialize global jawabanBenar to ""

Makna:

• skor → menyimpan nilai pengguna
• nomorSoal → indeks soal
• jawabanBenar → menyimpan kunci jawaban

5. Prosedur Tampilkan Soal

Buat procedure:

to tampilkanSoal

Isi:

if global nomorSoal = 1
   set LabelPertanyaan.Text to "Ibu kota Indonesia?"
   set ButtonA.Text to "Jakarta"
   set ButtonB.Text to "Bandung"
   set ButtonC.Text to "Surabaya"
   set global jawabanBenar to "Jakarta"

else if global nomorSoal = 2
   set LabelPertanyaan.Text to "2 + 2 = ?"
   set ButtonA.Text to "3"
   set ButtonB.Text to "4"
   set ButtonC.Text to "5"
   set global jawabanBenar to "4"

else if global nomorSoal = 3
   set LabelPertanyaan.Text to "Warna bendera Indonesia?"
   set ButtonA.Text to "Merah Putih"
   set ButtonB.Text to "Biru Putih"
   set ButtonC.Text to "Hijau Kuning"
   set global jawabanBenar to "Merah Putih"

else
   set LabelPertanyaan.Text to "Quiz selesai!"

Ini contoh nyata Label Dinamis.

6. Event Klik Jawaban

Untuk ButtonA, ButtonB, ButtonC:

Contoh ButtonA:

when ButtonA.Click do
   if ButtonA.Text = global jawabanBenar
      set global skor to global skor + 10
   set LabelSkor.Text to join "Skor: " global skor
   set global nomorSoal to global nomorSoal + 1
   call tampilkanSoal

ButtonB dan ButtonC sama, hanya ganti Button-nya.

Makna akademik:

Ini adalah penerapan langsung dari struktur kontrol If–Else berbasis input pengguna.

7. Event Screen Initialize

when Screen1.Initialize do
   call tampilkanSoal

Artinya:

Saat aplikasi dibuka, soal pertama langsung muncul.

8. Struktur Logika Program

Pola umum:

Event Klik → Bandingkan jawaban → Update skor → Ganti soal

Pseudocode:

If jawaban == jawabanBenar:
   skor += 10
else:
   skor tetap

9. Pengembangan Lanjutan

Untuk meningkatkan kualitas:

1. Tambahkan suara benar/salah
2. Tambahkan progress:

"Soal 2 dari 5"

3. Tambahkan halaman hasil akhir
4. Tambahkan timer
5. Random soal (acak pertanyaan)

10. Kata Kunci SEO Tambahan

• aplikasi quiz MIT App Inventor
• tutorial app inventor quiz
• membuat game kuis android sederhana
• belajar if else app inventor
• tutorial variabel app inventor
• aplikasi edukasi android sederhana