41
Human Computer Interaction Analisa ragam dialog Dibuat oleh : Herwin Anggeriana Andri Renald Lammers Yohanes Valentino Susilo

Ragam Dialog Human Computer Interaction

Embed Size (px)

DESCRIPTION

Analisa Ragam Dialog - HCI

Citation preview

Page 1: Ragam Dialog Human Computer Interaction

Human Computer Interaction

Analisa ragam dialog

Dibuat oleh : •Herwin Anggeriana•Andri Renald Lammers•Yohanes Valentino Susilo

Page 2: Ragam Dialog Human Computer Interaction

Sistem operasi Windows

3 feature utama dalam sistem operasi windows adalah setting, update dan keamanan.Windows memperbaiki kemampuan pengguna untuk memastikan senantiasa secure dalam penyaluran / menggunakan informasi dan data.Tampilan / permukaan sistem operasi windows yang dikenal dengan Luna, mengalami perbaikan yang cukup significan dan lebih cantik dari sistem operasi windows sebelumnya.Windows juga memberikan keluwesan yang cukup baik kepada pengguna untuk dapat mengganti-ganti tampilan (theme).Setelah proses boot selesai, pengguna dapat melihat tampilan antarmuka, sebagian besar layar terdiri dari icon yang dikenal dengan desktop.Di bagian bawah terdapat bar agenda dasar yang menempatkan menu “Start”, “Diulang sistem / shutdown”, dan beberapa tombol untuk program-program aplikasi yang dapat dibuka.

** GUI windows XP = Lunar, GUI windows vista = Aero

Page 3: Ragam Dialog Human Computer Interaction
Page 4: Ragam Dialog Human Computer Interaction

Sistem operasi Macintosh

Sistem operasi pelopor yang menggunakan antarmuka grafis untuk pengguna ( GUI )SO Macintosh berdasarkan kategori terdiri dari :Mac OS klasik ( classic ) : Sistem Mac yg pertama kali dirilis hingga Mac OS 9, yaitu ; sistem operasi yang tidak memiliki “command line” dan mengandalkan sepenuhnya kepada UI ( User Interface ). User Interface ini dikenal dengan sebutan “Lisa”.Mac OS X : Focus dari GUI Mac OS X adalah peningkatan kenyamanan ( comfort improvement ) dan performance. Penerapan integrated stack dari teknologi grafis memungkinkan implementasi visual experience ( 2D grafis, 3D grafis, animasi dan visual effect ), tampilan menjadi lebih glossy dan ideal bagi design grafis / multimedia.Bagi user teknologi “Time Machine” & “Sherlock” memberikan observabilitas yang cukup significan.

Mac OS classic / system 7

Features yang cukup menonjol dari Mac•QuickDraw•Finder•Safari•ColorSync

•Powerful Hardware [ Survey PC Magazine 2006 ]

Page 5: Ragam Dialog Human Computer Interaction
Page 6: Ragam Dialog Human Computer Interaction

Sistem operasi Linux “Ubuntu”Sistem operasi linux berbasis debian, penggunaan nama ubuntu diambil dari bahasa kuno afrika yang berarti “aku adalah aku karena keberadaan kita semua”.Sistem operasi ini mendapatkan dukungan baik yang berasal dari komunitas maupun IT professional.Beberapa variant dari Ubuntu :•Kubuntu Ubuntu yang menggunakan KDE•Edubuntu Ubuntu yang ditujukan untuk institusi pendidikan berbasis GNOME•Xubuntu Ubuntu yang menggunakan logo tikus berlari, berbasis Xfcs interface•Crunchbang Ubuntu versi ringan dengan Openbox-window manager serta apliksi GTK+ yang lengkap. Dirancang untuk keseimbangan dan fungsi yang baik.•Linux Mint Ubuntu berbasis KDE ditujukan untuk linux newbie.•Super Ubuntu ditujukan untuk user yang tidak ingin repot dengan langkah-langkah update dan koneksi internet yang sangat terbatas.•Ubuntu Ultimate Ubuntu versi sangat lengkap, dan memberikan kesan “Sangar” atau IT professional.•nUbuntu Ubuntu yang ditujukan untuk user yang terbiasa dengan jaringan dan terfokus pada keamanan jaringan ( Network administrator ).•OpenGEU Ubuntu berbasis GNOME dan Enlightenment sebagai window manager•UbuntuME Ubuntu versi Muslim Edition•UbuntuCE Ubuntu versi Christian Edition

Page 7: Ragam Dialog Human Computer Interaction

•Ubuntu Satanic Edition Bagi user yang hobby horror•Ubuntu Studio ditujukan bagi user yang hobby multimedia, features multimedia editor sangat lengkap•BlankOn Ubuntu yang dihasilkan oleh yayasan penggerak linux indonesia. Ditujukan untuk user di indonesia•Dewalinux ditujukan bagi user newbie, tapi memiliki motivasi tinggi untuk mendalami arsitektur linux. Interface disajikan menyerupai windows vista “Vista looks “•Goubuntu masih dalam tahap pengembangan•Ubuntu Mobile ditujukan untuk mobile•AbulEDU berbasis Debian/knoppix, ditujukan untuk institusi pendidikan di perancis•CAELinux ditujukan untuk user CAD geometry dan 3D FE analysis.•Dan masih banyak distro lainnya..

Page 8: Ragam Dialog Human Computer Interaction

CrunchbangLinux Mint

Page 9: Ragam Dialog Human Computer Interaction

Ubuntu Mobile

Page 10: Ragam Dialog Human Computer Interaction

Sistem operasi Unix “FreeBSD”

Merupakan sistem operasi berbasis UNIX sejak 1970, memiliki tingkat inisiatif yang unik sebagai sistem operasi server dengan kompleksitas yang tinggi.Kompatible dengan berbagai arsitektur mesin : Intel X86, digital alpha, SPARC 64bit, PowerPC, dan AMD64 memberikan nilai efisiensi tersendiri bagi UNIX.Berdasarkan segment market user yang menggunakan FreeBSD adalah Internet Provider, Research, Education, Software Development, Data Center.Sistem Operasi MAC merupakan turunan dari FreeBSD.Fokus utama dari FreeBSD terhadap interaksi user adalah berbasis CLI [ Command Line Interface ], penggunaan GUI hanya bersifat optional bagi user.

Beberapa variant dari BSD family adalah :•OpenBSD : Terfokus pada sisi keamanan jaringan dan cocok untuk user yang terbiasa dengan jaringan ( network administrator ). Atas dasar inisiatif ini, OpenBSD diperhitungkan dalam jajaran sistem operasi secure.•NetBSD : Terfokus pada portabilitas yang tinggi. Mendukung hingga 58 platform hardware yang sangat lengkap.•FreeBSD : Hanya tersedia untuk platform hardware Intel, Alpha, ARM, MIPS, SPARC, PowerPC, XBOX, Playstation, dan Sega.

Page 11: Ragam Dialog Human Computer Interaction
Page 12: Ragam Dialog Human Computer Interaction

Macintosh

Windows

Page 13: Ragam Dialog Human Computer Interaction

Macintosh

Windows

Page 14: Ragam Dialog Human Computer Interaction

InisiatifSifat dasar dari sembarang dialog, yang akan menentukan keseluruhan ragam komunikasi sehingga dapat ditentukan tipe-tipe pengguna yang dituju oleh sistem yang dibangun.Analisa inisiatif dari :Windows : Inisiatifnya terbatas pada kalangan terbatas ( microsoft ). Contoh : instruksi “del *.*” masih berlaku untuk berbagai produk microsoft, tetapi tidak bagi linux. Untuk instruksi seperti networking command bersifat umum / standar.Macintosh : Fokus design terarah kepada user kalangan design grafik dan user multimedia. Meminimalkan instruksi yang bersifat typing, instruksi perintahnya merupakan instruksi di linux ( karena UNIX ).Linux / Ubuntu : Pengguna diberikan kebebasan untuk menggunakan menu-menu pada GUI maupun melalui instruksi yang bersifat typing, ada beberapa distro yang menerapkan instruksi yang sama seperti instruksi pada sistem operasi windows (del *.*)FreeBSD : Didesign untuk kalangan user IT Professional, instruksi yang diutamakan adalah instruksi yang bersifat typing. Instruksi perintahnya merupakan instruksi UNIX.

Page 15: Ragam Dialog Human Computer Interaction

Keluwesan & KompleksitasKeluwesan membuat system mempunyai kemampuan untuk mencapai suatu tujuan lewat sejumlah cara yang berbeda, tidak hanya sekedar menyediakan sejumlah perintah – perintah yang memberikan hasil yang sama tetapi juga mencapai hasil yang sama melalui kolaborasi antar sistem operasi.Kompleksitas seringkali berlawanan dengan keluwesan. Semakin luwes maka semakin rendah tingkat kompleksitasnya.

Analisa keluwesan & kompleksitas dari :Windows : Tingkat keluwesan terbatas hanya untuk produk microsoft. Kecuali didukung aplikasi third party sebagai jembatan penghubung antar sistem operasi yang lain. Keluwesan bagi user dalam mengoperasikan dan memahaminya bersifat moderat / medium., karena instruksi yang diutamakan adalah melalui menu – menu.Tingkat kompleksitas bersifat Low / rendah dengan penggunaan natural language dan preview yang mudah dipahami user meskipun harus dengan aturan tertentu.Macintosh : Tingkat keluwesannya fleksibile dan high karena instruksinya hanya melalui GUI. Tingkat kompleksitas bersifat rendah karena menggunakan UI ( user interface ) yang mudah dipahami dalam format common dialog ( bahasa alamiah ).Linux / Ubuntu : Tingkat keluwesan bersifat High / tinggi untuk kalangan user tertentu ( IT professional ), tetapi bagi common user ( user umum ) keluwesan menjadi rendah karena adanya istilah-istilah yang belum dipahami oleh pengguna.Tingkat kompleksitasnya bersifat High untuk kalangan user tertentu (IT professional)FreeBSD : Tingkat keluwesan bersifat rendah / low & kompleksitas bersifat high.

Page 16: Ragam Dialog Human Computer Interaction

Kekuatan, Beban Informasi & Konsistensi

Umpan Balik, Observabilitas

Page 17: Ragam Dialog Human Computer Interaction

Kontrolabilitas, efisiensi & keseimbangan

Page 18: Ragam Dialog Human Computer Interaction

Openoffice di sistem operasi kubuntu dengan menu “File” yang diklik

Page 19: Ragam Dialog Human Computer Interaction

Microsoft Office 2010 di sistem operasi windows

Page 20: Ragam Dialog Human Computer Interaction

Office word 2010 di sistem operasi windows

Page 21: Ragam Dialog Human Computer Interaction
Page 22: Ragam Dialog Human Computer Interaction
Page 23: Ragam Dialog Human Computer Interaction

Analisa ragam dialog untuk aplikasi pengolah kata

Inisiatif :Word 2010 : instruksi dapat dilakukan melalui berbagai pilihan menu, berbagai pengisian borang. Instruksi juga dapat dipermudah dengan pemodelan preview / tumbnail. Penggunaan shortcut yang standar. Terfokus hanya untuk pengolahan kataOpenoffice 3.2 ( writer ) : sama seperti office 2010.. Instruksi juga dapat dipermudah dengan penerapan bahasa indonesia (terbatas) dan Permodelan preview / tumbnail juga dibatasi. Icon yang digunakan berbeda dengan office 2010. Penggunaan shortcut yang standar.Keluwesan :Word 2010 : Instruksi yang dapat dilakukan dibentuk melalui berbagai pilihan menu, dan menu tersebut dikelompokkan berdasarkan kategori yang bersifat fleksible sesuai yang dinginkan dan diharapkan oleh pengguna. Meskipun ada beberapa menu yang tidak dapat diubah ( sudah menjadi aturan baku seperti menu pada innactive tab termasuk modifikasi shortcut keyboard)Openoffice 3.2 ( writer ) : Hampir sama dengan word 2010, tetapi pilihan menunya dapat di-customise lebih terperinci, seperti memodifikasi shortcut keyboard. Keluwesan berdasarkan sistem operasi yang kompatibel liat di tabel

Page 24: Ragam Dialog Human Computer Interaction

Kompleksitas :Word 2010 : kompleksitas menjadi low / rendah dengan penerapan ortogonalitas yang memudahkan pengguna dalam pengoperasian yang disajikan dalam menu – menu yang sudah dikategorikan.Openoffice 3.2 ( writer ) : sama seperti office 2010.Kekuatan :Word 2010 dan openoffice 3.2 ( writer ) : mampu mengolah kata menjadi suatu dokumen file digital sesuai dengan fungsinya dan mencetaknya menjadi dokumen paper.Beban Informasi :Word 2010 dan openoffice 3.2 ( writer ) : user friendly dan mudah dipahami oleh pengguna meskipun secara default dalam penyajian informasi bentuk bahasa english.Konsistensi :Word 2010 dan openoffice 3.2 ( writer ) : memiliki tingkat konsistensi yang sama dalam menciptakan mentalitas pengguna khususnya ketika terjadi upgrade versi aplikasi. Hal tersebut tercermin dari tata letak menu dan susunan hirarkhi menu.

Page 25: Ragam Dialog Human Computer Interaction

Analisa ragam dialog untuk aplikasi spreadsheet

Page 26: Ragam Dialog Human Computer Interaction
Page 27: Ragam Dialog Human Computer Interaction

Inisiatif :Excel 2010 dan openoffice ( calc ) : merupakan aplikasi pengolahan perhitungan finansial, instruksi dipermudah dengan berbagai pilihan menu. Untuk instruksi perhitungan dibentuk dengan istilah “formula” bagi pengguna, sedangkan pada sisi aplikasi dipergunakan dengan istilah “function”. Setiap variabel / nilai yang diperlukan untuk perhitungan ditempatkan di dalam “cell”. Pengguna bebas menempatkan aneka ragam tipe nilai / variabel maupun instruksi yang kompleks di dalam “cell” ( text, alphanumeric, numeric ataupun rumus yang diinginkan selama memenuhi aturan / sintaks yang dimengerti oleh aplikasi ).Keluwesan :Excel 2010 dan openoffice ( calc ) : sebagai aplikasi pengolahan perhitungan, aplikasi ini harus memiliki tingkat keluwesan yang tinggi untuk memungkinkan pengguna melakukan customize menu – menu sesuai keinginan pengguna maupun customize ketika terjadi kesalahan dalam melakukan rumus perhitungan dan memberikan kemudahan bagi pengguna untuk memperbaiki kesalahan.Selain itu aplikasi ini memiliki keluwesan dalam hal menyajikan hasil operasi komputerisasi dalam bentuk gambar ( chart ) yang mudah dipahami oleh pengguna

Analisa ragam dialog untuk aplikasi pengolah spreadsheet

Page 28: Ragam Dialog Human Computer Interaction

Contoh keluwesan dari aplikasi pengolahan spreadsheet.

Page 29: Ragam Dialog Human Computer Interaction

Kompleksitas :Excel 2010 dan openoffice ( calc ) : tingkat kompleksitas dari aplikasi ini termasuk low / rendah bagi pengguna karena aplikasi ini berusaha mengurangi antarmuka yang tidak diperlukan ( alias yang merepotkan bagi pengguna ) dengan cara menerapkan berbagai teknik yang dapat dipahami oleh pengguna.** Untuk aplikasi Excel, aplikasi ini menggunakan teknik panduan ( memandu pengguna ), sehingga pengguna merasa terbebaskan dari perasaan “susah dalam mengoperasikan”.** Untuk aplikasi openoffice ( calc ), aplikasi ini menggunakan teknik informasi ( menggantinya dengan status / keterangan ). Meskipun teknik ini menuntut proaktif dari pengguna untuk mempelajari / memahami syntax lebih luas, teknik ini tetap membantu pengguna untuk mengetahui kesalahannya dan memandu pengguna secara tidak langsung ( contoh statusnya : Err = 509, dimana Err merupakan singkatan dari error, dan kode 509 merupakan kode kesalahan yang terjadi ).

Contoh teknik menghindarkan tingkat kompleksitas tinggi Slide berikutnya

Page 30: Ragam Dialog Human Computer Interaction

Openoffice Calc

Page 31: Ragam Dialog Human Computer Interaction

Kekuatan :Excel 2010 dan openoffice ( calc ) : memiliki tingkat kekuatan bersifat fleksible . Tinggi ( high ). Kemampuan aplikasi dalam mengenal tipe nilai / tipe atribute pada setiap cell yang diberikan pengguna dapat dikombinasikan antara operasi perhitungan komputer dengan keinginan pengguna. Misalnya : suatu nilai / atribute yang diberikan oleh pengguna merupakan tipe text, maka operasi perhitungan yang dapat dilakukan oleh komputer yaitu searching atau penyamaan nilai tersebut. Contoh :

Maka hasilnya adalah

Maka hasilnya adalah

Openoffice ( calc )

Page 32: Ragam Dialog Human Computer Interaction

Beban Informasi :Excel 2010 dan openoffice ( calc ) : penyajian informasi yang dapat dilakukan oleh aplikasi ini termasuk tinggi ( user friendly dalam bahasa alamiah ) yang dapat dipahami pengguna. Penyajian informasi ini tidak hanya dalam tampilan menu saja melainkan penyajian informasi yang lebih luas ( informasi error / mistake function ).

Pada openoffice ( calc ) untuk operasi komputerisasi yang lebih specifik terkadang dilakukan teknik bypass dan langsung memberikan nilai 0. teknik penyajian informasi seperti ini terkadang membingungkan pengguna / menciptakan “mistake” pengguna.

Openoffice ( calc ) Excel 2010

Page 33: Ragam Dialog Human Computer Interaction

Konsistensi :Excel 2010 dan openoffice ( calc ) : memiliki konsistensi yang tinggi ( high ). Hal ini tercermin dengan List yang terdapat pada menu dan mengacu kepada versi sebelumnya ( sebelum versi terakhir ). Konsistensi ini juga diusahakan tetap terjaga meskipun di-implementasikan pada sistem operasi yang berbeda.

Excel 2007 Excel 2010 Excel pada sistem operasi macintosh

Page 34: Ragam Dialog Human Computer Interaction

Umpan Balik :Excel 2010 dan openoffice ( calc ) : tingkat feedback / umpan balik dari aplikasi ini relatif cepat dan memberikan progress penyelesaian proses kepada pengguna sehingga pengguna tidak merasa komputer sedang hang dan aplikasi tidak melakukan hasil apa-apa ( hasilnya sesuai yang diharapkan pengguna ) tanpa terkecuali proses ketika save maupun open suatu file excel. Implementasi dari umpan balik ( feedback ) dari aplikasi ini dapat dilihat dari adanya progress bar yang bersifat animasi.Observabilitas : Excel 2010 dan openoffice ( calc ) : penerapan icon – icon dan berbagai menu yang dapat digunakan oleh pengguna membantu pengguna untuk mencapai hasil yang diinginkan secara sederhana meskpun untuk melakukan hasil yang diinginkan pengguna secara teknik komputerisasi sangatlah rumit.

Page 35: Ragam Dialog Human Computer Interaction

Kontrolabilitas :Excel 2010 dan openoffice ( calc ) : aplikasi ini juga menyediakan sarana bagi pengguna untuk melakukan pengendalian untuk mencapai hasil yang di-inginkan. Efisiensi : Excel 2010 dan openoffice ( calc ) : untuk mencapai tingkat efisiensi yang relatif sederhana dan mudah dipahami oleh pengguna yang relatif awam terhadap aplikasi ini, maka penerapan dalam menu – menu seringkali digunakan permodelan preview / tumbnail yang merupakan representative dari hasil yang akan ditampilkan oleh aplikasi.

Efisiensi

Page 36: Ragam Dialog Human Computer Interaction

Analisa ragam dialog untuk aplikasi pengolah grafis

Page 37: Ragam Dialog Human Computer Interaction

Inisiatif :Paint 7 : Aplikasi pengolahan grafis dimana terjadi perubahan pada tampilan UI ( user interface ) dengan mengadopsi UI office. Tingkat inisiatifnya yaitu berusaha untuk menseragamkan UI office ( word atau excel dsb ), dan untuk memberikan nilai tambah pada produk sistem operasi windows. Paint 7 merupakan suatu paket bawaan dari windows 7.Keluwesan :Paint 7: Instruksi yang dapat dilakukan dibentuk melalui berbagai pilihan menu, dan bentuk – bentuk cursor ( pensil, brush, line tool dsb ). Penerapan bentuk cursor ini meningkatkan tingkat keluwesan yang relatif tinggi bagi pengguna, sehingga melalui pemodelan bentuk cursor yang ada, mewakili fungsi yang dapat dilakukan oleh aplikasi. Sehingga melalui pemilihan menu, dan berubahnya bentuk cursor, pengguna dapat dengan mudah mengetahui kegunaan dari fungsi yang dipilihnya. Misalnya : pengguna memilih pencil, ketika kursor berada di media kanvas maka kursor akan berubah manjadi pencil, sehingga pengguna dapat memahami fungsi dari menu pencil beserta area mana fungsi tersebut dapat digunakan.Kompleksitas : Paint 7 : aplikasi pengolahan grafis ini memiliki tingkat kompleksitas yang rendah / low baik dari sisi pengguna maupun dari sisi features. Hal ini tercermin dengan penerapan GUI, bentuk-bentuk cursor yang memudahkan pengguna dalam memahami fungsi dari suatu objek dari aplikasi ini. Secara features, aplikasi ini tergolong sederhana jika dibandingkan dengan aplikasi pengolahan grafis yang sejenisnya ( photoshop, corel dsb ).

Page 38: Ragam Dialog Human Computer Interaction
Page 39: Ragam Dialog Human Computer Interaction

Kekuatan :Paint 7 : Aplikasi pengolahan grafis memiliki kekuatan dalam mengedit, mengolah suatu gambar dalam single mode / 1 layer.Beban Informasi :Paint 7: penyajian informasi dalam berinteraksi dengan pengguna disajikan dalam bahasa alamiah ( natural language ), tumbnail / preview, dan tooltip.Konsistensi : Paint 7 : perubahan significan pada UI ribbon windows paint 7, mencerminkan tingkat konsistensi yang tinggi yang ingin diraih oleh microsoft untuk menyeragamkan dialog / menu-menu UI dengan office lainnya ( word, excel, dsb ).

Page 40: Ragam Dialog Human Computer Interaction

Umpan Balik :Paint 7 : Relatif baik, cepat dan tidak membingungkan pengguna. Hal ini tercermin dengan adanya progress bar terhadap setiap perintah yang diberikan pengguna. Baik ditampilkan melalui status bar posisi bawah aplikasi, maupun dalam bentuk animasi dialog.Observabilitas :Paint 7: memiliki tingkat observabilitas yang tinggi dimana bentuk – bentuk menu, icon, kursor menciptakan kesan sederhana dan mudah dipahami oleh pengguna dan ketika terjadi perintah dari pengguna, umpan balik yang dihasilkan langsung ditampilkan. Misalnya ketika memilih suatu tools seperti menu pencil, maka kursor akan berubah menjadi pencil, sehingga pengguna paham bahwa aplikasi ini berfungsi dengan benar sesuai dengan yang diharapkannya.Kontrolabilitas :Paint 7 : aplikasi ini juga menyediakan sarana bagi pengguna dalam melakukan pengendalian. Hal ini tercermin fungsi shortcut “Ctrl z” untuk undo ataupun melalui pilihan yang terdapat pada kotak dialog “Ok / Cancel”.Efisiensi :Paint 7 : tujuan menyertakan paket windows paint 7 didalam sistem operasi windows 7, mencerminkan tingkat efisiensi yang ingin diraih oleh microsoft. Sehingga dengan membeli sistem operasi windows 7, pengguna merasakan nilai efisiensi / penghematan biaya dibandingkan dengan membeli produk sejenis secara terpisah.

Page 41: Ragam Dialog Human Computer Interaction

Keseimbangan :Paint 7 : Aplikasi pengolahan grafis memiliki keseimbangan dalam pengolahan pola gambar, menjadi sarana kreatifitas bagi pengguna, memiliki keseimbangan dalam penyimpanan.

Thank you