Thursday 16 February 2017

Tutorial pembuatan aplikasi "Hello Purr" menggunakan App Inventor 2

     Untuk membuat aplikasi "Hello_Purr", pertama yang harus anda lakukan adalah membuka alamat App Inventor berikut App Inventor 2 , kemudian klik Create Apps!. Lalu sign in menggunakan google acoount. Setelah muncul tampilan pertama App Inventor, klik Continue. Seperti gambar berikut :
     Setelah mengikuti langkah-langkah diatas, maka ikutilah langkah-langkah berikut ini untuk memulai pembuatan Hello_Purr :
  1. Klik New dan ketikkan nama projek yang akan kita buat yaitu “Hello_Purr” kemudian klik OK. Seperti gambar berikut :
  2. Drag Button dan Image ke dalam Screen1. Pilih komponen Button dan edit Text menjadi “Main”. Kemudian masukkan gambar dengan cara klik komponen Image1, pilih menu picture dan pilih gambar yang diinginkan (Upload file jika gambar yang diinginkan belum ada). Kemudian klik OK. Dan atur seperti gambar berikut ini :
  3. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut :
  4. Buatlah screen menu dengan nama “Menu”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  5. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  6. Buatlah screen menu dengan nama “Herbivora”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  7. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  8. Buat screen menu dengan nama “Domba”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  9. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  10. Buat screen menu dengan nama “Sapi”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  11. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  12. Buat screen menu dengan nama “Karnivora”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) :
  13. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  14. Buat screen menu dengan nama “Kucing”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  15. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  16. Buat screen menu dengan nama “Tokek”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  17. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  18. Buat screen menu dengan nama “Omnivora”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  19. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut :  
  20. Buat screen menu dengan nama “Ayam”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  21. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  22. Buat screen menu dengan nama “Monyet”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  23. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  24. Buat screen menu dengan nama “Tebak Hewan”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  25. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  26. Buat screen menu dengan nama “Win”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  27. Klik Blocks, kemudian masukkan Blocks seperti gambar berikut : 
  28. Setelah designer dan blocks selesai dibuat, maka langkah terakhir adalah menjalankan atau memainkan aplikasi ini pada device androidnya. Caranya yaitu klik Connect kemudian pilih AI Companion seperti gambar berikut ini : 
  29. Atau dengan cara memainkan aplikasi menggunakan device Android kita yaitu dengan cara menyimpan aplikasi ini di laptop atau komputer kita, klik Build, kemudian pilih App ( save apk to my computer ) seperti gambar berikut :
  30. Kemudian pindahkan file .apk ke device android kita dan kita install seperti install aplikasi android pada umumnya dan selamat Aplikasi Hello Purr siap untuk dimainkan.
    Untuk hasil aplikasi yang sudah jadi bisa anda download lewat QR Code berikut : 
luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com

0 comments:

Post a Comment