Warna dan Semantik
Perincian Nilai Genap 2014/2015 UAS = 20%
[email protected]
• • UTS = 15% • Presentasi = 10 % • Absen =5% • Softcopy Presentasi =10% • Softcopy Terjemahan = 10% • Penilaian Sejawat = 15 % • Tugas (semantik, LKT, Analisa Warna) = 15% ========================== 100%
Yang diamati : www.kominfo.go.id Yahan Nuryadi R [5] 1.
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.
www.mandiri.co.id www.bankagro.co.id www.bni.co.id www.bii.co.id www.bankbri.co.id www.danamon.co.id www.permata.co.id www.bukopin.co.id www.bankdki.co.id www.bankmestika.co.id www.bankwindu.com www.yudhabhakti.co.id www.bankntb.co.id www.bankmayora.com www.lippobank.com www.royalbank.co.id www.bankbca.co.id www.ocbcnisp.com
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 presentasikan Chap 1 Manusia 5 April 2015 Chap 3 Interaksi Chap 5 Desain Interaksi Dasar Chap 7 Aturan Desain UTS 26 April 2015 3 Mei 2015 Chap 8 Pendukung Implementasi Chap 9 Teknik Evaluasi Chap 12 Model Kognitif 17 Mei 2015 Chap 14 Model Komunikasi dan Kolaborasi Chap 21 Hypertext, Multimedia, WWW 31 Mei 2015 PRESENTASI PENGAMATAM WEB ANDA 2.
Bidang Studi
TUGAS
Analisa LKT aplikasi sesuai tugas Anda masing-masing dengan mengamati: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.
Date & Time Font & size Macam/jenis Menu Macam/jenis navigasi Desain Navigasi (Struktur Lokal atau Struktur Global) Jenis content WEB (web statis / web dinamis) Merupakan Lineartext, Hypertext, Hypermedia Waktu Tanggap Layout Model kesalahan Teknik evaluasi Kesimpulan dan saran
Bidang Studi
TUGAS
Analisa ANALISA WARNA aplikasi sesuai tugas Anda masing-masing dengan mengamati: 1. 2. 3. 4. 5. 6.
Date & Time Warna background Warna text Layout Makna Warna Kesimpulan dan saran
Bidang Studi
TUGAS
Analisa SEMANTIK aplikasi sesuai tugas Anda masingmasing dengan mengamati: 1. 2. 3. 4.
Range Date & Time Penomoran page Event/action antar page Kesimpulan & Saran
Faktor Manusia
Pengamatan pancaindra terdiri dari : - Penglihatan - Luminans (Luminance) adalah banyaknya cahaya yang dipantulkan oleh permukaan obyek - Kontras adalah hubungan antara cahaya yang dikeluarkan L oleh suatu obyek dan cahaya dari latar belakang obyek 120 tan 2D tersebut Dimana : L Tinggi obyek - Kecerahan adalah tanggapan subyektif pada cahaya D Jarak dari mata pengamat - Sudut Penglihatan (visual angle) dan SudutKetajaman penglihata n Penglihatan (visual acuity) adalah sudut yang berhadapan oleh obyek pada mata dan sudut penglihatan minimum ketika mata masih dapat melihat sebuah obyek dengan jelas 1
Faktor Manusia
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 warnawarna murni pada jarak yang sama terlihat mempunyai jarak yang berbeda. Pada kebanyakan kita manusia, warna merah biasanya 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 Cones merupakan 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 Manusia
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 digunakan Kombinasi warna terbaik adalah sbb:
Faktor Manusia Latar Belakang
Kombinasi Warna Baik Garis 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%)
Kombinasi Warna Jelek
Faktor Manusia Latar Belakang
Garis 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%)
Bidang Studi
Merupakan program aplikasi yang memungkinkan user dapat berdialog dengan komputer. Ada 2 komponen jaringan sematik tampilan, yaitu :
Jaring Semantik Tampilan
1. 2.
Nomor tampilan (lembar kerja) Transisi yang menyebabkan perpindahan ke tampilan yang lain
Bidang Studi
Peranti Bantu sederhana
LKT (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
Bidang StudiPeranti
Bantu sederhana
Bidang Studi
Jaring Semantik Tampilan
Sematik
Contoh
Bidang Studi
Peranti Bantu sederhana
Macam Navigasi adalah:
Klik Double Klik Link Text Iconic Button Highligh Text Map
• Keinginan user agar program Bidang Studi aplikasinya memberikan waktu tanggap yang sependek-pendeknya • Waktu tanggap > 14 detik merupakan waktu tanggap yang lama • Waktu tanggap < 2 detik merupakan Waktu waktu tanggap yang cukup memadai
Tanggap
Bidang Studi
Penangan an Kesalahan
Ada 2 macam kesalahan, antara lain Kesalahan sintaksis, yaitu kesalahan pada saat program dikompilasi (compiletime error). Sebelum kesalahan itu dibetulkan, program tidak akan dapat dioperasikan. Kesalahan logika, yaitu kesalahan pada saat program sedang dijalankan (runtime error). Kesalahanini akan mengakibatkan terhentinya eksekusi program secara abnormal. Penyebabnya adalah dari user atau pada saat proses program aplikasi di eksekusi
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: Desain Navigasi
–Struktur lokal melihat dari satu tampilan atau halaman luar –Struktur Global struktur dari lokasi, bergerak diantara layar
