[TUT] Membuat Aplikasi Android Menggunakan AppInventor
Pada praktikum ini , praktikan melakukan percobaan pembuatan aplikasi android . Pada tahap pembuatan aplikasi , praktikan menggunakan sebuah aplikasi online yang telah disediakan oleh appinventor . Pembuatan applikasi android menggunakan aplikasi online ini tidak menggunakan coding program dengan bahasa tertentu , seperti C++ , Java , dll .
Tools yang digunakan pada pembuatan aplikasi android ini sebagai berikut :
1.Browser
2.Koneksi internet yang mumpuni untuk Upload/Download
3.Software LeapDroid
Dalam pembuatan aplikasi android menggunakan appinventor terdapat 2 bagian , yaitu :
1. Pendesainan Screen (tampilan)
2. Pendesainan logic program
Berikut tutorial pembuatan applikasi android menggunakan appinventor :
A. Pendesainan Screen
1. Buka Aplikasi Online pada :
2. Pada tampilan awal , terdapat jendela priview , Pallete , Component , Properties. Pada Pallet, klik User Interface , lalu cari label untuk label pada layar tampilan aplikasi yang akan dibuat. Cara penginputan item yaitu dengan cara "drag" pada kolom preview.
Label dapat diubah / diedit sesuai kata yang dikehendaki dengan cara mengedit isi kolom Text pada menu Properties
3. Editting background screen dapat dilakukan pada pada components Screen1.
Click Components -> Klik Screen1 -> Klik Background Image pada Properties ->Upload File -> OK
Untuk setting background , dapat dilakuan pada semua component , langkah pengerjaannya sama hal nya dengan editting background pada Screen1.
4. Tambahkan Text Box pada screen1 , dibawah label yang telah dibuat.\
Pada praktikum , Text box diinginkan berada disamping Label . Maka digunakan Table Arrangement yang berada pada Pallets -> Layout. Atur spesikasi tabel : 5 rows , 2 coloum.
Masukkan label pada tabel ( sebelah kiri) dan text box ( sebelah kanan).
4. Inputkan Button pada Screen1 , Set weidth menjadi Fill Parent
5. Tambahkan 5 label dibawah button , untuk preview data
6. Agar program dapat di scroll pada saat dijalankan pada sebuat android , digunakan Vertical ArrangementScroll yang berada pada Pallets-> Layout. Masukkan seluruh label , text boxt button yang telah dibuat kedalam Vertical ArrangementScroll sesuai urutan / desain semula.\
Jika berhasil , maka seluruh component akan berada dibawah component Vertical ArrangementScroll
Pada tahap ini , telah berhasil mendesain program .
B. Pendesainan logic program
Selanjutnya, pada tahap 2 setting logika program. Berikut langkah - langkah pemberian logika program :
1. Klik Block pada sudut kanan atas dibawah email .
2. Pada Alur program , preview data tidak akan ditampilkan sebelum data di inputkan . maka untuk label preview perlu di invisble terlebih dahulu
3. Selanjutnya , pada saat text box telah berisikan data,button akan diklik. Maka data akan ditampilkan berada dibawah push button. Logika program sebagai berikut :
4. Build aplikasi menjadi .apk , klik Build -> App (Save .Apk to my computer)
Untuk mencoba aplikasi yang telah kita buat kita bisa menjalankan/install pada perangkat smartphone atau menggunakan software leafdroid untuk menjalankan android pada komputer sebagai pengganti smartphone.
0 komentar :
Posting Komentar