Warna dan Semantik

Perincian Nilai Genap2015/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.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.com19. www.kominfo.go.id20. www.dephub.go.id21. www.bumn.go.id22. www.depkes.go.id23. 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 presentasikanPAGE YANG DIAMATI MIN: 50 page (LKT & Analisa Warna)Sematic : ALL Page7 April 2016Chap 1 ManusiaChap 3 InteraksiChap 4 Paradigma --- belum ada24 April 2015Chap 5 Desain Interaksi DasarCahp 7 Aturan DesainChap 8 Pendukung Implementasi UTS 8 Mei 201615 Mei 2016Chap 9 Teknik EvaluasiChap 12 Model KognitifChap 14 Model Komunikasi dan Kolaborasi29 Mei 2016 Jam 15.15Chap 17 ModelsystemChap 21 Hypertext, Multimedia, WWWPRESENTASI Pengamatan Semantic WEB Anda5 Juni 2016 (08.30.....)PRESENTASI PENGAMATAM LKT dan Analisa Warna 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

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 page (dalam bentuk

navigasi, mis: tekan button add, save, submit)4. Kesimpulan & Saran

TUGAS