Merancang User Interface

Presentasi berjudul: "Merancang User Interface"— Transcript presentasi:

1 Merancang User Interface

2 Tujuan Antar Muka (interface) Pengguna
Menyesuaikan antar muka pengguna dgn tugas. Membuat antar muka pengguna menjadi efesien. Memberikan arus balik yang tepat kepada pengguna. Memunculkan pertanyaan-pertanyaan yang dapat dimanfaatkan. Memperbaiki produktivitas dari pengetahuan pegawai

3 Tipe-tipe user interface
User interface bahasa alamiah User interface pertanyaan & jawaban User interface menu-menu User interface formulir isian User interface bahasa perintah User interface GUI (Graphical User Interface) User interface pada web, dll.

4 User Interface Bahasa Alamiah
Ideal bagi user yang tidak berpengalaman, karena interface menggunakan bahasa sehari-hari Adanya perbedaan bahasa antara komputer & manusia sehingga diperlukan penerjemah yang mampu menerjemahkan 2 arah.

5 Contoh

6 User interface pertanyaan & jawaban
Komputer akan menampilkan pertanyaan di layar untuk user

7

8 User interface menu-menu
Menyediakan daftar pilihan dalam jumlah yang terbatas yang biasanya berupa suatu kalimat atau kumpulan beberapa kata sehingga pengguna dapat menetukan pilihannya Jenis berdasarkan teknik penampilan pilihan-pilihannya sistem menu datar menampilkan semua pilihan secara lengkap sistem menu tarik menampilkan daftar pilihan dalam kelompok-kelompok tertentu

9 File Edit View Insert Format Help
Contoh Window Menus File Edit View Insert Format Help New Open Close Save Save As Cut Copy Paste Menu bar Pull-down Menu Pop-up Send to > Mail recipient… Routing recipient... Cascading

10 Menu-driven Applications
Contoh Menu-driven Applications 1. Purchasing Reports 2. Sales Reports 3. Purchasing Data Entry 4. Sales Data Entry 5. System Administration Type a selection and press <Enter> __ (1 - 5) Whizz Co Reporting System

11 Contoh

12 User interface formulir isian
Kualitas tergantung pada tiga aspek Tampilan pada layar yang mencerminkan struktur data masukan yang diperlukan oleh sistem Kejelasan perancangan & penyajiannya secara visual pd layar Derajat kebenaran dan kehandalan penerimaan data masukan oleh program lewat berbagai fasilitas pemasukan data yang ada pada borang

13 Contoh

14 User interface bahasa perintah
Memberi kemudahan kepada user untuk mengontrol suatu aplikasi dengan serangkaian tekanan tombol, perintah-perintah, frase atau beberapa rangkaian dari 3 metode ini.

15 Contoh

16 User interface GUI Memungkinkan adanya manipulasi langsung pada tampilan grafis di layar, yang dapat diselesaikan dengan inputan dari keyboard, joystick atau mouse.

17

18 Contoh User Interface pada Web

19 Arus Balik untuk User Semua sistem memerlukan arus balik  untuk memonitor Arus balik pada user dari sistem diperlukan dalam 7 situasi yang berbeda (Kendall & Kendall 2, hal. 216) Contoh: warning, proses, menunggu (wait)

20 Contoh New Open Close Save Save as... Sebelum teks diselect
Setelah teks diselect New Open Close Save Save as...

21 Merancang Pertanyaan Pertanyaan-pertanyaan yang muncul berkaitan dengan data dari basis data Ada 6 tipe dasar pertanyaan  melibatkan entitas, atribut dan nilai (Kendall & Kendall 2, hal. 224 s/d 233).

22 Produktivitas & Rancangan ergonomis
Ergonomis, mengacu pada penerapan data biologis dan teknis pada suatu masalah yang berkaitan dengan orang-orang dan mesin-mesin yang mereka gunakan untuk bekerja Variable tempat kerja yang penting untuk dipertimbangkan: - warna ruang komputer & pencahayaan - tampilan layar - keyborad user, mouse - meja komputer & kursi.

23 Soal Carilah keuntungan dan kerugian dari user interface bahasa alamiah, sistem menu, pengisian formulir dan Interface Grafis Rancanglah sebuah interface untuk pemesanan tiket pesawat on line pada sebuah perusahaan penerbangan. Pemesanan tiket meliputi hal-hal sbb: Identitas penumpang, Asal dan tujuan penerbangan, Jumlah tiket yang dibeli, Tanggal keberangkatan dan ketersediaan jam penerbangan beserta harga. Total pembayaran tiket adalah total harga tiket ditambahkan dengan Tax 10% (dari total harga tiket).