Materi PWB kelas XII KD 3.18 Menerapkan user interface basis data pada halaman web


Pengertian User Interface

User interface adalah cara program dan user berkomunikasi. Istilah user interface atau interface kadang-kadang digunakan sebagai penggati istilah HCI (Human Computer Interaction). HCI (Human Computer Interface) adalah semua aspek dari interaksi pengguna dan computer, tidak hanya hardware. Semuanya yang terlhat dilayar, membaca dalam dokumentasi dan dimanipulasi dengan keyboard (atau mouse) merupaka bagian dari user interface.

User Interface berfungsi untuk menghubungkan atau penterjemah informasi antara pengguna dengan system operasi, sehingga computer dapat digunakan. Dengan demikian, user interface bisa juga diartikan sebagai mekanisme inter-relasi atau integrasi total dari perangkat keras dan lunak yang membentuk pengalaman bekomputer. Use interface dari sisi software bias berbentuk Graphical User Interface (GUI) atau Command Line Interfae (CLI), sedangkan dari sisi hardware bias berbentuk Aplle Desktop Bus (ADB), USB, dan fire wire.

Konsep User Interface

Mengkonsep user interface secra benar tidaklah mudah. Terdapat begitu banyak aspek yang pelu diperhatikan. User interface akan mengacu pada beragam aplikasi teknologi mulai dari electronic display, software aplikasi computer,aplikasi web, aplikasi mobile,hingga aplikasi kiosk Informasi public. Kioks adalah peralatan sistem informasi publik yang dirancang sedemikian rupa yang ditujukan untuk beragam kondisi user, baik secara usia, gender, latar belakang kultural, tingkat pemahaman dan pendidikan bahkan kondisi keterbatasan fisik yang berbeda. 

Tehnik antar muka /interface

Terdapat tiga teknik antar muka / inter face:

·         Linguistic styles

·         Key modal styles

·         Direct manipulation styles

LINGUISTIC STYLES

Linguistic styles adalah penyampaian “aksi” melalui bahasa yang dimengerti oleh computer. Ciri teknik ini antara lain:

·         Masukan aksi melalui papan ketik alphabet yang ditulis atau diketik.

·         Bahasa yang dimengerti oleh computer merupakan bagian kecil dari bahasa manusia

·         Adanya aturan penulisan (syntax) dan semantic untuk menyatakan perintah

KEY MODALS STYLE

Key Modals Style adalah penyampaian aksi melalui penekanan tombol-tombol yang deprogram sebelumnya untuk menjalankan fungsi-fungsi. Cir teknik ini antara lain:

·         Masukan aksi melalui tombol fungsi atau tombol alphabet

·         Instruksi langkah demi langkah

·         Digunakan dalam system berjalan

DIRECT MANIPULATION STYLE

Direct Manipulation Style adalah penyampaian perintah melalui manipulas objek tertentu. Cirri teknik ini antara lain:

·         Ditampilkannya objek untuk interaksi pengguna

·         Ditampilkannya penunjuk untuk memanipulasi objek

·         Perintah diterapkan langsung pada objek

·         Respon seketika pada fungsi objek

Jenis-jenis User Interface

Ada dua jenis user interface, yaitu:

·         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.

·         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.


·         Bahasa dalam 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 yang dipakai orang untuk berkomunikasi sehari-harinya. Praktis semua pengguna komputer dan Interface 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.
·         Perbedaan Antara User Interface (UI) dan User Experience (UX)
1.      Apa itu UI dan UX?

UI dan UX adalah singakatan dari User Interface dan User experience yakni merupakan sebuah tampilan visual dalam sebuah aplikasi atau alat pemasaran digital dalam bentuk website yang dapat meningkatkan brand yang dimiliki oleh bisnis atau perusahaan yang anda miliki.

Biasanya perusahaan besar akan mencari karyawn yang memiliki kemampuan UI dan UX untuk membuat tampilan website perusahaan menjadi lebih indah dan menarik. Percaya atau tidak, tampilan sebuah website akan mempengaruhi tingkat penjualan dari produk yang anda miliki.
2.      Perbedaan UI dan UX yang Wajib Diketahui

Walaupun sama-sama merupakan sebuah tampilan atau design yang digunakan dalam sebuah website namun UI dan UX merupakan dua hal yang berbeda. Beda UI dan UX dapat anda lihat dari penjelasan mengenai UI dan UX berikut ini.
a.      User Interface (UI)

UI adalah desain antarmuka yang lebih memfokuskan pada keindahan dari sebuah tampilan, pemilihan warna yang baik dan pas dan hal-hal lainnya yang membuat tampilan web ecommerce yang kita miliki lebih enak dipandang mata dan membuat pengujung betah berlama-lama.

UI lebih menciptakan ikatan emosional dengan pengguna melalui desain yang menarik dan indah. Biasanya UI akan diimplementasikan atau dikerjakan setelah UX selesai dengan menentukan desain dari layout, logo, warna, typography dan hal lainnya untuk mempercantik web ecommerce yang anda miliki.
b.      User Experience (UX)

Beda UI dan UX adalah dari fungsinya, jika UI lebih berfungsi untuk membuat desain web ecommerce menjadi lebih indah. UX merupakan desain yang digunakan untuk meningkatkan kepuasan dari pengguna website melalui kesenangan dan kegunaan yang diberikan dalam interaksi antara pengguna internet atau pengunjung dan produk. UX inilah yang berfungsi untuk membuat website ecommerce anda menajdi lebih mudah dan tidak membingungkan pengguna.

UX dapat dikatakan sebagai keseluruhan dari elemen suatu website yang mencakup susunan, struktur, kemudahan dalam pemindahan satu halaman ke halaman yang lainnya dan sebagainya.
c.       Tujuan Penerapan UI dan UX Design

Setelah sebelumnya kita sudah membahas mengenai perbedaan UI dan UX, selanjutnya adalah mengenai tujuan dari UI dan UX. Beda UI dan UX adalah dalam hal tujuannya, UI memiliki tujuan utama untuk menampilkan desain interface dengan keseragaman dan konsistensi yang baik meliputi font, warna, gambar, dan bentuk visual lainnya yang menarik.

Sedangkan UX lebih bertujuan untuk membuat suatu website mudah digunakan oleh pengguna. UX desain dituntut untuk menjadi jembatan penghubung agar UI data bekerja sama dengan sistem.

Jadi, keduanya UI dan UX memiliki tujuan untuk memastikan bahwa setiap langkah demi langkah yang dilakukan oleh pengguna berjalan dengan lancar, jelas, dan logis. Agar UI dan UX berperan baik, pastinya anda harus memiliki pemaham yang baik akan kebutuhan dan kebiasaan dari pengguna terhadap sebuah website.

Itulah perbedaan UI dan UX yang dapat kami sampaikan. Sekarang sudah mengerti kan apa beda UI dan UX yang sangat mendasar. Semoga artikel ini bermanfaat, terimakasih


Post a Comment

Lebih baru Lebih lama