Warna dan Semantik

Perincian Nilai Genap2014/2015

dosen.it2011@gmail.com• UAS = 20%• UTS = 15%• Presentasi = 10 %• Absen = 5 %• Softcopy Presentasi =10%• Softcopy Terjemahan = 10%• Penilaian Sejawat = 15 %• Tugas (semantik, LKT, Analisa Warna) = 15%==========================

100%

Yang diamati :1. www.mandiri.co.id2. www.bankagro.co.id3. www.bni.co.id4. www.bii.co.id5. www.bankbri.co.id6. www.danamon.co.id7. www.permata.co.id8. www.bukopin.co.id9. www.bankdki.co.id10. www.bankmestika.co.id11. www.bankwindu.com12. www.yudhabhakti.co.id13. www.bankntb.co.id 14. www.bankmayora.com15. www.lippobank.com16. www.royalbank.co.id17. www.bankbca.co.id18. www.ocbcnisp.com

1. www.kominfo.go.id Yahan Nuryadi R [5]2. www.dephub.go.id Thomas Valerian [7]3. www.bumn.go.id Prasetya Dean R [9]4. www.depkes.go.id Digraha Muslim [21]5. www.kpk.go.id Hilman Kuswana[14] Chapter yg harus di presentasikanChap 1 Manusia5 April 2015Chap 3 InteraksiChap 5 Desain Interaksi Dasar Chap 7 Aturan DesainUTS 26 April 20153 Mei 2015Chap 8 Pendukung ImplementasiChap 9 Teknik EvaluasiChap 12 Model Kognitif17 Mei 2015Chap 14 Model Komunikasi dan KolaborasiChap 21 Hypertext, Multimedia, WWW31 Mei 2015PRESENTASI PENGAMATAM WEB ANDA

Bidang Studi

Analisa LKT aplikasi sesuai tugas Anda masing-masing dengan mengamati:

1. Date & Time2. Font & size3. Macam/jenis Menu4. Macam/jenis navigasi5. Desain Navigasi (Struktur Lokal atau Struktur

Global)6. Jenis content WEB (web statis / web dinamis)7. Merupakan Lineartext, Hypertext, Hypermedia8. Waktu Tanggap9. Layout10. Model kesalahan11. Teknik evaluasi12. Kesimpulan dan saran

TUGAS

Bidang Studi

Analisa ANALISA WARNA aplikasi sesuai tugas Anda masing-masing dengan mengamati:

1. Date & Time2. Warna background3. Warna text4. Layout5. Makna Warna6. Kesimpulan dan saran

TUGAS

Bidang Studi

Analisa SEMANTIK aplikasi sesuai tugas Anda masing-masing dengan mengamati:

1. Range Date & Time2. Penomoran page3. Event/action antar page4. Kesimpulan & Saran

TUGAS

Faktor Faktor ManusiaManusia

Pengamatan pancaindra terdiri dari : - Penglihatan

- Luminans (Luminance) adalah banyaknya cahaya yang dipantulkan oleh permukaan obyek

- Kontras adalah hubungan antara cahaya yang dikeluarkan oleh suatu obyek dan cahaya dari latar belakang obyek tersebut

- Kecerahan adalah tanggapan subyektif pada cahaya- Sudut Penglihatan (visual angle) dan Ketajaman

Penglihatan (visual acuity) adalah sudut yang berhadapan oleh obyek pada mata dan sudut penglihatan minimum ketika mata masih dapat melihat sebuah obyek dengan jelas

npenglihataSudut pengamat mata dariJarak D

obyek Tinggi L: Dimana

2tan120 1

DL

Faktor Faktor ManusiaManusia

Pengamatan pancaindra terdiri dari : - Penglihatan

- Warna - Psikologi warna

Lensa pada mata manusia tidak mempunyai kemampuan untuk mengoreksi warna. Hal ini menimbulkan suatu efek yang disebut dengan Kromostereopsis, yaitu efek yang menyebabkan warna-warna murni pada jarak yang sama terlihat mempunyai jarak yang berbeda. Pada kebanyakan kita manusia, warna merahbiasanya cenderung mempunyai jarak paling dekat, sementara warna biru cenderung mempunyai jarak paling jauh.

Retina manusia terdiri atas banyak sekali rods dan cones yang sensitif terhadap cahaya.Rods bertanggung jawab untuk penglihatan malam dan Conesmerupakan sel-sel yang sangat sensitif terhadap warna

Fotopigmen dalam cones akan menterjemahkan panjang gelombang menjadi sensasi. Sensasinya ditentukan oleh 3 buah fotopigmen – Biru (445nm), Hijau (535nm) dan merah(575nm)

Faktor Faktor ManusiaManusia

Pengamatan pancaindra terdiri dari : - Penglihatan

- Warna - Persepsi (dengan kombinasi warna

yang terbaik)adalah proses pengalaman seseorang dalam menggunakan sensor warnanya.

Berdasarkan persepsi, kita dapat menentukan warna yang kira-kira sesuai untuk menampilkan suatu informasi. Diterima tidaknya layar tampilan warna oleh para user, sangat bergantung kepada bagaimana warna digunakanKombinasi warna terbaik adalah sbb:

Kombinasi Warna BaikLatar

BelakangGaris Tipis dan Teks Garis Tebal dan Teks

Putih Biru (94%), Hitam (63%), Merah (25%)

Hitam (69%), Biru (63%), Merah (31%)

Hitam Putih (75%), Kuning (63%) Kuning (69%), Putih (59%), Hijau (25%)

Merah Kuning (75%), Putih (56%), Hitam (44%)

Hitam (50%), Kuning (44%), Putih (44%), Cyan (31%)

Hijau Hitam (100%), Biru (56%), Merah (25%)

Hitam (69%), Merah (63%), Biru (31%)

Biru Putih (81%), Kuning (50%), Cyan (25%)

Kuning (38%), Magenta (31%), Hitam (31%), Cyan (31%), Putih (25%

Cyan Biru (69%), Hitam (56%), Merah (37%)

Merah (56%), Biru (50%), Hitam (44%), Magenta (25%)

Magenta Hitam (63%), Putih (56%), Biru (44%) Biru (50%), Hitam (44%), Kuning (25%)

Kuning Merah (63%), Biru (63%), Hitam (56%)

Merah (75%), Biru (63%), Hitam (50%)

Faktor ManusiaFaktor Manusia

Kombinasi Warna JelekLatar

BelakangGaris Tipis dan Teks Garis Tebal dan Teks

Putih Kuning (100%), Cyan (94%) Kuning (94%), Cyan (75%)

Hitam Biru (87%), Merah (44%), Magenta (25%)

Biru (81%), Magenta (31%)

Merah Magenta (81%), Biru (44%), Hijau dan Cyan (25%)

Magenta (69%), Biru (50%), Hijau (37%), Cyan (25%)

Hijau Cyan (81%), Magenta (50%), Kuning (37%)

Cyan (81%), Magenta dan Kuning (44%)

Biru Hijau (62%), Merah dan Hitam (37%)

Hijau (44%), Merah dan Hitam (31%)

Cyan Hitam (81%), Kuning (75%), Putih (31%)

Kuning (69%), Hijau (62%), Putih (56%)

Magenta Hijau (75%), Merah (56%), Cyan (44%)

Cyan (81%), Hijau (69%), Merah (44%)

Kuning Putih dan Cyan (81%) Putih (81%), Cyab (56%), Hijau (25%)

Faktor ManusiaFaktor Manusia

Bidang StudiBidang StudiMerupakan program aplikasi yang

memungkinkan user dapat berdialog dengan komputer.

Ada 2 komponen jaringan sematik tampilan, yaitu :

1. Nomor tampilan (lembar kerja)2. Transisi yang menyebabkan perpindahan ke tampilan yang

lainJaring Semantik Tampilan

Bidang StudiBidang StudiLKT (lembar kerja tampilan) terdiri dari : Nomor lembar kerja Tampilan (berisi sketsa

tampilan yang akan muncul di layar)

Navigator (menjelaskan kapan tampilan akan muncul)

Keterangan (penjelasan singkat tentang attribut tampilan) Date & Time saat pengambilan

Peranti Bantu

sederhana

Bidang StudiBidang StudiPeranti Bantu sederhana

Bidang StudiBidang Studi

Jaring Semantik Tampilan

Sematik

ContohContoh

Bidang StudiBidang StudiMacam Navigasi adalah: Klik Double Klik Link Text Iconic Button Highligh Text Map

Peranti Bantu

sederhana

Bidang StudiBidang Studi• Keinginan user agar program

aplikasinya memberikan waktu tanggap yang sependek-pendeknya

• Waktu tanggap > 14 detik merupakan waktu tanggap yang lama

• Waktu tanggap < 2 detik merupakan waktu tanggap yang cukup memadaiWaktu

Tanggap

Bidang StudiBidang StudiAda 2 macam kesalahan, antara lain Kesalahan sintaksis, yaitu kesalahan

pada saat program dikompilasi (compile-time error). Sebelum kesalahan itu dibetulkan, program tidak akan dapat dioperasikan.

Kesalahan logika, yaitu kesalahan pada saat program sedang dijalankan (run-time error). Kesalahanini akan mengakibatkan terhentinya eksekusi program secara abnormal. Penyebabnya adalah dari user atau pada saat proses program aplikasi di eksekusi

Penanganan

Kesalahan

Menu• Pengguna dapat melihat monitor

dan menggoperasikannya menggunakan mouse/angka / alpabetic keys

• Menu terbagi menjadi 3 bagian :– Menu Pulldown– Menu Bar– Pop-Up Menu

• Hanya sebagian dari sistem WIMP

• Pada bagian ini kita akan mempertimbangkan dua macam isu utama:–Struktur lokal

melihat dari satu tampilan atau halaman luar

–Struktur Globalstruktur dari lokasi, bergerak diantara layar

Desain Desain NavigasiNavigasi