Learn/ Informatika/ Kelas 9/ Materi 4
Materi 4 · App

App Inventor: Buat Aplikasi Android! 📱

Punya ide aplikasi Android keren? Dengan MIT App Inventor, kamu bisa membuatnya sendiri menggunakan blok coding — tanpa perlu bisa Java atau Kotlin!

Apa Itu MIT App Inventor?

MIT App Inventor adalah platform online gratis dari Massachusetts Institute of Technology (MIT) yang memungkinkanmu membuat aplikasi Android menggunakan sistem blok visual — mirip Scratch, tapi hasilnya adalah aplikasi HP yang nyata!

📱 Fakta Seru!

App Inventor telah digunakan oleh lebih dari 10 juta orang di 195 negara! Kamu bisa langsung mencoba aplikasinya di HP Android menggunakan aplikasi MIT AI2 Companion yang gratis.

Dua Bagian Utama App Inventor

🖼️ Designer

Tempat kamu mendesain tampilan aplikasi. Seperti Photoshop, tapi lebih mudah!

  • • Drag & drop komponen (tombol, teks, gambar)
  • • Atur posisi, warna, dan ukuran
  • • Tambahkan media (suara, gambar)

🧩 Blocks

Tempat kamu membuat logika aplikasi menggunakan blok — seperti Scratch!

  • • Tentukan apa yang terjadi saat tombol diklik
  • • Buat kondisi (if-else) dan pengulangan
  • • Hubungkan dengan sensor HP (GPS, kamera, dll)

Komponen yang Sering Dipakai

🔘

Button

Tombol yang bisa diklik oleh pengguna

🏷️

Label

Menampilkan teks di layar

📝

TextBox

Kotak input untuk memasukkan teks

🖼️

Image

Menampilkan gambar

🔊

Sound

Memainkan file audio

📸

Camera

Mengakses kamera HP

Proyek: Aplikasi Penghitung Klik

Mulai dengan aplikasi sederhana! Sebuah tombol yang ditekan, angkanya bertambah — seperti tally counter di HP-mu.

1 Buka ai2.appinventor.mit.edu, login dengan akun Google
2 Buat proyek baru → "Start new project" → beri nama "PenghitungKlik"
3 [Designer] Tambahkan Label (judul), Label (angka penghitung), dan Button (tombol "Klik!")
4 [Designer] Atur warna tombol menjadi hijau, font Label angka jadi besar (24sp)
5 [Blocks] Buat variabel "hitungan" = 0
6 [Blocks] Saat Button diklik: hitungan = hitungan + 1, lalu tampilkan di Label
7 Uji di HP: Install MIT AI2 Companion, scan QR code dari menu Connect

Ide Proyek Lanjutan

🎵

Keyboard Piano

Tombol warna-warni yang memainkan nada berbeda

🎲

Dadu Digital

Kocok HP → muncul angka acak 1-6

📍

Penanda Lokasi

Simpan koordinat GPS tempat favoritmu

⏱️

Stopwatch

Hitung waktu dengan start, stop, dan reset

✅ Tips Sukses dengan App Inventor

  • Mulai dari yang sederhana — 1 layar, 1 fungsi
  • Gunakan Live Testing (MIT AI2 Companion) untuk langsung lihat hasilnya di HP
  • Beri nama komponen yang jelas: "btnMulai" bukan "Button1"
  • Simpan hasil karyamu sebagai file .aia agar bisa dilanjutkan lain waktu

Ringkasan 📝

Sebelumnya

UI/UX Dasar

Berikutnya

Kewargaan Digital