si 12 c, zaldy novananda p (12.12

Upload: zaldy-novananda-pradipta

Post on 04-Jun-2018

228 views

Category:

Documents


0 download

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