Rabu, 11 September 2019

Cara membuat Galeri Foto menggunakan Mit App Inventor




Hay teman – teman semuanya udah lama nih aku nggak update blog. Tapi sekarang aku akan membagikan artikel lagi tentang dunia informatika. Ya kali ini aku akan memberi tahu cara membuat aplikasi galeri sendiri loh. Tapi aku akan membagikan cara yang sederhana dulu ya. Disini kita akan menggunakan aplikasi Mit App Inventor. Jika kalian belum punya kalian bisa download dulu ya hehe. Jika kalian belum punya bahan untuk membuat galerinya kalian bisa download bahannya disini. Mungkin sebelum kalian memulai pasti kalian penasaran gimana sih jadinya. Kalian bisa melihat bagaimana hasilnya dengan cara download aplikasinya disini ya. Dari pada kelamaan langsung saja yuk kita mulai latihan membuatnya.


1.     Pertama kalian buka mit app inventor dan akan muncul seperti gambardi bawah ini. Lalu kalian klik start new project.


2.     Setelah itu beri nama aplikasi yang kalian buat lalu klik OK


3.     Kemudian kita akan menjumpai tampilan seperti ini. Lalu kita mulai membuat judul, gambar dan lainnya. Yang pertama kita klik layout untuk membat dasarnya agar aplikasi tersusun dengan rapi.


4.     Setelah itu kita pilik Horizontal Arrangment, dengan cara di klik lalu di geret kedalam screen1. Lalu atur sesuai gambar dibawah ini.


5.     Kemudian pilih User Interfacekemudian pilih label dengan cara di klk dan ditarik  ke dalam kotak layout dan atur pada gambar di bawah ini, kalian bisa kasih nama sesuai yang kalian inginkan.


6.     Lalu pilih layout seperti yang di atas kemudian. Pilih user Interface image dan tarik seperti tadi. Dan masukkan gambar dengan cara klik picture > upload file > pilih flie > oke.


7.     Setelah itu atur properties sesuai gambar di bawah ini.


8.     Lalu biki kalimat dengan cara yang sama membuat judul diatas. Bedanya hanya pada ukura font dan kali ini tulisannya tidak bold.


9.     Selanjutya kita buat tombol dengan cara memasukkan layer dan pilih User Interface Button.


10. kemudian maukkan gambar pada button seperti cara nomer 6 tadi, setelah itu atur tombol button pada propertis seperti gambar di bawah ini.


11. Lalu kita akan mengatur pada bagian screen yang terdapat background dan title. Kita ubah background menjadi warna biru, dan ubah title menjadi home.  


12. Setelah itu kita buat screen ke dua dengan cara yang sama seperti sebelumnya dan kita namainya dengan Doraemon.


13. Selanjutnya kita buat halaman aplikasi seperti screen pertama. Bedanya disini kita membuat 2 tombol untuk tombol kembali dan tombol selanjutnya.


14. Kemudian yang harus kita lakukan mengaktifkan tombol agar dapat di gunakan. Pertama tama klik designer pada pojok kanan atas, lalu kita pilih “when Button 1. Click do” dengan cara menyeret ke papan putih disampingnya. Lalu pasang “open another screen screenname” yang berada pada bagian bawah seperti kita memasang puzzel.


15. Setelah itu klik Text pada Bult-in  dan pilih button “ “ sesuai di gambar, dan seret pada “open another screen screenname”.


16. Lalu isikan “name” screen yang akan di tuju.


17. Lalu Buat Screen untuk Nobita, Sizuka, Giant, dan Suneo seperti cara yang sebelumnya.


18. Ketika semua sudah slesai kita akan menjadikan aplikasi di handphone degan cara klik build dan pilih App ( save.apk to my computer ).


19. Yang terakhir kita tunggu sampai slesai, dan kita pindahkan aplikasi ke handphone. Maka aplikasi sudah dapat digunakan.



Ya itu tadi cara caranya, mudahkan untuk membuatnya hehe. Mungkin jika masih bingung dengan penjelasannya silahkan tanya. Ataupun jika ada waktu saya akan membuat videonya. Semoga blog ini bermanfaat untuk kalian. Terimakasih . . .