Anda di halaman 1dari 13

Membuat Aplikasi Tanpa Koding – APP Inventor

Bab 3
Proyek 3
Simple Game
Bab ini terdiri dari 2 Pertemuan.

Pertemuan 1
Video Penjelasan di Youtube https://youtu.be/Q-y3qYFGdWs

Kita akan membuat sebuah Game Sederhana seperti layaknya Kita bermain Kelerang. Pada
Pertemuan 1 ini, Kita hanya akan membuat komponen-komponen dan Perintah-perintahnya
dulu.

Persiapan Komponen
1. Buat Proyek baru, Klik Start New Project dan Berinama Bermainkelereng atau bebas
aja yang penting Anda ingat dan Tanpa Spasi.
2. Siapkan Komponen-komponen sebagai berikut :
Menu Tujuan
Rename
Komponen Setting
LayOut Meletakkan Tombol Reset dan Skor
HorizontalArangement Width fillparent
User Interface Reset Letakkan di dalam HorizontalArangement
Button Tombol Reset untuk memulai ulang permainan
Text Main Lagi
Width fillparent

Bab 3 Hal 1
Membuat Aplikasi Tanpa Koding – APP Inventor

Menu Tujuan
Rename
Komponen Setting
User Interface Skor Letakkan di dalam HorizontalArangement
Label Menampilkan Skor
Text Skor
Width fillparent
FontSize 25
TextAlignment center
Drawing And Meletakkan Benda yang nantinya dapat bergerak
Animation Height 85 percent
Canvas Width 95 percent
Drawing And Pemain Letakkan di Tengah Bawah
Animation Height 50 pixel
ImageSprite Width 50 pixel
Picture Upload Gambar
Drawing And Sasaran1 Letakkan Bebas
Animation Height 50 pixel
ImageSprite Width 50 pixel
Picture Upload Gambar
Drawing And Sasaran2 Letakkan Bebas
Animation Height 50 pixel
ImageSprite Width 50 pixel
Picture Upload Gambar
Drawing And Sasaran3 Letakkan Bebas
Animation Height 50 pixel
ImageSprite Width 50 pixel
Picture Upload Gambar
Sensor Digunakan untuk menghhentikan Bola Pemain
Clock setelah diberi kecepatan.

Bab 3 Hal 2
Membuat Aplikasi Tanpa Koding – APP Inventor

Tampilan Komponenya terlihat seperti Gambar di bawah ini

Perintah setiap Komponen


Variabel Global

Varibel itu bisa dianggap X kalau matematika. Misal


x=5
x = x + 2 maka x = 7
x = x - 4 maka x = 3
jadi x bisa berubah-ubah sesuai dengan perhitungan yang Paling akhir.

Bab 3 Hal 3
Membuat Aplikasi Tanpa Koding – APP Inventor

Dalam proyek ini, Kita mendefinisikan dua variabel yaitu angkaskor dan sentuhke.
variabel angkaskor digunakan untuk mengisi label skor
dan sentuhke digunakan untuk menandai bahwa pemain tidak bisa menggerakkan bola lagi
setelah sentuhan pertama.

Pemain

When Pemain Flung


adalah petintah kepada Bola Pemain agar bergerak dengan kecepatan tertentu saat di sentuh
dan diusap.
Set Pemain Heading adalah perintah agar bolah pemain bergerak kearah usapan layar.

if Sentuke = 0 adalah sebuah kondisi yang menyatakan bahwa sentuhan pertama telah diusap
maka Kecepatan Bola dibuat 0 (tidak bergerak)

When Pemain EdgeReached


adalah perintah saat bole Pemain menyentuh batas Canvas maka dia akan memantul.

Clock1

Bab 3 Hal 4
Membuat Aplikasi Tanpa Koding – APP Inventor

adalah sebuah perintah agar Bola Pemain saat kecepatan lebih besar dari 0,5 maka Kecepatan
dikurangi 5 per frame nya.
Dan saat kecepatan kurang dari 0.5 maka berhenti.

Variabel Globar sentuh di buat jadi Nol (0) untuk menandai bahwa Bola Pemain telah bergerak.

Ketika Pemain bersentuhan dengan

Ketika
Bola Pemain Bersentuhan dengan Sasaran1
Maka
Sasaran1 Tidak terlihat
angkaskor + 1
ganti tulisan di label skor menjadi angkaskor yang telah ditambahkan.

Dan seterusnya sampai sasaran3

Bab 3 Hal 5
Membuat Aplikasi Tanpa Koding – APP Inventor

Tombol Reset

Ketika
Tombol reset di Klik
maka
Sasaran1, sasaran2, sasaran3 terlihat
ubah variabel skor jadi 0
ganti tulisan di skor jadi 0
rubah posisi bola pemain ke x 129 y 296
ubah kecepatan pemain jadi 0
rubah nilai variabel sentuhke menjadi 1
rubah posisi sasaran secara random

Bab 3 Hal 6
Membuat Aplikasi Tanpa Koding – APP Inventor

Seluruh Perintah

Video Penjelasan di Youtube https://youtu.be/Q-y3qYFGdWs

Tugas
Tambahkan 3 buah Sasaran Lagi.

Bab 3 Hal 7
Membuat Aplikasi Tanpa Koding – APP Inventor

Pertemuan 2
Video Penjelasan di Youtube https://youtu.be/Q-y3qYFGdWs

Kita akan mencoba menyempurnakan Game Barmain Kelerang ini agar sedikit terlihat seperti
game-game pada umumnya.

Karena Kita akan menambahkan beberapa Perintah dalam perintah yang sudah ada, maka akan
terlihat akan sedikit rumit dan membingungkan. Maka lebih teliti dan bersabarlah.

Perubahan Komponen :
1. Cari dan Download Gambar yang tidak ber pola,misal gambar rumput atau gambar dengan
warna Flat
2. Klik Screen1 lalu klik backgroundImage lalu Upload Gambar sesuai dengan Keinginan.
3. Edit Background HorizontalArangement ke none (tanpa background)
4. Edit warna Label Skor sesuai Keinginan.
5. Gantilah Warna Tombol, sesuai Keinginan
6. Tambahkan satu buat ImageSprite dan rename menjadi Penghalang dan Uploadlah sebuah
Gambar yang kira-kira relevan.
7. Hasilnya akan tempak seperti gambar di bawah ini :

Bab 3 Hal 8
Membuat Aplikasi Tanpa Koding – APP Inventor

Perubahan dan Penambahan Perintah :


1. Membuat Sebuah Kondisi dimana bola sasasaran tidak saling tindih
2. Penambahan Penghalang dimana penghalang tersebut tidak akan bergerak Cuma
memantul.
3. Membuat Skor Gagal jika bola berhenti hanya mengenai sasaran kurang dari 3.
4. Membuat Skor berhasil jika bola terkena semua.

Agar lebih cepat memahami kerja dari APP Inventor ini, cobalah lakukan sendiri perubahan-
perubahannya. Apabila mengalami masalah, silahkan lihat Prosedur lengkap sebagai berikut

Berikut Perintah Setelah di Sesuaikan

Bab 3 Hal 9
Membuat Aplikasi Tanpa Koding – APP Inventor

Bab 3 Hal 10
Membuat Aplikasi Tanpa Koding – APP Inventor

Jika
sasaran1
bertemu dengan
sasaran2
maka sasaran2 di pindah ke lokasi acak lagi
dan seterusnya untuk sasaran3, pemain dan penghalang.

Perintah tersebut juga dilakukan untuk sasaran2 dan sasaran3

Bab 3 Hal 11
Membuat Aplikasi Tanpa Koding – APP Inventor

Video Penjelasan di Youtube https://youtu.be/Q-y3qYFGdWs

Selamat mencoba dan Bersabarlah.

Bab 3 Hal 12
Membuat Aplikasi Tanpa Koding – APP Inventor

Modul dalam bentuk Word bisa Anda dapatkan di

belajar.bimbelaqila.com
seharga 50 rb Rupiah

Silahkan Share Modul ini dalam bentuk pdf.

Modul ini bisa digunakan sebagai Salah satu Tambahan Kegiatan Bimbel (Paket Belajar
Membuat Aplikasi Android), atau bisa digunakan sebagai Ekstra Kurikulum di Sekolah.

Kenapa Pakai APP Inventor ?


Sangat Ringan Bahkan saat di Buka dengan Komputer QuadCore atau i3.

Selamat Mencoba.

Bab 3 Hal 13