Modul Praktik Membuat Kalkulator Sederhana Dengan Mit App Inventor 2 (kelas Viii Smp)

Modul Praktik InformatikaMembuat Kalkulator Sederhana dengan MIT App Inventor 2Untuk Siswa Kelas VIII SMP (Fase D)

A. Identitas Modul

• Mata Pelajaran : Informatika
• Kelas/Fase : VIII / Fase D
• Materi : Pengembangan Aplikasi Sederhana
• Topik Praktik : Aplikasi Kalkulator
• Platform : MIT App Inventor 2
• Alokasi Waktu : 3 × 40 menit
• Perangkat : Laptop/PC, Internet, HP Android (opsional)

B. Capaian Pembelajaran

Peserta didik mampu:

1. Mengenal lingkungan pengembangan aplikasi visual.
2. Menggunakan komponen input, output, dan kontrol.
3. Menerapkan operasi matematika sederhana.
4. Membuat aplikasi fungsional berbasis logika blok.

C. Tujuan Pembelajaran

Setelah mengikuti modul ini, siswa dapat:

• Menggunakan TextBox, Button, dan Label.
• Membuat kalkulator penjumlahan, pengurangan, perkalian, dan pembagian.
• Menjalankan aplikasi kalkulator di HP Android.

D. Profil Pelajar Pancasila

• Bernalar kritis
• Kreatif
• Mandiri
• Bertanggung jawab

E. Pengantar

Setiap hari kita menggunakan kalkulator. Pernahkah kalian berpikir bagaimana kalkulator dibuat?

Pada praktik ini, kalian akan membuat aplikasi kalkulator sendiri menggunakan MIT App Inventor 2, tanpa menulis kode rumit, cukup dengan menyusun blok logika seperti puzzle.

F. Nama Proyek🧮 Kalkulator Pintar SMP

G. Langkah PraktikLangkah 1 – Masuk ke MIT App Inventor 2

1. Buka browser (Chrome disarankan)
2. Kunjungi: https://ai2.appinventor.mit.edu
3. Login menggunakan akun Google
4. Klik Create New Project
5. Beri nama proyek: KalkulatorSederhana

Langkah 2 – Mendesain Tampilan (Designer)

Tambahkan komponen berikut:

A. User Interface

• 2 TextBox
• TextBox1 → Hint: Angka pertama
• TextBox2 → Hint: Angka kedua
• 1 Label
• Text: *Hasil: *
• 4 Button
• ButtonTambah → Text: +
• ButtonKurang → Text: −
• ButtonKali → Text: ×
• ButtonBagi → Text: ÷

Langkah 3 – Mengatur Properti Komponen

• TextBox1 & TextBox2
• NumbersOnly: true
• LabelHasil
• FontSize: 18
• Button
• FontSize: 16

Langkah 4 – Membuat Blok Program (Blocks)A. Konsep Dasar

• Angka diambil dari TextBox
• Diubah menjadi number
• Diproses sesuai tombol yang ditekan
• Hasil ditampilkan ke Label

B. Blok Penjumlahan

Saat ButtonTambah.Click:

1. Ambil TextBox1.Text
2. Ambil TextBox2.Text
3. Jumlahkan kedua angka
4. Tampilkan ke LabelHasil

C. Blok Pengurangan

Saat ButtonKurang.Click:

• Angka pertama dikurangi angka kedua
• Hasil ditampilkan

D. Blok Perkalian

Saat ButtonKali.Click:

• Angka pertama dikali angka kedua
• Hasil ditampilkan

E. Blok Pembagian

Saat ButtonBagi.Click:

• Angka pertama dibagi angka kedua
• Jika angka kedua = 0 → tampilkan pesan "Tidak bisa dibagi nol"

H. Uji Coba Aplikasi

1. Klik Connect → AI Companion
2. Scan QR Code menggunakan HP Android
3. Coba masukkan angka dan tekan tombol operasi

I. Tantangan (Challenge)

Jika sudah berhasil, coba kembangkan:

1. Tambahkan tombol Clear (C)
2. Tambahkan warna menarik
3. Tambahkan operasi pangkat
4. Ubah tampilan seperti kalkulator HP

J. Refleksi Siswa

Jawablah secara singkat:

1. Apa yang kamu pelajari hari ini?
2. Tombol mana yang paling sulit dibuat?
3. Ide aplikasi apa yang ingin kamu buat selanjutnya?

K. Penilaian1. Pengetahuan (30%)

• Memahami fungsi komponen

2. Keterampilan (50%)

• Aplikasi berjalan dengan benar

3. Sikap (20%)

• Disiplin, kerja sama, dan kemandirian

L. Penutup

Hari ini kalian membuktikan bahwa kalian bukan hanya pengguna teknologi, tetapi pencipta teknologi. Dari kalkulator sederhana, akan lahir aplikasi-aplikasi hebat lainnya.

✍️ Modul Praktik Informatika SMP – Berbasis Proyek dan Mudah Dipahami Siswa