si 12 c, zaldy novananda p (12.12
TRANSCRIPT
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
1/11
TUGAS WIDGET SELECTION
PEMROGAMAN MOBILE
MEMBUAT WIDGET LISTVIEW
DISUSUN OLEH :
Zaldy Novananda Pradi!a "#$"#$%&''
()la* : SI "# C
SE(OLAH TINGGI MANA+EMEN IN,ORMATI(A DAN (OMPUTER
AMI(OM PURWO(ERTO
+l$L)!-)n$Pol$S./ar!o P.r0o1)r!oT)l2,a3$ 4%#5"6 7#&"
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
2/11
PENDAHULUAN
Pendahuluan
Widget adalah sebuah "perwakilan" dari aplikasi yang memungkinkan pengguna untuk
dapat menggunakan fitur dari aplikasi yang diwakilkan tersebut secara langsung tanpa harusmembuka aplikasi "sesungguhnya" !iasanya widget terletak pada hme screen atau tampilan
awal layar perangkat Andrid anda Atau bisa dibilang widget merupakan aplikasi #ersi mini
yang bisa digunakan secara langsung pada hme screen
Andrid merupakan sftware mbile yang paling ppuler pada saat ini Hal ini
dibuktikan dengan banyaknya #endr smartphne yang menggunakan sftware andrid sebagai
sistem perasi pada smartphne mereka
$enurut Andy %ubin andrid adalah sistem perasi berbasis Linu& yang dipergunakan
sebagai pengella sumber daya perangkat keras' baik untuk pnsel' smartphne dan (uga P)
tablet *ecara umum Andrid adalah platfrm yang terbuka +,pen *urce- bagi para
pengembang untuk menciptakan aplikasi mereka sendiri untuk digunakan leh berbagai piranti
bergerak
.l List/iew digunakan untuk membuat sebuah daftar piliahan pada andrid !ila
(umlah list yang ditampilkan banyak maka akan memunculkan sebuah scrll Pada List/iew
dapat (uga ditambahkan sebuah actin
ArrayAdapter merupakan terbatas karena hanya mendukung pemetaan t*tring+- untuk
satu tampilan dalam tata letak baris Untuk mengntrl tugas data dan untuk mendukung
beberapa pandangan' Anda harus membuat implementasi adaptr pelanggan Anda Untuk ini'Anda akan memperpan(ang implementasi adaptr ada atau subclass !aseAdapter kelas langsung
List/iew menyebut get/iew+- metde pada adaptr untuk setiap elemen data Dalam metde ini
adaptr menciptakan tata letak baris dan memetakan data untuk pandangan dalam tata letak 0ni
akar tata letak biasanya /iew1rup dan berisi beberapa lainnya /iews ' misalnya sebuah
0mage/iew dan .e&t/iew 1rafik berikut menun(ukkan daftar dengan layut yang berbeda
untuk baris gan(il dan genap
.u(uan dari peratikum ini adalah 2
$ahasiswa dapat membuat Widget *electin menggunakan eclipe
$ahasiswa dapat menampilkan sebuah te&t (ika melakukan pemilihan
$ahasiswa dapat mendisain user interface dalam penggunaan List#iew tersebut
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
3/11
BAB I
CARA (ER+A
Untuk membuat widget checkb& caranya adalah sebagai berikut 2
1. !uka sftware eclipse dengan cara masuk ke directry dimana adt bundle berada
kemudian pilih eclipse' .ampilan awal eclipse adalah sebagai berikut 2
2. Untuk membuat pr(ect baru andrid caranya adalah sebagai berikut
3lik file kemudian pilih new pr(ect maka akan muncul tampilan sebagai berikut
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
4/11
3. *etelah itu pilih menu andrid kemudian pilih Andrid Applicatin pr(ect' kemudia klik
ne&t' maka akan muncul tampilan sebagai berikut
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
5/11
4. 3emudian isi applicatin name' pr(ect name' dan package name *etelah itu klik ne&t
$aka akan tampil windw sebagai berikut
5. Pada windw new andrid applicatin klik ne&tmaka akan muncul windw sebagai
berikut
.ampilan windw new andrid applicatin
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
6/11
6. .ampilan windw cnfigure launcher icn' atur icn aplikasi sesuai keinginan
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
7/11
7. *etelah selesai memilih icn klik ne&t maka akan muncul windw baru sebagai berikut
8. Pada windw create acti#ity pilih blank acti#ity kemudian klik ne&tmaka akan muncul
tampilan seperti berikut
*etelah itu klik finish
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
8/11
9. 4ika pr(ect baru telah dibuat langkah selan(utnya kita mendesain tampilan antar muka
pengguna 5 user interface Pada file 6$L7nya pilih tab 1raphical Layut setelah itu klik)mpsite sehingga akan muncul beberapa tl dibawahnya' pilih List/iew dengan
mendrag tl tersebut kedalam desainnya *eperti gambar berikut ini 2
Atau bisa (uga mengetik script cde pada file 6$L nya +acti#ity8main&ml-' ketik script
seperti berikut ini 2
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
9/11
*edangkan pada $ainActi#ity(a#a ketikkan script berikut ini 2
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
10/11
10. Agar biasa men(alankan aplikasi yang telah kita buat pertama7tama kita harus (alankan
emulatr andridnya menggunakan Andrid /irtual De#ice +A/D- Dengan cara
membuka A/D maneger dengan mengeklik icn pada tlbar Lalu knfigurasikan
de#ice yang sesuai dengan aplikasi yang akan kita buat
-
8/14/2019 SI 12 C, Zaldy Novananda P (12.12
11/11
11. *etelah emulatrnya sudah berhasil di(alankan langsung sa(a run pr(ect tersebut (ika
berhasil' maka akan langsung muncul seperti gambar berikut ini 2