Archive

Posts Tagged ‘GUI’

User Interface pada J2ME

July 23rd, 2009 myandisun 6 comments

Satu hal terpenting dalam sebuah aplikasi adalah Graphical User Interface (GUI). GUI dapat dimanfaatkan sebagai media input dalam sebuah aplikasi.

Class-class untuk membangun GUI dalam MIDP disimpan dalam lcdui (javax.microedition.lcdui), sehingga agar dapat memanfaatkan class tersebut dengan mengimport paketnya.

Struktur GUI dalam MIDP

GUI di dalam MIDP dibagi menjadi dua bagian, yaitu: high-level API (yang didasarkan pada penbentukan window) dan low-level API (yang didasarkan pada pembentukan canvas dan pixel). Penggunaan high-level API lebih mudah disbanding mengunakan low-level API untuk membangun sebuah interface pada suatu aplikasi. Namun dengan menggunakan low level API lebih leluasa dalam mendesain sebuah interface.

Model high-level API menyediakan class-class standar yang digunakan untuk membangun UI (User Interface) seperti component Form, TextBox, List, Alert. Model High-level mengimplementasikan class-class yang diturunkan dari class Screen.

Model Low-level API memberikan akses yang kepada programmer untuk melakukan control terhadap tampilan layer, termasuk pengembaran menggunakan pixel, pembentukan bentuk geometri (segitiga, segiempat,lingkaran,elips, arc, dll). Model ini sering digunakan untuk membuat game. Karena model ini dapat membuat bentuk tek graphic yang lebih spesifik sesaui dengan keinginan. Model ini juga dapat membaca tombol-tombol yang ditekan oleh user.

Dalam paket lcdui yang dimport menggunakan:

import javax.microedition.lcdui.*;

Paket ini terdiri dari interface dan class.

Tabel daftar interface:

Interface Keterangan
Choice Mengimplementasikan sejumah item pilihan yang didefinisikan.
CommandListener Menerima event-event level tinggi.
ItemStateListener Menerima event yang mengindikasikan perubahan keadaan dari item yang terdapat pada obyek Form

Read more…

Basic Mendesain Graphical User Interface (GUI)

July 14th, 2009 myandisun 1 comment
Oleh: Andi Sunyoto
Pendahuluan
Prinsip dasar untuk membuat sebuah tampilan antar muka sama halnya dengan prinsip desain dalam mendesain sebuah karya seni di atas kanvas. Prinsip desain adalah cara menyusun (meletakkan) obyek, warna yang semua itu sama dengan tampilan pada layar komputer.
Meskipun banyak alat (tool) pemrograman membuat mudah dalam mendesain dengan hanya drag drop komponen kedalam form anda atau halaman web anda, dengan hanya sedikit rencana dalam mendesain sebuah aplikasi nantinya akan banyak perubahan desain. Team pengenbang software biasanya mendesain elemen dulu dalam kertas, medesain keutuhan komponen atau kontrol yang dibutuhkan dalam software tersebut dan relasi antar form.
Prinsip dasar desain harus diterapkan dalam antar muka program aplikasi atau desain yang berbasiskan web agar diperoleh desain yang bagus. Untuk software aplikasi dan Web base aplikasi berbeda, tapi bagaimanapun juga kedua model aplikasi dan web base mempunyai proses yang mirip.

Pembahasan
Elemen Antar Muka
Beberapa elemen digunakan dalam banyak implementasi. Jika elemen dalam antar muka digunakan dengan tepat, akan membantu membuat efisiensi dan produktivitas untuk penguna nantinya. Meskipun elemen itu memiliki banyak perbedaan untuk software aplikasi dan berbasis web, semua fungsinya mirip di lingkungan masing-masing.

Bentuk Desain Antar Muka
Dalam aplikasi berbasis windows, tidak semua sama, ada tiga bentuk utama:
1. Single Document Interface (SDI), Sebuah contoh antar muka SDI adalah aplikasi WordPad yang include di windows. Di dalam WordPad, hanya satu dokumen yang dapat di buka dalam waktu yang sama, dokumen harus ditutup sebelum dokumen lain di buka. Kita tidak bisa bekerja pada dua dokumen yang berbeda dalam waktu yang sama.

Model Single Document Interface

Model Single Document Interface

Read more…