Membuat game “Panda “

Konsep dari game ini yaitu ketika panda berhasil kita klik maka poin kita akan bertambah, jika tidak berhasil, kegagalannya pun akan dihitung. Dalam game ini panda yang ada akan terus bergerak kesana kemari, jadi mungkin membutuhkan sedikit konsentrasi untuk dapat secara tepat mengkliknya :D

Untuk membuat game panda menggunakan app inventor online caranya seperti ini :

1. Seperti biasa kalian harus masuk ke halaman http://ai2.appinventor.mit.edu/ terlebih dahulu

2. Pilih project -> start new project

3. Pada halaman project baru tambahkan 4 HorizontalArrangement

4. Pada HorizontalArrangement 1 tambahkan canvas dan image

    Pada HorizontalArrangement 2 tambahkan 1 button

    Pada HorizontalArrangement 3 tambahkan 2 label

    Pada HorizontalArrangement 4 tambahkan 2 label

    

    Sehingga tampilan akan berubah seperti ini :

5. Setelah design terbentuk seperti gambar diatas selanjutnya pilih blok, maka akan mucul tampilan         blok, lalu isikan logika nya seperti ini :

6. Selanjutnya pilih connect -> emulator

7. Game berhasil dijalnkan dan hit dan misses nya pun akan bertambah sesuai kita memainkan game       nya.

Selamat malam dan selamat mencoba :D

Membuat Game Sederhana Tebak Gambar menggunakan APPInventor

Halo selamat malam guys, malam ini saya akan sedikit berbagi ilmu membuat game sederhana "Tebak Gambar" mengguakan app inventor, langkah langkah membuat game tebak gambar yaitu sebagai berikut :

1. Silahkan masuk ke halaman web http://ai2.appinventor.mit.edu/
2. Pilih new project
3. Pada menu layout disebelah kiri, tambahkan HorizontalArrangement sebanyak 3

4. Tambahkan image pada horizontal 1, button dan text box ke horizontal 2, button di horizontal 3. Tambahkan label, letakkan diantara gambar dan button. Tambahkan dibawah horizontal 3. Sehingga tampilan pada screen akan seperti ini :

5. Pada bagian kanan atas pilih blok, disini kita harus membuat logika untuk dapat menjalankan game tebak gambar ini. Isikan logika pada halaman  game ini seperti ini :

6. Jalankan game yang telah dibuat dengan cara pilih connect -> emulator
7. Setelah game dijalankan maka akan muncul tampilan seperti dibawah ini :

Selamat mencoba, salam sukses buat kalian :)

Tutorial Cara Instal App Inventor Versi online

Hallo guys semua :D

Aku ada info baru nih, entah aku yang kudet atau gimana juga gag tau sih.haha

Ternyata membuat aplikasi android  itu ada cara yang mudah lhoo.., kita tinggal mendrag and droop aja, gag perlu serumit yang kita bayangin yang harus ngoding capek capek pakek eclipse. Nah langkah langkahnya kurang lebih seperti ini :

1. Patikan bahwa laptop kalian sudah ada java dan jdk nya.

2. Install App Inventor 1.2

3. Atur path yang ada di laptop kalian dengan cara

   Computer -> klik kanan-> properties -> advanced system settings -> Environtments variables  

4. Pada System variables nya pilih new lalu isikan variable name nya dengan “java_home”

5. Pada variable valuenya isikan tempat jdk kalian terinstall

    Tampilan penambahan variable kurang lebih seperti ini :

6. Setelah pengaturan path selesai jalankan startai yang sudah terinstal tadi,maka akan jalan cmd      yang menandakan bahwa AiLivecomplete sedang dijalankan, seperti dibawah ini

7. Klik link berikut : http://ai2.appinventor.mit.edu/

8. Pilih start new project, namai project sesuai keinginan anda

9. Maka akan muncul tampilan seperti dibawah ini

   10. Misal kita akan membuat sebuahproject untuk memutar lagu maka caranya yaitu :

    Drug button ke halaman project, maka akan muncul seperti ini

 Nama tampilan buitton pun bisa diganti nama sesuai dengan keinginan kita dengan cara mengubah    nama yang ada dikolom text

 11. Drag Player yang ada di menu media ke dalam halam project kita, maka player akan muncul        dibagian bawah seperti ini

12. Pada bagian kanan, source nya pilih file yang akan dimainkan dengan cara upload file lalu memilih file yang diinginkan

             

13. Pilih Block yang ada di kanan atas

14. Maka tampilan akan berubah seperti ini

15. Lalu pilih player yang ada di bagian kiri

16. Pilih yang when player1 ccomplited (paling atas)

17. Pilih player, lalu call player1 start, pasangkan player1 start didalam pilihan player yang pertama, sempai berbunyi klik yang menyatakan letaknya sudah tepat.

18.  Pada bagian atas pilih connect -> emulator

19. Maka akan muncul tampilan seperti ini, selanjutnya klik MIT AI2, maka selanjutnya akan muncul tampilan yang telah kita desain tadi.

Selamat mencoba dan berkarya

-selamat malam :D-