1 / 9

Interaksi Manusia Dan Komputer

Interaksi Manusia Dan Komputer. Pertemuan v Perancangan Tampilan Author : Linda Norhan , ST. http://karyasaidah.wordpress.com/. Dokumentasi. Membuat sketsa pada kertas Menggunakan piranti prototipe GUI

kairos
Download Presentation

Interaksi Manusia Dan Komputer

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. InteraksiManusia Dan Komputer Pertemuan v PerancanganTampilan Author : Linda Norhan, ST. http://karyasaidah.wordpress.com/

  2. Dokumentasi • Membuatsketsapadakertas • Menggunakanpirantiprototipe GUI • Menuliskantekstualygmenjelaskankaitanantarasatujendeladenganjendelayg lain • Menggunakanpiranti bantu CASE (Computer-aided Software Engineering)

  3. CARA PENDEKATAN Program Aplikasi • Special purpose software (penggunakhusus) • Exp: inventorigudang,akademismahasiswa,reservasi hotel dll) • Pendekatan : user-centered design approach (melibatkanpengguna) • General purpose sofware (publik/banyakpengguna) • Pendekatan : customization • Exp: setting pada Display Properties • Dapatmenggunakanpendekatan-pendekatan lain asalkantidakmengabaikanpengguna.

  4. PRINSIP DAN PETUNJUK PERANCANGAN UrutanPerancangan : • PemilihanRagam Dialog (disesuaikan) • PerancanganStruktur Dialog (banyaklibatkanpenggunauntukdiskusi) • Perancangan Format Pesan (segiefisiensi exp: penggunaantombol u/ mengurangipengetikan) • PerancanganPenanganankesalahan (Validasipemasukan data, proteksipengguna, pemulihandarikesalahan, penampilanpesansalah) • PerancanganStruktur Data (menentukanSdatygcocokdanmendukung)

  5. PRINSIP DAN PETUNJUK PERANCANGAN • PerancanganTampilanBerbasisTeks • UrutanPenyajian (disesuaikandengan model penggunaygtelahdisusun) • Kelonggaran (Spaciousness) : tabulasidanspasimempermudahdlmpencarianteks. • Pengelompokan (data ygberkaitandikelompokkan) • Relevansi (pesan-pesanygrelevandgntopikygsedangtampil) • Konsistensi (perancangkonsistenmenggunakanruangtampilan (Frame) • Kesederhanaan (cara paling mudahmenyajikaninformasiygdipahamidancepat)

  6. PRINSIP DAN PETUNJUK PERANCANGAN • PerancanganTampilanBerbasisGrafis - Ilusipadaobjek-obyekygdapatdimanipulasi • Gunakankumpulanobyek • Keyakinanbahwamudahdimengertipengguna • Mekanismeygkonsistenuntukmemanipulasiobyek - Urutan Visual danfokusPengguna Gunakanrangsangan visual tertentuuntukmaksudtertentu, exp: simbolberkedip u posisi cursor. - Struktur Internal Reveal Code : tandakhususuntukmenunjukkanperbedaan Font style. - Kosakatagrafis yang konsistendansesuai (gunakansimbolygsamauntuktujuan yang sama) -Kesesuaiandengan media ( memenuhipermintaanpenggunaakanaspekkenyamanandankeramahanantarmuka)

  7. PRINSIP DAN PETUNJUK PERANCANGAN • WaktuTanggap waktutanggaplebihdari 14 detikmenyebabkanperhatianpenggunaterpecahkeaktifitas lain. Waktutanggapkurangdari 2 detikdianggapmemadai. • PenangananKesalahan Kesalahanpadasaatimplementasi program kesalahansintaksisygsecaralangsungdideteksiolehkompiler/ compile-time error.Exp: operator / dengan div, Type Mismatch KesalahanLogikaketika program sedangdijalankan/run time error/fatal error. penyebab : data tidaksahdaripenggunadanproseseksekusi.

  8. PIRANTI BANTU SEDERHANA • LembarKerjaTampilan (LKT) / screen design work sheet • Berbentuklembarankertas yang tidakperludipersiapkansecarakhusus, tetapidapatmenggunakansembarangkertaskosong No: Tampilan : Navigasi: Keterangan:

  9. JARING SEMANTIK TAMPILAN • Agar pemogramtidakperlumembolak-baliklembarkerjapadasaatiamenuliskan program untukdisesuaikandengannavigasipadasetiaplembarkerja, akanlebihmudahdenganmenggambarkannyalewatsuatubaganygdisebutJaringSemantiktampilan. 2 komponen : • NomorTampilan (lembarkerja) • Transisiygmenyebabkanperpindahanketampilan lain.

More Related