BGI (Borland Grafik Interface)

Slides:



Advertisements
Presentasi serupa
Komponen Antarmuka Grafis
Advertisements

Komponen Antarmuka Grafis. Indrawani S/SPK/ GRAFIS • Grafis menjadikan presentasi informasi lebih jelas dalam mengungkapkan arti dari data dan dapat.
PERANCANGAN ANTARMUKA - 2
Mata Kuliah INTERAKSI KOMPUTER - MANUSIA
Pertemuan 1 PENGENALAN IMK.
Pendahuluan IMK (Interaksi Manusia & Komputer)
INTERAKSI MANUSIA DAN KOMPUTER
SISTEM OPERASI WINDOWS
Ragam Dialog Interaksi
Komponen Antarmuka Grafis
Pertemuan 3 RAGAM DIALOG.
PERANCANGAN ANTARMUKA ATAU LAYAR.
MEMAHAMI RAGAM DIALOG.
Komponen Antarmuka Grafis
Sistem Operasi Merupakan software yang berfungsi melakukan operasi yang mengurusi tantang segala aktifitas komputer / suatu program yag bertindak sebagai.
Pertemuan 5 PERANGKAT LUNAK (SOFTWARE) KOMPUTER
Graphical User Interface (GUI) dan Multimedia
Bina Sarana Informatika
Interaksi Manusia Dan Komputer (Interaksi)
Interaksi Manusia dengan Komputer
Pertemuan 3 RAGAM DIALOG.
Pertemuan 1 PENGENALAN IMK.
komponen antarmuka pengguna
KONSEP USER INTERFACE.
PEMROSESAN DOKUMEN FILE DOKUMEN
Interaksi Manusia & Komputer Desain
Interaksi Manusia & Komputer Penanganan Kesalahan dan Help Dokumentasi
Graphical User Interface (GUI) dan Multimedia
INTERAKSI MANUSIA & KOMPUTER
Ragam Dialog|pertemuan VI
Ragam Dialog|.
Pemrograman Visual Oleh : Erni Fatmawati.
Pertemuan 1 PENGENALAN IMK.
Interaksi Manusia & Komputer Ragam Dialog
Pertemuan 10 GUI (Graphical User Interface)
KONSEP INTERFACE
Pengenalan Sistem Operasi
Operating System Teknik Produksi dan Penyiaran Program Radio Kelompok Teknologi Informasi dan komunikasi Penyusun : Ahadiat,S.ST Dadang Abdurrakhman,S.Pd.
Algoritma & PEMROGRAMAN 2B (Visual basic)
User interface Bagaimana user berinteraksi dengan komputer
Pertemuan 3 RAGAM DIALOG.
PERANCANGAN ANTARMUKA/TAMPILAN
Pengenalan konsep IMK(Human, Computer Interaction)
Presentasi system operasi Nama:ahmad zia&ahmad faisal
PENGENALAN SISTEM OPERASI
DIALOG.
1.
UMAR MUHAMMAD,ST.,MT PERTEMUAN I
USER INTERFACE.
Persentasi Kelompok REKAYASA PIRANTI LUNAK
KOMPUTER DAN JARINGAN DASAR
Andy Wisnu Wardana S.Kom
Pengenalan Borland Delphi 7.0
Kelompok 4 1. Dessy aryanti Eva Rosyifa Ega Mawarni Rosalina Miliartha Tuti Mulyanah
Persentasi Kelompok REKAYASA PIRANTI LUNAK
Human-Computer Dialogue
Pertemuan 3 RAGAM DIALOG.
Graphical User Interface (GUI) dan Multimedia
MODEL DAN TEKNIK INTERAKSI
Kelompok 4 Tugas 5 1. Dessy aryanti Eva Rosyifa Ega Mawarni Rosalina Miliartha Tuti Mulyanah
Pertemuan 3 RAGAM DIALOG.
Interaksi.
PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B
Ragam Dialog|pertemuan VI
Pengenalan HCI : Interaksi Manusia & Komputer
PENGENALAN SISTEM OPERASI DEFINISI secara umum SISTEM OPERASI adalah 1. Sebagai Sebuah program yang mengatur hardware dengan menyediakan landasan untuk.
Pengenalan Dasar Interaksi Manusia dan Komputer
KONSEP USER INTERFACE PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B.
Dialogue Notation & Design Part-2
Modul 5 Kegiatan Belajar 4: DESAIN MULTIMEDIA INTERAKTIF Kelompok 4: Nur Awaludin Warjito Totok Hermawan.
Transcript presentasi:

BGI (Borland Grafik Interface)

Pengertian User Interface Antarmuka pemakai (User Interface) merupakan mekanisme komunikasi antara pengguna (user) dengan sistem. Antarmuka pemakai (User Interface) dapat menerima informasi dari pengguna (user) dan memberikan informasi kepada pengguna (user) untuk membantu mengarahkan alur penelusuran masalah sampai ditemukan suatu solusi.

Pengertian User Interface Contoh konsep luas user interface mencakup aspek interaktif sistem operasi komputer, perkakas tangan, operator kontrol mesin berat. dan proses kontrol. Pertimbangan desain yang berlaku saat membuat user interface berkaitan dengan ergonomik dan psikologi. User interface yang ada untuk berbagai sistem, dan menyediakan cara : Input, memungkinkan pengguna untuk memanipulasi sistem. Output, memungkinkan sistem untuk menunjukkan efek manipulasi pengguna.

Macam-macam User Interface User Interface ada dua jenis, yaitu : Graphical User Interface (GUI) : Menggunakan unsur-unsur multimedia (seperti gambar, suara, video) untuk berinteraksi dengan pengguna. Text-Based : Menggunakan syntax/rumus yang sudah ditentukan untuk memberikan perintah.

Tipe-tipe Interaksi Dengan User 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. Menu selection – pilihan berbentuk menu : Memilih perintah dari daftar yang disediakan. Misalnya saat 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.

Tipe-tipe Interaksi Dengan User 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. Natural language – perintah dengan bahasa alami : Menggunakan 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.

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 komunikasi tertua kedua gestur, yang dipakai orang untuk berkomunikasi sehari-harinya. Tanpa bahasa pun kadang ikon bisa tidak jelas maknanya, sebab tidak semua lambang ikon bisa bersifat universal. Meski penting, namun sayangnya kadang penggunaan bahasa, seperti pemilihan istilah, sering dianggap kurang begitu penting. Bahasa sering menjadi sesuatu yang nomor dua ketimbang elemen-elemen interface lainnya.

Bahasa dalam User Interface Search atau Find? Remove atau Delete? Kantong belanja atau keranjang belanja?

Human Computer Interface (HCI) Interaksi antara end-user (pengguna komputer) dengan komputer. Komputer perlu dibuat agar bisa digunakan semudah mungkin Latar belakang : Semakin banyak orang yang mengoperasikan komputer Meminimalisasi resiko membuat kesalahan ketika mengoperasikan komputer Tujuan utama HCI : untuk memungkinkan komunikasi bolak-balik antara pemakai dan komputer

User Friendliness HCI harus bersifat ‘User Friendly’ Membantu end-user Mudah dipelajari Mudah digunakan

Jenis Interface Klasifikasi umum : Command Driven Interface Menu Driven Interface Direct Manipulation Interface User Interface Management System (UIMS) Special Purpose Interface

Command Driven Interface Interface yang dikendalikan command (perintah)

Menu Driven Interface Interface yang dikendalikan menu Ada beberapa alternatif bentuk menu : Option menu

Menu Driven Interface Pulldown menu

Direct Manipulation Interface Interface yang bisa dimanipulasi secara langsung

User Interface Management System Tujuannya adalah Penciptaan suatu cara agar bisa diadakan atau diperoleh interface yang konsisten yang mempunyai “look” (rupa) dan “feel” (rasa) yang sama untuk sejumlah aplikasi yang berbeda di dalam sistem yang sama. Contoh User Interface Management System (UIMS) : Apple Macintosh OSF/MOTIF dari Open Systems Foundation Open Look dari Sun untuk AT&T Windows dari Microsoft

Bagaimana UIMS Mencapai Tujuan ? Memberikan se-set fasilitas standar untuk penanganan dialog pemakai Misal : widgets, memberikan komponen standar dasar interface Bisa digunakan oleh programmer sebagai se-set alat Memberikan beberapa software standar yang mengelola cara yang digunakan oleh setiap program aplikasi untuk menggunakan interface itu. Set-set aturan mengatur cara tertampilnya atau cara bertindaknya berbagai fasilitas. Contoh : aturan tentang pengoperasian mouse : Klik tunggal untuk memilih item Klik ganda untuk mengaktifkan item Menarik mouse dengan masih menekan tombolnya untuk memilih semua item yang dilewati oleh kursor

UIMS Sebagian besar UIMS kegunaan umum didasarkan pada : Sistem windowing Memanfaatkan WIMP (Window, Icon, Menu, Pointer)

Special Purpose HCI 2 jenis utama : General purpose computer bisa digunakan, namun beberapa bagian HCI disediakan (diberikan) oleh hardware & software khusus Mesin cash-dispensing Alat pencatat kehadiran Komputer dipasangi beberapa peralatan kegunaan khusus di dalamnya dan dikontrol oleh interface yang spesifik untuk kegunaan atau tujuan itu.

Graphical User Interface (GUI) Adalah HCI yang didasarkan pada tampilan grafis Paling umum dijumpai pada PC yang dipasangi adaptor grafik yang mampu mendukung grafik beresolusi tinggi. Software yang mengontrol suatu window yang didasarkan pada HCI, seperti yang diberikan (disediakan) oleh interface WIMP, disebut Windows Manager atau Windows Management System. Keberhasilan komputer GUI, semakin meningkatkan minat penggunaan komputer yang digunakan bersama media lain seperti video dan digital sound.

Keunggulan GUI Saat ini interface yang banyak digunakan dalam software adalah GUI (Graphical User Interface). GUI memberikan keuntungan seperti: Mudah dipelajari oleh pengguna yang pengalaman dalam menggunakan komputer cukup minim. Berpindah dari satu layar ke layar yang lain tanpa kehilangan informasi. Akses penuh pada layar dengan segera untuk beberapa macam tugas/keperluan.

Karakteristik GUI

Graphical User Interface (GUI) Contoh sistem GUI : Apple Macintosh Microsoft Windows pada IBM PC Open Look pada workstation Unix KDE, GNOME pada Linux

Pengorganisasian Software GUI APPLICATION PROGRAMS WINDOWS MANAGER API TOOLKIT WINDOWS LIBRARIES

Pengorganisasian Software GUI Windows Libraries Terdiri dari set-set operasi standar yang dapat digunakan oleh software tingkat yang lebih tinggi untuk berinteraksi dengan GUI (Intrinsic Function) Terdapat objek-objek grafis yang disebut widgets Application Program Interface (API) Toolkit Windows libraries tidak digunakan secara langsung, namun disediakan toolkit yang memungkinkan pengkonstruksian GUI dari se-set widget standar. Toolkit ini menyediakan Application Program Interface, yaitu fungsi-fungsi untuk mengkonstruksi widget atau memanipulasi komponen GUI yang lain. Programnya dikatakan call toolkit function

Pengorganisasian Software GUI Windows Manager Setiap program aplikasi memanggil secara langsung toolkit untuk memanipulasi widget-nya sendiri. Tugas windows manager adalah melakukan pengontrolan dan pengkoordinasian menyeluruh terhadap aktifitas suatu program aplikasi, agar misalnya, satu aplikasi tidak menggangu widjget dalam window kepunyaan aplikasi lain yang saat itu menggunakan layar tampilan yang sama.

Widget GUI Diciptakan, dioperasikan dan dihapus (dikeluarkan) oleh software aplikasi melalui toolkit API. Contoh widget GUI : Box field Table field Button Radio field Toggle field Bar field Scroll bar Slide bar

Widget GUI

Desktop Metaphor Metodologi ‘guiding paradigm’ untuk lebih memudahkan user memahami penggunaan GUI Metaphor : analogi / kemiripan objek visual pada desktop grafis dengan objek sebenarnya Contoh : icon recycle bin dengan gambar tempat sampah, dengan melihat icon tersebut maka asosiasi kita adalah tempat untuk membuang dokumen / file.

Paket Grafik GUI akan lebih bermanfaat ketika digunakan untuk aplikasi yang bersifat visual. Contoh : Graphic package software (software paket grafik) 2 jenis paket grafik : Painting package (Contoh : MS Paint, MacPaint) Ditujukan untuk memenuhi kebutuhan seniman dan perancang grafik dalam pembuatan desain visual kreatif Menghasilkan tampilan bit-mapped yang berkualitas baik dalam hitam putih maupun berwarna Drawing package (Contoh : Corel Draw, MS Visio) Cenderung mempunyai orientasi teknis dengan pengontrolan yang ketat atas skala dan dimensi Cenderung merupakan tampilan yang tersimpan sebagai scalable object