Dasar Pemrograman Android || Game Pecah Balon || MIT App Inventor

Game Pecah Balon dengan MIT App Inventor: Ringkasan Komprehensif

Key Concepts:

• MIT App Inventor: Lingkungan pengembangan visual untuk membuat aplikasi Android.
• Canvas: Komponen untuk menggambar dan animasi.
• Image Sprite: Objek gambar yang dapat dipindahkan dan dianimasikan di dalam Canvas.
• Label: Komponen untuk menampilkan teks.
• Button: Komponen untuk interaksi pengguna.
• Clock: Komponen untuk mengatur waktu dan interval.
• Variabel Global: Variabel yang dapat diakses dan dimodifikasi di seluruh aplikasi.
• Skor: Nilai numerik yang merepresentasikan kemajuan pemain dalam game.
• Event Handler: Blok kode yang dieksekusi ketika suatu peristiwa (event) terjadi, seperti tombol diklik atau Image Sprite disentuh.
• Random Integer: Fungsi untuk menghasilkan angka acak dalam rentang tertentu.
• Mod (Modulo): Operator matematika yang menghasilkan sisa pembagian.
• Visible: Properti yang menentukan apakah suatu komponen terlihat atau tidak.
• Enabled: Properti yang menentukan apakah suatu komponen aktif dan dapat berinteraksi atau tidak.

1. Desain Antarmuka Pengguna (UI)

• Judul Game: Menggunakan Label dengan teks "Game Pecah Balon," ukuran font 18, font board diaktifkan, dan diposisikan di tengah layar menggunakan pengaturan Screen1 (Line Horizontal = Center).
• Canvas: Menggunakan komponen Canvas dengan ukuran Height dan Width diatur ke "Fill Parent" agar memenuhi seluruh layar. Background image Canvas diatur ke gambar awan.
• Tombol Start: Menggunakan Button dengan teks "Start," ukuran font 18, dan font board diaktifkan. Diposisikan di bawah Canvas.
• Label Skor: Menggunakan Label untuk menampilkan skor dengan teks "Skor," ukuran font 18.
• Image Sprite (Balon): Menggunakan 5 Image Sprite yang merepresentasikan balon. Ukuran setiap balon diatur ke Height 60 pixel dan Width 60 pixel. Gambar balon diunggah dan diterapkan ke setiap Image Sprite.
• Suara: Menggunakan komponen Sound (non-visible) untuk efek suara saat balon dipecahkan.
• Clock: Menggunakan komponen Clock untuk mengatur interval pergerakan balon.
• Warna Latar Belakang: Warna latar belakang Screen1 diubah menjadi hijau.

2. Logika Pemrograman (Blocks)

2.1. Inisialisasi Variabel Global "Skor"

• Variabel global bernama "Skor" diinisialisasi dengan nilai awal 0. Variabel ini digunakan untuk menyimpan skor pemain.

2.2. Logika Pergerakan Balon (Clock Timer)

• Event: when Clock1.Timer (Ketika timer Clock1 berdetak).
• Aksi:
  • Memanggil ImageSprite1.MoveTo hingga ImageSprite5.MoveTo untuk memindahkan setiap balon ke posisi acak di dalam Canvas.
  • Posisi X dan Y balon ditentukan menggunakan random integer from 31 to 300 untuk menciptakan pergerakan acak.

2.3. Logika Kemunculan Balon (Modulo dan Kondisi IF)

• Kondisi: if (Global Skor mod 5) = 0 then (Jika sisa pembagian Global Skor dengan 5 sama dengan 0).
• Aksi (Jika Kondisi Terpenuhi):
  • Mengatur ImageSprite1.Visible hingga ImageSprite5.Visible menjadi true (memunculkan semua balon).
  • Mengatur ImageSprite1.Enabled hingga ImageSprite5.Enabled menjadi true (mengaktifkan interaksi dengan semua balon).
  • Logika ini membuat balon muncul kembali setiap kelipatan 5 skor.

2.4. Logika Tombol Start

• Event: when Button1.Click (Ketika tombol Start diklik).
• Aksi:
  • Mengatur Clock1.TimerEnabled menjadi true (mengaktifkan timer Clock1, memulai pergerakan balon).

2.5. Logika Sentuhan Balon (Image Sprite Touch Down)

• Event: when ImageSprite1.TouchDown (Ketika ImageSprite1 disentuh).
• Aksi:
  • Mengatur Global Skor menjadi Global Skor + 1 (menambah skor sebesar 1).
  • Mengatur Label2.Text menjadi join("Skor: ", Global Skor) (menampilkan skor terbaru pada Label Skor).
  • Mengatur ImageSprite1.Visible menjadi false (menyembunyikan balon yang disentuh).
  • Mengatur ImageSprite1.Enabled menjadi false (menonaktifkan interaksi dengan balon yang disentuh).
  • Memanggil Sound1.Play (memainkan efek suara).
• Logika ini diduplikasi untuk ImageSprite2 hingga ImageSprite5.

2.6. Pengaturan Suara

• Source suara diatur pada komponen Sound1 dengan memilih file suara yang sesuai.

2.7. Pengaturan Interval Clock

• Interval Clock1 diatur menjadi 300 (milidetik) untuk mengatur kecepatan pergerakan balon.

3. Pengujian Aplikasi

• Aplikasi diuji menggunakan MIT AI2 Companion pada perangkat Android dengan memindai barcode yang ditampilkan.

4. Kesimpulan

Game "Pecah Balon" sederhana ini berhasil dibuat menggunakan MIT App Inventor dengan memanfaatkan komponen-komponen seperti Canvas, Image Sprite, Label, Button, Clock, dan Sound. Logika pemrograman melibatkan penggunaan variabel global, event handler, kondisi IF, dan fungsi matematika untuk menciptakan gameplay yang interaktif dan menyenangkan. Game ini menunjukkan bagaimana MIT App Inventor dapat digunakan untuk membuat aplikasi mobile sederhana dengan mudah dan cepat.