Materi User Interface [PDF]

  • 0 0 0
  • Suka dengan makalah ini dan mengunduhnya? Anda bisa menerbitkan file PDF Anda sendiri secara online secara gratis dalam beberapa menit saja! Sign Up
File loading please wait...
Citation preview

ANTARMUKA PENGGUNA (USER INTERFACE) Materi Matpel Desain Multimedia Interaktif Disusun oleh: Ady Wicaksono, S.Pd, S.Sn., MT



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. Secara sederhana user interface merupakan suatu media visual grafis yang membuat pengguna dapat berinteraksi dengan mudah dengan mesin yang sedang dikelolanya. Pengguna tidak perlu mengetikkan perintah teks seperti pada command prompt. Namun, pada pengertian yang lebih jauh ternyata command prompt pun juga termasuk ke dalam kategori user interface. User interface adalah semua aspek yang berkaitan erat dengan interaksi / komunikasi antara pengguna dan komputer, khususnya dalam bab software. Semua aspek yang tampil di layar, dapat dilihat, dibaca, dipahami, dan dimanipulasi dengan keyboard dan tetikus (mouse) merupakan bagian dari user interface. User interface yang baik adalah user interface yang dapat memberikan pengalaman interaksi yang dengan mudah dapat dipahami oleh user (pengguna), user interface semacam ini disebut sebagai user friendly.



User Friendly Secara teknis, user interface berguna untuk menjembatani atau menerjemahkan informasi antara user dengen sistem operasi, sehingga komputer dapat didayagunakan oleh user. User interface juga dapat diartikan sebagai mekanisme inter-relasi dari hardware dan software yang membentuk pengalaman menggunakan sebuah set komputer. User inferface dari sisi perangkat lunak biasanya berbentuk GUI (Graphic User Interface) dan CLI (Command Line Interface), sedangkan dari sisi perangkat keras biasanya berbentuk ADB (Apple Desktop Bus), USB, dan Firewire. Contoh user interface yang biasa kita temui adalah user interface pada sistem operasi yang biasa kita gunakan. Pada Windows secara GUI kita mengenal istilah tema dan skin Aero, XP, dan Redmon, sedang secara CLI kita mengenal Command Prompt. Pada Linux secara GUI lebih bervariasi lagi, ada KDE, Gnome, Cinnamon, XFCE, dan lain sebagainya.



Pada Apple Mac OS X, kita mengenal Leopard, Lion, dan sebagainya. Pada Android, biasanya user interfacenye menjadi satu set dengan versi Androidnya, misalnya Froyo, maka user interfacenya juga biasa disebut interface Froyo. Selain interface berdasarkan sistem operasi, ada pula user interface berdasarkan Runtime, yang biasa kita temui adalah GTK+ dan Java. Runtime GTK+ menjadi bagian dari aplikasi chat Pidgin dan text editor open source Geany. Runtime Java biasanya digunakan untuk membuat software terbatas untuk kalangan tertentu, misalnya customer suatu perusahaan, atau peserta program instansi tertentu, dan lain sebagainya. User interface Java masih terkesan klasik karena sejak dulu masih mempertahankan bentuk-bentuk aslinya



Contoh User Interface pada Windows



Fungsi UI (User Interface) Secara umum user interface menyediakan metode untuk input dan output. Dengan user interface, user dapat dengan mudah melakukan input dan output data dan merekayasa / memanipulasi data sesuai keperluan. Saat awal teknologi komputer dibuat, komputer dijalankan dengan memanfaatkan perintah teks yang diketik pada layar monitor menggunakan keyboard. Metode semacam ini berlaku penuh untuk semua program atau pun perintah-perintah terntentu yang berkaitan dengan sistem informasi. Istilah user interface ini terkadang juga digunakan untuk pengganti istilah HCI (Human Computer Interaction). UI pada handphone UI merupakan desain tampilan pada layar perangkat seperti yang dimiliki oleh smartphone, tablet dan berbagai jenis perangkat lainnya. Atau sebagian orang awam lebih mengenalnya sebagai tema. Pada handphone, UI bukan hanya untuk memudahkan interaksi antar manusia (pengguna) dengan perangkatnya saja, tetapi juga untuk mempercantik perangkat ini sendiri. Beberapa macam UI yang dimiliki oleh vendor yang menggunakan OS Android antara lain adalah ZenUI dari ASUS, MIUI oleh Xiaomi, TouchWiz oleh Samsung, ColorOS oleh Oppo, Otimus UI oleh LG serta SenseUI dari HTC. Sedangkan UI “asli” dari Android disebut juga dengan Vanilla.



Contoh User Interface pada IPhone User interface, berfungsi untuk menginputkan pengetahuan baru ke dalam basis pengetahuan sistem pakar (Expert System), menampilkan penjelasan sistem dan memberikan panduan pemakaian sistem secara menyeluruh step by step sehingga user mengerti apa yang akan dilakukan terhadap suatu sistem. Sistem pakar adalah suatu program komputer yang mengandung pengetahuan dari satu atau lebih pakar manusia mengenai suatu bidang spesifik. Jenis program ini pertama kali dikembangkan oleh periset kecerdasan buatan pada dasawarsa 1960-an dan 1970-an dan diterapkan secara komersial selama 1980-an. Bentuk umum sistem pakar adalah suatu program yang dibuat berdasarkan suatu set aturan yang menganalisis informasi (biasanya diberikan oleh pengguna suatu sistem) mengenai suatu kelas masalah spesifik serta analisis matematis dari masalah tersebut. Tergantung dari desainnya, sistem pakar juga mampu merekomendasikan suatu rangkaian tindakan pengguna untuk dapat menerapkan koreksi. Sistem ini memanfaatkan kapabilitas penalaran untuk mencapai suatu simpulan. Yang terpenting dalam membangun user interface adalah kemudahan dalam memakai/ menjalankan sistem, interaktif, komunikatif, sedangkan kesulitan dalam mengembangkan/ membangun suatu program jangan terlalu diperlihatkan.



Tujuan antarmuka pengguna (User Interface) Tujuan sebuah user interface adalah mengkomunikasikan fitur-fitur sistem yang tersedia agar user mengerti dan dapat menggunakan sistem tersebut. Dalam hal ini penggunaan bahasa amat efektif untuk membantu pengertian, karena bahasa merupakan alat tertua—barangkali kedua tertua setelah gestur—yang dipakai orang untuk berkomunikasi sehari-harinya. Praktis semua pengguna komputer dan Internet—kecuali mungkin anak kecil yang memakai komputer untuk belajar membaca—dapat mengerti tulisan. Meski pada umumnya panduan user interface menyarankan agar ikon tidak diberi tulisan supaya tetap mandiri dari bahasa, namun elemen user interface lain seperti teks pada tombol, caption window, atau teks-teks singkat di sebelah kotak input dan tombol pilihan semua menggunakan bahasa. Tanpa bahasa pun kadang ikon bisa tidak jelas maknanya, sebab tidak semua lambang ikon bisa bersifat universal. Meskipun penting, namun sayangnya kadang penggunaan bahasa, seperti pemilihan istilah, sering sekali dianggap kurang begitu penting. Terlebih dari itu dalam dunia desain situs Web yang serba



grafis, bahasa sering menjadi sesuatu yang nomor dua ketimbang elemen-elemen interface lainnya. Artikel ini akan mencoba memberikan beberapa pertimbangan pemilihan bahasa dan istilah untuk meningkatkan usability melalui perbaikan komunikasi dengan user.



Jenis-jenis User Interface Terdapat dua jenis antarmuka, yaitu Command Line Interface(CLI) danGraphical User Interface (GUI). 1 . Command Line Inteface (CLI) : CLI (Command Line Interface) adalah tipe antarmuka dimana penggun berinteraksi dengan system operasi melalui text terminal.CLI adalah sebuah bentuk antarmuka antara sistem operasi dan pemakai dimana pemakai mengetikkan perintah-perintah dengan menggunakan perintah dalam bentuk teks dan sebuah metode untuk memasukinya. Pengguna CLI biasanya adalah administrator sistem berbasis sistem operasi LINUX. Setiap sistem operasi memberi nama CLI- nya berbeda-beda. Unix member nama CLI-nya sebagai bash, ash, ksh, dan lain sebagainya. Ms-Dos memberi nama CLI-nya command.com atau command prompt. Sedangkan Windows Vista, Microsoft menamakannya Powershell. Pengguna Linux mengenal CLI pada Linux sebagai Terminal, sedangkan pada Apple atau machintosh namanya adalah commandshell. 2. Graphical User Interface (GUI) Saat ini interface yang banyak digunakan dalam software adalah GUI (Graphical User Interface).Penganut GUI biasanya adalah mereka yang sudah terbiasa dengan system operasi Wndows.Bagi mereka, GUI adalah harga mati yang tidak bisa ditawar lagi. GUI adalah tipe antarmuka yang digunakan oleh pengguna untuk berinteraksi dengan system operasi melalui gambar-gambar grafik, kon, dan menggunakan perangkat penunjuk (pointing device) seperti mouse atau track ball. Sama seperti CL, tiap-tiap siste operasi memiliki nama tersendiri untuk komponen GUI-nya. Pada Apple Mac OS X, GUI-nya disebut Aqua. Microsoft member nama GUI pada Windows XP sebagai Lunar dan GUI Windows Vista sebagai Aero. Pada Linux, ada dua pengembangan utama desktop environment, yang masing-masing menghasilkan roduk KDE (K Desktop Environment) dan GNOME.



Prinsip-prinsip dalam Merancang User Interface Berikut ini prinsip-prinsip UID: 1. User familiarity / Mudah dikenali : gunakan istilah, konsep dan kebiasaan user bukan computer (misal: sistem perkantoran gunakan istilah letters, documents, folders bukandirectories, file, identifiers. — jenis document open office. 2. Consistency / “selalu begitu” : Konsisten dalam operasi dan istilah di seluruh sistem sehingga tidak membingungkan. — layout menu di open office mirip dgn layout menu di MS office. 3. Minimal surprise / Tidak buat kaget user : Operasi bisa diduga prosesnya berdasarkan perintah yang disediakan. 4. Recoverability/pemulihan : Recoverability ada dua macam: Confirmation of destructive action (konfirmasi terhadap aksi yang merusak) dan ketersediaan fasilitas pembatalan (undo).



5. User guidance / bantuan : Sistem manual online, menu help, caption pada icon khusus tersedia. 6. User diversity /keberagaman : Fasilitas interaksi untuk tipe user yang berbeda disediakan. Misalnya ukuran huruf bisa diperbesar.



User Interaction (Interaksi pengguna) Perancang sistem menghadapi dua masalah penting yaitu bagaimana informasi dari user bisa disediakan untuk sistem komputer – misalnya pada saat input data dan bagaimana informasi dari sistem komputer ditampilkan untuk user – hasil dari pemrosesan data. User interface yang baik harus menyatukan interaksi pengguna (user interaction) dan penyajian informasi (information presentation). Ada 5 tipe utama interaksi untuk user interaction: 1. Direct manipulation Pengoperasian secara langsung: interaksi langsung dengan objek pada layar. Misalnya delete file dengan memasukkannya ke trash. Contoh: Video games.  Kelebihan: Waktu pembelajaran user sangat singkat, feedback langsung diberikan pada tiap aksi sehingga kesalahan terdeteksi dan diperbaiki dengan cepat.  Kekurangan : Interface tipe ini rumit dan memerlukan banyak fasilitas pada sistem komputer, cocok untuk penggambaran secara visual untuk satu operasi atau objek 2. Menu selection Pilihan berbentuk menu: Memilih perintah dari daftar yang disediakan. Misalnyasaat click kanan dan memilih aksi yang dikehendaki.  Kelebihan : User tidak perlu ingat nama perintah. Pengetikan minimal. Kesalahan rendah.  Kekurangan :Tidak ada logika AND atau OR. Perlu ada struktur menu jika banyak pilihan. Menu dianggap lambat oleh expert user dibanding command language. 3. Form fill-in Pengisian form : Mengisi area-area pada form. Contoh: Stock control.  Kelebihan : Masukan data yang sederhana. Mudah dipelajari  Kekurangan : Memerlukan banyak tempat di layar. Harus menyesuaikan dengan form manual dan kebiasaan user. 4. Command language Perintah tertulis: Menuliskan perintah yang sudah ditentukan pada program. Contoh: operating system.  Kelebihan : Perintah diketikan langsung pada system. Misal UNIX, DOS command. Bisa diterapkan pada terminal yang murah.Kombinasi perintah bisa dilakukan. Misal copy file dan rename nama file.  Kekurangan : Perintah harus dipelajari dan diingat cara penggunaannya – tidak cocok untuk user biasa.Kesalahan pakai perintah sering terjadi. Perlu ada sistem pemulihan kesalahan.Kemampuan mengetik perlu. 5. Natural language Perintah dengan bahasa alami: Gunakan bahasa alami untuk mendapatkan hasil. Contoh: search engine di Internet.











Kelebihan: Perintah dalam bentuk bahasa alami, dengan kosa kata yang terbatas (singkat) – misalnya kata kunci yang kita tentukan untuk dicari oleh search engine. Ada kebebasan menggunakan kata-kata. Kekurangan: Tidak semua sistem cocok gunakan ini. Jika digunakan maka akan memerlukan banyak pengetikan.



Penyajian Informasi (Information Presentation) Sistem yang interaktif pasti menyediakan cara untuk menyajikan informasi untuk pengguna. Penyajian informasi bisa berupa penyajian langsung dari input yang diberikan (seperti teks pada word processing) atau disajikan dengan grafik. Beberapa faktor berikut adalah hal yang perlu diperhatikan sebelum menentukan bentuk penyajian informasi:  Apakah pengguna perlu informasi dengan ketepatan tinggi atau data yang saling berhubungan?  Seberapa cepat nilai informasi berubah? Harus ada indikasi perubahan seketika?  Apakah pengguna harus memberi respon pada perubahan?  Apakah pengguna perlu melakukan perubahan pada informasi yang disajikan?  Apakah informasi berupa teks atau numerik? Nilai relatif perlu atau tidak? Informasi bisa bersifat statis atau dinamis ketika disajikan, masing-masing baik dengan karakteristik yang berbeda dan kebutuhan yang berbeda pula: 1. Static information:  Ditentukan saat awal sesi. Tidak berubah selama sesi berjalan.  Bisa berupa informasi numeris atau teks Chart di MS-Excel  Disajikan dengan jenis huruf khusus yang mudah dibaca atau diberi highlight dengan warna tertentu seperti pada Gambar 4 atau menggunakan icon yang mewakili 2. Dynamic information:  Perubahan terjadi selama sesi berlangsung dan perubahan harus dikomunikasikan/ ditunjukkan ke user  Bisa berupa informasi numeris atau teks. Contoh : Defragmentation, scanning virus, download



Nilai-nilai relatif misalnya seperti pada Gambar berikutnya. Selain nilai yang disajikan relatif, informasinya bersifat dinamis, karena berubah saat sesi berjalan.



Untuk nilai digital kita biasanya gunakan untuk menunjukkan jam pada jam sistem di komputer. Selain ketepatan diperlukan, perubahannya tidak terjadi secara cepat.