Membuat Game Bola Pantul Dengan MIT APP Invertor

 A. Membuat Projek

1. Buka website MIT App Inventor  http://appinventor.mit.edu/
2. Klik Create apps, lalu login menggunakan akun gmail.

Gambar 1. Tampilan Create Apps!

Gambar 2. Login akun gmail

3. Start a new project. Dari menu Project, klik New Project.

Gambar 3. Tampilan menu project

4. Masukkan judul project dengan nama “Bounced”, setelah itu klik “ok”. Untuk aturan penamaan judul project tidak menggunakan spasi.

Gambar 4. Tampilan Penamaan Project

5. Terlihat Tampilan Awal projek seperti gambar dibawah

Gambar 5. Tampilan Menu App Inventor

 

B. Membuat Aplikasi

1. Tambahkan Pallete Drawing and Animations “Canvas” ke menu viewer dengan drag and drop “Canvas” ke viewer.

Gambar 6. Penambahan Canvas

2. Tambahkan pallete Drawing and Animations “Ball” ke viewer dengan drag and drop Ball tersebut ke viewer. Ball tersebut sebagai bounce yang bergerak di canvas tersebut. Jangan lupa atur speed dan radius bola tersebut sesuai yang diinginkan.

Gambar 7. Penambahan Ball

3. Agar tampilan aplikasi lebih menarik,cobalah melakukan editing baik pada screen maupun komponen yang digunakan.

Gambar 8. Tampilan Aplikasi Pada Viewer

C. Membuat Blocks

1. Setelah selesai, klik screen 1 lalu pilih blocks. Maka akan muncul jendela block pada screen 1

Gambar 9. Tampilan Awal Blocks

2. Susunlah blocks untuk ball saat flung. Flung yang dimaksud adalah gerakan bola tersebut bisa diatur kemana saja arahnya dengan radius yang ditetapkan. Pada blocks ini kecepatan/speed sangat berpengaruh dalam hal bola itu bergerak.

Gambar 10. Blocks Ball Flung

3. Susunlah blocks ball saat edge reached. Maksud block ini bola tersebut akan memantul ke tepi layar screen tersebut.

Gambar 11. Blocks Ball Edge Reached

D. Menjalankan Aplikasi

1. Setelah selesai pembuatan blocks, klik menuBuild. Lalu pilih pilihan 1 (provide QR code for .apk) untuk penggunaan aplikasi pada android. Dan pilih pilihan 2 (save .apk to my computer) jika ingin membuka pada PC.

Gambar 12. Build Aplikasi

2. Setelah ini maka proses compiling akan segera dimulai. Tunggu sampai 100%.

Gambar 13. Proses Compiling

3. Simpanlah aplikasi yang telah di download ini didalam folder yang diinginkan. Jika kita menggunakan android, maka bukalah aplikasi tersebut.
4. Lakukan penginstallan program tersebut dan buka aplikasi tersebut sehingga akan muncul tampilan dibawah ini. Tampilan dibawah ini merupakan tampilan awal aplikasi.

Gambar 14. Tampilan Aplikasi

5. Cobalah jalankan aplikasi ball bounce tersebut. Apabila ball tersebut bisa bergerak dan diarahkan,dapat dikatakan bahwa aplikasi tersebut sudah bisa digunakan.
6. Percobaan selesai.

 

Sekian Tutorial mengenai Aplikasi Ball Bounce Menggunakan App Inventor. Semoga Bermanfaat,Terimakasih. Wassalamualaikum wr.wb. Selamat Mencoba !