7/25/2019 Android Modul Update Sec
1/14
Modul
Dyah Fajar Nur Rohmah
2011
Android Programming
7/25/2019 Android Modul Update Sec
2/14
Android Programming | Dyah Fajar Nur Rohmah
DAFTAR ISI
DAFTAR ISI ................................ ................................ ................................ ................................ ................................ .. 2
CHAPTER 1 INTRODUCING ................................ ................................ ................................ ................................ .. 3
Project Structure ................................ ................................. ................................ ................................ ................. 3
CHAPTER 2 ANDROID PROJECT ................................ ................................ ................................ ......................... 5
CHAPTER 3 BUILDING APPLICATION ................................ ................................ ................................ .............. 7
Menambah TextView dan String Value............................................ ................................ ........................... 7
Menambah Button ................................ ................................ ................................ ................................ .............. 8
Tata Letak Tampilan ........................................................................................................................................ 10
Memberikan Aksi Pada Button.................................................................................................................... 11
Menambah EditText ........................................................................................................................................ 13
7/25/2019 Android Modul Update Sec
3/14
Android Programming | Dyah Fajar Nur Rohmah
CHAPTER 1 INTRODUCING
Project Structure
Project Android dibangun berdasarkan direktori yang spesifik seperti saat kita membuat project Java.
Untuk membantu memahaminya, kita mulai dengan penjelasan di bawah.
Root Content
Ketika kita membuat sebuah project Android, kita akan memiliki 5 item utama dalam direktori root
project kita.
Andoi dMani f est . xml , adalah file XML yang mendeskripsikan aplikasi yang dibangun dan
komponen (activities, services, etc) apa saja yang disediakan oleh aplikasi.
bui l d. xml , adalah script Ant untuk meng-compile aplikasi dan meng-installnya dalam device.
bi n/ , yang memuat aplikasi setelah di-compile
src/ , yang memuat file-file source codejava untuk pembuatan aplikasi
res/ , yang memuat seluruh sumber, seperti icon, GUI Layout, dan sejenisnya.
asset s/ , yang memuat file-filestatic lainnya yang ingin dikemas bersama aplikasi untuk di-
deployke dalam device.
Activity
Ketika kita membuat sebuah project, kita akan disediakan sebuah class dari activity utama untuk
aplikasi android yang dibuat yang nantinya disimpan di dalam direktori src/ . Kita bisa memodifikasifile ini dan menambahkan file lainnya ke dalam src/ sesusai kebutuhan untuk implementasi aplikasi.
Pertama kali project di-compile, di luar direktori activityutama, Android akan membuat fileR. j ava.
File ini berisi beberapa konstanta dari seluruh sumber yang dibuat dan disimpan dalam direktori
res/ . Kita tidak harus memodifikasi fileR. j ava, karena Android toolsyang akan menanganinya.
Resources Directory
Dalam project Android, kita juga akan menjumpai direktori res/ yang memuat sumber-sumber (file
tetap seperti gambar yang dikemas bersama dengan aplikasi). Beberapa sub direktori yang akan
dijumpai atau dibuat di bawah direktori res/ terdiri dari:
r es/ dr awabl e/ untuk gambar (PNG, JPEG, etc)
r es/ l ayout / untuk spesifikasi UI layout yang dibuat dengan XML
r es/ r aw/ for general-purpose files (misalnya CSV File of Account Information)
r es/ val ues/ untuk menyimpan nilai strings, dimensions dan sejenisnya
r es/ xml / for other general purpose XML Files you wish to ship
The Result
Ketika project di-compile, hasil compilingakan masuk ke directori bin/ di bawah direktori root project.
Lebih jelasnya:
7/25/2019 Android Modul Update Sec
4/14
Android Programming | Dyah Fajar Nur Rohmah
bi n/ cl asses/ memuat classjava hasil compiling
bi n/ cl asses. dex memuat the executable created from those compiled Java classes
bi n/ your app. apk adalah file aplikasi Android yang sebenarnya (dimana your app adalah
nama dari aplikasi yang dibuat)
file . apk adalah ZIP archive yang berisi file . dex, hasil compiling file sumber (r esour ces. ar sc),
beberapa file sumber yang tidak ter-compile (seperti yang disimpan di dalam r es/ r aw/ ) dan file
Androi dMani f est . xml .
7/25/2019 Android Modul Update Sec
5/14
Android Programming | Dyah Fajar Nur Rohmah
CHAPTER 2 ANDROID PROJECT
Untuk developing Android, kita akan menggunakan Eclipse. Seperti biasa, kita akan membuat
simple program Hello World..!:
1. Untuk membuat project baru, pilih File> New > Android Project. Atau bisa juga dengan
mengklik iconAndroid Project Creator pada eclipse toolbar.
2. Isikan Project Name, sebagai contoh disini adalah Droid1.
3. Pilih lokasi penyimpanan project. Karena ini adalah project baru, maka pilih Create New
Project in Workspace. Tandai checkboxuntuk Use Default Location.
CatatanJika ingin menyimpan di lokasi lain, hilangkan tanda pada checkbox, kemudian,
browse lokasi yang diinginkan.
4. Pilih Build Target untuk aplikasi yang ingin dibuat. Untuk kebanyakan aplikasi, kita akan
memilih versi Android yang sesuai dengan device yang digunakan yang nantinya dan
kebutuhan dari aplikasi yang kita buat.
5. Isikan Application Name. Nama ini yang nantinya akan dilihat oleh user. Sebagai contoh
namanya adalah Droid #1.
6. Isikanpackage nameuntuk aplikasi yang dibuat. Sebagai contoh com.latihan.droid1.
7. Tandai CheckBox Create Activity, kemudian isikan nama activitynya.
8. Field Min SDK Version menandai versi SDK yang bisa disupport. Biasanya field ini akan
langsung terset sesuai dengan pilihan yang dipilih di Build Target. Jika aplikasi yang dibuatingin dibuat agar support dengan versi sebelumnya, kita bisa mengganti isian dari fieldini.
Ada baiknya jika kita membiarkan field ini dengan nilai defaultnya.
9. Kemudian klik tombol Next.
7/25/2019 Android Modul Update Sec
6/14
Android Programming | Dyah Fajar Nur Rohmah
10. Kemudian klik tombol Finish.
7/25/2019 Android Modul Update Sec
7/14
Android Programming | Dyah Fajar Nur Rohmah
CHAPTER 3 BUILDING APPLICATION
Menambah TextView dan String Value
Sebelumnya buatlah dulu value atau nilai isian Stringnya pada file st r i ngs. xml yang ada di
bawah folder / r es/ val uesmenjadi seperti ini:
Hel l o Wor l d, Thi s My Fi r st Dr oi d AppDr oi d
Catatan
#1
Setelah melakukan pembuatan string tersebut, maka, sintaks pada R. j avaakan berubah menjadiseperti di bawah ini:
/ * AUTO- GENERATED FI LE. DO NOT MODI FY.
*
* Thi s cl ass was aut omat i cal l y gener ated by the
* aapt t ool f r om t he r esour ce dat a i t f ound. I t
* shoul d not be modi f i ed by hand.
*/
package com. l at i han;
publ i c f i nal cl ass R {
publ i c st at i c f i nal cl ass at t r {
}
publ i c st at i c f i nal cl ass dr awabl e {
publ i c st at i c f i nal i nt i con=0x7f 020000;
}
publ i c st at i c f i nal cl ass l ayout {
publ i c st at i c f i nal i nt mai n=0x7f 030000;
}
publ i c st at i c f i nal cl ass st r i ng {
publ i c st at i c f i nal i nt app_name=0x7f 040001;
publ i c stat i c f i nal i nt hel l o=0x7f 040000;}
}
File R. j ava ini sebaiknya tidak dimodifikasi, karena akan di-generate langsung
oleh Android toolsnya.
Pada file layout mai n. xml , tambahkan sintaks program menjadi seperti di bawah ini:
7/25/2019 Android Modul Update Sec
8/14
Android Programming | Dyah Fajar Nur Rohmah
Catatan
Saat kita mendefinisikan value atau isi string yang ingin ditampilkan di dalamst r i ngs. xml , secara otomatis, Android tools akan men-generate file R. j ava
dengan penambahan sintaks berikut:
publ i c st at i c f i nal cl ass st r i ng {publ i c st at i c f i nal i nt app_name=0x7f 040001;publ i c st at i c f i nal i nt hel l o=0x7f 040000;
}
Sehingga, untuk menampilkannya pada mai n. xml , kita hanya perlu memanggil
konstanta yang ada pada R. j avadengan perintah: android:text="@string/hello"
Jika sudah, silakan jalankan, maka, tampilan yang seharusnya muncul akan jadi seperti ini:
Menambah Button
Untuk menambah button, pada file mai n. xml , ubah sintaks program menjadi seperti di bawah ini:
7/25/2019 Android Modul Update Sec
9/14
Android Programming | Dyah Fajar Nur Rohmah
andr oi d: l ayout _wi dt h="fill_parent"andr oi d: l ayout _hei ght ="fill_parent">
Catatan
Untuk nama label tombolnya, kita bisa menuliskan langsung nama labelnya seperti
ini:
andr oi d: t ext="Exit"
Atau kita bisa mendaftarkan string valuenya pada st r i ngs. xml dengan
menambahkan sintaks ini:
Exi t
Kemudian pada mai n. xml -nya, penulisannya menjadi seperti ini:
andr oi d: t ext="@string/btn1Text"
Setelah dijalankan, maka tampilan akan menjadi seperti di bawah ini:
7/25/2019 Android Modul Update Sec
10/14
Android Programming | Dyah Fajar Nur Rohmah
Tata Letak Tampilan
Tata letak tampilan dibagi menjadi beberapa macam, yaitu Linear Layout, Relative Layout, Table
Layout, Grid View, Tab Layout dan List View.
Linear Layout
Linear layout akan menampilkan elemen-elemen View secara garis lurus, baik vertical ataupun
horizontal.
Pada mai n. xml untuk project DemoButton, kita ubah sintaks programnya menjadi seperti di
bawah ini (sintaks dalam boxmerah adalah sintaks yang perlu ditambahkan):
Maka tampilan button akan berubah menjadi seperti ini:
7/25/2019 Android Modul Update Sec
11/14
Android Programming | Dyah Fajar Nur Rohmah
Memberikan Aksi Pada Button
Setelah sebelumnya kita membuat tampilan button, kali ini, kita akan memberikan aksi pada button
yang sudah kita buat sebelumnya. Pemberian aksi kepada button ini dilakukan di class activity yang
tersimpan di bawah folder src/ dan melibatkan class interface OnCl i ckLi st ener .
OnCl i ckLi st ener digunakan untuk memberikan umpan balik yang diminta ketika sebuah view
di-klik.
Ubahlah classactivity yang anda punya menjadi seperti di bawah ini:
package com. l at i han;
import andr oi d. app. Acti vi t y;import andr oi d. os. Bundl e;import andr oi d. vi ew. Vi ew;import andr oi d. vi ew. Vi ew. OnCl i ckLi st ener ;import andr oi d. wi dget . But t on;
public class But t onAct i vi t y extends Act i vi t y implements OnCl i ckLi st ener {But t on bt nExi t ;But t on btnGant i ;
@Overr i depublic void onCr eat e( Bundl e savedI nst anceSt ate) {
super. onCr eat e( savedI nst anceSt at e) ;setCont ent Vi ew( R. l ayout .main) ;
bt nExi t = ( But t on) f i ndVi ewByI d( R. i d.btn1) ;btnGant i = ( But t on) f i ndVi ewByI d( R. i d.btn2) ;
bt nExi t . set OnCl i ckLi st ener ( this) ;}
@Overr i depublic void onCl i ck(Vi ew v) {
if ( v == bt nExi t ) {
7/25/2019 Android Modul Update Sec
12/14
Android Programming | Dyah Fajar Nur Rohmah
f i ni sh( ) ;}
}}
Catatan
Ketika kita membuat tampilan aplikasi DemoButton sebelumnya, pada mai n. xml
untuk tag Button, kita menuliskan id untuk button dengan sintaks yang seperti ini:
andr oi d: i d="@+id/btn1" untuk tombol Exit
andr oi d: i d="@+id/btn2" untuk tombol Ganti
Secara otomatis, Android tools akan membuatkan konstantanya pada class
R. j ava, sehingga pada filetersebut, akan ada penambahan sintaks ini:
public static final class i d {public static final int btn1=0x7f 050000;public static final int btn2=0x7f 050001;
}
Sehingga pada instansiasi Buttondi dalam classactivity, kita memanggil id buttonyang sudah ada pada class R. j ava(ex: R. i d.btn1).
Latihan
Pada project DemoButton, kita akan menggunakan tombol Ganti untuk mengganti string yang
berada di atasnya. Maka lakukan modifikasi pada classactivity yang anda punya sebagai berikut:
1. Buatkan field untuk TextView pada classactivity yang anda punya dengan menambahkan
kode di bawah ini:
TextVi ew vi ewHel l o; Instansiasikan fieldtersebut seperti di bawah ini:
vi ewHel l o = ( TextVi ew) f i ndVi ewByI d( R. i d.txtHello) ;
2. Instansiasi btnGanti pada class activity yang tersimpan dalam folder src/ , dan arahkan
btnGanti tersebut pada OnCl i ckLi st ener .
3. Tambahkan pada method OnClick(View v) sintaks program untuk mengganti text Demo
Button menjadi nama anda seperti di bawah ini:
if ( v == btnGant i ) {vi ewHel l o. set Text ( "Dyah Faj ar Nur Rohmah") ;
}
4. Jalankan project DemoButton, ketika menekan tombol Ganti, text Demo Button akan
berubah menjadi nama anda.
7/25/2019 Android Modul Update Sec
13/14
Android Programming | Dyah Fajar Nur Rohmah
Menambah EditText
Seperti namanya, widget ini dikonfigurasi agar bisa dilakukan pengubahan. Contoh program
berikut adalah untuk menambah EditText.
Berikut adalah sintaks untuk st r i ngs. xml
Demo Edi t Vi ewType her eTampi l kanExi t
Berikut adalah sintaks program untuk mai n. xml
7/25/2019 Android Modul Update Sec
14/14
Android Programming | Dyah Fajar Nur Rohmah
Maka tampillan yang akan muncul adalah sebagai berikut:
Catatan
andr oi d: gr avi t y
Digunakan untuk mengatur bagaimana suatu content dalam sebuah object
ditempatkan secara X dan Y axis di dalam object itu sendiri. Valueini bisa diisi satu
atau lebih (dipisahkan dengan |) dari konstanta-konstanta yang disediakan untuk
gr avi t y.
Latihan
Pada project untuk menampilkan Edit Text ini, modifikasikan programnya sehingga apa yang ditulisoleh user ditampilkan kembali sebagai text view.
1. Tambahkan widget TextView pada layout (mai n. xml ) dan letaknya berada di bawah
Button.
2. Pada class activity, tambahkan sintaks program untuk mendeklarasikan dan meng-
instansiasi Button, TextView dan EditText.
3. Implementasikan class interfaceOnClickListener().
4. Pada method OnClick(View v), tambahkan sintaks untuk memproses Button, jika Button
Tampilkan yang di tekan, maka, apa yang tertulis pada EditText tertampil pada TextView
(gunakan method get Text ( ) dan set Text ( ) ).