Perancangan Antar Muka

Slides:



Advertisements
Presentasi serupa
PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI PENCATATAN
Advertisements

Perancangan Tampilan.
Perancangan Perangkat Lunak lanjutan Kuliah - 7
Interaksi Manusia dan Komputer
Interaksi Manusia dan Komputer
Prinsip Perancangan Multimedia
PERANCANGAN ANTARMUKA - 2
Mata Kuliah INTERAKSI KOMPUTER - MANUSIA
Perancangan Sistem Ana Kurniawati.
Interaksi Manusia dan Komputer Pendahuluan Oleh : ANISYA, S.KOM Teknik Informatika Fakultas Teknologi Informatika ITP 2013 Pertemuan 01 Oleh : Anisya,
Protyping IMK-M5.
Interaksi Manusia dan Komputer
BAB 6 Design Interface (Perancangan Tampilan)
Perancangan Tampilan.
Sistem Penjendelaan.
DESIGN INTERFACE.
Analisis Persyaratan Perangkat Lunak dan Spesifikasi
PENANGANAN KESALAHAN DAN HELP DOKUMENTASI
Teori, Prinsip, dan Pedoman
Designing Effective Output / Input
DESAIN IMK-M5.
Interaksi Manusia Dan Komputer
Interaksi Manusia Dan Komputer
NamaSlide Tika Listiani Umar3-5 Erwin Suganda6-8 Indah Rahmawati Putri9-11 Ivan David12-14 Heru Setiawan15-17.
komponen antarmuka pengguna
Interaksi Manusia dan Komputer
Perancangan Sistem L. Erawan.
Ir. Waniwatining Astuti, M.T.I Rekayasa Perangkat Lunak
Interaksi Manusia & Komputer Desain
Perancangan antarmuka (design interface)
INTERAKSI MANUSIA & KOMPUTER
PERANCANGAN INTERFACE USER
KONSEP INTERFACE
Perancangan Sistem Interaksi Manusia Komputer
13. KONSEP DAN PRINSIP PERANCANGAN (DESAIN)
Ragam dialog Pertemuan 3.
BAB 6 Design Interface (Perancangan Tampilan)
8 ATURAN EMAS DALAM PERANCANGAN USER INTERFACE
PERANCANGAN ANTARMUKA/TAMPILAN
Panduan Merancang Interface
Analisa & Perancangan sistem
PERANCANGAN ANTARMUKA (Design Interface) – part 1
Interfase design Pertemuan 4.
Perancangan Tampilan.
Perancangan Tampilan.
Mobile Device User Interface
KONSEP DAN PRINSIP PERANCANGAN (DESAIN)
Ragam dialog Pertemuan 3.
Interaksi Manusia dan Komputer
Interfase design Pertemuan 4.
Perancangan Sistem Interaksi Manusia Komputer
INTERAKSI MANUSIA DAN KOMPUTER
Perancangan Tampilan.
DSS Development Case – 2 Pertemuan - 18
PENANGANAN KESALAHAN DAN HELP DOKUMENTASI
Perancangan Sistem Interaksi Manusia Komputer
Perancangan Tampilan.
Perancangan Tampilan.
Perancangan Tampilan.
Rekayasa Perangkat Lunak
Aplikasi Informasi Perjalanan Kereta Api Daop 2 Bandung
Perancangan Tampilan.
13. KONSEP DAN PRINSIP PERANCANGAN (DESAIN)
PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI PENCATATAN
Interface Design.
Perancangan Tampilan.
Perancangan Tampilan.
Interface Design.
Perancangan Tampilan.
Perancangan Tampilan.
Transcript presentasi:

Perancangan Antar Muka Tugas Analisa Desain dan Sistem TI – 2C

Tujuan untuk membantu perancang antarmuka dalam melakukan perancangan antarmuka agar menghasilkan antarmuka halaman sistem informasi/web yang konsisten, sederhana dan kontekstual.

Fokus Perancangan Antar muka antara modul-modul perangkat lunak Antara perangkat lunak dan sumber informasi selain manusia Antara user dengan user (manusia)

Jenis Antar Muka Beberapa jenis yang diperlukan : Antar muka untuk input parameter proses -> layar Antar muka untuk output proses -> layar Antar muka untuk input data -> layar dan parameter passing Antar muka untuk output data -> layar dan parameter passing Antar muka untuk pesan-pesan -> layar

Hal-hal penting Konsistensi dalam penggunaan warna, font, bahasa dll. Adanya feedback bagi pengguna Memungkinkan aksi reversal Verifikasi dalam semua aksi destruktif penting Mengurangi informasi yang harus diingat antar aksi Efisiensi dialog, gerak dan pikiran pengguna Mengelompokkan aktivitas berdasarkan fungsi dan mengatur layar sesuai dengan pengelompokkan tersebut Menyediakan bantuan (help) yang sensitif konteks Tampilkan info yang sesuai dengan konteks

Hal-hal penting (cont’d) Minimalkan presentasi data menggunakan tabel/form Maksimalkan menggunakan graph/chart Message error yang berarti Minimalkan jumlah aksi masukkan yang diperlukan Tampilan antar muka disesuaikan dengan kebutuhan/kebiasaan user, misalnya : - clerk – keyboard , manager – mouse atau clerk – input, decision maker – delete/hapus/update.

Mendesain Tampilan Antar Muka Dilakukan secara manual pada kertas Bantuan alat bantu pemrograman misalnya dengan CASE tools ( AppModeller pada Power Designer )

Hasil Akhir Rancangan Format Modul Antar Muka yang siap untuk diprogram Format Rancangan layar yang siap diimplementasikan

TERIMA KASIH