NPM : 2A113146
Kelas : 2KB03
TUGAS INTERAKSI
MANUSIA DAN KOMPUTER
(INTERFACE)
Pokok Bahasan :
· Tujuan
Interface
· Perbandingan
Interface
· Tipe
Interface
· Tipe
Interaksi
INTERFACE
Pengertian antarmuka (interface) adalah
salah satu layanan yang disediakan sistem operasi sebagai sarana interaksi
antara pengguna dengan sistem operasi. Antarmuka adalah komponen sistem operasi yang
bersentuhan langsung dengan pengguna. Interface
merupakan salah satu media yang digunakan komputer untuk berkomunikasi dengan
manusia. interface di komputer dikenal dengan GUI (Graphical User Interface).
Terdapat
dua jenis antarmuka, yaitu Command Line Interface (CLI) dan Graphical User Interface (GUI).
Command Line Interface (CLI)
CLI adalah tipe antarmuka dimana
pengguna berinteraksi dengan sistem operasi melalui text-terminal. Pengguna menjalankan perintah dan
program di sistem operasi tersebut dengan cara mengetikkan baris-baris
tertentu. Meskipun konsepnya sama,
tiap-tiap sistem operasi memiliki nama atau istilah yang berbeda untuk CLI-nya.
UNIX memberi nama CLI-nya sebagai bash, ash, ksh, dan lain sebagainya.
Microsoft Disk Operating System (MS-DOS) memberi nama command.com atau Command
Prompt. Sedangkan pada Windows Vista, Microsoft menamakannya PowerShell.
Pengguna Linux mengenal CLI pada Linux sebagai terminal,
sedangkan pada Apple namanya adalah commandshell.
Graphical User Interface (GUI)
GUI adalah tipe antarmuka yang digunakan oleh pengguna untuk
berinteraksi dengan sistem operasi melalui gambar-gambar grafik, ikon, menu,
dan menggunakan perangkat penunjuk ( pointing device)
seperti mouse atau track ball.
Elemen-elemen utama dari GUI bisa diringkas dalam konsep WIMP ( window, icon, menu, pointing device).
Penghubung antara dua sistem atau
alat. Media penghubung antara satu subsistem dengan subsistem lainnya. Melalui
penghubung ini memungkinkan sumber daya mengalir dari satu subsistem ke
subsistem yang lainnya. Keluaran (output) dari suatu subsistem akan menjadi
masukan (input) untuk subsistem lainnya dengan melalui penghubung. Dengan
penghubung satu subsistem dapat terintegrasi dengan subsistem yang lainnya
membentuk satu kesatuan. Interface ini, meliputi:
1. Perangkat yang dipakai untuk mengerjakan sesuatu, dan perangkat yang secara tidak
langsung mengontrol perangkat lunak.
2. Piranti input atau output
3. Prosedur pemakaian perangkat.
Dalam terminologi perangkat lunak, interface bisa diartikan sebagai tampilan atau cara perangkat lunak bersangkutan berinteraksi dengan penggunanya. Sedangkan dalam terminologi perangkat keras, interface mengacu kepada standar yang digunakan oleh suatu peripheral tertentu untuk berhubungan dengan peripheral lainnya dalam satu sistem.
Antarmuka pengguna
Antarmuka pengguna (user interface)
merupakan bentuk tampilan grafis yang berhubungan langsung dengan
pengguna (user). Antarmuka pengguna berfungsi untuk menghubungkan antara
pengguna dengan system
operasi, sehingga komputer tersebut
bisa digunakan.
Gambar.
Diagram user interface
Antarmuka pengguna, dalam bidang desain industri interaksi
manusia-mesin, adalah sebuah tempat di mana interaksi antara manusia dan mesin terjadi. Tujuan dari interaksi
antara manusia dan mesin pada antarmuka pengguna adalah pengoperasian dan
kontrol mesin yang efektif, dan umpan balik dari mesin yang membantu operator
dalam membuat keputusan operasional. Contoh-contoh dari konsep luas antarmuka
pengguna ini termasuk aspek-aspek interaktif dari sistem operasi
komputer, alat-alat, kontrol operator mesin berat, dan kontrol proses.
Pertimbangan desain berlaku ketika membuat antarmuka pengguna yang berkaitan
atau melibatkan disiplin-disiplin ilmu seperti ergonomi dan psikologi
Sebuah antarmuka
pengguna adalah sistem di mana pengguna berinteraksi dengan mesin.
Antarmuka pengguna mencakup perangkat keras dan perangkat
lunak. Antarmuka pengguna
hadir untuk berbagai sistem, dan menyediakan cara untuk:
· Input,
memungkinkan pengguna untuk memanipulasi sebuah sistem
· Output,
memungkinkan sistem untuk menunjukan efek dari manipulasi pengguna
Secara umum, tujuan dari teknik interaksi manusia-mesin
adalah untuk menghasilkan sebuah antarmuka pengguna yang membuatnya mudah,
efisien, dan menyenangkan untuk mengoperasikan sebuah mesin dengan cara yang
menghasilkan hasil yang diinginkan. Ini biasanya berarti bahwa operator harus
menyediakan input minimal untuk mencapai output yang diharapkan, dan juga bahwa
mesin harus meminimalkan output yang tidak diinginkan.
Terdapat 6 macam
fitur yang terdapat pada antarmuka pengguna telematika. Fitur-fitur itu antara
lain:
1.Head Up Display System
Head
Up Display (HUD) merupakan sebuah tampilan transparan yang menampilkan data
tanpa mengharuskan penggunanya untuk melihat ke arah yang lain dari sudut pandang biasanya. Asal nama dari alat ini
yaitu pengguna dapat melihat informasi dengan kepala yang terangkat (head up)
dan melihat ke arah depan daripada melihat ke arah bawah bagian instrumen.
Walaupun HUD dibuat untuk kepentingan penerbangan militer, sekarang HUD telah
digunakan pada penerbangan sipil, kendaraang bermotor dan aplikasi lainnya.
Gambar. Head up display
2.Tangible
User Interface
Tangible
User Interface, yang disingkat TUI, adalah antarmuka dimana seseorang dapat
berinteraksi dengan informasi digital lewat lingkungan fisik. Nama inisial
Graspable User Interface, sudah tidak lagi digunakan. Salah satu perintis TUI
ialah Hiroshi Ishii, seorang profesor di Laboratorium Media MIT yang memimpin
Tangible Media Group. Pandangan
istimewanya untuk tangible UI disebut tangible bits, yaitu memberikan bentuk
fisik kepada informasi digital sehingga membuat bit dapat dimanipulasi dan
diamati secara langsung.
Gambar. Tangible User Interface
3.Computer Vision
Computer
Vision (komputer visi) merupakan ilmu pengetahuan dan teknologi dari mesin yang
melihat. Dalam aturan pengetahuan, komputer visi berhubungan dengan teori yang
digunakan untuk membangun sistem kecerdasan buatan yang membutuhkan informasi
dari citra (gambar). Data citranya dapat dalam berbagai bentuk, misalnya urutan
video, pandangan deri beberapa kamera,
data multi dimensi yang di dapat dari hasil pemindaian medis.
Gambar. Computer vision
4.Browsing Audio Data
Browsing
Audio Data merupakan metode browsing jaringan yang digunakan untuk browsing
video / audio data yang ditangkap oleh sebuah IP kamera. Jaringan video / audio
metode browsing mencakupi langkah-langkah sebagai berikut :Menjalankan sebuah
program aplikasi komputer lokal untuk mendapatkan kode identifikasi yang
disimpan dalam kamera IP.Transmisi untuk mendaftarkan kode identifikasi ke DDNS
( Dynamic Domain Name Server) oleh program aplikasi.Mendapatkan kamera IP
pribadi alamat dan alamat server pribadi sehingga pasangan IP kamera dan
kontrol kamera IP melalui kamera IP pribadi alamat dan alamat server pribadi
compile ke layanan server melalui alamat server pribadi sehingga untuk
mendapatkan video / audio data yang ditangkap oleh kamera IP, dimana server
layanan menangkap video / audio data melalui Internet.
Gambar. Browsing audio data
5.Speech Recognition
Dikenal
juga dengan pengenal suara otomatis (automatic speech recognition) atau
pengenal suara komputer (computer speech recognition). Merupakan salah satu
fitur antarmuka telematika yang merubah suara menjadi tulisan. Istilah ‘voice
recognition’ terkadang digunakan untuk menunjuk ke speech recognition dimana
sistem pengenal dilatih untuk menjadi pembicara istimewa, seperti pada kasus
perangkat lunak untuk komputer pribadi, oleh karena itu disana terdapat aspek
dari pengenal pembicara, dimana digunakan untuk mengenali siapa orang yang
berbicara, untuk mengenali lebih baik apa yang orang itu bicarakan. Speech
recognition merupakan istilah masukan yang berarti dapat
mengartikan pembicaraan siapa saja.
Gambar. Skema Speech Recognition
6.Speech Synthesis
Speech
synthesis merupakan hasil kecerdasan buatan dari pembicaraan manusia. Komputer
yang digunakan untuk tujuan ini disebut speech syhthesizer dan dapat diterapkan
pada perangkat lunak dan perangkat keras. Sebuah sistem text to speech (TTS)
merubah bahasa normal menjadi pembicaraan.
Gambar. Speech synthesis
DIALOG
Dialog dalarn arti umum adalah percakapan antara dua kelompok atau lebih. Sedangkan dialog dalarn konteks perencanaan user interface adalah struktur dari percakapan antara user dan sistem komputer.Bahasa komputer
dapat dibagi atas
tiga tingkatan :
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
·
Yaitu arti dari percakapan
yang berkaitan dengan pengaruhnya pada struktur data internal
komputer dan/atau dunia
ekstemal.
·
Pada bahasa manusia,
ekuivalen dengan arti yang berasal dari partisipan dalarn percakapan.
Dalarn user interface, istilah
dialog harnpir mirip dengan tingkat
sintaksis tetapi juga meliputi sifat-sifat leksikal.
Dialog Manusia-Komputer:
Berbeda
dengan
dialog
antar
manusia
pada
umurnnya,
dialog
dengan komputer biasanya terstruktur dan terbatas.
Beberapa ciri-ciri
dari dialog terstruktur yang nantinya
ditemukan dalarn dialog komputer :
-
Menyebutkan beberapa
hal tertentu secara
berurutan.
-
Beberapa bagian dari dialog dilakukan secara
bersarnaan. Dialog berikutnya
tergantunh pada respon dari partisipan.
-
Dialog terstruktur biasanya tidak langsung
menuju pada arti katakatanya/semantik tapi pada level sintakis.
Proses Perancangan Dialog
Advice:
1.
Rangkaian dialog menggarnbarkan struktur tugas.
2.
Beberapa rangkaian
dialog tambahan digunakan untuk user support,
mis :help system, tutorial sub-sistem.
3.
Rangkaian dialog diurutkan sesuai
dengan struktur tugas.
Gambar. DFD untuk desain
dialog
-
Prinsip yang digunakan dalam desain dialog
adalah membagi sistem
menjadi beberapa bagian
yang disebut module.
- Biasanya user acces bukan merupakan bagian
dari task description, tapi barus dimasukan dalam sistem yang baru.
- Empat hal utama
dalam desain yang
harus diperhatikan dalam GUI metaphor :
·
Pemilihan dan representasi dari conceptual metaphor.
·
Representasi dari obyek interaktif dalam metaphor.
·
Perancangan manipulasi untuk mengimplementasikan user action.
·
Desain micro-metaphors untuk control action dan representasi
dari commands.
Gambar. Pembagian Module Dialog Sistem
Pemesanan Buku diPerpustakaan
Dalam mendesain dialog,
diperlukan deskripsi yang terpisah dari program secara keseluruhan.
Mengapa perlu digunakan notasi
deskripsi dialog yang terpisah ?
-
Agar mudah dianalisa
-
Pemisahan elemen-elemen interface dari logika program (semantik)
-
Apabila notasi
dialog ditulis sebelum program dibuat, maka notasi
tersebut bisa membantu desainer
untuk menganalisa struktur
yang diajukan.
Notasi Diagramatik
-
Notasi diagramatik paling sering diguoakan dalam desain dialog.
-
Kelebihan: memungkinkan desainer
untuk melihat secara
sekilas struktur dialog.
-
Kekurangan: sulit untuk menjelaskan struktur dialog yang lebih luas dan kompleks.
Contoh notasi
diagramatik :
- State Transition Networks
(STN)
- Hierarchical STN
-
Harel’s State Charts
-
Traditional Flow Diagrams
(Flow Chart)
-
JSD diagrams
State Transition Network (STN)
Komponen STN:
•
Lingkaran menggambarkan "state" dari sistem
•
Tanda panah yang terdapat
antara state disebut
juga transisi. Tanda
panah ini diberi label yang menjelaskan tentang tindakan user yang menyebabkan transisi dan response dari sistem.
STN dapat
menggambarkan beberapa pilihan
dialog :
•
Urutan tindakan
dan respon dari sistem
•
Pilihan bagi user
•
Iterasi
Hierarchical State Transition Networks
Struktur Hierarchical STN mirip dengan STN namun memiliki tambahan
berupa gabungan state. Penggunaan hirarki STN ini seperti menggabungkan beberapa STN ke dalam satu diagram besar sehingga
model ini dapat digabungkan untuk sistem-sistem yang besar.
STN Hirarki
dapat digunakan untuk
mendeskripsikan suatu sistem lengkap.
Gambar.
Contoh hierarchical STN dari sebuah drawing tool
Harel's State Cham
Dapat digolongkan
sebagai kelompok STN dibangun untuk menspesifikasikan secara visual system
reaktif yang kompleks dan mampu mengakomodasi masalah seperti concurrency dan
escape
Gambar. State chart untuk panel kendali televisi
Flow Chart
•
Flow Chart
dugunakan untuk mendiskripsikan dialog yang sederhana
•
Flow Chart
mudah dimengerti dan simple
Jackson
Diagram
JSD (Jackson Structured Design) diagram dignnakan untuk berbagai aspek dari. Analisis tugas dan notasi dialog.
Gambar. JSD Diagram untuk Sistem Kepegawaian
Link To Programming Language
• Sequence dalam
notasi dialog dapat langsung ditransformasikan kebahasa pemrograman dalam
bentuk sequence dan selection
• Modulary dalam desain dialog
Jenis-jenis Dialog
Command Language
Merupakan pradigma user interface
yang pertama kali
Contoh: MS-Dos shell, UNIX shell,
dBase
Keuntungan:
- lebih cepat
- dapat melakukan kegiatan meskipun diluar batas.
- perulangan.
- implementasiyangmudahdanhemat.
Tujuan Command Language:
- Konsistensi.
- Penamaan
dan pemberian singkatan yang baik.
- Melakukan tugas perancangan dapat
membantu meminimalkan kekurangan
WIMP,berfokus pada: Menus, Buttons, Forms, Icons
Gambar. Fokus pada WIMP
Direct
Manipulation
Definisi:
- Kesinambungan tampilan dari objek-objek dan aksi-aksi
yang dilakukan.
- Cepat, dapat dikembalikan,
peningkatan aksi dimana
efeknya dapat segera terlihat.
- Penggantian dari sintaks command language dengan manipulasi langsung pada objek
Keuntungan:
- Mudah dipelajari dan diingat, khususnya untuk pemula
- WYSIWYG/ What You See
Is What You Get (Apa Yang Anda Lihat Adalah Apa Yang Anda Dapatkan).
- Fleksibel.
- Menyediakan konteks dan tampilan yang cepat dari feedback sehingga user dapat mengetahui apakah tujuan telah tercapai.
- Membatasi beberapa jenis kesalahan yang dapat terjadi.
Kekurangan:
- 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
PDA dan Pen
- Menjadi lebih umum dan penggunaan yang lebih luas.
- Tampilan yang
lebih kecil (160xl60atau320x240).
- 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
Speech dan Natural Language
Speech (suara) adalah getaran pada suara menimbulkan
bunyi "ahh". Mulut, tenggorokan,
bibir membentuk bunyi.
Input speech:
- Pengenalan speaker.
- Pengenalan suara
- Pemahaman bahasa natural.
Natural Language
- Memberi arti pada
kata-kata
- Input dapat berupa
suara atau dari keyboard
Sumber :
1. Buku Interaksi Manusia dan Komputer, karangan Sudarmawan & Dony
Ariyus (Andi Offset)
