Anda di halaman 1dari 7

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 Komputer
- Fleksibel, adaptable, bisa belajar - Tidak Fleksibel, Tidak mampu
sendiri dan menyesuaikan diri dengan beradaptasi, Tidak dapat belajar
suatu kondisi. sendiri. (Harus ada input dengan
format yang di mengerti atau telah di
program sebelumnya)
- Tidak bisa di desain ulang. Dalam artian - Bisa di desain ulang. Atau di ciptakan
telah diciptakan dengan fisik seperti itu dengan teknologi yang lebih maju.
sejak lahir.
Dengan melihat kedua karakteristik di atas, kita bisa merepresentasikan antar-muka (interface)
antara manusia dan komputer, sehingga bisa saling berkomunikasi.

Read-Scan
Respon

Think HUMAN INTER COMPUTER Think


FACE
Read-Scan Respon

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 9. Control
2. Product Compatibility 10. WYSIWYG (What You See Is What You Get)
3. Task Compatibility 11. Flexibility
4. Work Flow Compatibility 12. Responsiveness
5. Consistency 13. Invisible Technology
6. Familiarity 14. Robustness
7. Simplicity 15. Protection
8. Direct Manipulation 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 Tapi disisi lain, Situs ini sangat kompatibel


Situs ini hanya disediakan dalam berbahasa dengan level user. Misalnya jika kita ingin
Inggris saja, dan tidak disediakan dalam mempelajari AJAX. Sistem ini akan
bahasa-bahasa lain. Developer Web ini memberitahu syarat bahasa pemrograman
mungkin berusaha untuk meng-generalisasi yang harus kita penuhi untuk bisa
semua pengguna dengan menganggap semua mempelajari AJAX. Kemudian apabila kita
pengguna situs tersebut bisa berbahasa belum menguasai syarat yg di tentukan,
Inggris. 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 #8 Direct Manipulation
Sesuai dengan tugasnya sebagai situs
pembelajaran online, Situs ini telah
memenuhi prinsip umum ini.

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

Website ini mendukung fungsi direct


#4 Work Flow Compatibility
manipulation, hal ini terbukti dengan adanya
Menurut kami, Situs tersebut telah memenuhi
fitur latihan yang bisa langsung di uji oleh
prinsip ini. Sebab Suatu pembelajaran
user untuk mencoba sourcecode yang ada
biasanya dimulai dengan Pemberian Materi,
pada tutorial didalam website tersebut.
Praktek, Quiz, kemudian ke tahap materi
selanjutnya. Sama halnya dengan skema pada
situs W3Schools tersebut. Hingga terakhir #9 Control
ada ujian untuk sertifikasi dengan dikenakan Dalam hal control w3schools ini, fitur web
biaya pendaftaran. tidak menampilkan adanya pernyataan yang
tidak di butuhkan, artinya user bebas

#5 Consistency menentukan link apa saja yang akan di


aksesnya, dalam arti user dapat dengan bebas
Menurut kami situs ini sudah memenuhi
berinteraksi dengan website tanpa di merasa
prinsip ini, karena ada keseragaman dan
dikontrol oleh mesin.
kesamaan fungsi dari tiap-tiap objek yang
sama.
#10 WYSIWYG
#6 Familiarity Antara tampilan website dengan hasil output
saling berkorespondensi. Korespodensi yang
Web ini terlihat familiar karena
di maksud tidak hanya terbatas pada hasil
menggunakan fitur-fitur HTML yang banyak
output yang berupa printting, tapi juga
di gunakan dan dikenal banyak orang.
tampilan web yang di ambil dapat di view/
diinformasikan kembali melalui software
#7 Simplicity
pembangun website. Salah satu contohnya :
Menurut kami situs ini sudah memenuhi
macromedia Dreamweaver.
prinsip ini.

Tugas Interaksi Manusia dan Komputer | hal. 2


#11 Flexibility #15 Protection
Situs ini mendukung semua jenis control Situs ini tidak member fitur untuk
seperti keyboard, pen tool, trackball, mouse, menyimpan data yang kita pakai untuk
serta control lainnya yang berbasis pointer. latihan, jadi ketika kita menguji sebuah source
code pada fitur code editor, kita harus
Situs ini juga di akses melalui piranti mobile menyimpannya dengan cara manual (copy-
seperti handphone walaupun masih terbatas paste ke notepad) . Dan karena tidak adanya
hanya pada handphone yang mendukung fitur penyimpanan, jadi ketika user
format HTML. menghapus source code yg di ketikkannya,
secara sengaja atau tidak, tidak aka nada fitur
#12 Responsiveness perlindungan kesalahan user yang
Website ini merespon segala inputan dari menghandle hal ini.
user, terbatas pada halaman latihan tutorial
web . Tapi untungya fungsi ctrl+Z (Undo) yang bisa
memundurkan aksi yang telah dilakukan,
#13 Invisible Technology walaupun terbatas dalam jumlah aksi yg bisa
Website ini sudah mendukung prinsif di undo.
invisible technology itu sendiri, karena pada
web ini tidak ditampilkan detail teknis #16 Ease Of Learning & Ease of Use
sebagai mana sistem di implementasikan Website ini mudah dioperasikan bagi user
mulai dari tingkat novice sampai expert. Hal
#14 Robustness ini dilihat dari tampilan website dan menu-
www.w3schools.com tidak memberikan menu yang terstruktur.
layanan (petunjuk) dalam menangani Dengan struktur yang tersusun rapi, situs ini
kesalahan yang dibuat oleh user (Human sangat mudah untuk di pahami dan dipelajari.
error).

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