MODUL AJAR INFORMATIKA SMP KELAS VIIITebak Komponen Menggunakan Aplikasi Berbasis Web MIT App Inventor 2

Identitas Modul

• Mata Pelajaran: Informatika
• Fase/Kelas: D / VIII SMP
• Topik: Berpikir Komputasional & Pengembangan Aplikasi
• Subtopik: Pengenalan Komponen App Inventor 2
• Alokasi Waktu: 2 x 40 menit
• Platform: MIT App Inventor 2 (Web App)

Deskripsi Modul

Modul ini mengajak peserta didik belajar mengenal komponen-komponen MIT App Inventor 2 melalui permainan edukatif “Tebak Komponen”. Siswa akan membuat aplikasi kuis sederhana berbasis web yang menampilkan nama atau fungsi komponen, lalu menebak jawabannya melalui tombol pilihan. Pembelajaran dirancang menyenangkan, interaktif, dan cocok untuk siswa kelas VIII yang baru mengenal pengembangan aplikasi.

Tujuan Pembelajaran

Setelah mengikuti modul ini, peserta didik mampu:

1. Mengenali berbagai komponen antarmuka (UI) di App Inventor 2.
2. Menjelaskan fungsi dasar beberapa komponen App Inventor.
3. Membuat aplikasi kuis sederhana “Tebak Komponen”.

Capaian Pembelajaran

Peserta didik mampu:

1. Memahami konsep antarmuka aplikasi berbasis blok.
2. Menggunakan komponen Label, Button, dan Notifier.
3. Menyusun logika sederhana menggunakan block programming.

Profil Pelajar Pancasila

• Bernalar kritis
• Kreatif
• Mandiri
• Gotong royong

Sarana dan Prasarana

• Laptop/PC/Chromebook
• Koneksi internet
• Akun Google
• Browser (Chrome/Firefox)

Materi IntiA. Apa Itu Komponen App Inventor?

Komponen adalah bagian penyusun aplikasi di MIT App Inventor, seperti Label, Button, Image, TextBox, dan lain-lain. Setiap komponen memiliki fungsi tertentu untuk membangun tampilan dan cara kerja aplikasi.

B. Konsep Game Edukasi “Tebak Komponen”

Aplikasi akan:

• Menampilkan pertanyaan tentang fungsi komponen
• Menyediakan beberapa pilihan jawaban
• Memberikan umpan balik benar atau salah

Langkah-Langkah PembelajaranA. Kegiatan Pendahuluan (10 menit)

1. Guru bertanya:

Pernahkah kalian menggunakan tombol atau teks di aplikasi? Tahukah kalian nama komponennya?

1. Guru menyampaikan tujuan pembelajaran dan alur kegiatan.

B. Kegiatan Inti (60 menit)Langkah 1: Membuat Proyek Baru

1. Buka ai2.appinventor.mit.edu
2. Login dengan akun Google
3. Klik Start New Project
4. Beri nama proyek: TebakKomponen

Langkah 2: Mendesain Tampilan (Designer)

Tambahkan komponen berikut:

• LabelJudul → Teks: Tebak Komponen App Inventor
• LabelSoal → Teks: Komponen apakah yang digunakan untuk menampilkan teks?
• ButtonA → Teks: Button
• ButtonB → Teks: Label
• ButtonC → Teks: Image
• Notifier (untuk pesan benar/salah)

Atur tata letak agar rapi dan mudah dibaca.

Langkah 3: Menyusun Blocks (Logika Program)

1. Klik tab Blocks
2. Buat blok berikut:

• when ButtonB.Click
• call Notifier.ShowAlert → "Jawaban Benar!"
• when ButtonA.Click
• call Notifier.ShowAlert → "Jawaban Salah, coba lagi"
• when ButtonC.Click
• call Notifier.ShowAlert → "Jawaban Salah, coba lagi"

C. Kegiatan Penutup (10 menit)

1. Siswa mencoba aplikasi yang dibuat
2. Beberapa siswa mempresentasikan hasilnya
3. Guru memberi refleksi dan penguatan

Ayo Mencoba (Pengembangan Aplikasi)

Tugas siswa:

1. Tambahkan satu soal baru tentang komponen lain
2. Ubah teks soal dan pilihan jawaban
3. Tambahkan skor sederhana (opsional)

Refleksi Siswa

Jawablah pertanyaan berikut:

1. Komponen apa yang paling mudah kamu ingat?
2. Apa manfaat belajar sambil bermain?
3. Apa kesulitan yang kamu temui?

PenilaianPengetahuan

• Menyebutkan fungsi minimal 3 komponen

Keterampilan

• Aplikasi kuis dapat dijalankan
• Tombol berfungsi dengan benar

Sikap

• Aktif dan bekerja sama

Kriteria Ketercapaian

Peserta didik dinyatakan tuntas apabila:

• Berhasil membuat aplikasi Tebak Komponen
• Menjawab dan memodifikasi minimal 1 soal

Penutup

Melalui permainan Tebak Komponen, peserta didik belajar Informatika dengan cara menyenangkan. Mereka tidak hanya mengenal nama komponen, tetapi juga memahami fungsinya melalui praktik langsung.

Belajar Informatika akan lebih bermakna jika dilakukan sambil mencoba dan bermain.

Modul ini dapat dikembangkan menjadi proyek kelompok atau game edukasi lanjutan.

Modul ajar “Tebak Komponen menggunakan aplikasi berbasis web MIT App Inventor 2” sudah saya susun lengkap dan siap digunakan di kelas, Omjay 👍

Keunggulan modul ini:

• 🎮 Model game edukatif → belajar sambil bermain
• 🧩 Fokus mengenalkan komponen App Inventor (Label, Button, Image, dll.)
• 🪜 Langkah bertahap & ramah pemula kelas 8
• 📚 Sudah memuat: tujuan, CP, P5, aktivitas, refleksi, dan penilaian
• 🔁 Mudah dikembangkan jadi kuis bertingkat atau proyek kelompok