PENGENALAN Interaksi manusia-komputer (Human-Computer Interaction-HCI) merupakan satu disiplin ilmu yang mengkaji tentang komunikasi atau interaksi

i di antara pengguna dengan sistem. User friendly WYSIWYG (what you see is what you get) Aspek penting dalam IMK: manusia komputer lingkungan kerja (aspek ergonomik).

Sistem: Diantara produk-produk yang digunakan oleh pengguna seperti kendaraan, peralatan rumah dan sebagainya. Peranan utama HCI adalah untuk menghasilkan sebuah sistem yang baik di gunakan (usable), mudah, berkesan dan efektif.

Pengguna

Interaksi

Sistem

Model interaksi manusia-komputer

Model interaksi di antara pengguna dengan sistem melibatkan tiga komponen: 1. 2. 3. Pengguna Interaksi Sistem.

TIK Unindra

Mufti

Kunci utama dalam HCI adalah baik untuk di gunakan (usability): sistem harus mudah digunakan, memberi kenyamanan kepada pengguna, mudah dipelajari dan sebagainya. ANTARAMUKA PENGGUNA

Antaramuka pengguna merupakan bagian sistem yang akan dikendalikan oleh pengguna, untuk mencapai dan melaksanakan fungsi-fungsi suatu sistem. Ia juga dianggap sebagai jumlah keseluruhan keputusan rekabentuk. Antaramuka juga secara tidak langsung, menunjukkan kepada pengguna tentang kefungsian sistem. Antaramuka bagi sesuatu sistem menggabungkan elemen-elemen daripada sistem, elemen-elemen daripada pengguna dan juga kaedah komunikasi atau interaksi di antara kedua-duanya.

Pengguna hanya boleh berinteraksi dengan produk tersebut melalui antaramuka pengguna. Sebuah sistem antaramuka pengguna meliputi: 1. 2. Peranti input (seperti keyboard, mouse dan layar sentuh) Peranti output (seperti monitor, speaker dan printer), input

daripada pengguna (seperti panah pada keyboard dan pergerakan mouse) dan output yang dikeluar oleh komputer (seperti grafik, bunyi dan hasil cetak). Antaramuka pengguna perlu direkabentuk supaya ia lebih mudah dan jelas. Penggunaan komputer pada masa sekarang tidak lagi kepada golongan yang terlibat dalam bidang komputer saja. Komputer telah menjadi salah satu kebutuhan penting dan digunakan oleh pengguna-pengguna pada bagian tertentu. Kita tidak boleh menganggap bahawa semua pengguna mahir menggunakan komputer. Rekabentuk dan pembangunan antaramuka pengguna perlu dilihat sebagai salah satu proses utama dalam keseluruhan pembangunan sistem.

TIK Unindra

Mufti

Rekabentuk antaramuka pengguna merupakan satu proses yang kompleks. memerlukan daya kreativitas yang tinggi, pengalaman, analisa terrinci dan kefahaman terhadap keperluan pengguna.

Bidang ilmu yang berhubungan dengan IMK: Teknik Elektronika dan Ilmu Komputer Psikologi Desain Grafis Ergonomik (lingkungan kerja) Antropologi (ilmu pengetahuan tentang manusia) Linguistik (Komunikasi) Sosiologi (Otomatisasi System) Perangkat Bantu Pengembangan Sistem - Pemrograman visual Keuntungan: Interface yg dihasilkan lebih baik. Hasil rancangan sementara Modifikasi Aplikasi memiliki lebih dari satu interface Tampilan menarik Gabungan kontribusi dari ahli.

Program interface mudah di tulis dan ekonomis dalam pemeliharaan. Program interface terstruktur Dapat digunakan kembali Kehandalan

Strategi Pengembangan Interface Mekanisme fungsi manusia Kelebihan Isi program aplikasi Prototype Interface Otomatisasi System TIK Unindra Mufti

TIK Unindra

Mufti

 Faktor Manusia
Sistem Komputer

Perangkat Keras (hardware) Perangkat Lunak (software) Manusia (brainware) Manusia Panca Indra o Mata o Telinga
o

Hidung

Pengolahan Informasi

o Lidah o Kulit o Penglihatan

-

Layar monitor: Dua Dimensi Tiga Pencahayaan Kontras Kecerahan Warna

Dimensi -

TIK Unindra

Mufti

Penggunaan Warna (Aspek Psikologis)

-

Hindari warna-warna tajam (cyan, biru & merah) Hindari warna biru murni untuk teks, garis tipis. Hindari warna mirif pada sisi berdekatan. Usia pengamat disesuaikan (pengamat lebih tua Sesuaikan dengan cahaya sekitar. Warna berlawanan dapat digunakan bersamaUntuk pengamat kurang dalam penglihatan

menggunakan warna lebih tajam). -

sama.
-

warna hindari perubahan warna tunggal. o Pendengaran

-

Digital signal processing (DSP) Suara digital H/W untuk interaktif Multimedia

- Frekuensi suara 20 Hertz 20 KHertz o Sentuhan Keyboard Adanya sensasi sentuhan Mouse Dan lainnya

TIK Unindra

Mufti

o Pemodelan sistem pengolahan - pada manusia

-

pada computer

Perseptual

Perseptual

Pengolahan sadar

Pengolahan otomatis

Memori

Antar muka Pengontrol keluaran Pengontrol masukan

- Pengolahan sadar (conscious processing)

- Pengolahan otomatis

TIK Unindra

Manusia Komputer

Intelektual

Intelektual

Kontrol Motorik

Kontrol Motorik

Sensor Umpan balik Peranti keluaran

Responder

Peranti masukkan

Prosesor Memori

Tindakan baru/jarang dilakukan. Reflek (tindakan yang sering dilakukan).

Mufti

- Register sensor Organ sensor: - mata, telinga & lainnya -

TIK Unindra

Mufti

Kisi-kisi Hermann

TIK Unindra

Mufti

Ragam Dialog (dialoque style)

Cara yg digunakan untuk mengorganisasikan berbagai teknik dialog. Diantaranya: sistem menu dialog berbasis pengisian borang kursor yg bergerak pelacakan simbol ikon jendela penggulung teks dan lain-lain.

Ragam dialog interaktif

Dikelompokkan menjadi 9 kategori: Dialog berbasis perintah tunggal (command line dialogue) Dialog berbasis bahasa pemrograman (command language dialogue) Antarmuka berbasis bahasa alami (natural language interface) Sistem menu Dialog berbasis pengisian borang (form filling dialogue) Antar muka berbasis ikon (icon-based user interface) Sistem penjendelaan (windowing system) Manipulasi langsung Antarmuka berbasis interaksi grafis

TIK Unindra

Mufti

Sifat penting yg perlu dimiliki setiap ragam dilog:

- Inisiatif - Keluwesan - Kompleksitas - Kekuatan, dan - Beban informasi Karakteristik ragam dialog: - Konsistensi - Umpan balik - Observabilitas - Kontrolabilitas - Efisiensi, dan - Keseimbangan - Inisiatif o Inisiatif oleh komputer: Pengguna memberikan tanggapan atas prompt yg diberikan oleh komputer untuk memasukkan perintah atau parameter perintah. o Inisiatif oleh pengguna Pengguna memahami sekumpulan perintah yg harus ditulis menurut aturan (sintaksis) - Keluwesan Fleksibel Interface Customimizing - Kompleksitas Terstruktur Menggunakan struktur pohon perintah (tree) - Kekuatan Ketersediaan perintah-perintah yg powerfull. - Beban informasi Penyajian informasi disesuaikan dengan aras pengguna
TIK Unindra Mufti

- Konsistensi o Perintah-perintah mempunyai sintaksis yg terstandarisasi o Urutan parameter memiliki tata letak yg konsisten o Format inputan data kompatibel & konsisten dengan format tampilan data - Umpan balik Memberikan keterangan kepada pengguna pada saat sistem sedang melakukan suatu proses - Observabilitas Berfungsi secara benar dan nampak sederhana, meskipun sesungguhnya pengolahan internalnya sangat rumit. - Kontrolabilitas Kebalikan dari observabilitas, yaitu Sistem selalu berada di bawah kontrol pengguna Antarmuka harus memiliki sarana agar pengguna dapat menentukan: o dimana sebelumnya ia berada o dimana ia sekarang berada o kemana ia dapat pergi o apakah pekerjaan yg sudah dilakukan dapat dibatalkan - Efisiensi Waktu, biaya dan tenaga - Keseimbangan Pembagian tugas & struktur dialog antara manusia dan mesin

TIK Unindra

Mufti

TIK Unindra

Mufti

 Dialog berbasis perintah tunggal (command line dialogue)

Contoh: - DOS command internal command C:\>DIR C:\>COPY eksternal command C:\DOS>FORMAT A: /S C:\DOS>DELTREE C:\NASKAH\SOAL - Unix/Linux command ls, who, passwd, dll Perintah DOS lebih alamiah dibanding Unix/Linux Keuntungan & kerugian dialog berbasis perintah tunggal Keuntungan Kerugian - Cepat - Pelatihan lama - Efisien - Membutuhkan penggunaan yg teratur - Akurat - Beban ingatan tinggi - Ringkas - Jelek dalam - Luwes menangani kesalahan - Inisiatif oleh pengguna - Appealing (menarik) Saran untuk meminimalkan beban ingatan & kesalahan pengetikan: - Pilih kata kunci yg mudah diingat - Gunakan format perintah yg konsisten - Gunakan untaian kata yg pendek - Tambahkan fasilitas bantuan (help) - Gunakan nilai-nilai default untuk mengurangi kesalahan ketik - Sediakan pesan-pesan yg jelas - Gunakan ragam inisiatif oleh komputer

TIK Unindra

Mufti

 Dialog berbasis bahasa pemrograman (command language dialogue)

Harus mengikuti aturan-aturan tertentu (syntax) - Dapat menggabungkan perintah tunggal Contoh: dengan autoexec.bat pada DOS @ECHO OFF PROMPT $P$G PATH C:\WINDOWS; C:\DOS SET TEMP=C:\DOS C:\WINDOWS\MODE 80 C:\WINDOWS\MSCDEX.EXE /S /D:MSCD001 C:\WINDOWS\WIN.EXE Tidak perlu mengetikan satu persatu, hanya C:\>Autoexec.bat
-

Antarmuka berbasis bahasa alami (natural language interface) - Memerlukan penterjemah agar dimengerti manusia - Penterjemah berupa suatu program komputer Contoh instruksi bahasa alami:
Cetak daftar semua mahasiswa yang mempunyai IP semester lebih besar dari 3.0

Keuntungan - Tidak memerlukan sintaksis khusus - Luwes dan powerfull - Alamiah - Merupakan inisiatif campuran

Kerugian - Mempunyai dualisme dalam pemrograman - Tidak simpel - Bertele-tele - Perancangan rumit - Tidak efisien

TIK Unindra

Mufti

 Sistem menu
Menu daftar sejumlah pilihan dlm jumlah terbatas berupa kalimat/kumpulan beberapa kata. - Sistem menu datar - Sistem menu tarik (pulldown) - Sistem menu datar o Menampilkan semua pilihan secara lengkap o Ditampilkan secara lengkap (menggunakan kalimat-kalimat yg cukup panjang) Penentuan pilihan menggunakan: o Selector o Tanda terang (highlight marker) dikonfirmasikan dengan menekan tombol Enter o Selector Berupa angka, huruf, kombinasi huruf&angka Angka pilihan <= 10 buah Huruf pilihan <= 26 buah Huruf&angka pilihan > 26 buah Contoh:
SISTEM INFORMASI AKADEMIK UNINDRA PGRI
<A> <B> <C> <D> <E> <F> DAFTAR MENU Inisialisasi Berkas Mahasiswa <G> Inisialisasi Berkas Mata Kuliah <H> Inisialisasi Berkas Nilai Ujian <I> Isi/Ubah Mahasiswa <J> Isi/Ubah Mata Kuliah <K> Isi/Ubah Nilai Ujian <L> <Q> Hitung IP Semester Cetak KRS Cetak Nilai Ujian Cetak KHS Cetak Data Mahasiswa Cetak Transkrip Selesai

&

Pilih salah satu: _ MENU DATAR DENGAN SELEKTOR HURUF KOMPATIBEL B. Baca Data C. Cetak Laporan D. Data Baru E. Edit Data H. Hapus Data Pilih salah satu: _

MENU DATAR DENGAN SELEKTOR HURUF TIDAK KOMPATIBEL A. Baca Data B. Cetak Laporan C. Data Baru D. Edit Data E. Hapus Data Pilih salah satu: _

TIK Unindra

Mufti

Selector huruf kompatibel: Huruf yg sama dg huruf pertama dari suatu pilihan Selector angka kompatibel: Angka yg sama urutannya dg urutan alphabetis huruf pertama suatu pilihan Mudah diingat oleh pengguna
o

Tanda terang (highlight marker) Menggunakan bantuan tombol seperti: , , , atau atau Menggunakan bantuan mouse

khusus

Untuk pemrogram berpengalaman menggunakan keduanya agar semua aras pengguna dapat memakai.
-

Sistem menu tarik (pulldown/pop-up menu) Menampilkan pilihan dalam kelompok-kelompok tertentu Alasan menggunakan Cacah pilihan cukup banyak Masing-masing kalimat cukup panjang Menampilkan daftar pilihan cukup besar sehingga penggunaan seluruh layer Struktur Pulldown menu Dikelompokkan menurut kategori tertentu Hirarki tertinggi menu utama Dalam menu utama submenu Dalam submenu sub-submenu Contoh: Pada S/W Aplikasi sekarang (Windows, Office, dll) Status Keadaan menu aktif/terlihat dapat dipilih oleh pengguna Menu tidak aktif(berwarna lain)/disembunyikan tidak dapat dipilih Shortcut
Mufti

TIK Unindra

Cara pemilihan menu lebih cepat dibandingkan dg cara yg biasa digunakan. Menggunakan tombol-tombol khusus Ditentukan pemrogram Kombinasi pemakaian mouse dan keyboard Keuntungan Sistem Menu: - Memerlukan sedikit pengetikan - Beban memori rendah - Strukturnya teridentifikasikan dg baik - Perancangan yg mudah - Tersedia peranti bantu dlm perancangan Kerugian Sistem Menu: - Seringkali lambat - Memakan ruang layar (khususnya menu datar) - Tidak cocok untuk aktifitas input data

Dialog berbasis pengisian borang (formulir) (form filling dialogue)

Penerapan langsung pada layar komputer seperti pada format aktifitas pengisian borang sehari-hari - Terdapat isian (requirement), sejumlah option, nilainilai parameter yg telah ditentukan. Contoh: - KTP, SIM, KRS, dll Aspek yg menentukan kualitas antarmuka: - Tampilan layar yg diperlukan sistem - Penyajian secara visual - Kebenaran&kehandalan data masukan oleh program - Semua informasi secara serentak ditampilkan Hal yg perlu diperhatikan: - Proteksi tampilan Pembatasan pengguna - Batasan medan tampilan panjang tetap/berubah, bebas/tertentu - Isi medan pengguna memiliki gambaran, petunjuk pengisian di tampilkan pada layar - Medan opsional isian opsional, penggunaan warna
-

TIK Unindra

Mufti

Default nilai standar untuk isian - Bantuan (help) petunjuk pengisian - Medan penghentian mengakhiri isian dg Enter (return)/berpindah ke medan lain - Navigasi menggunakan tab/mouse untuk berpindah - Pembetulan kesalahan tombol Backspace, tumpang-tindih isian lama, dll - Penyelesaian pemberitahuan semua isian selesai (konfirmasi) Komponen tampilan - Text field, list box, check box, dll Keuntungan: - Pengguna terbiasa dg pengisian borang - Isian data yg disederhanakan - Sedikit pelatihan - Beban memori rendah - Struktur jelas - Tersedia s/w bantu perancangan tampilan (s/w visual) Kerugian: - Sering lambat - Memakan ruang layar (khususnya menu datar) - Memerlukan pengontrol kursor - Navigasi tdk terlihat secara eksplisit
-

Antar muka berbasis ikon (icon-based user interface)

Pendapat gambar bernilai lebih dari 1000 buah kata - Manusia lebih mudah mengingat gambar - Gambar memiliki sifat alamiah - Makna sesuai dengan gambar ikon Contoh: - Windows, dll
-

Sistem penjendelaan (windowing system)

TIK Unindra Mufti

Kemudahan instalasi (plug&play) - Informasi dlm bentuk teks & grafis - Bekerja dengan banyak tugas & informasi dalam beberapa jendela sekaligus - Pengendalian secara bebas Jenis-jenis jendela: - Windows hanya menampilkan Page Scrolling Contoh: DOS, bila baris perintah lebih dari 1 halaman - Time-Multiplexed Windows Tampilan windows secara bergantian pd waktu yg berlainan Contoh: Editor teks, (Word Star, Sidekick, dll) - Space-Multiplexed Windows Tampilan dibagi menjadi beberapa window secara vertikal/horizontal dg ukuran masing-masing sama, bila ukuran satu jendela diubah, yg lain ikut berubah. Contoh: Lotus 123, WP Versi DOS, dll

Manipulasi langsung (Direct manipulation)

Contoh: Games, Spreadsheet, dll

Antarmuka berbasis interaksi grafis

Contoh: Hmpir mirip manipulasi langsung Toolstip dari toolsbar, hypertext pada online help, dll

TIK Unindra

Mufti

Perancangan Tampilan (Screen Design)

Perancang tampilan:

- Harus memiliki jiwa seni - Mengerti selera pengguna secara umum

-

Meyakinkan Pemrogram (terdapat piranti Bantu/tools) dalam implementasi. Dokumentasi rancangan (dapat merubah rancangan) Dokumentasi rancangan, diantaranya:

- Membuat sketsa pada kertas - Menggunakan piranti prototype

-

Penjelasan keterkaitan jendela satu dg yg lain

- Menggunakan peranti bantu Program aplikasi, dua kategori:

-

Keperluan khusus (special purpose software) Bersifat umum (general purpose software) Keperluan khusus (special purpose software) Diantaranya: aplikasi inventori(gudang), akademik, penggajian karyawan, dll. Pendekatan dg cara:
o

user-centered design design oleh perancang antarmuka

TIK Unindra

Mufti

perancangan penjelasan

antarmuka kelebihan &

melibatkan kekuarangan

pengguna

antarmuka o user design approach pengguna yg merancang antarmuka mempercepat implementasi, tapi memberatkan pemrogram

Bersifat umum (public softaware)

o

Digunakan oleh berbagai pengguna Luwes (costumization) sesuai selera pengguna Contoh: pada Windows terdapat default, setting desktop, tampilan windows, dll

o Memaksa pengguna dg antarmuka yg ada

o o

Prinsip & Petunjuk Perancangan:

Antarmuka pengguna, secara alamiah:
-

Model pengguna model konseptual yg diinginkan pengguna dalam manipulasi informasi & proses Bahasa perintah (command language) Bahasa perintah alami mudah dipahami pengguna

- Umpan balik

TIK Unindra

Mufti

Kemampuan Diantaranya:

program

membantu

pengguna

untuk

mengoprasikan program itu sendiri Pesan-pesan penjelasan Pesan penerimaan perintah Indikasi obyek terpilih

Penampilan karakter yg diketikkan

- Penampilan informasi Memberikan informasi yg seefektif mungkin ketika pengguna melakukan tindakan

Urutan Perancangan (stepwise refinement):

- Pemilihan ragam dialog Disesuaikan dengan karakteristik populasi pengguna (pemula, menengah & ahli) - Perancangan struktur dialog

Melakukan analisis tugas & menentukan model pengguna dari tugas tersebut

Banyak melibatkan pengguna

Pengguna mendapat umpanbalik berupa informasi, prototype dari dialog

- Perancangan format pesan

Tata letak tampilan & keterangan tekstual secara terinci

TIK Unindra

Mufti

 Efektif & efisien

-

Perancangan penanganan kesalahan Bentuk-bentuk penanganan kesalahan:

Validasi pemasukkan data (mekanisme inputan) Proteksi pengguna (peringatan karena tindakan tdk di sengaja) contoh: penghapusan berkas Pemulihan dari kesalahan (tersedia mekanisme pembatalan tindakan yg baru dilakukan)

Penampilan pesan salah yg tepat. - Perancangan struktur data Struktur data untuk dialog berbasis grafis lebih sulit dari tekstual

Keinginan pengguna & model sistem yg telah dirancang cocok satu sama lain

Perancangan Tampilan Berbasis Teks

6 Faktor yg harus dipertimbangkan untuk antarmuka berbasis teks: o Urutan penyajian Disesuaikan dengan model pengguna (atau kesepakatan dg pengguna bila tidak ada model pengguna)
o

Kelonggaran (Spaceciousness)

o Pengelompokkan

TIK Unindra

Mufti

Data terkait dikelompokkan agar mudah penstrukturan layar tampilan o Relevansi Tampilkan hanya pesan sesuai topik yg sedang ditampilkan o Konsistensi Ruang tampilan tidak berubah-ubah o Kesederhanaan Penyajian aras informasi dipahami dg cepat oleh pengguna

Perancangan Tampilan Berbasis Grafis

Contoh: MS Windows
-

Pengguna tidak harus mengingat perintah-perintah Penggunaan borang property Kemampuan WYSIWYG menjadi sangat terkenal Kelengkapan perintah-perintah umum (delete, move, dll)

Kendala penerapan: o Waktu tanggap o Kecepatan penampilan 5 Faktor yg perlu diperhatikan untuk merancang antarmuka grafis: - Ilusi pd obyek yg dapat dimanipulasi

TIK Unindra

Mufti

Obyek disesuaikan dg aplikasi yg akan dibuat Penampilan obyek-obyek demengerti pengguna Mekanisme yg konsisten untuk memanipulasi

o
o

obyek yg akan muncul dilayar - Urutan visual & fokus pengguna Visualisasi yg menarik perhatian pengguna, dengan warna atau animasi. - Struktur internal Refeal code (tanda khusus) untuk perbedaan font style pada tampilan - Kosa kata grafis yg konsisten & sesuai Simbol-simbol obyek, atau icon tdk memiliki standard, tapi disesuaikan dg kreatfitas perancang Contoh: menyatakan aktifitas penyimpanan data - Kesesuaian dengan media Tampilan grafis pada Monitor CGA tidak secantik VGA Karakteristik khusus dari tampilan memiliki pengaruh besar terhadap wajah antarmuka yg indah

Waktu Tanggap
- Mempengaruhi konsentrasi pengguna, sehingga - Mempengaruhi kinerja pengguna
-

Waktu tanggap yg lama mengalihkan perhatian pengguna terpecah ke aktifitas lain.

TIK Unindra

Mufti

Waktu tanggap cepat/dalam beberapa detik baik untuk kinerja pengguna

Penanganan Kesalahan
-

Kata bijak berbuat salah adalah manusiawi Upaya untuk menghindari kesalahan pengguna yg mengakibatkan terhentinya eksekusi program

- Dalam dunia komputer kesalahan kecil berakibat fatal

-

Kesalahan: - Kesalahan pd saat implementasi program Contoh: sintaksis program (compile-time error) Untuk pembagian bilangan integer dalam Pascal C := A / B; (type mismatch) seharusnya C := A div B;
-

Kesalahan logika oleh: o

o

Pengguna memasukkan data yg tidak sah Proses eksekusi Program membaca data dari berkas, tetapi Pembagian denga nol Kekurangan memori pada saat program dll

Contoh:
-

berkas tidak ada. -

dijalankan -

TIK Unindra

Mufti

Penanganan kesalahan harus tepat, biasanya dengan

-

Membuat modul perangkap kesalahan (error trapping) Contoh dlm Pascal:

writeln(Pembagian dengan nol tidak diijinkan)

- Memberi pesan umpan balik kepada pengguna

Robustness (Kesempurnaan struktur program)

TIK Unindra

Mufti

Peranti Bantu Sederhana

- Dokumentasi wajah antarmuka
-

Lembar kerja tampilan/LKT (screen design work sheet) berupa kertas kosong Contoh gambar LKT:

Tampilan No.:

Navigasi:

Keterangan:

Nomor lembar kerja Tampilan: berisi sketsa tampilan yg akan muncul Navigator menjelaskan: - Kapan tampilan akan muncul
-

di layar

Kapan tampilan berubah menjadi tampilan lain Keterangan: Penjelasan singkat atribut tampilan

yg akan dipakai

TIK Unindra

Mufti

Contoh Perancangan Tampilan (LKT)

PENGISIAN DATA PRIBADI Navigasi: Klik Selesai, ganti tampilan dg no. 1 Klik Simpan, aktifkan penyimpan berkas dan kosongkan borang Klik Batal, kosongkan borang

Nama : Alamat : Kota : Tgl. Lahir : Jenis kelamin: No. sheet: 5 Pendidikan: Laki-laki Perempuan SD SLTP SIMPAN SLTA BATAL Sarjana (S1) Master (S2) Doctor (S3) SELESAI

Keterangan: Judul jendela pakai arial, 12 point. Teks pakai arial, 10 pint, hitam. Medan data arial, 10 point, miring Teks push button arial, 12 point

TIK Unindra

Mufti

Jaring Semantik Tampilan (screen semantic net)

-

Bagan alur navigasi-navigasi dari tampilan Nomor tampilan (lembar kerja) Transisi masing-masing perpindahan tampilan

- Terdiri dari dua komponen: o o

- Notasi: Lingkaran & Tanda panah Contoh:

Loop

T2
Esc

Alt-X

T1

S Alt-

T3
Alt-E Simpan
Exit

Esc

TIK Unindra

Selesai
Cetak

T4

Exit

T6

T5
Esc Alt-Q Exit

T7

Mufti

 Peralatan Interaksi S/W yang lengkap canggih harus didukung peralatan (H/W) yang dibutuhkan o Peralatan masukkan (Input device) o Peralatan Keluaran (Output device) I/O device dikelompokkan menjadi:
o o

Text entry (peralatan masukkan tekstual) Pointing & picking device (peralatan

penuding & pengambil) o Screen (layar tampilan) o Text entry (peralatan masukkan tekstual) Lebih dikenal dengan Keyboard Layout dikelompokkan 4 bagian: 1. 2.
3.

Tombol fungsi (function key) Alphanumerik Tombol kontrol Tombol numerik

4.

TIK Unindra

Mufti

contoh:
-

QWERTY Keyboard (Scholes, Glidden & Soule 1878) Ketukkan: 52% QWERTYUIOP 32% 16% ASDFGHJKL; ZXCVBNM,./

Penggunaan tangan: lebih banyak tangan kiri (missal: sadar, teras, dll) - DVORAK Keyboard Ketukkan: 22% ,.PYFGCRL? 70% AOEUIDHTNS8% ;QJKXBMWVZ & picking device (peralatan - CHORD Keyboard o Pointing penuding & pengambil) o Screen (layar tampilan)
TIK Unindra Mufti

TIK Unindra

Mufti