9
Tugas Analisa Desain dan Sistem TI – 2C

Perancangan Antar Muka

  • Upload
    rasia

  • View
    111

  • Download
    0

Embed Size (px)

DESCRIPTION

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. - PowerPoint PPT Presentation

Citation preview

Page 1: Perancangan Antar Muka

Tugas Analisa Desain dan Sistem

TI – 2C

Page 2: Perancangan Antar Muka

Tujuanuntuk membantu perancang antarmuka

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

Page 3: Perancangan Antar Muka

Antar muka antara modul-modul perangkat lunakAntara perangkat lunak dan sumber informasi

selain manusiaAntara user dengan user (manusia)

Fokus Perancangan

Page 4: Perancangan Antar Muka

Jenis Antar MukaBeberapa jenis yang diperlukan :

Antar muka untuk input parameter proses -> layar

Antar muka untuk output proses -> layar Antar muka untuk input data -> layar dan

parameter passingAntar muka untuk output data -> layar dan

parameter passingAntar muka untuk pesan-pesan -> layar

Page 5: Perancangan Antar Muka

Hal-hal pentingKonsistensi dalam penggunaan warna, font, bahasa

dll.Adanya feedback bagi penggunaMemungkinkan aksi reversal Verifikasi dalam semua aksi destruktif pentingMengurangi informasi yang harus diingat antar aksiEfisiensi dialog, gerak dan pikiran penggunaMengelompokkan aktivitas berdasarkan fungsi dan

mengaturlayar sesuai dengan pengelompokkan tersebut

Menyediakan bantuan (help) yang sensitif konteksTampilkan info yang sesuai dengan konteks

Page 6: Perancangan Antar Muka

Hal-hal penting (cont’d)Minimalkan presentasi data menggunakan

tabel/formMaksimalkan menggunakan graph/chartMessage error yang berartiMinimalkan jumlah aksi masukkan yang

diperlukanTampilan antar muka disesuaikan dengan

kebutuhan/kebiasaan user, misalnya :- clerk – keyboard , manager – mouse atau clerk – input, decision maker – delete/hapus/update.

Page 7: Perancangan Antar Muka

Mendesain Tampilan Antar Muka

Dilakukan secara manual pada kertas

Bantuan alat bantu pemrograman misalnya dengan CASE tools ( AppModeller pada Power Designer )

Page 8: Perancangan Antar Muka

Hasil Akhir Rancangan

Format Modul Antar Muka yang siap untuk diprogram

Format Rancangan layar yang siap diimplementasikan

Page 9: Perancangan Antar Muka

TERIMA KASIH