sudah lama sekali kita sudah lama tak berjumpa kembali, ya sambil membersihkan sarang laba-laba dikanan kiri blog, kali ini aku posting nih tutorial simpel dasar-dasar pemrograman diatas platform android.
untuk awalnya, kita coba nulis yang simpel dulu saja. beberapa kata dengan sedikit main layout. oke jadi kira-kira kita buat jadi tiga bagian dalam satu layout :
--------------------------------
nanti isinya bisa diganti semau anda deh... :D
langkah pertama kita buat dulu projectnya alias booking tempat dulu. seperti ini stepnya :
- buka dulu eclipse for android developer sampai muncul halaman utama yang blank seperti ini :
- kalau sudah, kita pencet yuk sebuah tombol yang mengawali dunia buatan kita diatas pojok sesuai gambar ini (yang aku lingkari):
- oke setelah itu kita lihat yang dibawah ini, muncul tuh sebuah window baru, cari dulu yang namanya android application project dan klik next untuk lanjut (jangan android yang lain ya) :
- nah kalau sudah, muncul nih window buat mengisi data dasar dari aplikasinya. isi saja nama sesuai keinginan anda. disini saya isi Kadal. nama harus dimulai dengan huruf besar (bawaan java emang begitu)
- spesifikasi min sdk, target sdk dan compile nya sesuaikan sama keinginan anda.
- dan untuk temanya aku pilihnya yang paling bawah (ya biar enak saja) :D, kalau sudah terus next..
- muncul tuh yang namanya window untuk penempatan workspace, udah di next aja...
- nah ini nih yang penting, ada 3 pilihan untuk logo. pakai image sendiri, clipart atau text. biar keren disini aku pilih yang text, di kolom text aku isi [kadal]. biar keren saja. warnanya sudah bagus seperti itu, tinggal next saja.
- nah ini nih activity, pilih blank activity dulu. kan sukanya yang kosongan dulu..
- nah kalau sampai sini di finish aja. yang penting dilanjut...
- oke, kalau sudah sampai sini, kita akan mulai melihat dunia code nih... siap-siap snack yang banyak :D
- diatas adalah tampilan awalnya. nah masih inget ya kita mau buat ada katamutiara,greeting,dan identitas
- nah sekarang kita klik dulu activity_main.xml yang ada di package_explorer disamping. tepatnya
di kadal--> res --> layout --> activity_main.xml
- nah kalau kita pilih graphical layout akan muncul kosongan dan isinya "hello world". tapi nama apps nya sudah milik kita tadi yakni "kadal" dan logo udah terpampang juga ...
- nah sekarang kita buat dulu variabel-variable yang nantinya akan kita panggil didalam activity_main.xml . silakan menuju ke res-->values --> string.xml (sperti gambar diatas)
- jadinya kayak diatas...
- nah ketik deh sekarang persis kayak diatas. buat sebanyak mungkin semau anda
<string name="<nama variabel>"><value></string>
jadi tinggal diisi saja valuenya apa, yang penting name nya jangan aneh", menyesuaikan..
- nah terus kita kembali ke file activity_main.xml. kita coba pasang tuh string Greeting yang sudah kita buat tadi (/titilegreeting)
- juga sekalian pasang juga isinya greeting (/Greeting)
- kalau sudah bakalan terlihat seperti diatas melalui graphical layout. kelihatan ada yang tubrukan diantara textview. nah sekarang kita butuh yang namanya id untuk tiap-tiap textview agar bisa dikontrol nih. istilahnya biar bisa jaga jarak (ceileh... :D )
- coba buat PLEK kayak diatas, jadi untuk title greeting kita tambah android:id="@+id/titlegreeting"
jadi sekarang si titlegreeting textview bisa dikenali. nah kemudian tambahin tuh di greeting dua baris terakhir :
android:layout_alignLeft="@+id/titlegreeting"
android:layout_below="@+id/titlegreeting"
jadi ini untuk mengatur tempatnya setelah elemen dengan id titlegreeting.. jadinya seperti dibawah ini..
- ha ha ha, sekarang udah tertata nih... jadi enak dipandang walau masih oblongan :D . oke deh sekarang kita masukan semua sesuai dengan skenario kita tadi ya...
- nambah buat yang katamutiara untuk title dan isinya (diatas). hasilnya yang dibawah ini...
- terus nambah untuk yang identitas (diatas) dan hasilnya dibawah ini ...
- nah kalau kita lihat diatas sebenernya sudah jadi, tapi kok agak gimana gitu ya. kita dekor sedikit yuk. begini saja, untuk title kita kasih backgroud saja ya.
- buka kembali string.xml nya. kita tambah sebuah variabel tipe color, kasih nama "warna" isinya #BBBB [ngawur aja asilnya, tapi jadinya ntar bagus]
- nah terus ke activity_main.xml kita ujicoba kan untuk backgroud title nya si titlegreeting. tambahin kode
android : background="@background/warna", begitu pula untuk si titlemutiara, dan identitas. jadinya seperti dibawah ini
- cuman kok masih aneh juga. kita panjangin yuk backgroundnya biar full match sampai pojok kanan... tambahin di tiap-tiap title tadi di baris android:layout_width kita ganti valuenya jadi "match_parent", jadi lebarnya akan maksimal seperti lebar layar apps nya.
- dan tara...... udah jadi deh, sekarang waktunya kita coba pake genimotion yok...
untuk awalnya, kita coba nulis yang simpel dulu saja. beberapa kata dengan sedikit main layout. oke jadi kira-kira kita buat jadi tiga bagian dalam satu layout :
--------------------------------
Greeting--------------------------------
<isi greeting>
Kata Mutiara
<isi kata mutiara>
Identitas
<nim>
<nama>
<kelompok>
nanti isinya bisa diganti semau anda deh... :D
langkah pertama kita buat dulu projectnya alias booking tempat dulu. seperti ini stepnya :
- buka dulu eclipse for android developer sampai muncul halaman utama yang blank seperti ini :
- kalau sudah, kita pencet yuk sebuah tombol yang mengawali dunia buatan kita diatas pojok sesuai gambar ini (yang aku lingkari):
- oke setelah itu kita lihat yang dibawah ini, muncul tuh sebuah window baru, cari dulu yang namanya android application project dan klik next untuk lanjut (jangan android yang lain ya) :
- nah kalau sudah, muncul nih window buat mengisi data dasar dari aplikasinya. isi saja nama sesuai keinginan anda. disini saya isi Kadal. nama harus dimulai dengan huruf besar (bawaan java emang begitu)
- spesifikasi min sdk, target sdk dan compile nya sesuaikan sama keinginan anda.
- dan untuk temanya aku pilihnya yang paling bawah (ya biar enak saja) :D, kalau sudah terus next..
- muncul tuh yang namanya window untuk penempatan workspace, udah di next aja...
- nah ini nih yang penting, ada 3 pilihan untuk logo. pakai image sendiri, clipart atau text. biar keren disini aku pilih yang text, di kolom text aku isi [kadal]. biar keren saja. warnanya sudah bagus seperti itu, tinggal next saja.
- nah ini nih activity, pilih blank activity dulu. kan sukanya yang kosongan dulu..
- nah kalau sampai sini di finish aja. yang penting dilanjut...
- oke, kalau sudah sampai sini, kita akan mulai melihat dunia code nih... siap-siap snack yang banyak :D
- diatas adalah tampilan awalnya. nah masih inget ya kita mau buat ada katamutiara,greeting,dan identitas
- nah sekarang kita klik dulu activity_main.xml yang ada di package_explorer disamping. tepatnya
di kadal--> res --> layout --> activity_main.xml
- nah kalau kita pilih graphical layout akan muncul kosongan dan isinya "hello world". tapi nama apps nya sudah milik kita tadi yakni "kadal" dan logo udah terpampang juga ...
- nah sekarang kita buat dulu variabel-variable yang nantinya akan kita panggil didalam activity_main.xml . silakan menuju ke res-->values --> string.xml (sperti gambar diatas)
- jadinya kayak diatas...
- nah ketik deh sekarang persis kayak diatas. buat sebanyak mungkin semau anda
<string name="<nama variabel>"><value></string>
jadi tinggal diisi saja valuenya apa, yang penting name nya jangan aneh", menyesuaikan..
- nah terus kita kembali ke file activity_main.xml. kita coba pasang tuh string Greeting yang sudah kita buat tadi (/titilegreeting)
- juga sekalian pasang juga isinya greeting (/Greeting)
- kalau sudah bakalan terlihat seperti diatas melalui graphical layout. kelihatan ada yang tubrukan diantara textview. nah sekarang kita butuh yang namanya id untuk tiap-tiap textview agar bisa dikontrol nih. istilahnya biar bisa jaga jarak (ceileh... :D )
- coba buat PLEK kayak diatas, jadi untuk title greeting kita tambah android:id="@+id/titlegreeting"
jadi sekarang si titlegreeting textview bisa dikenali. nah kemudian tambahin tuh di greeting dua baris terakhir :
android:layout_alignLeft="@+id/titlegreeting"
android:layout_below="@+id/titlegreeting"
jadi ini untuk mengatur tempatnya setelah elemen dengan id titlegreeting.. jadinya seperti dibawah ini..
- ha ha ha, sekarang udah tertata nih... jadi enak dipandang walau masih oblongan :D . oke deh sekarang kita masukan semua sesuai dengan skenario kita tadi ya...
- nambah buat yang katamutiara untuk title dan isinya (diatas). hasilnya yang dibawah ini...
- terus nambah untuk yang identitas (diatas) dan hasilnya dibawah ini ...
- nah kalau kita lihat diatas sebenernya sudah jadi, tapi kok agak gimana gitu ya. kita dekor sedikit yuk. begini saja, untuk title kita kasih backgroud saja ya.
- buka kembali string.xml nya. kita tambah sebuah variabel tipe color, kasih nama "warna" isinya #BBBB [ngawur aja asilnya, tapi jadinya ntar bagus]
- nah terus ke activity_main.xml kita ujicoba kan untuk backgroud title nya si titlegreeting. tambahin kode
android : background="@background/warna", begitu pula untuk si titlemutiara, dan identitas. jadinya seperti dibawah ini
- cuman kok masih aneh juga. kita panjangin yuk backgroundnya biar full match sampai pojok kanan... tambahin di tiap-tiap title tadi di baris android:layout_width kita ganti valuenya jadi "match_parent", jadi lebarnya akan maksimal seperti lebar layar apps nya.
- dan tara...... udah jadi deh, sekarang waktunya kita coba pake genimotion yok...
- nafas dulu deh... makan cemilan dan apapun sambil nunggi si genimotionnya hidup...
- ya sambil ndengerin musik juga bisa, karena genimotion lebih cepet prosesnya jadi musiknya ya yang santai saja..
- nah nampaknya sudah siap nih, sekarang kita ke layar utama dan Run As Android Apps. kita set ya ke device jangan pake emulator (nanti aja deh tutorial untuk settingnya)
- nah sudah masuk tuh di genimotionnya buktinya sudah ada apps [kadal] disana disebelah messenger... kita klik aja sekarang..
- dan akhirnya... muncul dah tuh apa yang kita inginkan dari awal...
perlu diperhatikan, lebar layarnya kan sekarang panjang, jadinya untuk backgroud title tadi kan kita set match_parent, jadi juga mengikuti lebar layar sekarang...
- jadi begitulah ceritanya untuk menulis di android, belum masuk sesi input output nih, kan ya step by step, yang penting tetap sediakan semua perlengkapan baik laptop, snack, minuman, kipas angin, pulsa, internet atau apapun deh selama main-main di ranah developer mobile apps... biar tidak galau :D
....... see ya...
- ya sambil ndengerin musik juga bisa, karena genimotion lebih cepet prosesnya jadi musiknya ya yang santai saja..
- nah nampaknya sudah siap nih, sekarang kita ke layar utama dan Run As Android Apps. kita set ya ke device jangan pake emulator (nanti aja deh tutorial untuk settingnya)
- nah sudah masuk tuh di genimotionnya buktinya sudah ada apps [kadal] disana disebelah messenger... kita klik aja sekarang..
- dan akhirnya... muncul dah tuh apa yang kita inginkan dari awal...
perlu diperhatikan, lebar layarnya kan sekarang panjang, jadinya untuk backgroud title tadi kan kita set match_parent, jadi juga mengikuti lebar layar sekarang...
- jadi begitulah ceritanya untuk menulis di android, belum masuk sesi input output nih, kan ya step by step, yang penting tetap sediakan semua perlengkapan baik laptop, snack, minuman, kipas angin, pulsa, internet atau apapun deh selama main-main di ranah developer mobile apps... biar tidak galau :D
....... see ya...