Aplikasi Android "Point Pot" App Inventor 2

     Hai semuanya, kali ini saya akan memberitahukan tentang aplikasi "Point Pot" pada App Inventor 2. Aplikasi "Point Pot" ini merupakan aplikasi mewarnai sederhana yang bisa kita buat di App Inventor 2.

     Aplikasi yang saya buat ini, ada beberapa gambar berupa alat transportasi, dan beberapa warna serta tombol-tombol yang berfungsi untuk mengambil gambar (Kamera), Menghapus, dan menyimpan. Aplikasi ini juga tersedia slider yang berfungsi untuk mengatur besar kecilnya dot atau goresan yang kita buat. Langkah-langkah untuk membuat aplikasi ini, bisa lihat di Tutorial pembuatan aplikasi "Paint Pot" menggunakan App Inventor 2. sedangkan langkah-langkah memainkan atau mengaplikasikannya di android kita yaitu seperti berikut ini:

1. Bukalah aplikasi "Point Pot" yang sudah di install di android kalian, berikut adalah tampilan awal saat kita membuka aplikasinya: 
   
2. Klik Start untuk menjalankan aplikasinya, maka akan tampil seperti tampilan berikut: 
   
3. Pilihlah objek yang akan diwarnai sesuai keinginan kalian. Misal kita memilih mobil, maka klik tombol Mobil,kemudian akan muncul tampilan berikut: 

4. Pilihlah warna yang kalian inginkan. Kemudian warnai kanvas gambar tersebut. Ketika kita menyentuh kanvas, maka akan membuat sebuah dot/titik dengan warna yang telah dipilih tadi. Sedangkan untuk membuat sebuah garis/ goresan tinggal menjalankan seperti membuat garis pada biasanya. Berikut adalah tampilan setelah diwarnai:



5. Kita bisa merubah ukuran dot dan garis pada slider sebelum mewarnai (Atur Ketebalan), Bandingkan ukuran dot atau garis gambar berikut dengan gambar nomor sebelumnya. Seperti berikut: 
   
6. Untuk mengambil gambar yang kita inginkan, klik  tombol Kamera. Seperti berikut ini:

7. Klik tombol Hapus jika kita ingin menghapus hasil pewarnaan.
8. Jika kita ingin menyimpan hasil gambar yang kita ambil tadi, klik tombol Save. ketika kita selesai mewarnai kemudian klik tombol Save dan setelah itu kita memberikan warna lagi tetapi warna yang baru tidak sesuai. Maka, ketika kita ingin menghapus warna yang baru tadi, hasil pewarnaan yang di simpan tadi tidak akan terhapus.


Selesai, selamat mencoba. terima kasih, dan semoga bermanfaat. 

Read More

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 : 
    

Read More

Aplikasi Android "Hello Purr" App Inventor 2

     Hai teman-teman semuanya, kali ini saya akan memperkenalkan aplikasi android "Hello Purr" yang dibuat dengan menggunakan appinventor 2. Hello_Purr pada umumnya merupakan aplikasi yang didalamnya berisi sebuah gambar dan suara. Aplikasi ini dibuat dengan menggunakan App Inventor 2 (pembuat aplikasi android berbasis web). Hello purr ini adalah aplikasi yang sangat simpel dan sangat mudah dalam pembuatannya. Dalam pembuatan aplikasi ini, anda hanya membutuhkan foto atau beberapa foto dan suara yang berbentuk mp3.

     Dalam aplikasi "Hello Purr" yang saya buat ini, saya membuatnya dengan beberapa foto dan suara (Hewan). Jadi, selain untuk memenuhi tugas "Pemograman Komputer I", tujuan pembuatan aplikasi ini adalah untuk memudahkan semua orang, khususnya anak-anak dalam belajar mengenal tentang dunia hewan, jenis-jenis hewan, dan suara-suara hewan. Dengan aplikasi Hello_Purr ini, anak-anak bisa mengenal beberapa jenis-jenis hewan dan suaranya dengan mudah. Aplikasi "Hello Purr" yang saya buat ini. Ada beberapa foto dan suara hewan. dimana, ketika kita menggerakkan perangkat android kita, akan muncul suara hewan tersebut. Selain itu, saya menambahkan game tebak gambar hewan untuk menguji kemampuan kita di dalam mengingat hewan-hewan yang sudah dibuka sebelumnya.

          Nah, untuk lebih jelasnya cara membuat aplikasi ini klik link berikut : Tutorial pembuatan aplikasi "Hello Purr" menggunakan App Inventor 2. Sedangkan cara memainkannya di android kita, berikut adalah langkah-langkahnya :

1.  Bukalah aplikasi "Hello Purr" yang sudah kita install, berikut adalah tampilan awal kita membukanya: 
   
   
2. Klik Main, kemudian akan muncul tampilan seperti berikut ini :
   
   
3. Setelah muncul tampilan seperti diatas, pilih tombol yang kamu inginkan, misal kita pilih tombol Herbivora. Klik tombol Herbivora. Kemudian akan muncul screen menu “Herbivora” seperti berikut:
   
4. Pilihlah tombol sesuai keinginanmu, misal kita pilih Domba. Maka klik tombol Domba kemudian akan muncul seperti tampilan berikut:
   
   
5. Cara bermain selanjutnya yaitu, goyangkan atau gerakkan perangkat android anda. Ketika perangkat android anda di goyangkan, maka perangkat android anda akan mengeluarkan suara domba dan tulisan “Goyangkan perangkat anda!” akan berubah menjadi “Domba” seperti tampilan berikut:
   
    
6. Cara untuk tombol Karnivora dan Omnivora sama seperti tombol Herbivora. Sedangkan cara bermain tebak gambar yaitu klik >>Tebak Gambar<< pada Menu seperti no.2 di atas. Isi Jawaban anda pada kolom jawaban seperti berikut:
 


7. Kemudian klik Jawab untuk mengetahui jawaban anda benar atau tidak, jika jawaban anda benar maka akan muncul tulisan "Jawaban Anda benar" dan skor anda menjadi 1 dan gambar akan berubah ke soal gambar berikutnya. Sedangkan jika jawaban anda salah, maka akan muncul tulisan "Jawaban anda salah" dan skor anda menjadi -1 seperti berikut:
          
8. Jika skor anda mencapai 6, maka anda menang. tapi jika skor anda kurang dari 6. maka permainan akan diulang dari soal pertama sampai skor anda mencapai 6. Seperti gambar berikut:
 
9. Klik Menu Utama untuk kembali ke menu awal dan selamat, anda berhasil memainkan aplikasi yang saya buat. Terima kasih dan semoga bermanfaat.

Read More

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 : 
    

Read More