Tugas Mata Kuliah

Interaksi Manusia Dan Komputer

Dosen : Mira Kania Sabariah, ST, MT.

Analisa Situs Pembelajaran Online www.w3schools.com menurut 16 prinsip umum perancangan User Interface

Disusun Oleh : 10106363 Christian Satria katili 10106365 Leonardi Paris Hasugian 10106354 Irwan Saputra 10106338 Febi Anggara 10106343 Padang Adiguna 10106373 Dewi Elya Eliana

UNIVERSITAS KOMPUTER INDONESIA JURUSAN TEKNIK INFORMATIKA 2009

Gambar Halaman Utama W3Schools.com

Tugas Interaksi Manusia dan Komputer | hal. 1

Pengantar
Paper ini ditulis sebagai salah satu Tugas mata Kuliah Interaksi Manusia Dan Komputer dengan tujuan membuat mahasiswa lebih memahami tentang alasan pentingnya membuat User Interface (UI) yang baik dengan berdasarkan 16 prinsip umum Perancangan User Interface.

Definisi
Manusia VS Komputer Manusia Fleksibel, adaptable, bisa belajar sendiri dan menyesuaikan diri dengan suatu kondisi. Komputer Tidak Fleksibel, Tidak mampu beradaptasi, Tidak dapat belajar sendiri. (Harus ada input dengan format yang di mengerti atau telah di program sebelumnya) Tidak bisa di desain ulang. Dalam artian telah diciptakan dengan fisik seperti itu sejak lahir. Dengan melihat kedua karakteristik di atas, kita bisa merepresentasikan antar-muka (interface) antara manusia dan komputer, sehingga bisa saling berkomunikasi.
Read-Scan

Bisa di desain ulang. Atau di ciptakan dengan teknologi yang lebih maju.

Respon Think

HUMAN

INTER FACE

COMPUTER Think
Respon

Read-Scan

Irisan antara kedua sub-sistem tersebut adalah perangkat antarmuka yang menghubungkan Manusia dan komputer sehingga bisa saling berkomunikasi satu sama lain.

Tugas Interaksi Manusia dan Komputer | hal. 2

Apa itu 16 Prinsip Umum Perancangan User Interface ?

1. User Compatibility 2. Product Compatibility 3. Task Compatibility 4. Work Flow Compatibility 5. Consistency 6. Familiarity 7. Simplicity 8. Direct Manipulation 9. Control 10. WYSIWYG (What You See Is What You Get) 11. Flexibility 12. Responsiveness 13. Invisible Technology 14. Robustness 15. Protection 16. Ease of Learning & Ease of Use

Sekilas Tentang
W3Schools.com adalah situs Tutorial Web Online yang bersifat gratis, yaitu situs yang semua isinya seputar Web Programming. Di dalamnya banyak sekali tutorial, resources dan contoh-contoh studi kasus. Juga dalam banyak sekali bahasa pemorgraman seperti AJAX, ASP, PHP, XML, ADO, JavaScript, Flash ActionScript, SVG, dan Pemahaman dasar HTML. Dalam situs ini juga kita bisa belajar dengan bertahap (step by step) secara Online sesuai dengan bahasa apa yang ingin kita pelajari. Misalnya kita memilih kategori PHP, maka kita akan dihadapkan pertama kali dengan Bagaimana memulai Pemrograman PHP? Kemudian kita bisa meng-klik next untuk ke tutorial selanjutnya. Jika kita menghadapi masalah atau memiliki pertanyaan kita bisa bertanya di Forum yang disediakan.

Mari kita kaji Situs ini berdasarkan 16 Prinsip umum Perancangan UI yang telah disebutkan sebelumnya
#1 User Compatibility
Situs ini hanya disediakan dalam berbahasa Inggris saja, dan tidak disediakan dalam bahasa-bahasa lain. Developer Web ini mungkin berusaha untuk meng-generalisasi semua pengguna dengan menganggap semua pengguna situs tersebut bisa berbahasa Inggris. Tapi disisi lain, Situs ini sangat kompatibel dengan level user. Misalnya jika kita ingin mempelajari yang harus AJAX. kita Sistem penuhi ini untuk akan bisa memberitahu syarat bahasa pemrograman mempelajari AJAX. Kemudian apabila kita belum menguasai syarat yg di tentukan, Sistem akan merekomendasikan kita link yang merujuk pada bahasa pemrograman yang harus kita pelajari terlebih dahulu.
Tugas Interaksi Manusia dan Komputer | hal. 3

#2 Task Compatibility
Sesuai dengan tugasnya online, sebagai ini situs telah pembelajaran Situs

#8 Direct Manipulation

memenuhi prinsip umum ini.

#3 Product Compatibility
Tiap materi pembelajaran di situs ini di bagi menjadi tahap Basic dan tahap Advanced.

#4 Work Flow Compatibility

Menurut kami, Situs tersebut telah memenuhi prinsip ini. Sebab Suatu pembelajaran biasanya dimulai dengan Pemberian Materi, Praktek, Quiz, kemudian ke tahap materi selanjutnya. Sama halnya dengan skema pada situs W3Schools tersebut. Hingga terakhir ada ujian untuk sertifikasi dengan dikenakan biaya pendaftaran.

Website

ini

mendukung

fungsi

direct

manipulation, hal ini terbukti dengan adanya fitur latihan yang bisa langsung di uji oleh user untuk mencoba sourcecode yang ada pada tutorial didalam website tersebut.

#9 Control
Dalam hal control w3schools ini, fitur web tidak menampilkan adanya pernyataan yang tidak di butuhkan, artinya user bebas menentukan link apa saja yang akan di aksesnya, dalam arti user dapat dengan bebas berinteraksi dengan website tanpa di merasa dikontrol oleh mesin.

#5 Consistency
Menurut kami situs ini sudah memenuhi prinsip ini, karena ada keseragaman dan kesamaan fungsi dari tiap-tiap objek yang sama.

#10 WYSIWYG #6 Familiarity

Web ini terlihat familiar karena menggunakan fitur-fitur HTML yang banyak di gunakan dan dikenal banyak orang. Antara tampilan website dengan hasil output saling berkorespondensi. Korespodensi yang di maksud tidak hanya terbatas pada hasil output yang berupa printting, tapi juga tampilan web yang di ambil dapat di view/

#7 Simplicity
Menurut kami situs ini sudah memenuhi prinsip ini.

diinformasikan kembali melalui software pembangun website. Salah satu contohnya : macromedia Dreamweaver.

Tugas Interaksi Manusia dan Komputer | hal. 2

#11 Flexibility
Situs ini mendukung semua jenis control seperti keyboard, pen tool, trackball, mouse, serta control lainnya yang berbasis pointer. Situs ini juga di akses melalui piranti mobile seperti handphone walaupun masih terbatas hanya pada handphone yang mendukung format HTML.

#15 Protection
Situs ini tidak member fitur untuk menyimpan data yang kita pakai untuk latihan, jadi ketika kita menguji sebuah source code pada fitur code editor, kita harus menyimpannya dengan cara manual (copypaste ke notepad) . Dan karena tidak adanya fitur penyimpanan, jadi ketika user menghapus source code yg di ketikkannya, secara sengaja atau tidak, tidak aka nada fitur perlindungan kesalahan user yang

#12 Responsiveness
Website ini web . merespon segala inputan dari user, terbatas pada halaman latihan tutorial

menghandle hal ini. Tapi untungya fungsi ctrl+Z (Undo) yang bisa memundurkan aksi yang telah dilakukan, walaupun terbatas dalam jumlah aksi yg bisa

#13 Invisible Technology

Website ini sudah mendukung prinsif invisible technology itu sendiri, karena pada web ini tidak ditampilkan detail teknis sebagai mana sistem di implementasikan

di undo.

#16 Ease Of Learning & Ease of Use

Website ini mudah dioperasikan bagi user mulai dari tingkat novice sampai expert. Hal ini dilihat dari tampilan website dan menu-

#14 Robustness
www.w3schools.com layanan error). (petunjuk) tidak dalam memberikan menangani

menu yang terstruktur. Dengan struktur yang tersusun rapi, situs ini sangat mudah untuk di pahami dan dipelajari.

kesalahan yang dibuat oleh user (Human

Tugas Interaksi Manusia dan Komputer | hal. 3

KESIMPULAN
Dari ke 16 prinsip-prinsip yang telah dibahas di atas, kelompok kami menarik beberapa kesimpulan mengenai situs pembelajaran web online ini. a. Kelebihan Website ini sangat lengkap, dan bisa di jadikan salah satu pilihan jika kita ingin mempelajari bahasa pemrograman secara Online, juga dilengkapi dengan banyak sekali contoh-contoh source code, sehingga membantu user dari level novice hingga advanced untuk mengerti materi yang di sajikan.

b. Kekurangan Situs ini tidak memiliki manajemen user untuk bagian pembelajarannya, walaupun di bagian Forumnya ada. Kami belum mengerti maksud pihak developer dengan hal tersebut, tetapi karena tidak adanya manajemen user, sehingga user tidak mengetahui di level mana dia berada dan tidak ada fasilitas untuk menyimpan progress yang telah kita lewati, ada bagusnya jika dibuatkan sistem Experience Gained untuk setiap user. Jadi tiap user akan mendapatkan Exp jika berhasil menyelesaikan satu level materi.

About Us
Christian Satria Katili | 10106363 | chrizluvmusic@gmail.com Febi Anggara | 10106338 | copiscaem@yahoo.co.id Padang Adiguna | 10106343 | babypad@yahoo.com Irwan Saputra | 10106354 | myirwan86@gmail.com Dewi Elya Elyana | 10106373 | elyana.dewi88@gmail.com Leondardi Paris Hasugian | 10106365 | leyo_037@yahoo.com

Tugas Interaksi Manusia dan Komputer | hal. 2