pendahuluan - tony wijaya's official web blog · pdf file12/15/2006 3 pendahuluan zragam...

46
2 2 12/15/2006 12/15/2006 Pendahuluan Pendahuluan Interaksi Interaksi dapat dapat didefin didefin i i sikan sikan sebagai sebagai dialog dialog antar antar a a manusia manusia ( ( pengguna pengguna ) ) dengan dengan sistem sistem komputer komputer . . Setiap Setiap aplikasi aplikasi mempunyai mempunyai ragam ragam dialog yang dialog yang berbeda berbeda . . Ragam Ragam dialog dialog harus harus disesuaikan disesuaikan dengan dengan karakteristik karakteristik tugas tugas atau atau fungsi fungsi aplikasi aplikasi , , dan dan tentu tentu saja saja dengan dengan karakter karakter penggunanya penggunanya . . Dalam Dalam kenyataannya kenyataannya tidak tidak ada ada satu satu ragam ragam yang yang ekslusif ekslusif . . Kebanyakan Kebanyakan sistem sistem menggunakan menggunakan kombinasi kombinasi beberapa beberapa ragam ragam dialog. dialog.

Upload: buihuong

Post on 01-Feb-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

2212/15/200612/15/2006

PendahuluanPendahuluanInteraksiInteraksi dapatdapat didefindidefiniisikansikan sebagaisebagai dialog dialog antarantaraamanusiamanusia ((penggunapengguna) ) dengandengan sistemsistem komputerkomputer..SetiapSetiap aplikasiaplikasi mempunyaimempunyai ragamragam dialog yang dialog yang berbedaberbeda..RagamRagam dialog dialog harusharus disesuaikandisesuaikan dengandengankarakteristikkarakteristik tugastugas atauatau fungsifungsi aplikasiaplikasi, , dandan tentutentusajasaja dengandengan karakterkarakter penggunanyapenggunanya..DalamDalam kenyataannyakenyataannya tidaktidak adaada satusatu ragamragam yang yang ekslusifekslusif..KebanyakanKebanyakan sistemsistem menggunakanmenggunakan kombinasikombinasibeberapabeberapa ragamragam dialog.dialog.

Page 2: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

3312/15/200612/15/2006

PendahuluanPendahuluan

RagamRagam dialog dialog adalahadalah caracara pengorganisasianpengorganisasian berbagaiberbagaiteknikteknik dialog dialog interaktifinteraktif yang yang memungkinkanmemungkinkan terjadinyaterjadinyakomunikasikomunikasi antaraantara manusiamanusia dengandengan komputerkomputer..PerbedaanPerbedaan ragamragam dialog yang paling dialog yang paling jelasjelas terlihatterlihatadalahadalah padapada dialog dialog aplikasiaplikasi yang yang bekerjabekerja padapadalingkunganlingkungan DOS DOS dengandengan lingkunganlingkungan Windows.Windows.TujuanTujuan perancanganperancangan antarmukaantarmuka dengandengan berbagaiberbagaidialog dialog padapada dasarnyadasarnya adalahadalah untukuntuk mendapatkanmendapatkan satusatukriteriakriteria yang yang sangatsangat pentingpenting dalamdalam pengoperasianpengoperasiansebuahsebuah program program aplikasiaplikasi, , yakniyakni aspekaspek ramahramah dengandenganpenggunapengguna (user friendly(user friendly)), dan , dan usabilityusability..

Page 3: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

4412/15/200612/15/2006

SifatSifat RagamRagam DialogDialog

SifatSifat--sifatsifat pentingpenting yang yang perluperlu dimilikidimilikioleholeh setiapsetiap ragamragam dialog dialog adalahadalah ::

1.1. InisiatifInisiatif 7. 7. UmpanUmpan balikbalik2.2. KeluwesanKeluwesan 8. 8. ObservabilitasObservabilitas3.3. KompleksitasKompleksitas 9. 9. KrontrolabilitasKrontrolabilitas4.4. KekuatanKekuatan, , dandan 10. 10. EfisiensiEfisiensi, , dandan5.5. BebanBeban informasiinformasi 11. 11. KeseimbanganKeseimbangan6.6. KonsistensiKonsistensi

Page 4: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

5512/15/200612/15/2006

InisiatifInisiatifMerupakanMerupakan sifatsifat dasardasar sembarangsembarang dialog yang dialog yang akanakan menentukanmenentukan keseluruhankeseluruhan ragamragamkomunikasikomunikasi dialog.dialog.InisiatifInisiatif oleholeh komputerkomputer, , penggunapengguna memberikanmemberikantanggapantanggapan atasatas promptprompt yang yang diberikandiberikan oleholehkomputerkomputer untukuntuk memasukkanmemasukkan perintahperintah atauatauparameter parameter perintahperintah. . KarakteristikKarakteristik utamanyautamanya adalahadalah bahwabahwa dialog dialog ituituterdiriterdiri atasatas sekumpulansekumpulan pilihanpilihan yang yang telahtelahdidefinisikandidefinisikan sebelumnyasebelumnya..

Page 5: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

6612/15/200612/15/2006

InisiatifInisiatif

InisiatifInisiatif oleholeh penggunapengguna mempunyaimempunyai sifatsifatketerbukaanketerbukaan yang yang lebihlebih luasluas..PenggunaPengguna diharapkandiharapkan memahamimemahami sekumpulansekumpulanperintahperintah yang yang harusharus ditulisditulis menurutmenurut aturanaturan((sintaksissintaksis) ) tertentutertentu. . MisalnyaMisalnya dalamdalam berinteraksiberinteraksidengandengan sistemsistem operasioperasi dengandengan menuliskanmenuliskanperintahperintah--perintahperintah tertentutertentu..DalamDalam implementasinyaimplementasinya, , keduakedua karakteristikkarakteristik didiatasatas biasanyabiasanya digunakandigunakan secarasecara bersamabersama--samasama..

Page 6: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

7712/15/200612/15/2006

KeluwesanKeluwesanSistemSistem yang yang luwesluwes atauatau fleksibelfleksibel adalahadalah sistemsistemyang yang mempunyaimempunyai kemampuankemampuan untukuntuk mencapaimencapaisuatusuatu tujuantujuan lewatlewat sejumlahsejumlah caracara yang yang berbedaberbeda..KarakteristikKarakteristik pentingpenting dalamdalam mencapaimencapaikeluwesankeluwesan adalahadalah bahwabahwa sistemsistem harusharus dapatdapatmenyesuaikanmenyesuaikan diridiri dengandengan keinginankeinginan penggunapengguna, , dandan bukanbukan penggunapengguna yang yang harusharus menyesuaikanmenyesuaikandiridiri dengandengan kerangkakerangka sistemsistem yang yang telahtelahditetapkanditetapkan oleholeh perancangperancang sistemsistem..

Page 7: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

8812/15/200612/15/2006

KeluwesanKeluwesanSalahSalah satusatu ciriciri keluwesankeluwesan adalahadalah adanyaadanyakesempatankesempatan bagibagi penggunapengguna untukuntuk melakukanmelakukancustomizingcustomizing dandan memperluasmemperluas antarmukaantarmukasistemsistem untukuntuk memenuhimemenuhi kebutuhankebutuhanpribadinyapribadinya..Dari Dari sisisisi perancangperancang dandan pengembangpengembang sistemsistem, , keluwesankeluwesan akanakan membawamembawa konsekuensikonsekuensidalamdalam halhal kompleksitaskompleksitas sistemsistem yang yang harusharusdirancangdirancang--bangunbangun sertaserta efisiensiefisiensi yang yang akanakandicapaidicapai..

Page 8: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

9912/15/200612/15/2006

KompleksitasKompleksitas

AntarmukaAntarmuka tidaktidak perluperlu dibuatdibuat atauatau digunakandigunakan lebihlebihdaridari yang yang diperlukandiperlukan, , karenakarena tidaktidak adaada keuntungankeuntunganyang yang diperolehdiperoleh, , malahmalah akanakan membuatmembuat implemenimplemen--tasinyatasinya lebihlebih sulitsulit..DalamDalam sebuahsebuah program program aplikasiaplikasi, , perintahperintah--perintahperintahyang yang adaada dapatdapat diaturdiatur sedemikiansedemikian ruparupa sehinggasehinggamembentukmembentuk semacamsemacam strukturstruktur pohonpohon hirarkihirarki perintahperintah..HirarkiHirarki iniini dapatdapat dimanfaatkandimanfaatkan untukuntuk menyatakanmenyatakankelompokkelompok--kelompokkelompok perintahperintah yang yang mempunyaimempunyaikarakteristikkarakteristik yang yang salingsaling berkaitanberkaitan satusatu dengandengan yang yang lain. lain.

Page 9: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

101012/15/200612/15/2006

KekuatanKekuatanKekuatanKekuatan didefinisikandidefinisikan sebagaisebagai jumlahjumlah kerjakerja yang yang dapatdapat dilakukandilakukan sistemsistem untukuntuk setiapsetiap perintahperintah yang yang diberikandiberikan oleholeh penggunapengguna..PenggunaPengguna ((khususnyakhususnya penggunapengguna ahliahli dandan sudahsudahberpengalamanberpengalaman) ) biasanyabiasanya akanakan memberikanmemberikan responresponpositifpositif akanakan ketersediaanketersediaan perintahperintah--perintahperintah yang yang powerfulpowerful, , dandan sebaliknyasebaliknya dapatdapat merasamerasa sepertisepertitersiksatersiksa apabilaapabila harusharus melakukanmelakukan sejumlahsejumlah tahap tahap aktifitasaktifitas untukuntuk mendapatkanmendapatkan responrespon yang yang diinginkandiinginkan..ApekApek kekuatankekuatan dapatdapat berbenturanberbenturan dengandengan aspekaspekkeluwesankeluwesan, , dandan dapatdapat mempengaruhimempengaruhi kompleksitaskompleksitassistemsistem..

Page 10: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

111112/15/200612/15/2006

BebanBeban InformasiInformasi

RagamRagam dialog yang dialog yang terjaditerjadi antaraantara komputerkomputer dengandenganmanusiamanusia lebihlebih menitikmenitik beratkanberatkan padapada penyajianpenyajianinformasiinformasi yang yang dihasilkandihasilkan komputerkomputer kepadakepada penggunapengguna..Agar Agar penyampaianpenyampaian informasiinformasi dapatdapat berdayaberdaya--gunaguna dandanberhasilberhasil--gunaguna, , bebanbeban informasiinformasi yang yang terkandungterkandungdidalamdidalam suatusuatu ragamragam dialog dialog seharusnyaseharusnya disesuaikandisesuaikandengandengan level level penggunapengguna..JikaJika bebanbeban terlaluterlalu tinggitinggi, , penggunapengguna akanakan merasamerasasangatsangat terbebaniterbebani yang yang berakibatberakibat negatifnegatif dalamdalam halhalkemampuankemampuan pengolahanpengolahan kognitifkognitif dandan tingkahtingkah lakulakupenggunapengguna terhadapterhadap sistemsistem yang yang dimaksuddimaksud..

Page 11: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

121212/15/200612/15/2006

BebanBeban InformasiInformasiJikaJika bebanbeban terlaluterlalu rendahrendah, , penggunapengguna akanakan merasamerasabahwabahwa sistemsistem seolahseolah--olaholah menyembunyikanmenyembunyikan kinerjakinerjapenggunanyapenggunanya sendirisendiri..PenyampaianPenyampaian informasiinformasi yang yang sesuaisesuai dengandengankebutuhankebutuhan penggunapengguna merupakanmerupakan perkejaanperkejaan yang yang sulitsulit, , karenakarena setiapsetiap penggunapengguna mempunyaimempunyaikemampuankemampuan yang yang berbedaberbeda dalamdalam memahamimemahamiinformasiinformasi yang yang disajikandisajikan..DisisiDisisi lain, lain, penggunapengguna yang yang sudahsudah terbiasaterbiasamenggunakanmenggunakan suatusuatu sistemsistem akanakan menjadimenjadi terbiasaterbiasa, , sehinggasehingga kemampuankemampuan untukuntuk menangkapmenangkap informasiinformasijugajuga akanakan semakinsemakin bertambahbertambah..

Page 12: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

131312/15/200612/15/2006

KonsistensiKonsistensiMerupakanMerupakan atributatribut yang yang sangatsangat pentingpenting untukuntukmembantumembantu penggunapengguna mengembangkanmengembangkan mentalitasmentalitasyang yang diperlukandiperlukan dalamdalam pengoperasianpengoperasian sebuahsebuah sistemsistemkomputerkomputer..SistemSistem yang yang konsistenkonsisten mendorongmendorong pengembanganpengembanganmentalitasmentalitas dengandengan caracara memberikanmemberikan semacamsemacampetunjukpetunjuk kepadakepada penggunapengguna untukuntuk mengekstrapolasimengekstrapolasipengetahuanpengetahuan yang yang dimilikidimiliki saatsaat ituitu untukuntuk dapatdapatmemahamimemahami perintahperintah--perintahperintah barubaru lengkaplengkap dengandenganpilihanpilihan yang yang adaada..BiasanyaBiasanya jikajika seorangseorang penggunapengguna sudahsudah dapatdapatmenggunakanmenggunakan sebuahsebuah perintahperintah dengandengan suatusuatu pilihanpilihan, , makamaka iaia akanakan terdorongterdorong untukuntuk menggunakanmenggunakan perintahperintahyang yang samasama dengandengan berbagaiberbagai pilihanpilihan ((optionoption) yang ) yang berbedaberbeda..

Page 13: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

141412/15/200612/15/2006

KonsistensiKonsistensi

KonsistensiKonsistensi harusharus diterapkanditerapkan padapada semuasemua aspekaspekperancanganperancangan antarmukaantarmuka penggunapengguna..PerintahPerintah--perintahperintah harusharus mempunyaimempunyai sintaksissintaksisstandard standard dandan urutanurutan parameternyaparameternya harusharusmempunyaimempunyai tataletaktataletak yang yang konsistenkonsisten pula.pula.Format Format pemasukanpemasukan data data harusharus kompatibelkompatibel dandankonsistenkonsisten dengandengan format format tampilantampilan data.data.

Page 14: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

151512/15/200612/15/2006

UmpanUmpan BalikBalikDiusahakanDiusahakan agar agar penggunapengguna selaluselalu mengetahuimengetahuisegalasegala prosesproses dandan kondisikondisi daridari sistemsistemkomputerkomputer..PadaPada program program komputerkomputer yang yang tidaktidak ramahramah, , penggunapengguna seringsering harusharus menunggumenunggu prosesproses yang yang sedangsedang berjalanberjalan tanpatanpa mengetahuimengetahui status status prosesproses saatsaat ituitu, , apakahapakah sedangsedang melakukanmelakukankomputasikomputasi, , sedangsedang mencetakmencetak hasilhasil, , atauataubahkanbahkan komputernyakomputernya macetmacet ((hanghang) ) karenakarenasuatusuatu sebabsebab..

Page 15: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

161612/15/200612/15/2006

UmpanUmpan BalikBalik

Program yang Program yang baikbaik akanakan selaluselalu memberikanmemberikan umpanumpanbalikbalik yang yang dapatdapat berupaberupa pesanpesan tentangtentang apaapa yang yang dikerjakandikerjakan komputerkomputer sertaserta statusnyastatusnya saatsaat ituitu..ContohContoh umpanumpan balikbalik yang yang seringkaliseringkali diperlukandiperlukan, , misalnyamisalnya jikajika penggunapengguna harusharus memilihmemilih suatusuatu pilihanpilihandaridari sejumlahsejumlah pilihanpilihan yang yang adaada, , makamaka program program harusharusmemberitahumemberitahu penggunapengguna caracara yang yang dapatdapat dipakaidipakaiuntukuntuk memilihmemilih suatusuatu pilihanpilihan, , dandan jikajika terjaditerjadi suatusuatukesalahankesalahan komputasikomputasi, program , program akanakan menampilkanmenampilkansuatusuatu pesanpesan salahsalah ((error messageerror message) yang ) yang sesuaisesuai..

Page 16: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

171712/15/200612/15/2006

ObservabilitasObservabilitasSistemSistem dikatakandikatakan mempunyaimempunyai sifatsifat observabilitasobservabilitasapabilaapabila dapatdapat berfungsiberfungsi secarasecara benarbenar dandan nampaknampaksederhanasederhana bagibagi penggunapengguna, , meskipunmeskipun sesungguhnyasesungguhnyapengolahanpengolahan internalnyainternalnya sangatsangat rumitrumit..Hal Hal iniini seringsering sukarsukar diperolehdiperoleh, , khususnyakhususnya jikajikamodel model sederhanasederhana daridari aktifitasaktifitas internal yang internal yang rumitrumitperluperlu disajikandisajikan kepadakepada penggunapengguna..KesukaranKesukaran akanakan munculmuncul ketikaketika penggunapengguna mencobamencobamelompatimelompati batasbatas model model sistemsistem ((misalnyamisalnya karenakarenaadaada kesalahankesalahan) ) dandan sistemnyasistemnya tidaktidak mampumampumemberikanmemberikan responrespon yang yang dapatdapat dipahamidipahamipenggunapengguna..

Page 17: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

181812/15/200612/15/2006

KontrolabilitasKontrolabilitasMerupakanMerupakan kebalikankebalikan daridari observabilitasobservabilitas, , yaituyaitusistemsistem selaluselalu beradaberada dibawahdibawah kontrolkontrolpenggunapengguna..Agar Agar tujuantujuan iniini tercapaitercapai, , antarmukaantarmuka harusharusmempunyaimempunyai saranasarana yang yang memungkinkanmemungkinkanpenggunapengguna untukuntuk dapatdapat menentukanmenentukan ::

DimanaDimana sebelumnyasebelumnya iaia beradaberadaDimanaDimana iaia sekarangsekarang beradaberadaKemanaKemana iaia dapatdapat melanjutkanmelanjutkanApakahApakah pekerjaanpekerjaan yang yang sudahsudah dilakukandilakukan dapatdapatdibatalkandibatalkan

Page 18: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

191912/15/200612/15/2006

EfisiensiEfisiensi

EfisiensiEfisiensi dalamdalam sistemsistem komputerkomputer yang yang melibatkanmelibatkan kinerjakinerja manusiamanusia dandan komputerkomputersecarasecara bersamabersama--samasama adalahadalah throughputthroughput yang yang diperolehdiperoleh daridari kerjasamakerjasama antaraantara manusiamanusia dandankomputerkomputer..JadiJadi sekalipunsekalipun efisiensiefisiensi dalamdalam aspekaspek rekayasarekayasaperangkatperangkat lunaklunak sistemsistem menjadimenjadi sangatsangat pentingpentingjikajika merekamereka berpengaruhberpengaruh padapada waktuwaktu tanggaptanggapatauatau lajulaju penampilanpenampilan sistemsistem, , seringkaliseringkaliperancangperancang lebihlebih memilihmemilih untukuntuk memanfaatkanmemanfaatkanhasilhasil teknologiteknologi barubaru untukuntuk meminimalkanmeminimalkan biayabiayapengembanganpengembangan sistemsistem..

Page 19: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

202012/15/200612/15/2006

KeseimbanganKeseimbangan

StrategiStrategi yang yang diambildiambil dalamdalam perancanganperancangansembarangsembarang sistemsistem manusiamanusia--komputerkomputer haruslahharuslahdapatdapat membagimembagi--bagibagi pekerjaanpekerjaan antaraantara manusiamanusiadandan komputerkomputer seoptimalseoptimal mungkinmungkin..SecaraSecara esensialesensial, , perbedaanperbedaan relatifrelatif kemampuankemampuanmanusiamanusia dandan komputerkomputer menunjukkanmenunjukkan adanyaadanyakekuatankekuatan dandan kelemahankelemahan yang yang bersifatbersifatkomplementerkomplementer daridari manusiamanusia dandan komputerkomputer. .

Page 20: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

212112/15/200612/15/2006

KeseimbanganKeseimbanganManusiaManusia dapatdapat menanganimenangani berbagaiberbagai persoalanpersoalan yang yang berurusanberurusan dengandengan perubahanperubahan lingkunganlingkungan, , pengetahuanpengetahuan yang yang tidaktidak pastipasti dandan tidaktidak lengkaplengkap, , sementarasementara komputerkomputer lebihlebih sesuaisesuai untukuntuk pekerjaanpekerjaanyang yang bersifatbersifat perulanganperulangan dandan rutinrutin, , penyimpananpenyimpanan dandanpencarianpencarian kembalikembali data data secarasecara handalhandal, , dandanmemberikanmemberikan hasilhasil komputasikomputasi yang yang sangatsangat akuratakuratdalamdalam halhal pengolahanpengolahan numeriknumerik dandan logikalogika..PadaPada pembuatanpembuatan antarmukaantarmuka manusiamanusia dandan komputerkomputer, , kecakapankecakapan yang yang salingsaling melengkapimelengkapi harusharusdipertimbangkandipertimbangkan secarasecara seksamaseksama dandandiimplementasikandiimplementasikan dengandengan caracara yang yang sesuaisesuai, , jikajikatidaktidak, , makamaka keseluruhankeseluruhan efisiensiefisiensi dalamdalam sistemsistemmanusiamanusia--komputerkomputer akanakan menurunmenurun..

Page 21: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

222212/15/200612/15/2006

KecakapanKecakapan relatifrelatif padapada ManusiaManusia dandan KomputerKomputer

Kecakapan Manusia Kecakapan Komputer

EstimasiIntuisiKreatifitasAdaptasiKesadaran serempakPengolahan

abnormal/perkecualianMemori asosiatifPengambilan keputusan non-

deterministikPengenalan polaPengetahuan dunia (global)Kesalahan manusiawi

Kalkulasi akuratDeduksi logikaAktifitas perulanganKonsistensiMultitaskingPengolahan rutinPenyimpanan dan pemanggilan

dataPengambilan keputusan

deterministikPengolahan dataPengetahuan domainBebas dari kesalahan

Page 22: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

232312/15/200612/15/2006

Command line

MerupakanMerupakan ragamragam yang paling yang paling konvensionalkonvensionalMerupakanMerupakan caracara untukuntuk mengekspersikanmengekspersikaninstruksiinstruksi keke komputerkomputer secarasecara langsunglangsung dengandenganmenggunakanmenggunakan kuncikunci fungsifungsi, , singkatansingkatan pendekpendek, , karakterkarakter tunggaltunggal, , dlldll..CocokCocok untukuntuk tugastugas yang yang berulangberulangSesuaiSesuai untukuntuk penggunapengguna ahliahli dandan bukanbukan pemulapemulaMenawarkanMenawarkan aksesakses langsunglangsung keke fungsifungsi sistemsistemContohContoh padapada sistemsistem UnixUnix, perintah pada DOS, perintah pada DOS..

Page 23: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

242412/15/200612/15/2006

Command LineCommand Line

Page 24: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

252512/15/200612/15/2006

BahasaBahasa AlamiAlami ((natural languagenatural language))PenggunaPengguna memberikanmemberikan instruksiinstruksi--instruksiinstruksi dalamdalambahasabahasa alamialami yang yang lebihlebih umumumum (familiar) (familiar) sifatnyasifatnya. . PemberianPemberian perintahperintah dengandengan menggunakanmenggunakanpengenalanpengenalan tuturtutur atauatau mengetikkanmengetikkan bahasabahasaalamialami lewatlewat keyboard.keyboard.MasalahMasalah yang yang munculmuncul::

TidakTidak jelas/samarjelas/samarDapatDapat mempunyaimempunyai lebihlebih daridari satusatu artiarti ((ambiguous)SulitSulit dalamdalam perancangannyaperancangannyaTidakTidak efisienefisien

Page 25: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

262612/15/200612/15/2006

InstruksiInstruksi BahasaBahasa AlamiAlami

ContohContoh instruksiinstruksi bahasabahasa alamialami ::““CetakCetak daftardaftar semuasemua mahasiswamahasiswa yang yang mempunyaimempunyai IP IP

semester semester lebihlebih besarbesar daridari 3.03.0””DalamDalam perintahperintah dBASEdBASE ::DISPLAY ALL FOR IPSEM < 3.0DISPLAY ALL FOR IPSEM < 3.0

DalamDalam Pascal:Pascal:While not While not eofeof (T) do(T) dobeginbegin

readln(T,Sreadln(T,S););if if S.IpSemS.IpSem < 3.0 then< 3.0 then

writeln(S.NamaMahaiswawriteln(S.NamaMahaiswa););end;end;

Page 26: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

272712/15/200612/15/2006

SISTEM MENUSISTEM MENU

SistemSistem menu menu merupakanmerupakan ragamragam dialog yang dialog yang dapatdapatmenunjukkanmenunjukkan kemampuankemampuan dandan fasilitasfasilitas yang yang dimilikidimilikioleholeh sebuahsebuah program program aplikasiaplikasi..DiperlukanDiperlukan padapada program program aplikasiaplikasi yang yang mempunyaimempunyaicukupcukup banyakbanyak kemampuankemampuan dandan fasilitasfasilitasJikaJika fasilitasfasilitas yang yang tersediatersedia cukupcukup banyakbanyak, , kemungkinankemungkinan tidaktidak cukupcukup untukuntuk ditampilkanditampilkan semuasemua kekelayarlayar monitor, monitor, jugajuga akanakan menyulitkanmenyulitkan penggunapengguna untukuntukmenghapalkanmenghapalkan dandan melakukanmelakukan navigasinavigasi atasatas menumenu--menu yang menu yang tersediatersedia padapada program program aplikasiaplikasi tersebuttersebut..UntukUntuk mengatasimengatasi halhal iniini dikembangkandikembangkan suatusuatu caracarapenampilanpenampilan daftardaftar menu yang menu yang disebutdisebut dengandengan menu menu tariktarik ((pulldownpulldown menumenu atanatan poppop--up menuup menu).).

Page 27: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

282812/15/200612/15/2006

SISTEM MENUSISTEM MENUSebuahSebuah menu menu tariktarik padapada dasarnyadasarnya adalahadalah sistemsistemmenu yang menu yang pilihanpilihan--pilihannyapilihannya dikelompokkandikelompokkan menurutmenurutkategorikategori tertentutertentu atauatau menurutmenurut caracara tertentutertentu sehinggasehinggaakanakan membentukmembentuk semacamsemacam hirarkihirarki pilihanpilihan..Pada hirarki paling tinggi, pilihanPada hirarki paling tinggi, pilihan--pilihan itu disebut pilihan itu disebut dengan pilihan/menu utama.dengan pilihan/menu utama.Sebagian atau semua pilihan/menu utama dapat Sebagian atau semua pilihan/menu utama dapat mempunyai satu atau lebih subpilihan/submenu.mempunyai satu atau lebih subpilihan/submenu.Sebuah subpilihan/submenu dari suatu pilihan/menu Sebuah subpilihan/submenu dari suatu pilihan/menu utama dapat mempunyai satu atau lebih subutama dapat mempunyai satu atau lebih sub--subpilihan/subsubpilihan/sub--submenu dan seterusnya.submenu dan seterusnya.Struktur di atas akan membentuk semacam struktur Struktur di atas akan membentuk semacam struktur pohon.pohon.

Page 28: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

12/15/2006 29

Struktur Pohon

Menu utama

File Edit Table

Draw table Insert Delete

Table Column to right Column to left

Page 29: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

303012/15/200612/15/2006

SistemSistem MenuMenu

RRagamagam interaksiinteraksi padapada sistemsistem menu menu dapatdapatberupaberupa::

MurniMurni berbasisberbasis teksteks, , dengandengan pilihanpilihandinyatakandinyatakan sebagaisebagai angkaangka pilihanpilihanSecaraSecara grafisgrafis (GUI = (GUI = graphycalgraphycal user interfaceuser interface) ) dengandengan pemilihanpemilihan menu menu melaluimelalui tomboltombolpanahpanah..SecaraSecara grafisgrafis dengandengan pemilihanpemilihan menu menu melaluimelaluimouse.mouse.KombinasiKombinasi daridari keduakedua ragamragam didi atasatas..

Page 30: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

313112/15/200612/15/2006

Page 31: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

323212/15/200612/15/2006

Dialog Dialog BerbasisBerbasis PengisianPengisian BorangBorang((Form FillingForm Filling))

TerutamaTerutama digunakandigunakan untukuntuk aktivitasaktivitas pemasukanpemasukan data data atauatau pemanggilanpemanggilan data.data.Layout Layout layarlayar tampilantampilan miripmirip dengandengan form form tercetaktercetakKualitas antarmuka berbasis pengisian borang Kualitas antarmuka berbasis pengisian borang tergantung pada tiga aspek:tergantung pada tiga aspek:

Tampilan pada layar monitor yang mencerminkan struktur Tampilan pada layar monitor yang mencerminkan struktur data masukan yang diperlukan oleh sistem.data masukan yang diperlukan oleh sistem.Kejelasan perancangan dan penyajiannya secara visual pada Kejelasan perancangan dan penyajiannya secara visual pada layar monitor.layar monitor.Derajat kebenaran dan kehandalan penerimaan data Derajat kebenaran dan kehandalan penerimaan data masukan oleh program lewat berbagai fasilitas pemasukan masukan oleh program lewat berbagai fasilitas pemasukan data yang ada di dalam borang tersebut.data yang ada di dalam borang tersebut.

Page 32: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

333312/15/200612/15/2006

Form Fill StyleForm Fill Style

Page 33: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

343412/15/200612/15/2006

Hal yang Hal yang perluperlu diperhatikandiperhatikan

1.1. Proteksi tampilanProteksi tampilan. Adanya pembatasan agar . Adanya pembatasan agar pengguna tidak dapat mengakses semua tampilan pengguna tidak dapat mengakses semua tampilan yang ada di layar monitor.yang ada di layar monitor.

2.2. Batasan medan tampilanBatasan medan tampilan. Medan data dapat . Medan data dapat ditentukan mempunyai panjang yang tetap atau ditentukan mempunyai panjang yang tetap atau variabelvariabel, menggunakan format bebas atau tertentu., menggunakan format bebas atau tertentu.

3.3. Isi medanIsi medan. Pengguna biasanya mempunyai . Pengguna biasanya mempunyai sejumlah gambaran tentang isi medan yang sejumlah gambaran tentang isi medan yang diperbolehkan. diperbolehkan. PetunjukPetunjuk pengisianpengisian dapatdapat jugajugaditampilkanditampilkan sebagaisebagai bagianbagian daridari tampilantampilan..

Page 34: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

353512/15/200612/15/2006

4.4. Medan opsionalMedan opsional. Beberapa medan isian . Beberapa medan isian dapat bersifat opsional. Medan opsional dapat bersifat opsional. Medan opsional dapat dinyatakan secara tekstual atau dapat dinyatakan secara tekstual atau menggunakan aturan tertentu, seperti menggunakan aturan tertentu, seperti penggunaan warna berintensitas rendah, penggunaan warna berintensitas rendah, warna tampilan yang berbeda, dan lainwarna tampilan yang berbeda, dan lain--lain.lain.

5.5. DefaultDefault. . Apakah dalam medan isian Apakah dalam medan isian dimungkinkan adanya nilai dimungkinkan adanya nilai defaultdefault. Jika ya, . Jika ya, tentukan tempatnya, apakah pada bagian tentukan tempatnya, apakah pada bagian yang tidak dapat diakses pengguna yang tidak dapat diakses pengguna ataukah pada bagian pemasukan data.ataukah pada bagian pemasukan data.

Page 35: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

363612/15/200612/15/2006

6.6. BantuanBantuan. Adanya bantuan (. Adanya bantuan (helphelp) yang ) yang menunjukkan cara pengisian borang, tetapi harus menunjukkan cara pengisian borang, tetapi harus terpisah dari bentuk dasar borang. Jika terdapat terpisah dari bentuk dasar borang. Jika terdapat fasilitas bantuan, pengguna perlu diberitahu cara fasilitas bantuan, pengguna perlu diberitahu cara mengakses. mengakses.

7.7. Medan penghentianMedan penghentian. Masukan data dalam . Masukan data dalam medan dapat diakhiri dengan jalan menekan medan dapat diakhiri dengan jalan menekan tombol tombol EnterEnter atau atau ReturnReturn atau mengisi karakter atau mengisi karakter terakhir dengan karakter tertentu atau dengan cara terakhir dengan karakter tertentu atau dengan cara berpindah ke medan lain.berpindah ke medan lain.

8.8. NavigasiNavigasi. Kursor dapat digerakan di sekeliling . Kursor dapat digerakan di sekeliling layar menggunakan tombol layar menggunakan tombol TabTab untuk urutan yang untuk urutan yang tetap, atau dapat pula digerakkan secara bebas tetap, atau dapat pula digerakkan secara bebas menggunakan menggunakan mousemouse..

Page 36: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

373712/15/200612/15/2006

9.9. Pembetulan kesalahanPembetulan kesalahan. Pengguna dapat . Pengguna dapat membetulkan kesalahan dengan membetulkan kesalahan dengan menggunakan tombol menggunakan tombol BackSpaceBackSpace dengan dengan menindihi (menindihi (overwriteoverwrite) isian lama, dengan ) isian lama, dengan jalan membersihkan dan mengisi kembali jalan membersihkan dan mengisi kembali medan tersebut, dan lainmedan tersebut, dan lain--lain.lain.

10.10. PenyelesaianPenyelesaian. Perlu diperhatikan cara yang . Perlu diperhatikan cara yang digunakan untuk memberitahu pengguna digunakan untuk memberitahu pengguna bahwa seluruh proses pengisian telah bahwa seluruh proses pengisian telah selesai.selesai.

Page 37: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

383812/15/200612/15/2006

WIMPWIMP

WIMP WIMP adalahadalah ragamragam interaksiinteraksi yang yang berbasisberbasis padapada ::

WindowWindowIconIconMenuMenuPointer / Pull Up (Down)Pointer / Pull Up (Down)

MerupakanMerupakan ragamragam defaultdefault daridari sebagiansebagianbesarbesar aplikasiaplikasi sistemsistem komputerkomputer saatsaat iniini..

Page 38: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

393912/15/200612/15/2006

Window Window

AdalahAdalah area area padapada layarlayar yang yang mempunyaimempunyai sifatsifatsepertiseperti terminal yang independent.terminal yang independent.DapatDapat terdiriterdiri daridari teksteks atauatau grafisgrafisDapatDapat salingsaling overlapoverlap dandan menutupimenutupi yang lain, yang lain, atauatau tersusuntersusun sepertiseperti keramikkeramik lantailantai..FasilitasFasilitas scrollbarsscrollbars memungkinkanmemungkinkan penggunapenggunauntukuntuk menggerakkanmenggerakkan isiisi windowwindow keke atasatas--bawahbawah atauatau menyampingmenyamping..AdaAda title barstitle bars yang yang menunjukkanmenunjukkan namanamawindowwindow

Page 39: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

404012/15/200612/15/2006

Icons

BerupaBerupa lukisanlukisan atauatau gambargambar berukuranberukurankecilkecilMewakiliMewakili suatusuatu obyekobyek dalamdalam antarmukaantarmuka, , dapatdapat suatusuatu windowwindow atauatau tindakantindakan..WindowWindow dapatdapat ditutupditutup menjadimenjadi semacamsemacamrepresentasirepresentasi kecilkecil, , sehinggasehingga dapatdapatmemuat/mengaktifkanmemuat/mengaktifkan banyakbanyak windowwindow..Icon Icon dapatdapat bervariasibervariasi, , mulaimulai daridari simbolsimbolyang yang abstrakabstrak sampaisampai gambarangambaran realitasrealitas..

Page 40: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

414112/15/200612/15/2006

PointersMerupakanMerupakan komponenkomponen pentingpenting. . RagamRagam WIMP WIMP bertumpubertumpu padapada prosesproses penunjukkanpenunjukkan dandan pemilihanpemilihansesuatusesuatu..BiasanyaBiasanya dilakukandilakukan dengandengan menggunakanmenggunakan mouse.mouse.JugaJuga dapatdapat menggunakanmenggunakan joystickjoystick, , trackballtrackball, , atauatautomboltombol panahpanah padapada keyboard.keyboard.

Page 41: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

424212/15/200612/15/2006

Menus

BerupaBerupa pilihanpilihan operasioperasi atauatau fungsifungsi yang yang disediakandisediakan padapada layarlayar..PemilihanPemilihan dilakukandilakukan dengandengan menggunakanmenggunakanpointer.pointer.KelemahanKelemahan: menu : menu dapatdapat memakanmemakan ruangruanglayarlayar..SolusiSolusi: menu : menu hanyahanya munculmuncul saatsaatdibutuhkandibutuhkan..

Page 42: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

434312/15/200612/15/2006

Sistem MenuSistem Menu

File Edit Options

Typewriter Screen Times

Font

Page 43: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

444412/15/200612/15/2006

FaktorFaktor--faktor dalam Perancangan Menufaktor dalam Perancangan Menu

Jenis yang akan digunakanJenis yang akan digunakanBagaimana mencakup seluruh perintah Bagaimana mencakup seluruh perintah dalam menudalam menuKata yang akan digunakan (tindakan atau Kata yang akan digunakan (tindakan atau deskripsi)deskripsi)Bagaimana mengkelompokkan itemBagaimana mengkelompokkan item--item item menumenuPemilihan Pemilihan keyboard acceleratorkeyboard accelerator

Page 44: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

454512/15/200612/15/2006

Pemilihan Ragam DialogPemilihan Ragam Dialog

Siapa yang mempunyai kendali?Siapa yang mempunyai kendali?Kemudahan penggunaan untuk pemula.Kemudahan penggunaan untuk pemula.Waktu pembelajaran untuk menjadi Waktu pembelajaran untuk menjadi pengguna mahir.pengguna mahir.Kecepatan penggunaan (efisiensi) setelah Kecepatan penggunaan (efisiensi) setelah menjadi mahir.menjadi mahir.

Page 45: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

464612/15/200612/15/2006

Pemilihan Ragam DialogPemilihan Ragam Dialog

Sifat umum/fleksibilitas/ kekuatan Sifat umum/fleksibilitas/ kekuatan (seberapa jauh antarmuka pengguna (seberapa jauh antarmuka pengguna dapat dicakup oleh teknik ini?)dapat dicakup oleh teknik ini?)Kemampuan untuk memperlihatkan Kemampuan untuk memperlihatkan defaultdefault, nilai/kondisi saat ini, dll., nilai/kondisi saat ini, dll.Syarat ketrampilan yang diperlukan.Syarat ketrampilan yang diperlukan.

Page 46: Pendahuluan - Tony Wijaya's Official Web Blog · PDF file12/15/2006 3 Pendahuluan zRagam dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya

474712/15/200612/15/2006

Konteks Sosial & OrganisasiKonteks Sosial & Organisasi

Interaksi dapat dipengaruhi oleh konteks sosial dan Interaksi dapat dipengaruhi oleh konteks sosial dan organisasi seperti:organisasi seperti:

1.1. Orang lain:Orang lain:-- Keinginan untuk menonjolkan diriKeinginan untuk menonjolkan diri-- KompetisiKompetisi-- Takut membuat kesalahanTakut membuat kesalahan

2.2. Motivasi:Motivasi:-- Rasa takutRasa takut-- Kesetiaan Kesetiaan -- AmbisiAmbisi-- Kepuasan diri Kepuasan diri

3.3. Sistem yang tidak lengkap (mencukupi):Sistem yang tidak lengkap (mencukupi):-- Dapat menyebabkan frustasiDapat menyebabkan frustasi-- Berkurangnya motivasiBerkurangnya motivasi