High Level User Interface Oleh Oman Somantri S

High Level User Interface Oleh : Oman Somantri S. Kom Poltek Harber Tegal Teknik Komputer

Kapan menggunakan High-Level UI ? ü Saat membangun aplikasi text‐based yang mudah. ü Saat kita ingin aplikasi kita dapat dengan mudah dipertukarkan dengan berbagai macam peralatan (Portabilitas). ü Saat kita ingin aplikasi memiliki tampilan yang sama dengan komponen UI yang lain dari berbagai peralatan. ü Saat ingin kode kita dapat menjadi sesedikit mungkin, ketika sebuah interaksi ditangani oleh API.

High Level User Interface J 2 ME

Screen • Screen merupakan inti abstrak class yang digunakan untuk high‐level UI dan canvas merupakan Displayable abstrak class untuk low‐level UI. • Subclasses dari abstract class screen diantaranya adalah Form, Text. Box, List dan Alert.

Command • Dengan adanya kekurangan ukuran pada screen, MIDP tidak menggambarkan sebuah menu bar. • Untuk menggantikan menu bar, MIDlet memiliki Commands. • Biasanya Command diimplementasikan sebagai soft key atau item dalam sebuah menu. Object Command hanya berisi informasi tentang action yang harus dikerjakan pada saat Command diaktifkan

Gbr : Listing program untuk mapping Commands kedalam Displayable

Alert • Alert merupakan sebuah screen yang dapat menampilkan text dan gambar. • Alert merupakan komponen untuk menampilkan error dan warning, display text dan informasi gambar atau untuk mendapatkan informasi dari user. • Alert ditampilkan untuk spesifikasi periode dari waktu. Waktu di‐set menggunakan method set. Timeout() dan method tersebut dispesifikasikan dalam unit millliseconds.

Tampilan Alert

List • List merupakan subclass dari screen yang berisi sebuah daftar dari suatu pilihan. • List fungsinya adalah menampilkan daftar pilihan pada layar. Masing‐masing elemen yang ditampilkan direpresentasikan oleh String dan dapat pula ditambahkan dengan gambar/Image. • Sebuah list dapat dibagi menjadi tiga tipe: IMPLICIT, EXCLUSIVE atau MULTIPLE.

Gbr. Tipe – tipe List

Text Box • Text. Box merupakan sub‐class dari screen yang dapat digunakan untuk mendapatkan input text dari user. • Text. Box minimal harus memiliki satu Command untuk menentukan cara memproses input dari user. • Isi dari Text. Box dapat diambil kembali dengan menggunakan method get. String().

Gbr. Tampilan Text. Box Gbr: Text. Box tipe ANY (multi-line) Gbr: Text. Box modifikasi PASSWORD

Terima Kasih