Contoh Aplikasi

Beranda
MIT App Inventor

Tutorial Lanjutan Membuat Aplikasi Soundboard di MIT App Inventor untuk Pemula

Pelajari tutorial lanjutan membuat aplikasi Soundboard di MIT App Inventor untuk pemula. Panduan lengkap, mudah dipahami, mulai dari desain UI, pengat
Tutorial Mit App Inventor

MIT App Inventor adalah platform visual programming yang sangat cocok untuk belajar membuat aplikasi Android tanpa harus menulis kode secara manual. Pada artikel ini, kita akan membahas secara lengkap cara membuat aplikasi Soundboard di MIT App Inventor, yaitu aplikasi yang berisi beberapa tombol, dan setiap tombol akan memutar suara yang berbeda.

Aplikasi Soundboard yang akan kita buat menggunakan komponen Player karena mendukung audio lebih panjang, looping, pause, dan kontrol yang lebih lengkap. materi ini sangat cocok untuk Anda yang sudah menyelesaikan proyek dasar seperti helloBee dan ingin meningkatkan pemahaman tentang UI, event handling, serta pengelolaan media menggunakan komponen Player di MIT App Inventor.

Kata kunci utama:

  • Soundboard MIT App Inventor
  • Materi MIT App Inventor Player
  • Aplikasi suara Android
  • Belajar App Inventor pemula
  • Multiple Button dan Multiple Player

Apa itu Aplikasi Soundboard?

Soundboard adalah aplikasi yang memungkinkan pengguna memutar berbagai suara hanya dengan menekan tombol tertentu. Dengan menggunakan komponen Player, aplikasi menjadi lebih fleksibel karena dapat:

  • Memutar suara berulang (loop)
  • Pause dan Resume
  • Stop semua suara

Contoh kasus pada materi ini:

  • Tombol Kucing → memutar suara kucing
  • Tombol Anjing → memutar suara anjing
  • Tombol Burung → memutar suara burung

1. Persiapan Bahan

Siapkan tiga file audio:

Nama File Fungsi
cat.mp3 Suara kucing
dog.mp3 Suara anjing
bird.mp3 Suara burung

Catatan:

  • Format .mp3 atau .wav
  • Usahakan durasi 2–5 detik agar ringan

2. Mendesain Antarmuka Aplikasi (Designer)

Komponen yang dibutuhkan:

  • 3 Button
  • 3 Player

2.1 Button

Button Text Fungsi
Button1 Kucing Putar suara kucing
Button2 Anjing Putar suara anjing
Button3 Burung Putar suara burung

Properti:

  • Width → Fill Parent
  • FontSize → 18
  • Height → Automatic

2.2 Player Component

Dari Palette → Media → tarik:

  • Player (3 kali)

Rename:

  • Player1 → player_kucing
  • Player2 → player_anjing
  • Player3 → player_burung

Upload audio lalu atur:

Player Source
player_kucing cat.mp3
player_anjing dog.mp3
player_burung bird.mp3

Set properti:

  • Loop → false (nanti kita kontrol lewat blok)

Makna akademik:

Setiap Player merepresentasikan satu objek audio dengan satu tanggung jawab tunggal, sesuai prinsip Single Responsibility.

3. Pemrograman di Blocks Editor

3.1 Tombol Kucing

when Button1.Click do
  call player_anjing.Stop
  call player_burung.Stop
  set player_kucing.Loop to true
  call player_kucing.Start

Makna:

Hanya satu suara yang aktif, suara lain dihentikan.

3.2 Tombol Anjing

when Button2.Click do
  call player_kucing.Stop
  call player_burung.Stop
  set player_anjing.Loop to true
  call player_anjing.Start

3.3 Tombol Burung

when Button3.Click do
  call player_kucing.Stop
  call player_anjing.Stop
  set player_burung.Loop to true
  call player_burung.Start

4. Tombol Stop Semua Suara

Tambahkan Button:

  • Text → Stop
when ButtonStop.Click do
  set player_kucing.Loop to false
  set player_anjing.Loop to false
  set player_burung.Loop to false
  call player_kucing.Stop
  call player_anjing.Stop
  call player_burung.Stop

Makna:

Semua suara dihentikan dan looping dimatikan.

5. Struktur Logika Program

Pola:

Button → Event → Player.Start

Dengan kontrol:

Stop Player lain
Set Loop
Start Player aktif

Pseudocode:

If Button Kucing:
  Stop semua player lain
  Loop ON
  Start player_kucing

6. Pengembangan Lanjutan

  1. Tambah gambar pada tombol Properti Button → Image → upload icon hewan

  2. Tambah Label Judul "Aplikasi Soundboard Hewan"

  3. Tambah fitur Pause / Resume:

call player_kucing.Pause
call player_kucing.Resume
  1. Tambah lebih banyak suara:
  • sapi.mp3
  • ayam.mp3
  • kambing.mp3

Tinggal tambahkan Player baru + Button baru.

7. Kompetensi yang Diperoleh

Setelah versi Player ini, Anda telah menguasai:

  • Multiple Button
  • Multiple Player (Audio Management)
  • Event handling profesional
  • Audio lifecycle management
  • Konsep multimedia application design
  • Arsitektur aplikasi interaktif berbasis event