Thursday, 23 February 2017

Tutorial pembuatan aplikasi "Paint Pot" menggunakan App Inventor 2

     Hai teman-teman semuanya, pada kesempatan kali ini kita akan belajar membuat aplikasi mewarnai sederhana, yaitu Paint Pot. Untuk membuat aplikasi ini, hampir sama seperti membuat alikasi "Hello Purr" sebelumya. Yaitu 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 Point_Pot :
  1. Klik New dan ketikkan nama projek yang akan kita buat yaitu Paint_Pot 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). Lalu Rubahlah BackgroundColor dan Shape button1 sesuai keinginan anda. 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 Mobil”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  7. Buat screen menu dengan nama Motor”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  8. Buat screen menu dengan nama Becak”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  9. Buat screen menu dengan nama Sepeda”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) :
  10. Buat screen menu dengan nama Kapal”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  11. Buat screen menu dengan nama Pesawat”,  Atur tampilan seperti gambar berikut (langkah-langkahnya seperti langkah sebelumnya) : 
  12. Untuk pengaturan Blocks pada screen Mobil, Motor, Becak, Sepeda, Kapal dan Pesawat yaitu ssma, dengan Klik Blocks, kemudian masukkan Blocks pada masing-masing screen yang sudah disebutkan seperti gambar berikut :  
  13. Setelah designer dan blocks selesai dibuat, maka langkah terakhir adalah menjalankan atau memainkan aplikasi ini pada device androidnya. Caranya yaitu menyimpan aplikasi ini di laptop atau komputer kita, klik Build, kemudian pilih App ( save apk to my computer ) seperti gambar berikut :
  14. 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

1 comments: