38
Class didapatkan dengan eksaminasi obyek dalam sequence dan usecase diagram dan digambarkan dengan segi empat dengan tiga bagian.
2.7. Event Input
2.7.1. Event Listener
Event Listener adalah antarmuka di class view yang berisi satu method callback. Method ini akan dipanggil oleh framework Android
ketika View yang dikaitkan dengan listener tersebut terpicu oleh interaksi pengguna degan item di UI. Biasanya di event listener akan ditambah
dengan sejumlah method callback berikut: onClick : Dari View.OnClickListener. Ini akan dipanggil
ketika pengguna melakukan touch pada item, fokus ke item dengan tombol-tombol navigasi, atau di trackball.
onLongClick : Dari View.OnLongClickListener. Ini akan dipanggil ketika pengguna mengklik atau meng-hold item yang
disentuh. Bisa juga ketika memfokus pada item dengan kunci navigasi atau trackball dan menekan atau meng-hold tombol
Enter atau trackball. onFocusChange : Dari View.OnFocusChangeListener. Ini
dipanggil ketika pengguna menavigasi kea tau dari item, baik menggunakan tombol navigasi atau trackball.
39
onKey :Dari View.OnKeyListener. Ini dipanggil
ketika pengguna fokus ke item dan mengklik atau melepas tombol di perangkat.
onTouch : Dari View.OnTouchListener. Ini dipanggil
ketika pengguna melakukan action touch, termasuk penekanan, melepas atau gesture gerakan di layar dalam batasan item.
onCreateContextMenu : Dari
View.OnCreateContextMenuListener. Ini akan dipanggil ketika context menu sedang dibuat.
Semua method diatas merupakan method yang berkaitan dengan antarmukanya sendiri-sendiri.
2.8. Komponen-komponen Layout
2.8.1. Layout
Kategori komponen pertama adalah layout. Komponen-komponen di kategori layout ini menentukan struktur visual untuk antarmuka
pengguna, seperti UI untuk activity atau widget aplikasi. Anda bisa mendeklarasikan UI dengan dua cara, yaitu:
1. Mendeklarasikan elemen UI di XML. Android menyediakan
sintaks XML untuk class View dan subclass seperti widget dan layout.
40
2. Membuat instance elemen layout saat run time. Aplikasi bisa
membuat objek View dan ViewGroup, kemudian mengubah propertinya menggunakan program.
Framework Android menyediakan fleksibilitas, apakah akan menggunakan keduanya, atau salah satu untuk mendeklarasikan atau
memanajemen antarmuka.
2.8.2. InputControl
Input control adalah komponen interaktif di UI dari aplikasi. Android menyediakan banyak variasi control yang bisa dipakai, seperti
button, text field, seek bar, checkbox, zoom button, toogle button, dan sebagainya. Menambahkan input control ke UI sangat mudah, yaitu
dengan menambah elemen XML ke layout XML. Setiap input control mendukung event tertentu sehingga bisa menghandle event seperti ketika
pengguna memasukkan teks atau meng-klik pada button. Berikut adalah komponen yang umum dikategori Input Control.
Tipe Kontrol
Dekripsi Class yang
berhubungan
Button Tombol yang bisa diklik
atau ditekan oleh pengguna untuk
melakukan action tertentu. Button
Text field Teks yang bisa diedit,
dapat menggunakan widget
AutoCompleteTextView untuk membuat entri teks
EditText, AutoCompleeTextView
41
yang menyediakan saran auto-complete
Checkbox Sebuah switch onoff yang
bisa di-toggle oleh pengguna. Dapat
menggunakan checkbox ketka memberikan opsi
yang bisa dipilih oleh pengguna tapi tidak
eksklusif bisa memilih lebih dari satu
Checkbox
Radio button
Mirip dengan checkbox, namun hanya satu opsi
yang dapat dipilih dalam satu group
RadioGroup RadioButton
Toggle button
Button onoff dengan indikator
ToggleButton
2.8.3. Button
Sebuah button atau tombol terdiri dari teks atau ikon yang akan memicu event ketika pengguna mengklik atau menyentuhnya. Ketika
pengguna mengklik button akan menerima event on-click. Untuk mendefinisikan event click handler untuk button, perlu ditambahkan
atribut Android:onClick ke elemen button di layout XML. Nilai atribut ini harus sama dengan method yang akan dipanggil untuk merespon event
klik. Activity yang meng-host layout akan mengimplementasikan method yang berkaitan.
42
2.8.4. TextField
TextField adalah textbox yang memungkinkan pengguna mengetikkan teks aplikasi. Ini bisa berupa single line atau multi line. Jika
pengguna menyentuh textfield maka kursor akan otomatis ditampilkan dikeyboard. Selain untuk mengetik, textfield dapat digunakan untuk
melakukan banyak hal seperti memilih tekscut, copy, dan paste, serta data look up melalui fitur autocomplete. Textfield ditambahkan ke layout
dengan menggunakan objek edit text pada XML menggunakan elemen EditText.
2.8.5. Dialog
Sebuah dialog adalah jendela kecil yang menampilkan prompt ke pengguna dan menanyakan pengguna untuk mengambil keputusan atau
menambahkan informasi tambahan. Sebuah dialog tidak memasukkan layar dan normalnya digunakan untuk event modal yang membutuhkan
keputusan pengguna sebelum mengambil action tertentu.
2.8.6. Toast
Toast adalah Feedback sederhana yang memberitahukan kepada pengguna dalam bentuk popup kecil. Isinya hanya berupa tempat untuk
memasang teks saja, dimana aktivitas yang sedang dilakukan oleh pengguna tetap terlihat dan bisa digunakan secara interaktif. . Kelebihan
Toast adalah mudah untuk dibuat, sedangkan kelemahannya adalah pengguna dapat saja tidak melihat pesan yang dikandung Toast. Sebagai
contoh, ketika pengguna menutup email sebelum sempat disimpan akan
43
muncul toast menandakan bahwa pesan disimpan sebagai draft. Untuk membuat toast, perlu membuat instance dari objek toast dengan nama
makeText. Method ini memerlukan tiga parameter, yaitu: Application Context
Pesan yang ditampilkan Durasi dari toast
2.8.7. Layout Relative
Pada Android, RelativeLayout memungkinkan anda menentukan letak komponen secara relative dengan komponen lainnya. Ini merupakan
layout paling fleksibel yang memungkinkan meletakkan posisi komponen dimanapun sesuai keinginan.
2.8.8. Layout Linier
Layout linier adalah layout yang mengatur komponen-komponen didalamnya secara vertikal atau horizontal dengan atribut orientation.
Komponen dengan bobot paling banyak akan mengisi space sisanya dari linierLayout.
2.8.9. Layout Tabel
Layout berikutnya adalah TableLayout yang memungkinkan mengatur komponen via baris dan kolom. Mirip dengan layout table
standar di HTML yang menggunakan tr untuk table row dan td untuk tabel data
44
2.8.10. Layout Frame
Frame Layout adalah tipe layout paling sederhana dan paling efisienyang digunakan oleh developer Android untuk mengatur view,
namun jarang dipakai karena hanya dipakai untuk menampilkan satu view, atau beberapa view yang overlap.
45
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1. Gambaran Umum Sistem