MODUL AJAR INFORMATIKA SMP KELAS VIIIMendesain Aplikasi Kartu Nama Digital Sederhana Menggunakan MIT App Inventor 2

Identitas Modul

• Mata Pelajaran: Informatika
• Kelas/Semester: VIII / Genap
• Topik: Pengembangan Aplikasi Sederhana
• Subtopik: Kartu Nama Digital
• Alokasi Waktu: 3 x 40 menit
• Platform: MIT App Inventor 2

1. Deskripsi Singkat Modul

Pada modul ini, peserta didik akan belajar mendesain dan membuat aplikasi kartu nama digital sederhana menggunakan MIT App Inventor 2. Aplikasi ini berisi informasi dasar seperti nama, sekolah, nomor kontak, dan foto sederhana. Modul dirancang dengan langkah-langkah praktis, mudah dipahami, dan sesuai dengan karakteristik siswa kelas VIII SMP.

2. Tujuan Pembelajaran

Setelah mengikuti pembelajaran ini, peserta didik diharapkan mampu:

1. Menjelaskan fungsi dan manfaat kartu nama digital.
2. Mendesain tampilan aplikasi sederhana menggunakan komponen App Inventor.
3. Membuat aplikasi kartu nama digital yang dapat dijalankan di perangkat Android.

3. Capaian Pembelajaran

Peserta didik mampu:

1. Memahami konsep dasar pengembangan aplikasi sederhana.
2. Menggunakan komponen antarmuka (UI) pada App Inventor.
3. Mengimplementasikan logika sederhana menggunakan block programming.

4. Profil Pelajar Pancasila

• Bernalar kritis
• Kreatif
• Mandiri

5. Sarana dan Prasarana

• Laptop/Chromebook/PC
• Akses internet
• Smartphone Android (opsional, bisa menggunakan emulator)
• Akun Google

6. Materi IntiA. Pengenalan Kartu Nama Digital

Kartu nama digital adalah identitas elektronik yang memuat informasi pribadi dan dapat dibagikan melalui perangkat digital. Kartu nama digital lebih praktis, ramah lingkungan, dan mudah diperbarui.

B. Pengenalan MIT App Inventor 2

MIT App Inventor 2 adalah platform berbasis web yang memungkinkan pengguna membuat aplikasi Android dengan cara drag and drop serta block programming, tanpa harus menulis kode yang rumit.

7. Langkah-Langkah PembelajaranA. Kegiatan Pendahuluan (10 menit)

1. Guru membuka pembelajaran dengan pertanyaan:

Pernahkah kalian melihat kartu nama? Bagaimana jika kartu nama dibuat dalam bentuk aplikasi?

1. Guru menjelaskan tujuan dan manfaat pembelajaran.

B. Kegiatan Inti (90 menit)Langkah 1: Masuk ke App Inventor

1. Buka browser dan akses ai2.appinventor.mit.edu
2. Login menggunakan akun Google
3. Klik Start New Project
4. Beri nama proyek: KartuNamaDigital

Langkah 2: Mendesain Tampilan (Designer)

Tambahkan komponen berikut:

• Label (Judul: Kartu Nama Digital)
• Image (Foto/ikon)
• Label (Nama)
• Label (Sekolah)
• Label (Nomor Kontak)
• Button (Tombol: Tampilkan Pesan)

Atur:

• Font lebih besar untuk judul
• Warna latar belakang sederhana
• Posisi komponen rapi dan mudah dibaca

Langkah 3: Mengatur Blocks (Blocks Editor)

1. Klik tab Blocks
2. Pilih Button1
3. Buat blok:

• when Button1.Click
• set Label.Text to "Terima kasih sudah melihat kartu nama saya"

Blok ini akan menampilkan pesan ketika tombol ditekan.

C. Kegiatan Penutup (20 menit)

1. Siswa menjalankan aplikasi di HP atau emulator
2. Siswa mempresentasikan hasil aplikasinya secara singkat
3. Guru memberikan umpan balik dan penguatan

8. Ayo Mencoba (Tugas Praktik)

Tugas Individu:

1. Ubah warna latar belakang aplikasi
2. Tambahkan satu informasi baru (email atau hobi)
3. Ganti teks pesan pada tombol sesuai kreativitasmu

9. Refleksi Siswa

Jawablah pertanyaan berikut:

1. Apa kesulitan yang kamu alami saat membuat aplikasi?
2. Bagian apa yang paling kamu sukai?
3. Apa manfaat kartu nama digital menurutmu?

10. PenilaianA. Penilaian Sikap

• Keaktifan
• Kerja sama
• Kedisiplinan

B. Penilaian Pengetahuan

• Pemahaman fungsi kartu nama digital
• Pengenalan komponen App Inventor

C. Penilaian Keterampilan

• Tampilan aplikasi rapi
• Aplikasi dapat dijalankan
• Kreativitas desain

11. Kriteria Ketercapaian

Peserta didik dinyatakan tuntas apabila:

• Aplikasi berhasil dibuat dan dijalankan
• Memuat minimal 4 informasi diri
• Tombol berfungsi dengan baik

12. Penutup

Melalui pembelajaran ini, peserta didik tidak hanya belajar teknologi, tetapi juga mengembangkan kreativitas dan kepercayaan diri dalam berkarya digital. Teruslah mencoba dan berinovasi.

"Belajar coding bukan untuk menjadi programmer saja, tetapi untuk melatih cara berpikir."

Modul ini disusun untuk membantu guru dan siswa belajar Informatika secara menyenangkan dan bermakna.

Modul ajar sudah saya susun lengkap, runtut, dan mudah dipraktikkan untuk siswa kelas 8 SMP di canvas sebelah.

Ciri utama modul ini:

• ✅ Bahasa sederhana dan ramah siswa
• ✅ Langkah step-by-step dari nol (login hingga aplikasi jalan)
• ✅ Fokus pada desain & logika dasar, cocok untuk pemula
• ✅ Sudah memuat tujuan, CP, P5, aktivitas, refleksi, dan penilaian
• ✅ Siap dipakai langsung di kelas atau pembelajaran praktik