Interaksi Manusia dan Komputer. Warna dan Semantik

(1)

Interaksi

Manusia dan

Komputer

Warna

dan

Semantik

(2)

Perincian

Nilai

G

enap

2010/2011



UAS

-

Lisan

-

Presentasi

=

25

25 %

%



UTS

=

20

20 %

%

-

O



Presentasi

=

15

15 %

%



Softcopy

Presentasi

=

10%



Softcopy

Terjemahan

=

10

10 %

%



Penilaian

Sejawat

=

20

20 %

%

==========================

100%

Penilaian :

Genap

TA 20

10

10 /201

/201

1

1.

1. Lingga mahendrata Lingga mahendrata [email protected][email protected] 2.

2. Anggia Tendiami Anggia Tendiami ––[email protected]@yahoo.com

3.

3. Meigha A. Meigha A. Krisnha Krisnha ––[email protected]@gmail.com

4.

4. Moch. Yusuf. P Moch. Yusuf. P ––[email protected]@yahoo.com

5.

5. Rona Dini Hari Rona Dini Hari ––[email protected][email protected] 6.

6. Mahendra Mahendra ––[email protected]@yahoo.co.id

7.

7. Yudha Permana Yudha Permana ––[email protected]@yahoo.com

8.

8. Jimmy k s Jimmy k s [email protected]@yahoo.com

9.

9. Rehulina triana oktaviani t Rehulina triana oktaviani t [email protected][email protected]

10.

10. Andi Ardiansyah J Andi Ardiansyah J [email protected]@gmail.com 11.

11. Danu Legowo Danu Legowo [email protected]@gmail.com

12.

12. Prasetya Mahardhitama Prasetya Mahardhitama ––[email protected]@gmail.com

13.

13. Bagus Pramana Bagus Pramana ––[email protected]@hotmail.com

14.

14. Lie hary Wijaya Lie hary Wijaya ––[email protected]@yahoo.com

15.

15. Ady Kurniawan Ady Kurniawan ––[email protected]@gmail.com

16.

16. [email protected][email protected]

17.

17. Yayang sucy aprilhani Yayang sucy aprilhani ––

[email protected]

18.

(3)

Perincian

Nilai

G

enap

2010/2011



Aturan :



_{1 pertemuan 4 chapter}

1 pertemuan 4 chapter



1 mahasiswa mendapatkan mendapatkan

... chapter



Syarat UAS :



Mengumpulkan Softfile yang dikemas

dalam CD



_{Didalam Laporan/Makalah yang dibahas}

Didalam Laporan/Makalah yang dibahas

adalah :



Analisa Warna



Makna Warna



Semantik



LKT (Lembar Kerja Tampilan)



Kesimpulan dan 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 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

n penglihata Sudut pengamat mata dari Jarak D obyek Tinggi L : Dimana 2 tan 120 1     



D L

(4)

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 warna-warna 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

(5)

Kombinasi Warna Baik

Faktor Manusia

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

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

Kuning

Biru (50%), Hitam (44%), Kuning (25%)

Hitam (63%), Putih (56%), Biru (44%)

Magenta

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

Biru (69%),

Hitam (56%), Merah (37%)

Cyan

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

Putih (81%),

Kuning (50%), Cyan (25%)

Biru

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

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

Hijau

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

(44%)

Merah

Kuning (69%), Putih (59%), Hijau (25%)

Putih (75%), Kuning (63%)

Hitam

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

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

Putih

Garis Tebal dan Teks

Garis Tipis dan Teks

Latar

Belakang

Kombinasi Warna Jelek

Faktor Manusia

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

Kuning

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

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

Magenta

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

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

Cyan

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

Hijau (62%),

Merah dan Hitam (37%)

Biru

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

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

Hijau

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

dan Cyan (25%)

Merah

Biru (81%), Magenta (31%) Biru (87%), Merah (44%), Magenta

(25%)

Hitam

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

Putih

Garis Tebal dan Teks

Garis Tipis dan Teks

Latar

Belakang

(6)

Bidang

Studi

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

Jaring

Semantik

Tampilan

Bidang

Studi

Peranti bantu sederhana dalam

perancangan antar muka adalah dengan

menggunakan LKT (lembar kerja

tampilan). Yang 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)

Peranti

Bantu

(7)

Macam

-

Macam Navigasi

1.

1. Klik

Klik

2.

2. Double klik

Double klik

3.

3. Drag

Drag

4.

4. Highlight Text

Highlight Text

5.

5. Iconic Button

Iconic Button

6.

6. MAP

MAP

Bidang

Studi

Jaring

Semantik

Tampilan

(8)

Sematik

Contoh

Bidang

Studi

1. Analisa warna

2. Makna warna

3. Jaringan semantik

4. LKT

5. Kesimpulan dan saran

Bahan

UAS

sesuai

pengmatan

WEB

masing-masing

(9)

Yang

diamati

:

[email protected]

1. www.bi.go.idMoch. Yusuf. P 2. www.bri.co.id– Yudha Permana

3. www.muamalatbank.com, jimmy k songket 4. www.uobbuana.com– Anggia Tendiami 5. www.bsmi.co.id- Mahendra

6. www.standardchartered.com– meigha A krisnha 7. www.dbs.com– andi ardiansyah

8. www.sbiindo.com– Rehulina Triana Oktaviani T 9. www.cimbniaga.com– Rona Dini Hari

10. www.bankmega.com–lingga mahendrata 11. www.hsbc.co.id– Prasetya Mahardhitama 12. www.ocbcnisp.com– Danu Legowo 13. www.permatabank.com- Bagus 14. www.btn.co.id– Hary 15. www.panin.co.id- Ady 16. www.bni.co.id– nardi 17. www.klikbca.com– Daniel 18. www.danamon.co.id– yayang 19. www.bii.co.id– 20. www.syariahmandiri.co.id

Yang

di

presentasi

:

1. Chapter 01 2. Chapter 02 3. Chapter 03 4. Chapter 04 5. Chapter 05 6. Chapter 07 7. Chapter 08 8. Chapter 10 9. Chapter 11 10. Chapter 12 11. Chapter 13 12. Chapter 14 13. Chapter 15 14. Chapter 18 15. Chapter 22 16. Chapter 24 17. Chapter 25 18. Chapter 27 19. Chapter 28 20. Chapter 29 21. Chapter 30 22. Chapter 31 23. Chapter 32 24. Chapter 33 25. Chapter 34 26. Chapter 20 27. Chapter 21 28. Chapter 23 1. Rehulina Triana O T 2. Meigha A Krisnha 3. Danu Legowo 4. Rona Dinihari 5. Anggia Tendiami 6. Andi Ardiansyah 7. Yudha Permana 8. Mahendra 9. Lingga Mahendrata 10. Jimmy K Songket 11. Prasetya Mahardhitama 12. Moch Yusuf P.

13. Rehulina Triana O T, Meigha A Krisnha

14. Danu Legowo, Rona Dinihari

15. Anggia Tendiami, Andi Ardiansyah

16. Yudha Permana, Mahendra

17. Lingga Mahendrata, Jimmy K

Songket

18. Prasetya Mahardhitama, Moch Yusuf P. 19. Bagus 20. Hary 21. Ady 22. Nardi 23. Bagus, hary 24. Ady, Nardi 25. Daniel Hutauruk 26. Yayang 27. Daniel, Yayang

(10)