USER INTERFACE

Ulfa Rohmaniyah_pemrograman Dasar

Pengertian Antarmuka Pengguna (User
Interface)
Antarmuka pengguna (bahasa Inggris: user
interface) merupakan bentuk tampilan grafis
yang berhubungan langsung dengan
pengguna (user). Antarmuka pengguna
berfungsi untuk menghubungkan antara
pengguna dengan sistem operasi, sehingga
komputer tersebut bisa digunakan.
Ulfa Rohmaniyah_pemrograman Dasar
User interface adalah cara program dan user
berkomunikasi. Istilah user interface atau
interface kadang-kadang digunakan sebagai
penggati istilah HCI (Human Computer
Interaction)

Ulfa Rohmaniyah_pemrograman Dasar

Tujuan dari Antarmuka Pengguna (User Interface)

pengoperasian dan kontrol mesin yang efektif,

dan umpan balik dari mesin yang membantu
operator dalam membuat keputusan
operasional.

Ulfa Rohmaniyah_pemrograman Dasar

Tujuan Perancangan Antarmuka Pengguna (User
Interface)

merancang interface yang efektif untuk sistem

perangkat lunak. Efektif artinya siap digunakan,
dan hasilnya sesuai dg kebutuhan. Kebutuhan
disini adalah kebutuhan penggunanya.

Ulfa Rohmaniyah_pemrograman Dasar

Yang sering digunakan
GUI (Graphical User Interface) adalah jenis
antarmuka pengguna yang menggunakan
metode interaksi pada peranti elektronik secara
grafis (bukan perintah teks) antara pengguna
dan komputer

Ulfa Rohmaniyah_pemrograman Dasar

GUI (Graphical User Interface).

GUI memberikan keuntungan seperti:

 Gampang dipelajari oleh pengguna yang pengalaman
dalam menggunakan komputer cukup minim.
 Berpindah dari satu layar ke layar yang lain tanpa
kehilangan informasi dimungkinkan.
 Akses penuh pada layar dengan segera untuk
beberapa macam tugas/keperluan.

Ulfa Rohmaniyah_pemrograman Dasar

Prinsip – Prinsip Dalam Merancang User
Interface
 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.
 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.
 Minimal surprise / Tidak buat kaget user : Operasi bisa diduga
prosesnya berdasarkan perintah yang disediakan.

Ulfa Rohmaniyah_pemrograman Dasar

 Recoverability/pemulihan : Recoverability ada dua macam:
Confirmation of destructive action (konfirmasi terhadap aksi
yang merusak) dan ketersediaan fasilitas pembatalan (undo).
 User guidance / bantuan : Sistem manual online, menu help,
caption pada icon khusus tersedia.
User diversity /keberagaman : Fasilitas interaksi untuk tipe
user yang berbeda disediakan. Misalnya ukuran huruf bisa
diperbesar.
 User Interaction (Interaksi pengguna)
Ulfa Rohmaniyah_pemrograman Dasar
Ada 5 tipe utama interaksi untuk user
interaction:
 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
Ulfa Rohmaniyah_pemrograman Dasar
 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.
 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.
`

Ulfa Rohmaniyah_pemrograman Dasar

Ulfa Rohmaniyah_pemrograman Dasar
Ulfa Rohmaniyah_pemrograman Dasar
Ulfa Rohmaniyah_pemrograman Dasar
Ulfa Rohmaniyah_pemrograman Dasar
3.10 Menerapkan berbagai struktur
kontrol dalam aplikasi antar muka
(User Intreface)

Ulfa Rohmaniyah_pemrograman Dasar

Prinsip utama mendesain antarmuka
a. Simplicity
Kesederhanaan perlu diperhatikan pada saat membangun
antarmuka
b. WYSIWIG (What You See Is What You Get)
Apa yang didapat adalah apa yang dilihatnya
c. Control
d. Familiar
pembuatan antarmuka dimata user tidak membingungkan

Ulfa Rohmaniyah_pemrograman Dasar

Prinsip utama mendesain antarmuka
e. Work-flow contability
terdapat urutan kerja dalam menyelesaikan pekerjaan
f. Task compatibility
sebisa mungkin user tidak dihadapkan dengan kondisi
memilih berfikir. Ex. Tombol next, tombol finish, dll
g. Product contability
sistem aplikasi harus sesuai dengan sistem aslinya ex.
Repot / laporan daftar guru

Ulfa Rohmaniyah_pemrograman Dasar

Prinsip utama mendesain antarmuka
h. User Compatibility
desainer harus mencari dan mengumpulkan berbagai
karakteristik serta sifat kebiasaan manusia secara umum.
Seolah – olah software mengenal user
i. Flexibility
Dapat membuat berbagai solusi pada saat menyelesaikan
masalah
j. Responsiveness
memberikan input data ke aplikasi melalui aplikasi

Ulfa Rohmaniyah_pemrograman Dasar

 PENGENALAN
VIRTUAL BASIC 6.0

Ulfa Rohmaniyah_pemrograman Dasar

Ulfa Rohmaniyah_pemrograman Dasar
PENGENALAN DELPHI

Ulfa Rohmaniyah_pemrograman Dasar