Desain
Dialog
Dialog ialah percakapan atau proses
komunikasi antara dua pihak atau lebih. Pada IMK, dialog adalah pertukaraninstruksi
dan informasi yang mengambil tempat antara user dan sistem komputer. Dialog
juga dapat mengimplikasikan kerjasama atau sedikitnya keinginan untuk
menyelesaikan konflik. Pada perancangan user interface, dialog memiliki arti
lebih spesifik yaitu struktur percakapan antara user dan sistem komputer.Dalam mendesain sebuah dialog, diperlukan deskripsi yang terpisah dari program secara keseluruhan. Ada beberapa alasan yang mendasari hal tersebut, antara lain:
a. Agar lebih mudah dianalisa.
b. Pemisahan elemen-elemen interface dari logika
program (semantik).
c. Apabila notasi dialog ditulis sebelum program
dibuat, maka notasi tersebut dapat membantu desainer untuk menganalisis
struktur dialog yang diajukan, bahkan desainer juga dapat menggunakan
prototyping tool untuk menguji dialog.
d. Notasi dialog dapat digunakan sebagai salah satu
cara bagi anggota tim perancangan untuk mendiskusikan rancangan dialog dan
pada akhirnya diberikan kepada programmeraplikasi.
Sebelum mendesain sebuah dialog, manusia
harus memahami bahasa komputer terlebih dahulu. Adapun bahasa komputer terbagi
menjadi 3 tingkatan, yaitu:
1. Leksikal
1. Leksikal
- Merupakan
tingkatan yang paling rendah.
- Yaitu bentuk
icon pada layar.
- Pada bahasa
manusia, ekuivalen dengan bunyi dan ejaan suatu kata.
2. Sintaksis
- Yaitu urutan
dan struktur dari input dan output.
- Pada bahasa
manusia, ekuivalen dengan grammar suatu kalimat.
3. Semantik
3. Semantik
- Yaitu arti dari
percakapan yang berkaitan dengan pengaruhnya pada struktur data internal
komputer dan/atau dunia eksternal.
- Pada bahasa
manusia, ekuivalen dengan arti yang berasal dari partisipan dalam percakapan.
Dalam user interface, istilah dialog hampir mirip dengan tingkat sintaksis,
tetapi juga meliputi sifat-sifat leksikal.
Dialog Style
1. Command Language
Merupakan
paradigma user interface yang pertama kali. Contoh: MS-DOS shell, UNIX
shell, dBase.
a. Keuntungan:
- Lebih cepat.
- Dapat melakukan kegiatan meskipun di luar batas.
- Perulangan
- Implementasi yang mudah dan hemat.
b. Tujuan:
- Konsistensi.
- Penamaan dan pemberian singkatan yang baik.
- Melakukan tugas perancangan dapat membantu meminimalkan kekurangan.
a. Keuntungan:
- Lebih cepat.
- Dapat melakukan kegiatan meskipun di luar batas.
- Perulangan
- Implementasi yang mudah dan hemat.
b. Tujuan:
- Konsistensi.
- Penamaan dan pemberian singkatan yang baik.
- Melakukan tugas perancangan dapat membantu meminimalkan kekurangan.
2. WIMP (Window, Icon, Menu, Pointer)
3. Direct Manipulation (DM)
a. Keuntungan:
- Mudah dipelajari dan diingat, khususnya untuk pemula.
- Fleksibel
- Membatasai beberapa jenis kesalahan yang dapat terjadi.
- Penggunaan seluruh ruang pada layar.
- Harus mempelajari arti dari komponen-komponen yang tampak pada layar.
- Tampilan visual mungkin dapat disalah artikan.
- Penggunaan mouse dapat lebih lambat daripada pengetikan.
- Tidak ada penjelasan otomatis.
- Tidak bagus pada: pengulangan, penyimpanan history, tugas tertentu (seperti merubah semua huruf cetak miring menjadi cetak tebal), variabel.
4. PDA & Pen
- Menjadi lebih umum dan penggunaan yang lebih luas.
- Tampilan yang lebih kecil (160×160 atau 320×240).
- Tombol-tombol yang lebih sedikit, interaksi melalui “pen” (atau stylus).
- Peningkatan wireless, warna, memory yang lebih besar, CPU dan OS yang lebih baik.
- Palmtop vs Handheld.
5. Speech dan bahasa natural
Speech (Suara)
Adalah getaran pada suara menimbulkan bunyi “ahh”. Mulut, tenggorokan, bibir membentuk bunyi.
Input speech:
- Pengenalan speaker.
- Memberi arti pada kata-kata.
- Mudah dipelajari dan diingat.
- Belum dapat bekerja dengan baik.
User Interface Software
a. Alat Bantu User Interface:
- Aplikasi apa yang biasa digunakan oleh programmer untuk membuat program.
- Kombinasi dari objek-objek interface dan perilaku manajemen.
- Sekarang sudah object-oriented.
- Pustaka dari komponen-komponen perangkat lunak dan routines yang digunakan oleh programmer:
1. Xwindows: Xtoolkit & Motif
2. Macintosh: Mac Toolbox, MacApp
Bagaimana cara kerja
toolkit?
Apa yang sebenarnya disediakan olehnya?
Bagaimana mengaturnya?
- User mengadakan aksi, berinteraksi dengan interface.
- Aksi-aksi tersebut harus disampaikan kepada aplikasi dalam cara-cara yang penuh arti.
- Aplikasi melakukan aksi yang sesuai, mungkin memperbaharui tampilan.
- Aplikasi apa yang biasa digunakan oleh programmer untuk membuat program.
- Kombinasi dari objek-objek interface dan perilaku manajemen.
- Sekarang sudah object-oriented.
- Pustaka dari komponen-komponen perangkat lunak dan routines yang digunakan oleh programmer:
1. Xwindows: Xtoolkit & Motif
2. Macintosh: Mac Toolbox, MacApp
|
– |
Windows |
:
Windows Developer’s Toolkit |
|
– |
Java |
:
Swing |
Apa yang sebenarnya disediakan olehnya?
Bagaimana mengaturnya?
- User mengadakan aksi, berinteraksi dengan interface.
- Aksi-aksi tersebut harus disampaikan kepada aplikasi dalam cara-cara yang penuh arti.
- Aplikasi melakukan aksi yang sesuai, mungkin memperbaharui tampilan.
b. Model
Seeheim
Model Percakapan.
c. Model
Objek
- UI adalah kumpulan objek yang saling berinteraksi.
- User secara langsung memanipulasi objek-objek tersebut.
- Objek-objek bertanggung jawab untuk mentransmisikan aksi-aksi user ke aplikasi dengan cara yang berguna.
Model Percakapan.
- UI adalah kumpulan objek yang saling berinteraksi.
- User secara langsung memanipulasi objek-objek tersebut.
- Objek-objek bertanggung jawab untuk mentransmisikan aksi-aksi user ke aplikasi dengan cara yang berguna.
d. OBJECT-ORIENTED
SYSTEMS
- Pemrograman GUI Java dikerjakan dengan AWT dan Swing.
- Lebih banyak model terdistribusi.
- Aksi utama disini adalah mengirimkan event ke objek-objek sebagai pesan.
- Pendelegasian yang penting dapat membuat beberapa objek tertentu bertanggung jawab untuk menangani event.
e. GUI Builder Tools (Alat Pembuat GUI)
- Mengapa membangun interface grafis dengan perintah-perintah tekstual?
- Mengapa tidak menunjukkan apa yang Anda suka?
- Visual builder tools: Visual Basic, Visual C++, Borland Delphi, Symantec Café.
f. Metode-metode Tool
- Area kerja (interface yang sedang dibangun).
- Pindahkan dan letakkan interaktor ke dalam area kerja.
- Spesifikasi lokasi, warna, tampilan, dsb.
- Biasanya menyediakan mode Build/Pengujian.
- Pemrograman GUI Java dikerjakan dengan AWT dan Swing.
- Lebih banyak model terdistribusi.
- Aksi utama disini adalah mengirimkan event ke objek-objek sebagai pesan.
- Pendelegasian yang penting dapat membuat beberapa objek tertentu bertanggung jawab untuk menangani event.
e. GUI Builder Tools (Alat Pembuat GUI)
- Mengapa membangun interface grafis dengan perintah-perintah tekstual?
- Mengapa tidak menunjukkan apa yang Anda suka?
- Visual builder tools: Visual Basic, Visual C++, Borland Delphi, Symantec Café.
f. Metode-metode Tool
- Area kerja (interface yang sedang dibangun).
- Pindahkan dan letakkan interaktor ke dalam area kerja.
- Spesifikasi lokasi, warna, tampilan, dsb.
- Biasanya menyediakan mode Build/Pengujian.

Komentar
Posting Komentar