Warna dan Semantik
Perincian Nilai Genap 2015/2016 dosen.it2011@gmail.com UAS = 26% UTS = 5% Presentasi = 25% Absen = 5 % Softcopy Presentasi = 5 % Softcopy Terjemahan = 5 % Penilaian Sejawat = 5 % Tugas (semantik, LKT, Analisa Warna) = 24 % ========================== 100%
Yang diamati : 1. www.mandiri.co.id 2. www.bankagro.co.id 3. www.bni.co.id 4. www.bii.co.id 5. www.bankbri.co.id 6. www.danamon.co.id 7. www.permata.co.id 8. www.bukopin.co.id 9. www.bankdki.co.id 10. www.bankmestika.co.id 11. www.bankwindu.com 12. www.yudhabhakti.co.id 13. www.bankntb.co.id 14. www.bankmayora.com 15. www.lippobank.com 16. www.royalbank.co.id 17. www.bankbca.co.id 18. www.ocbcnisp.com 19. www.kominfo.go.id 20. www.dephub.go.id 21. www.bumn.go.id 22. www.depkes.go.id 23. www.kpk.go.id 1. http://indonesianbacktrack.or.id Claudio [Chap.3] 2. Superteknologi.com Agung [Chap.9] 3. www.asia.playstation.com/id Randy [Chap.1] 4. www.garuda-indonesia.com Prasetyo [Chap.5] 5. www.belajarforex.com Ranjes M [Chap.12] 6. www.tniad.mil.id herdi yanto [chapter 14] 7. www. menaker.go.id Yahan nuryadi [Chap 7] 8. Smkn1cibinong.org M. Luthfianto. N [Chap 8] 9. Lazada.co.id Ponco Sugairto [Chap 21] 10. 4shared.com muhammad alfasi [Chap 17] Chapter yg harus di presentasikan PAGE YANG DIAMATI MIN: 50 page (LKT & Analisa Warna) Sematic : ALL Page 7 April 2016 Chap 1 Manusia Chap 3 Interaksi Chap 4 Paradigma --- belum ada 24 April 2015 Chap 5 Desain Interaksi Dasar Cahp 7 Aturan Desain Chap 8 Pendukung Implementasi UTS 8 Mei 2016 15 Mei 2016 Chap 9 Teknik Evaluasi Chap 12 Model Kognitif Chap 14 Model Komunikasi dan Kolaborasi 29 Mei 2016 Jam 15.15 Chap 17 Modelsystem Chap 21 Hypertext, Multimedia, WWW PRESENTASI Pengamatan Semantic WEB Anda 5 Juni 2016 (08.30...) PRESENTASI PENGAMATAM LKT dan Analisa Warna WEB ANDA
Bidang Studi TUGAS Analisa LKT aplikasi sesuai tugas Anda masing-masing dengan mengamati: 1. Date & Time 2. Font & size 3. Macam/jenis Menu 4. Macam/jenis navigasi 5. Desain Navigasi (Struktur Lokal atau Struktur Global) 6. Jenis content WEB (web statis / web dinamis) 7. Merupakan Lineartext, Hypertext, Hypermedia 8. Waktu Tanggap 9. Layout 10. Model kesalahan 11. Teknik evaluasi 12. Kesimpulan dan saran
Bidang Studi Analisa ANALISA WARNA aplikasi sesuai tugas Anda masing-masing dengan mengamati: 1. Date & Time 2. Warna background 3. Warna text 4. Layout 5. Makna Warna 6. Kesimpulan dan saran TUGAS
Bidang Studi Analisa SEMANTIK aplikasi sesuai tugas Anda masingmasing dengan mengamati: 1. Range Date & Time 2. Penomoran page 3. Event/action antar page 4. Kesimpulan & Saran TUGAS
Faktor Manusia 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 1 L obyek 120 tan 2D tersebut Dimana : - Kecerahan adalah tanggapan subyektif L Tinggi obyek pada cahaya D Jarak dari mata pengamat - Sudut Penglihatan (visual angle) dan Sudut Ketajaman penglihatan Penglihatan (visual acuity) adalah sudut yang berhadapan oleh obyek pada mata dan sudut penglihatan minimum ketika mata masih dapat melihat sebuah obyek dengan jelas
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 Putih Garis Tipis dan Teks Biru (94%), Hitam (63%), Merah (25%) Kombinasi Warna Baik Garis Tebal dan Teks Hitam (69%), Biru (63%), Merah (31%) Hitam Putih (75%), Kuning (63%) Kuning (69%), Putih (59%), Hijau (25%) Merah Hijau Kuning (75%), Putih (56%), Hitam (44%) Hitam (100%), Biru (56%), Merah (25%) Biru Putih (81%), Kuning (50%), Cyan (25%) Cyan Biru (69%), Hitam (56%), Merah (37%) Hitam (50%), Kuning (44%), Putih (44%), Cyan (31%) Hitam (69%), Merah (63%), Biru (31%) Kuning (38%), Magenta (31%), Hitam (31%), Cyan (31%), Putih (25% 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 Manusia Latar Belakang Garis Tipis dan Teks Kombinasi Warna Jelek Garis Tebal dan Teks Putih Kuning (100%), Cyan (94%) Kuning (94%), Cyan (75%) Hitam Merah Biru (87%), Merah (44%), Magenta (25%) Magenta (81%), Biru (44%), Hijau dan Cyan (25%) Biru (81%), Magenta (31%) Magenta (69%), Biru (50%), Hijau (37%), Cyan (25%) Hijau Cyan (81%), Magenta (50%), Kuning (37%) Biru Hijau (62%), Merah dan Hitam (37%) Cyan (81%), Magenta dan Kuning (44%) Hijau (44%), Merah dan Hitam (31%) Cyan Magenta Hitam (81%), Kuning (75%), Putih (31%) Hijau (75%), Merah (56%), Cyan (44%) Kuning (69%), Hijau (62%), Putih (56%) Cyan (81%), Hijau (69%), Merah (44%) Kuning Putih dan Cyan (81%) Putih (81%), Cyab (56%), Hijau (25%)
Bidang Studi Jaring Semantik Tampilan Merupakan 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 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
Contoh Sematik
Bidang Studi Peranti Bantu sederhana Macam Navigasi adalah: Klik Double Klik Link Text Iconic Button Highligh Text Map
Bidang Studi Waktu Tanggap 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 memadai
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: Struktur lokal Desain Navigasi melihat dari satu tampilan atau halaman luar Struktur Global struktur dari lokasi, bergerak diantara layar
Bidang Studi TUGAS Analisa LKT aplikasi sesuai tugas Anda masing-masing dengan mengamati: 1. Date & Time 2. Font & size 3. Macam/jenis Menu 4. Macam/jenis navigasi 5. Desain Navigasi (Struktur Lokal atau Struktur Global) 6. Jenis content WEB (web statis / web dinamis) 7. Merupakan Lineartext, Hypertext, Hypermedia 8. Waktu Tanggap 9. Layout 10. Model kesalahan 11. Teknik evaluasi 12. Kesimpulan dan saran
Bidang Studi Analisa ANALISA WARNA aplikasi sesuai tugas Anda masing-masing dengan mengamati: 1. Date & Time 2. Warna background 3. Warna text 4. Layout 5. Makna Warna 6. Kesimpulan dan saran TUGAS
Bidang Studi Analisa SEMANTIK aplikasi sesuai tugas Anda masingmasing dengan mengamati: 1. Range Date & Time 2. Penomoran page 3. Event/action antar page (dalam bentuk navigasi, mis: tekan button add, save, submit) 4. Kesimpulan & Saran TUGAS