MINGGU KE 6

DESAIN

PENGERTIAN DESAIN

Desain adalah ilmu yang mempelajari konsep komunikasi dan ungkapan kreatif, teknik dan media untuk menyampaikan pesan dan gagasan secara visual dengan mengolah elemen desain grafis berupa bentuk gambar, huruf dan warna, serta tata letaknya, sehingga pesan dan gagasan dapat diterima oleh sasarannya.

PRINSIP DESAIN

Prinsip-prinsip desain membantu menentukan bagaimana menggunakan elemen desain. Prinsip-prinsip desain membantu anda untuk menggabungkan berbagai elemen desain ke dalam tata letak yang baik. Ada empat prinsip desain: keseimbangan, irama, penekanan dan kesatuan.

Keseimbangan

Setiap elemen pada susunan visual yang telah ditentukan oleh ukuran, kegelapan atau keringanan, dan ketebalan dari baris. Ada dua pendekatan dasar untuk menyeimbangkan. Yang pertama adalah keseimbangan simetris yang merupakan susunan dari elemen agar merata ke kiri dan ke kanan dari pusat. Yang kedua adalah keseimbangan asimetris yang merupakan pengaturan yang berbeda dengan berat benda yang sama di setiap sisi halaman. Warna, nilai, ukuran, bentuk, dan tekstur dapat digunakan sebagai unsur balancing.

Simetris bisa menjadi kekuatan dan stabilitas publikasi, presentasi, dan situs web. Asimetris dapat menyiratkan kontras, berbagai gerakan, mengejutkan dll. Hal ini cocok untuk modern dan publikasi hiburan, presentasi, dan situs web.

Untuk menciptakan keseimbangan:

1.      Ulangi bentuk tertentu secara berkala, baik secara vertikal maupun horizontal.

2.      Pusat elemen pada halaman.

3.      Menempatkan beberapa visuals kecil di satu daerah untuk menyeimbangkan satu blok besar gambar atau teks.

4.      Gunakan satu atau dua bentuk aneh dan membuat bentuk biasa.

5.      Keringanan teks potong-berat dengan terang, berwarna-warni visual.

6.      Meninggalkan banyak spasi besar sekitar blok teks atau foto gelap.

7.      Offset besar, gelap foto atau ilustrasi dengan beberapa lembar teks kecil, masing-masing dikelilingi oleh banyak spasi.

Irama

Rhythm / Irama adalah pola berulang yang dibuat oleh unsur-unsur yang berbeda-beda. Pengulangan (mengulangi unsur serupa dalam cara yang konsisten) dan variasi (perubahan dalam bentuk, ukuran, posisi atau elemen) adalah salah satu kunci untuk visual ritme. Fungsinya menempatkan elemen dalam sebuah layout secara berkala dan  membuat halus ritme. Perubahan pada ukuran dan jarak antara unsur membuat cepat  ritme dan menjadi hidup serta membuat suasana hati menyenangkan.

Untuk membuat rhythm:

1.      Ulangi sejumlah elemen berbentuk mirip, bahkan dengan spasi putih di antara masing-masing, untuk menciptakan sebuah ritme biasa.

2.      Ulangi rangkaian semakin besar elemen yang lebih besar dengan spasi putih di antara setiap ritme yang progresif.

3.      Alternatif gelap, huruf tebal dan ringan, tipis jenis.

4.      Alternatif gelap halaman (dengan banyak jenis grafik atau gelap) dengan cahaya halaman (dengan jenis lebih sedikit dan berwarna muda grafis).

5.      Mengulang bentuk yang sama di berbagai bidang sebuah layout.

6.      Ulangi elemen yang sama pada posisi yang sama pada setiap halaman yang dicetak penerbitan seperti newsletter.

Penekanan

Tata letak setiap kebutuhan yang penting untuk menarik para pembaca  ke bagian penting dari tata letak.  Umumnya, dibuat ketika salah satu unsur berbeda dari yang lainnya.

Untuk membuat penekanan:

1.      Gunakan rangkaian merata spaced, persegi di samping foto yang digariskan foto dengan bentuk yang tidak biasa.

2.      Letakkan bagian yang penting dari teks pada sudut melengkung atau sekaligus menjaga semua jenis yang lainnya di kolom lurus.

3.      Gunakan huruf tebal, hitam untuk judul dan jenis subheads ringan teks dan banyak lainnya untuk semua teks.

4.      Tempat yang besar di sebelah gambar kecil sedikit teks.

5.      Reverse (gunakan jenis putih) yang utama dari sebuah kotak hitam atau berwarna.

6.      Gunakan warna yang tidak biasa atau jenis font yang paling penting untuk informasi.

7.      Letakkan daftar yang ingin Anda sorot di sidebar dalam kotak berbayang.

Kesatuan

Kesatuan membantu semua elemen seperti milik bersama. Menyatukan elemen elemen oleh kelompok yang saling berdekatan sehingga terlihat seperti milik bersama. Gunakanlah  kotak (dengan struktur yang halaman) untuk membuat kerangka untuk margin, kolom, jarak, dan proporsi.

Untuk membuat persatuan:

1.      Gunakan hanya satu atau dua typestyles dan berbeda ukuran atau berat untuk kontras seluruh publikasi, presentasi, atau situs web.

2.      Konsisten dengan jenis font, ukuran, dan gaya untuk judul, subheads, keterangan, headers, footers, dll di seluruh publikasi, presentasi, atau situs web.

3.      Menggunakan palet warna yang sama di seluruh.

4.      Mengulang warna, bentuk, atau tekstur yang berbeda di seluruh wilayah.

5.      Pilih visuals yang berbagi serupa warna, tema, atau bentuk.

6.      Memperderetkan foto dan teks yang sama dengan grid baris.

IDE DALAM MEMBUAT DESAIN

Metode desain adalah bidang yang luas yang berfokus pada:

Menjelajahi kemungkinan dan kendala dengan fokus keterampilan, berpikir kritis untuk penelitian dan mendefinisikan ruang masalah atau penciptaan kategori baru.

Mendefinisikan spesifikasi dari solusi desain yang dapat menyebabkan pedoman yang lebih baik untuk kegiatan desain tradisional (grafis, industri, arsitektur, dll);

Mengelola proses eksplorasi, mendefinisikan, menciptakan artefak secara terus menerus selama waktu pengerjaan.

Prototyping skenario yang mungkin, atau solusi yang bertahap atau secara signifikan memperbaiki situasi

Trendspotting; memahami keadaan proses suatu tren.

TANTANGAN DALAM MEMBUAT DESIGN

Antara lain: 

Proses pembuatan.

Metoda merancang.

Produk yang dihasilkan (rancangan).

Serta disiplin ilmu yang digunakan (disain).

CONTOH DESAIN DALAM KEHIDUPAN SEHARI-HARI

Advertising (Periklanan)

Periklanan merupakan salah satu penggunaan yang paling menguntungkan grafis, seniman sering melakukan  pekerjaan  iklan atau  mengambil iklan potensial ke account saat membuat seni, untuk meningkatkan peluang penjualan karya seni. Sebagai contoh : Membuat kartu nama, Desain Kaos (T-Shirt)

Business (Bisnis)

Grafis yang umum digunakan dalam  bisnis dan ekonomi untuk membuat diagram keuangan dan tabel. Istilah Usaha Graphics mulai dipakai pada akhir tahun 1970, ketika komputer pribadi menjadi mampu menggambar grafik dibandingkan menggunakan format tabel. Bisnis Grafik dapat digunakan untuk menyoroti perubahan selama jangka waktu tertentu.

Political (Politik)

Penggunaan grafis untuk terang-terangan politik (kartun, grafiti, seni poster, desain bendera,dll) adalah praktek berabad-abad lama yang berlangsung hingga hari ini di setiap bagian dunia.  “The mural Irlandia Utara” adalah salah satu contohnya. Seni melukis di dinding atau tembok yang menceritakan konflik sejarah selama 35 tahun terakhir di Irlandia Utara.

Education (Pendidikan)

Grafis yang banyak digunakan adalah dalam buku teks , terutama yang menyangkut mata pelajaran seperti geografi, sains, dan matematika untuk menggambarkan teori dan konsep, seperti anatomi manusia . Diagram juga digunakan untuk label foto dan gambar. Dalam rangka edukasi, grafis berfungsi secara efektif sebagai bantuan pendidikan dan pelajar harus mampu menafsirkannya dengan baik.

Film and animation (Film dan animasi)

Komputer grafis sering digunakan dalam sebagian besar film ber-fitur baru, terutama bagi Film dengan anggaran yang besar. Film-film yang banyak menggunakan komputer grafis diantaranya ada  Doraemon, Upin -Ipin , Harry Potter, Spider Man dan masih banyak lagi lainnya.

DESAIN GRAFIK

Bagian dari interface yang terlihat dan menimbulkan cita rasa

a). Sesuatu yang seseorang lihat pertama kali, dan menimbulkan kesan serta mempengaruhi tingkat emosi (mood)

b). Salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.

Desain grafis adalah suatu bentuk komunikasi visual yang menggunakangambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain). Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnyatipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak.

 FILOSOFI DESAIN 

 · Elemen visual ekonomi

· Tidak berlebihan

· Jelas dan terorganizir dengan baik

 PRINSIP DESAIN GRAFIK  

1.Metafora (proses perancangan bentuk). Maksudnya Menampilkan dan menggambarkan elemen-elemen (titik, garis, warna, ruang dan tekstur) yang relefan dan dikenali. Menggunakan desktop yang berhubungan dengan perancangan interface (Adobe Photoshop, Corel Draw, Macromedia flash dll).

2.Kejelasan.

Setiap elemen yang digunakan pada interface harus beralasan dalam penggunaannya. Memperjelas pesan yang diberikan. Memberikan  relax pada mata dalam menatap elemen-elemen saat beraktifitas. Menawarkan kesederhanaan, enak dilihat, berkelas dan jelas

 3. Konsisten

Konsisten dalam layout,warna,gambar (image),icon,tipografi,teks, dll

·Konsisten pada layar, perpindahan antar layar satu ke layar lain

·Konsisten pada desain interface yang dirancang

·Bidang kerja (platform) mempunyai petunjuk tuntunan

 PEMBUATAN USER INTERFACE

Digunakan untuk mempermudah user dalam mengkomunikasikan bentuk disain kedalam sebuah gambar, tulisan dsb.

 TEKNIK KODING

Digunakan sepintas lalu, baik untuk menarik perhatian tapi jarang digunakan. Mengabaikan penggunaan video,baik untuk membuat sesuatu menjadi solid tapi jarang digunakan. Mungkin menarik mata tapi dapat mengganggu setelah beberapa waktu.

 TIPOGRAFI (TYPOGRAPHY)

Berasal dari kata Yunani Typos = bentuk dan graphein = menulis, merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, menggunakan gabungan bentuk huruf cetak, ukuran huruf, ketebalan garis, spasi antar huruf, garis pandu dan jarak antar baris. Sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin. Mengapa Tipografi penting untuk dipahami dalam Desain Grapik ? Karena Tipografi (pengaturan huruf) mempengaruhi banyak hal : sebagai contoh estetika dari tampilan penulisan blog, kesan yang di tampilkan blog, hingga yang terpenting keterbacaan blog. Jika Blog yang pengaturan huruf  nya baik,kesan yang di tampilkan baik, tingkat keterbacaannya tinggi. Maka, secara tidak langsung  pengunjung akan nyaman dalam membaca konten blog anda dan betah membacanya.

 FONTS

Menggunakan serif untuk badan teks; sans serif untuk judul

Menggunakan 1-2 huruf (maksimum 3 huruf)

Menggunakan jenis huruf normal,italic,bold

Jangan sering menggunakan bold, italic, dan huruf besar untuk sebagian besar teks/naskah,memperlambat proses baca

Ukuran huruf maksimum 1-3 jenis ukuran

Perhatikan warna dari background teks

 WARNA (ATRIBUT, ASOSIASI)

Warna dapat didefinisikan secara obyektif/fisik sebagai sifat cahaya yang dipancarkan, atau secara subyektif/psikologis sebagai bagian dari pengalaman indera pengelihatan. Secara obyektif atau fisik, warna dapat diberikan oleh panjang gelombang. Dilihat dari panjang gelombang, cahaya yang tampak oleh mata merupakan salah satu bentuk pancaran energi yang merupakan bagian yang sempit dari gelombang elektromagnetik.

 Cahaya yang dapat ditangkap indera manusia mempunyai panjang gelombang 380 sampai 780 nanometer. Cahaya antara dua jarak nanometer tersebut dapat diurai melalui prisma kaca menjadi warna-warna pelangi yang disebut spectrum atau warna cahaya, mulai berkas cahaya warna ungu, violet, biru, hijau, kuning, jingga, hingga merah. Di luar cahaya ungu /violet terdapat gelombang-gelombang ultraviolet, sinar X, sinar gamma, dan sinar cosmic. Di luar cahaya merah terdapat gelombang / sinar inframerah, gelombang Hertz, gelombang Radio pendek, dan gelombang radio panjang, yang banyak digunakan untuk pemancaran radio dan TV.

Proses terlihatnya warna adalah dikarenakan adanya cahaya yang menimpa suatu benda, dan benda tersebut memantulkan cahaya ke mata (retina) kita hingga terlihatlah warna. Benda berwarna merah karena sifat pigmen benda tersebut memantulkan warna merah dan menyerap warna lainnya. Benda berwarna hitam karena sifat pigmen benda tersebut menyerap semua warna pelangi. Sebaliknya suatu benda berwarna putih karena sifat pigmen benda tersebut memantulkan semua warna pelangi. Sebagai bagian dari elemen tata rupa, warna memegang peran sebagai sarana untuk lebih mempertegas dan memperkuat kesan atau tujuan dari sebuah karya desain. Dalam perencanaan corporate identity, warna mempunyai fungsi untuk memperkuat aspek identitas.

 Lebih lanjut dikatakan oleh Henry Dreyfuss , bahwa warna digunakan dalam simbol-simbol grafis untuk mempertegas maksud dari simbol-simbol tersebut . Sebagai contoh adalah penggunaan warna merah pada segitiga pengaman, warna-warna yang digunakan untuk traffic light merah untuk berhenti, kuning untuk bersiap-siap dan hijau untuk jalan. Dari contoh tersebut ternyata pengaruh warna mampu memberikan impresi yang cepat dan kuat. Kemampuan warna menciptakan impresi, mampu menimbulkan efek-efek tertentu. Secara psikologis diuraikan oleh J. Linschoten dan Drs. Mansyur tentang warna sbb: Warna-warna itu bukanlah suatu gejala yang hanya dapat diamati saja, warna itu mempengaruhi kelakuan, memegang peranan penting dalam penilaian estetis dan turut menentukan suka tidaknya kita akan bermacam-macam benda. Dari pemahaman diatas dapat dijelaskan bahwa warna, selain hanya dapat dilihat dengan mata ternyata mampu mempengaruhi perilaku seseorang, mempengaruhi penilaian estetis dan turut menentukan suka tidaknya seseorang pada suatu benda.

 Berikut kami sajikan potensi karakter warna yang mampu memberikan kesan pada seseorang sbb :

1.Hitam, sebagai warna yang tertua (gelap) dengan sendirinya menjadi lambang untuk sifat gulita dan kegelapan (juga dalam hal emosi).

2.Putih, sebagai warna yang paling terang, melambangkan cahaya, kesucian.

3.Abu-abu, merupakan warna yang paling netral dengan tidak adanya sifat atau kehidupan spesifik.

4.Merah, bersifat menaklukkan, ekspansif (meluas), dominan (berkuasa), aktif dan vital (hidup), panas membara, peringatan, penyerangan, cinta.

5.Kuning, dengan sinarnya yang bersifat kurang dalam, merupakan wakil dari hal-hal atau benda yang bersifat cahaya, momentum dan mengesankan kebahagiaan, keceriaan dan hati-hati

6.Biru, sebagai warna yang menimbulkan kesan dalamnya sesuatu (dediepte), sifat yang tak terhingga dan transenden, disamping itu memiliki sifat tantangan.

7.Hijau, mempunyai sifat keseimbangan dan selaras, membangkitkan ketenangan dan tempat mengumpulkan daya-daya baru, identik dengan pertumbuhan dalam lingkungan,pasukan perdamaian,kepuasan

8.Pink, warna yang identik dengan wanita, menarik/cantik, gulali

9.Orange, warna yang identik dengan musim gugur, penuh kehangatan, halloween.

10.Coklat, warna yang mengesankan hangat, identik dengan musim gugur, kotor, bumi

11.Ungu, warna yang identik dengan kesetiaan, kepuasan, Barney (tokoh boneka berwarna ungu)

 Dari sekian banyak warna, dapat dibagi dalam beberapa bagian yang sering dinamakan dengan sistem warna Prang System yang ditemukan oleh Louis Prang pada 1876 atau disebut juga sebagai atribut warna meliputi :

1.Hue, adalah istilah yang digunakan untuk menunjukkan nama dari suatu warna, seperti merah, biru, hijau dsb.

2.Value, adalah dimensi kedua atau mengenai terang gelapnya warna. Contohnya adalah tingkatan warna dari putih hingga hitam.

3.Saturation/Intensity, seringkali disebut dengan chroma, adalah dimensi yang berhubungan dengan cerah atau suramnya warna.

Selain Prang System terdapat beberapa sistem warna lain yakni, CMYK atau Process Color System, Munsell Color System, Ostwald Color System, Schopenhauer/Goethe Weighted Color System, Substractive Color System serta Additive Color/RGB Color System. Diantara bermacam sistem warna diatas, kini yang banyak dipergunakan dalam industri media visual cetak adalah CMYK atau Process Color System yang membagi warna dasarnya menjadi Cyan, Magenta, Yellow dan Black. Sedangkan RGB Color System dipergunakan dalam industri media visual elektronika.

DESAIN ICON

. Merancang tugas/pekerjaan

· Menampilkan objek atau aksi dalam tata cara yang mudah dikenali dan di ingat

· Keragaman icon berjumlah terbatas

· Icon dimunculkan pada latar belakang

· Pastikan bahwa pada salah satu icon yang dipilih terlihat lebih terang dari yang lain

· Tiap icon menggunakan simbol yang berbeda satu dengan yang lain

· Membuat icon yang sejenis ke dalam kelompok icon yang berkaitan

· Menghindari penggunaan icon terlalu terinci

Sumber : Interaksi manusia dan komputer universitas gunadarma

MINGGU KE 5

GUI

Gui adalah singkatan dari Graphical User Interface, digunakan untuk membuat tampilan di layar komputer yang berbentuk grafis. GUI berbeda dengan teknologi komputer dimasa lalu. Komputer jaman dahulu tampilan hanya sebatas teks. Keunggulan GUI teknologi GUI ini adalah kita/user dapat menjalankan komputer dan instruksi-instruksi hanya dengan menekan mouse (klik).

KELEBIHAN DAN KEKURANGAN GUI

Kelebihan GUI :
1. Desain Grafis lebih menarik.
2. GUI memungkinkan user untuk berinteraksi dengan komputer secara lebih baik.
3. Memudahkan pengguna.
4. Menarik minat pengguna.
5. Resolusi gambar yang tinggi.

Kekurangan GUI :
1. Memakan memory yang sangat besar.
2. Bergantung pada perangkat keras.
3. Membutuhkan banyak tempat pada layar komputer.
4. Tidak fleksibel.

PENGEMBANGAN APLIKASI GUI MENGGUNAKAN PHP DAN GAMBART

Pendahuluan

Data statistik menunjukkan bahwasanya tidak kurang dari 40% aplikasi web dibangun dengan menggunakan bahasa pemrograman PHP. Hal tersebut memperlihatkan dominasi PHP pada dunia pengembangan aplikasi web. Pada kenyataannya, PHP adalah bahasa pemrograman yang sangat handal yang dapat melakukan banyak hal selain mengolah halaman-halaman web.

Mungkin masih banyak di antara kita yang belum mengetahui bahwasanya selain digunakan untuk membangun aplikasi web, PHP dapat pula digunakan untuk membangun aplikasi GUI (Graphical User Interface). Hal tersebut sangatlah wajar mengingat belum populernya penggunaan PHP untuk membangun aplikasi GUI. Pada artikel ini, kita akan membahas mengenai pembangunan aplikasi GUI dengan menggunakan gambArt yang merupakan produk dari proyek open source karya developer Indonesia.

PHP dan Aplikasi GUI

Saat ini kita dapat menemukan beberapa solusi yang dapat digunakan untuk membangun aplikasi GUI dengan menggunakan PHP. Solusi yang ada dan cukup banyak dikenal saat ini adalah: PHP-GTK, WinBinder, dan PHP-QT.

Sayangnya, walaupun solusi untuk pembangunan aplikasi GUI menggunakan PHP sudah tersedia, kita masih “belum” dapat menemukan aplikasi GUI komersial berskala enterprise yang dibangun dengan menggunakan PHP. Mengapa hal ini bisa terjadi? Beberapa penyebab yang mendasari minimnya penggunaan PHP dalam pembangunan aplikasi GUI adalah sebagai berikut :

Belum mature-nya solusi yang ada. Hal ini menyebabkan developer enggan untuk menggunakan PHP untuk membangun aplikasi GUI komersial

Perkembangan dari solusi-solusi tersebut masih kurang cepat

Tingkat kesulitan pembangunan aplikasi GUI menggunakan PHP masih relatif tinggi

Kemampuan yang dimiliki PHP untuk pembangunan aplikasi GUI masih jauh tertinggal jika dibandingkan dengan bahasa pemrograman lain yang sudah lebih dahulu digunakan untuk pembangunan aplikasi GUI, misalnya Java, C# dan C++ Serta berbagai alasan lainnya.

Untuk menjawab berbagai masalah tersebut di atas, saat ini tengah dikembangkan sebuah solusi baru untuk membantu pembangunan aplikasi GUI menggunakan PHP. Solusi baru tersebut adalah Klorofil Platform. Klorofil Platform dibangun oleh suatu komunitas yang bernama Klorofil Collaboration Project atau dikenal juga dengan nama Klorofil. Di dalam Klorofil Platform terdapat sebuah GUI framework yang bernama gambArt. GUI framework inilah yang dapat kita gunakan untuk membangun aplikasi GUI menggunakan PHP.

Sebelum kita membahas lebih lanjut mengenai Klorofil Platform, gambArt, dan lain sebagainya, kita akan melihat terlebih dahulu salah satu aplikasi yang dibangun menggunakan gambArt. Gambar kalkulator yang anda lihat adalah dibangun dengan menggunakan PHP dan gambArt.

sumber : interaksi manusia dan komputer universitas gunadarma

MINGGU KE 4

Pengertian Interface

Antarmuka (Interface) merupakan mekanisme komunikasi antara pengguna (user) dengan sistem. Antarmuka (Interface) dapat menerima informasi dari pengguna (user) dan memberikan informasi kepada pengguna (user) untuk membantu mengarahkan alur penelusuran masalah sampai ditemukan suatu solusi.

Interface, berfungsi untuk menginput pengetahuan baru ke dalam basis pengetahuan sistem pakar (ES), menampilkan penjelasan sistem dan memberikan panduan pemakaian sistem secara menyeluruh / step by step sehingga pengguna mengerti apa yang akan dilakukan terhadap suatu sistem. Yang terpenting adalah kemudahan dalam memakai / menjalankan sistem, interaktif, komunikatif, sedangkan kesulitan dalam mengembangkan / membangun suatu program jangan terlalu diperlihatkan.

Interface yang ada untuk berbagai sistem, dan menyediakan cara :

Input, memungkinkan pengguna untuk memanipulasi sistem.
Output, memungkinkan sistem untuk menunjukkan efek manipulasi pengguna.

- Tujuan Interface

Tujuan sebuah interface adalah mengkomunikasikan fitur-fitur sistem yang tersedia agar user mengerti dan dapat menggunakan sistem tersebut. Dalam hal ini penggunaan bahasa amat efektif untuk membantu pengertian, karena bahasa merupakan alat tertua (barangkali kedua tertua setelah gesture) yang dipakai orang untuk berkomunikasi sehari-harinya. Praktis, semua pengguna komputer dan Internet (kecuali mungkin anak kecil yang memakai komputer untuk belajar membaca) dapat mengerti tulisan.

Meski pada umumnya panduan interface menyarankan agar ikon tidak diberi tulisan supaya tetap mandiri dari bahasa, namun elemen interface lain seperti teks pada tombol, caption window, atau teks-teks singkat di sebelah kotak input dan tombol pilihan semua menggunakan bahasa. Tanpa bahasa pun kadang ikon bisa tidak jelas maknanya, sebab tidak semua lambang ikon bisa bersifat universal.

Meskipun penting, namun sayangnya kadang penggunaan bahasa, seperti pemilihan istilah, sering sekali dianggap kurang begitu penting. Terlebih dari itu dalam dunia desain situs Web yang serba grafis, bahasa sering menjadi sesuatu yang nomor dua ketimbang elemen-elemen interface lainnya.

Tujuan sebuah interface adalah mengkomunikasikan fitur-fitur sistem yang tersedia agar user mengerti dan dapat menggunakan sistem tersebut. Dalam hal ini penggunaan bahasa amat efektif untuk membantu pengertian, karena bahasa merupakan alat tertua (barangkali kedua tertua setelah gesture) yang dipakai orang untuk berkomunikasi sehari-harinya. Praktis, semua pengguna komputer dan Internet (kecuali mungkin anak kecil yang memakai komputer untuk belajar membaca) dapat mengerti tulisan.

Perbandingan Interface

Ada 4 point yaitu :

1. Content

   Merupakan salah satu yang sangat penting dan harus ada dalam sebuah website.Content adalah isi dan inti dari suatu website. Dapat dilihat diatas dimana content tersebut  tidak jelas,maksudnya seseorang  tidak akan tau/sulit untuk membedakan dimana yang merupakan content dan yang bukan,seperti  iklan,category,link, dsb

.

2. Coloring

    Pewarnaan juga sangat mendukung dalam pengembangan sebuah website,dengan tujuan agar interface tidak membosankan ,dengan warna yang slalu monton hitam putih. Sedangkan pewarnaan diatas kurang baik. Website diatas memang sudah menggunakan warna diluar hitam putih,namun sangat tidak sinkron,terlalu banyak warna-warna yang tidak match,tapi mungkin menurut si pembuat website tersebut itu menarik. Kalau boleh komentar sedikit, website ini bisa diibaratkan buku gambar yang dipakai untuk menggambar seorang anak-anak yang sedang belajar menggambar/mewarnai,jadi ya seperti itu hasilnya acak kadul.

3. Desain

    Ini  lebih parah lagi,dimana tidak memiliki struktur desain yang baik . Lihat contoh diatas misalnya ,seseorang yang berkunjung pasti akan tidak enak melihat desain website tersebut dan mungkin juga akan bingung.Tidak jelas dimana yang footer,header,sidebar dan contentnya. Selanjutnya gambar background yang acak-acakan yang sangat mengganggu pemandangan.

4. Text

    Untuk tulisan jelas kurang baik,terlalu banyak jenis font yang cukup mengganggu dan penempatan yang kurang baik karena tidak didukung oleh desain yang baik pula.

Sebaiknya dalam penggunaan font untuk sebuah website memakai font yang umum dipakai dan mudah dan enak dibaca semua orang,jangan cuma enak  dilihat dari diri sendiri tapi orang tidak.

Tipe-tipe Interface

Secara umum antarmuka dibagi menjadi 2 tipe yaitu CLI dan GUI.

·         CLI (Command Line Interface)

CLI adalah tipe antarmuka dimana pengguna berinteraksi dengan sistem operasi melalui text terminal. Pengguna menjalankan perintah dan program di sistem operasi tersebut dengan cara mengetikkan barisbaris tertentu.

            Meskipun memiliki konsep yang sama, tiap-tiap sistem operasi memiliki nama         atau     istilah yang berbeda untuk CLI-nya. UNIX memberi nama CLI-nya sebagai  bash,        ash, ksh, dan lain sebagainya. Microsoft Disk Operating System (MS-DOS)    memberi nama command.com atau Command Prompt. Sedangkan pada Windows         Vista, Microsoft menamakannya PowerShell. Pengguna Linux         mengenal CLI pada    Linux sebagai terminal, sedangkan pada Apple namanya adalah commandshell.

·         GUI (Graphics User Interface)

GUI adalah tipe antarmuka yang digunakan oleh pengguna untuk berinteraksi dengan sistem operasi melalui gambar-gambar grafik, ikon, menu, dan menggunakan perangkat penunjuk (pointing device) seperti mouse atau track ball. Elemen-elemen utama dari GUI bisa diringkas dalam konsep WIMP (window, icon, menu, pointing device). Sebuah sistem operasi dianggap bagus jika tampilan luarnya (GUI-nya) bagus, walaupun komponen sistem operasi tidak hanya GUI saja. Jadi, penilaian terhadap sebuah sistem operasi tidak bisa hanya dari satu komponen saja. Hal ini dikarenakan GUI adalah kesan pertama pengguna dengan sistem operasi itu. Setiap pengembang sistem operasi. berlomba-lomba mengembangkan GUI-nya dengan keunggulannya masing-masing.

Ada 5 tipe utama interaksi untuk interaction:

1. Direct manipulation – pengoperasian secara langsung : interaksi langsung dengan objek pada layar. Misalnya delete file dengan memasukkannya ke trash. Contoh: Video games. Kelebihan :  Waktu pembelajaran sangat singkat, feedback langsung diberikan pada tiap aksi sehingga kesalahan terdeteksi dan diperbaiki dengan cepat. Kekurangan :  Interface tipe ini rumit dan memerlukan banyak fasilitas pada sistem komputer, cocok untuk penggambaran secara visual untuk satu operasi atau objek.

2. Menu selection – pilihan berbentuk menu :  Memilih perintah dari daftar yang disediakan. Misalnya saat click kanan dan memilih aksi yang dikehendaki. Kelebihan :   tidak perlu ingat nama perintah. Pengetikan minimal. Kesalahan rendah. Kekurangan : Tidak ada logika AND atau OR. Perlu ada struktur menu jika banyak pilihan. Menu dianggap lambat oleh expert   dibanding command language.

3. Form fill-in – pengisian form : Mengisi area-area pada form. Contoh : Stock control. Kelebihan : Masukan data yang sederhana. Mudah dipelajari Kekurangan : Memerlukan banyak tempat di layar. Harus menyesuaikan dengan form manual dan kebiasaan.

4. Command language – perintah tertulis : Menuliskan perintah yang sudah ditentukan pada program. Contoh: operating system. Kelebihan : Perintah diketikan langsung pada system. Misal UNIX, DOS command. Bisa diterapkan pada terminal yang murah.Kombinasi perintah bisa dilakukan. Misal copy file dan rename nama file. Kekurangan : Perintah harus dipelajari dan diingat cara penggunaannya, tidak cocok untuk   biasa. Kesalahan pakai perintah sering terjadi. Perlu ada sistem pemulihan kesalahan.Kemampuan mengetik perlu.

5. Natural language – perintah dengan bahasa alami : Menggunakan bahasa alami untuk mendapatkan hasil. Contoh: search engine di Internet. Kelebihan: Perintah dalam bentuk bahasa alami, dengan kosa kata yang terbatas (singkat), misalnya kata kunci yang kita tentukan untuk dicari oleh search engine. Ada kebebasan menggunakan kata-kata. Kekurangan: Tidak semua sistem cocok gunakan ini. Jika digunakan maka akan memerlukan banyak pengetikan.

Sumber : interaksi manusia dan computer universitas gunadarma

Minggu Ke 3

 ANALISIS TUGAS

Analisis Tugas
Proses menganalisis dan menggambarkan bagaimana manusia melaksanakan tugas atau pekerjaan, apa saja yang dilakukan atau peralatan apa yang digunakan dan hal hal apa saja yang perlu diketahui.

Overview dalam analisis tugas adalah suatu ringkasan yang seluruhnya di gunakan untuk koleksi dan Utility sebagai pengaca kepada fungsionalitas sistem atau sistem yang dapat meningkatkan efektifitas dan efisien kerjanya.

Analisis Tugas,Pada proses menganalisa, menggambar, melaksanakannya dan memeriksa tugas-tugas tersebut adalah sebagai berikut :

- Komponen yakni sebagai aktivitas dan hubungan,Fokus Analisis Tugas digunakan sebagai fokus pada lingkungan,Input dan Output digunakan sebagai pengumpulan Data dan Reprentasi Data Dokumentasi,Interview digunakan sebagai terstruktur, tidak terstruktur dan semistruktur,Observasi digunakan untuk merekam apa yang terjadi, mencatat bagian-bagian apa yang di anggap penting pada Reprentasi daftar, Ringkasan dan Naratif.

Jenis-Jenis Analisa Tugas
- Komponen adalah aktivitas, artifak dan hubungan- Fokus Analisis Tugas adalah fokus yang mencakup kepada lingkungan- Input dan Output adalah pengumpulan data dan eprentasi data dokumentasi- Interview adalah terstruktur, tidak terstruktur dan semi struktur- Observasi adalah merekam apa yang terjadi, mencatat bagian-bagian yang dianggap penting- Representasi Data adalah daftar, ringkasan dan naratif

Sumber Informasi dan Pengumpulan DataAnalisis tugas memungkinkan kita membuat suatu struktur data mengenai tugas, dan hasilnya akan baik jika didukung oleh sumber data yang baik pula. Proses analisis data tidak semata-mata mengumpulkan,menganalisis, mengorganisasikan data dan mempresentasikan hasil, namun kadangkala kita harus kembali melihat sumber data tersebut dengan pertanyaan dan padangan baru. Pada prakteknya, keterbatasan waktu dan biaya menyebabkan seoranganalis berusaha mengumpulkan data yang relevan secepat dan seekonomis mungkin. Bahkan jika dimungkinkan, seorang analis harus dapat memaksimumkan penggunaan sumber informasi murah yang sudah ada sebelum melakukan pengumpulan data yang memakan biaya. Berikut ini adalah beberapa sumber informasi yang dapat diper gunakan untuk membuat analisis tugas :

1. Dokumentasi

Sumber data yang mudah didapat adalah dokumentasi yang telah ada di organisasi seperti buku manual, buku instruksi, materi training dan lain sebagainya. Dokumen-dokumen ini umumnya berfokus pada item tertentu dalam suatu peralatan atau software komputer. Dokumen manual peralatan tertentu misalnya, mungkin hanya memberikan informasi mengenai fungsi dari peralatan tersebut tidak bagaimana peralatan tersebut digunakan dalam pengerjaan suatu tugas. Selain itu juga mungkin terdapat dokumen peraturan perusahaan dan deskripsi tugas yang memberikan informasi mengenai tugas tertentu dalam konteks yang lebih luas. Namun perlu diperhatikan, dokumentasi jenis ini hanya memberitahukan bagaimana seharusnya suatu pekerjaan dilakukan bukan bagaimana sebenarnya seseorang melakukan pekerjaan tersebut.

2. Observasi

Observasi langsung baik secara formal maupun informal perlu dilakukan jika seorang analis ingin mengetahui kondisi dari pengerjaan tugas. Hasil observasi dan dokumentasi yang ada dapat digunakan untuk analisis sebelum memutuskan untuk melakukan pengumpulan data dengan tehnik lain yang memakan biaya. Observasi dapat dilakukan di lapangan atau dalam sebuah laboratorium. Jika observasi dilakukan di lapangan analis dapat mengetahui kondisi yang sebenarnya dari proses pengerjaan tugas. Sebaliknya, pada observasi yang dilakukan di labor atorium, analis dapat dapat lebih mengendalikan lingkungan dan umumnya tersedia fasilitas yang lebih baik. Observasi juga dapat dilakukan secara aktif dengan memberikan pertanyaan atau secara pasif dengan hanya memperhatikan obyek ketika sedang bekerj

Portability : agar aplikasi yang sama dapat digunakan di system yang berbeda makamembuat aplikasinya sebaiknya terpisah dari interface device-dependent-nya.

Reusability : pemisahan meningkatkan komponen untuk dapat digunakan kembaliagar dapat mengurangi biaya.

Multiple interfaces : untuk meningkatkan fleksibilitas aplikasi yang interaktif,beberapa interface yang berbeda dibuat untuk mengakses fungsionalitas yang sama.

Customization : interface user dapat dikustom oleh desainer dan user untukmeningkatkan keefektifan tanpa mengubah aplikasi.

DATA I / O
Dalam Analisis tugas kita harus mempunyai dua macam cara/system untuk melakukan analisa,yaitu :- INPUT → Merupakan aktifitas pemberian data kepada komputer, dimana data tersebut merupakan masukan bagi komputer.- OUTPUT → Keluaran, hasil dari suatu proses, baik berupa data maupun berbentuk informasi yang telah diolah. Unit Input(Input Device)Input Device atau perangkat input atau alat masukan adalah perangkat/ media untuk memasukkan data dari luar ke dalam suatu memori dan processor untuk diolah guna menghasilkan informasi yang diperlukan. Input devices atau unit masukan yang umumnya digunakan personal computer (PC) adalah keyboard dan mouse, keyboard dan mouse adalah unit yang menghubungkan user(pengguna) dengan computer. Data yang dimasukkan ke dalam system computer dapat berbentuk signal input dan maintenance input. Sign input berbentuk data yang dimasukkan ke dalam system computer, sedangkan maintenance input terbentuk program yang digunakan untuk mengolah datayang dimasukkan. Jadi input device selain digunakan untuk memasukkan data dapat pula digunakan untuk memasukkan program.Berdasarkan sifatnya, peralatan input ini terdiri dari beberapa macam- macam piranti input, yaitu:

KeyboardKeyboard merupakan unit input yang paling penting dalam suatu pengolahan data dengan computer. Keyboard dapat berfungsi memasukkan huruf, angka, karakter khusus serta sebagai media bagi user untuk melakukan perintah- perintah lainnya yang diperluka, seperti menyimpan file dan membuka file.Tombol- tombol suatu keyboard umunya dapat dikelompokkan menjadi 4 bagian:
Typewriter key (berfungsi sama seperti mesin ketik. Contoh: tombol tabs, caps lock, enter, dll)
Numeric key (berfungsi untuk menuliskan angka)
Function key (fungsinya berbeda-beda seperti F1 untuk menampilkan menu help, dll)
Special key (termasuk tombol Ctrl, Alt, Shift dengan tombol lain. Contoh: Ctrl+C untuk copy)


MouseMouse digunakan untuk mengatur perpindahan kursor, member perintah secara praktisi, Setiap kita menggerakkan mouse di layar monitor selalu tampak sebuah pointer(penunjuk mouse) yang ikut bergerak. Arah gerak pointer di monitor selalu sesuai dengan aarah gerakkan mouse, sedangkan bentuk tampilan ponter di monitor selain tergantung objek yang ditunjukkan de layar juga tergantung setting yang kita tentukan.

ScannerScanner merupakan alat yang dapat digunakkan untuk: mengcopy teks dari buku, majalah, Koran, atau lainnya ke dalam computer, biasanya dalam program Microsoft Word, sehingga kita tidak perlu mengetikkan kata demi kata.

Bar Code Readerdipergunakan di swalayan untuk membaca label data barang yang dicetak dalam bentuk font karakter. Font yang ada di barang biasanya mempunyai 10 digit, 5 digit identik pabrik dan 5 digit kode barang.Masih banyak perangkat input yang ada seperti Joystik, touch screen, light pen dan lain- lain. Semakin manusia menambah temuan dari tahun ke tahun makin banyak perangkat input yang dibuat.

Unit Output(output device)Perangkat output atau output devices adalah alat yang digunakan untuk menampikan informasi dari computer. Peralatan yang sering digunalkan adalah monitor, printer, dan speaker.

MonitorMonitor merupakan alat untuk menampilkan hasil pengetikkan data lewat keyboard dan hasil pemrosesan data. Informasi atau tulisan yang terlihat pada layar monitor dinamakan soft copy.

PrinterMerupakan alat untuk mencetak informasi pada kertas. Informasi atau segala sesuatu yang telah dicetak di kertas dinamakan hard copy.

Speaker

Merupakan alat untuk mengeluarkan suara. Speaker biasanya dipakai pada computer yang menggunakan system operasi berbasis windows atau multimedia.Proses perubahan konsep-konsep yang abstrak maupun nyata dalam bentuk yg kongkret.

Representasi Data
Cara melakukan representasi data :

* Daftar, ringkasan, matriks
- Gunakan alat bantu bagan
- Tambahkan detail yang semakin bertambah
- Ketahui lebih lanjut berapa detail yang cukup
- Akankan ditambah ringkasan yang dihubungkan dengan sub-tugas khusus
- Baik untuk tugas yang terurut
- Tidak mendukung dengan baik tugas-tugas yang paralel
- Tidak mendukung dengan baik percabangan

* Naratif
- Menjelaskan tugas-tugas dalam bentuk kalimat
- Seringkali versi diperluas dari daftar atau ringkasan
- Lebih efektif untuk mengkomunikasikan ide-ide umum dari tugas
- Tidak efektif untuk detail
- Tidak efektif untuk tugas yang bercabang
- Tidak efektif untuk tugas paralel


* Hierarki
Hierarki Task Analysis (HTA)
- Notasi grafik dan dekomposisi dari tugas
- Tugas merupakan kumpulan dari aksi
- Tugas diatur ke dalam rencana
Mengelompokkan sub-tugas dengan berurut lebih disukai dan kondisi-kondisi prasyarat

Evaluasi 

- Evaluasi Heuristik

Hampir sama dengan Cognitive Walkthrough tetapi sedikit terstruktur dan sedikit terarah.Pada pendekatan ini, sekumpulan criteria usability atau heuristic diidentifikasi dan perancangan dilaksanakan,misalnya dimana criteria dilanggar.Tujuan dari Evaluasi heuristik adalah untuk memperbaiki perancangan secara efektif.Evaluator melakukan evaluasi melalui kinerja dari serangkaian tugas dengan perancangan dan dilihat kesesuaiannya dengan kriteria setiap tingkatan.Jika ada kesalahan terdeteksi maka perancangan dapat ditinjau ulang untuk memperbaiki masalah ini sebelum tingkat implementasi.

- Discount Usability testing

Definisi Suatu metode dengan biaya rendah usabilitas rancang-bangun yang diusulkan oleh Jakob Nielsen,menyatakan bahwa usabilitas itu sering dilakukan oleh sedikit peserta, dan skenario penggunaannya berdasarkan dari hasil pengamatan yang menghasilkan hampir sebagai kebaikan, dan dengan ROI akan menjadi lebih baik manakala dibandingkan dengan costlier usabilitas tradisional yang menguji.

- Cognitive Walkh Trough

Cognitive walkh trough adalah suatu usabilitas pemeriksaan metode yang digunakan untuk mengidentifikasi usabilitas yang mengeluarkan suatu potongan perangkat lunak atau jaringan lokasi, memusatkan pada beberapa kemudahan untuk para pemakai yang baru untuk memenuhi tugas dengan sistem itu. Sedangkan teori walkthrough task-specific, evaluasi heuristik mengambil suatu pandangan holistic untuk tidak menangkap permasalahan yang ditangkap oleh ini dan usabilitas pemeriksaan metode lain.

- Pemodelan User

Permodelan user adalah sebagai pengguna dari semua bahan yang ada pada evaluasi, yang di antaranya yaitu pada Evaluasi Heuristik, Discount Usability testing,dan lain – lain.

- Model Koqnitive (GOMS, CCT, Context based)

Model Kognitif adalah sebuah model yang di rancang dari cara kerja user,untuk mengetahui bagaimana user akan berinteraksi dengan interface.

- GOMS adalah suatu cara menganalisa urutan langkah perkirakan durasi tiap langkah dan akhirnya dan total waktu keseluruhan langkah. Analisa digunakan untuk menentukan jalur critical, waktu yang digunakan untuk menyelesaikan suatu tugas.

- Cognitive Complexity Theory (CCT) adalah alat perekayasaan dengan pengukuran kemudahan dan tingkat kesulitan secara garis besar digabung dengan dekripsi secara detail dari perilaku user.CCT memiliki dua deskripsi paralel, satu adalah tujuan user dan yang lainnya adalah sistem komputer atau disebut device pada CCT. Deskripsi tujuan user berdasarkan hirarki yang tujuan mirip dengan GOMS, tetapi diekspresikan menggunakan production rules.

- Interprative Evaluation

Interpretive adalah suatu studi dan sistematik tentang budaya manusia yang didapat dari Penelitian kontekstual, Studi lapangan dan Studi observasi.
Obyektifitas yang dapat memahami sebuah user dan juga dapat memahami tujuan dan nilai yang berkesinambungan pada sebuah interaksi individu dan group dalam suatu
budaya yang berguna untuk memperbaiki sistem bila ada masalah pada cara yang
digunakan pada saat itu dengan menggunakan sebuah teknik misalnya : Observasi personal, Audio yaitu video recording dan lain-lain. 

Daftar pustaka

•         Santoso,Insap; Interaksi Manusia dan Komputer : Teori dan Praktek, Andi Offset, Yogyakarta, 2004.

•         Surbakti, Irfan; Interaksi Manusia Dan Komputer, Edisi Jurusan Teknik Informatika-ITS, 2006

Minggu Ke 2

PRINSIP USABILITY

Usability dalam interaksi manusia dan komputer merupakan bagian penting yang harus terpenuhi dalam perancangan sebuah sistem. Misalnya dalam pembuatan sebuah web. Web usability adalah salah satu faktor penting dalam mengembangkan sebuah web. Pengembang harus memahami prinsip-prinsip usability sebelum mengimplemen-tasikannya pada sebuah web.

Prinsip Usability adalah prinsip( bakat , kemampuaan, ketangkasan ) yang dapat di pergunakan dalam pembelajaran, perusahaan dan dalam diri manusia sendiri. contohnya dalam teknologi yaitu jika seorang user atau pemakai komputer dia menggunakan perangkat lunak user tersebut dengan tidak sadar telah mempelajari kemampuan suatu kinerja perangkat tersebut bahwa dalam perangkat lunak tersebut terdapat sistem yang bekerja dengan fungsi tertetu. sehingga interaksi pengguna dengan seperangkat komputer bisa di hubungkan dan saling mengenal. Sangat sulit sistem agar user bisa berinteraksi dengan komputer banyak cara agar komputer bisa mengerti apa yang user perintahkan. kita ingin menampilkan huruf A saja sangat rumit perjalanan sistemnya. ini lah dimana kita mempelajari prinsip usability mengenal proses sistem interaksi manusia dengan sebuah komputer.

Didalam Prinsip Usability terdapat hal-hal yang harus diperhatikan diantaranya Human Ability, Human Capabilities, Memori, Proses, Observations, Problem Solving.

Dalam hal ini, Prinsip Usability juga terdiridari :

1. Human Ability

2. Human Capabilities

3. Proses

4. Memori

5. Observations

6. Problem Solving

Human Ability

HUMAN ABILITIES terbagi menjadi 2, yaitu :

• BAIK

- Kapasitas Long Term Memory (LTM) tidak terbatas

- Durasi LTM tidak terbatas dan komplex

- Kemampuan memahami tinggi, Mekanisme konsentrasi powerful serta

Pengenalan pola pikir powerful

• BURUK

- Kapasitas Short Term Memory (STM) terbatas

- Durasi STM terbatas

- Akses yang tidakdapat diandalkan pada STM

- Proses yang cenderung salah dan lambat

Human Capabilities

Pengertiannya hampir sama dengan Human Ability tetapi Human Capabilities lebih mengarah keanggota Penginderaan / Pancaindra (Mata, Telinga, Peraba) pada manusia itu sendiri.

·        Penglihatan

Penglihatan atau mata barangkali merupakan salah satu panca indra manusia yang paling berharga. Beberapa ahli berpendapat bahwa mata manusia terutama digunakan untuk menghasilkan persepsi yang terorganisir akan gerakan, ukuran, bentuk, jarak, posisi relative, tekstur, dan warna. Dalam dunia nyata, mata selalu digunakan untuk melihat semua bentuk tiga dimensi.

Istilah dalam penglihatan:

1.     Luminans

Luminans adalah banyaknya cahaya yang dipantulkan oleh permukaan obyek. Semakin besar luminans dari sebuah obyek, rincian obyek yang dapat dilihat oleh mata juga akan semakin bertambah.

2.     Kontras

Kontras adalah hubungan antara cahaya yang dikeluarkan oleh suatu obyek dan cahaya dari latarbelakang obyek tersebut. Nilai kontras positif akan diperoleh jika cahaya yang dipancarkan oleh sebuah obyek lebih besar dibanding yang dipancarkan olehlatar belakangnya. Nilai kontras negative dapat menyebabkan obyek yang sesungguhnya “terserap” olehlatar belakang, sehingga menjadi tidak Nampak.

3.     Kecerahan

Kecerahan adalah tanggapan subjektif pada cahaya. Tidak ada arti khusus dari tingkat kecerahan seperti pada luminans dan kontras, tetapi luminans yang tinggi berimplikasi pada kecerahan yang tinggi pula.

4.     Sudut dan ketajaman penglihatan

Sudut penglihatan sebagai Sudut yang berhadapan oleh obyek pada mata. Ketajaman penglihatan adalah sudut penglihatan minimum ketika mata masih dapat melihat sebuah obyek dengan jelas.

·        Pendengaran

Bagi orang dengan penglihatan dan pendengaran normal, pendengaran merupakan panca indra yang paling penting setelah penglihatan dalam dunia computer interaktif. Meski saat ini belum banyak program-program aplikasi yang memanfaatkan suara pendengaran sebagai sarana interaksinya,tetapi beberapa program sudah mulai memanfaatkan media suara untuk memberi umpan baik kepada pengguna.

·        Peraba (Touch)

Sentuhan merupakan saranai nteraksi yang menduduki urutan ketiga setelah penglihatan dan pendengaran. Sentuhan barangkali merupakan sarana interaksi yang lebih penting pada orang buta selain suara (jika ia tidak tuli).

Memori

Sebagian besar aktivitas manusia bergantung pada memori. Selain menyimpan pengetahuan faktual, memori manusia juga menyimpan pengetahuan procedural. pengetahuan tersebut melakukan aktivitas secara berulang, menggunakan bahasa, menggunakan informasi yang kita terima dari indera, serta memberikan identitas pada manusia dengan menyimpan informasi mengenai pengalaman masa lalu. Terdapat tiga jenis memori atau fungsi memori:

1.     Memori Sensor

2.     Memori Jangka Pendek (STM)

3.     Memori Jangka Panjang (LTM)

MEMORI SENSOR

Memori sensor bekerja sebagai buffer yang menampung masukan yang diterima dari panca indera manusia memori sensor terdiri dari:

-Memori iconic untuk indera visual

-Memori echoic untuk indera aural/auditory, dan

-Memori haptic untuk indera peraba.

MEMORI JANGKA PENDEK (STM)

Memori jangka pendek dapat dilihat sebagai penyimpan temporer, tetapi informasi yang ada disini tersimpan dalam bentuk terkodekan, bukan dalam bentuk fisik. Beberapa tulisan menyebutkan memori ini mempunyai kapasitas  7 ± 2 chunk informasi. Penelitian lain menyebutkan bahwa memori kapasitas rendah mempunyai waktu penyimpanan yang sangat singkat, sekitar 20-30 detik, meskipun dengan latihan yang memadai angka ini dapat ditingkatkan.

MEMORI JANGKA PANJANG (LTM)

Memori ini berbasis sematik dan diakses secara asosiatif. Kita tidak tahu pasti memori jangka panjang, dan terlihat bahwa sekali kita menyimpan suatu informasi dalam memori ini, mereka akan sukar untuk dilupakan. Informasi yang paling barudan paling sering digunakan merupakan infomasi yang paling siap diakses.

Observations

Orang lebih fokus untuk menyelesaikan masalah, tidak untuk belajar menggunakan suatu sistem secara efektif. Orang menggunakan perbandingan jika tidak ada penyelesaian. Orang lebih kepada heuristic dari pada algorithmic Lebih mencoba coba-coba dari pada pemikiran matang Orang lebih memilih sub-strategi untuk masalah yang tidak terlalu penting. Orang belajar strategi lebih baik dengan latihan

PROBLEM SOLVING

Jika penalaran merupakan mekanisme untuk menarik kesimpulan atau informasi baru dari hal yang sudah diketahui, maka penyelesaian masalah merupakan proses menemukan solusi suatu tugas dengan menggunakan pengetahuan yang dimiliki. Penyelesaian masalah pada manusia di karakteristikkan oleh kemampuan mengadaptasikan informasi dengan situasi yang baru. Terdapat beberapa pandangan mengenai cara manusia menyelesaikan masalah. Gestalt memandang bahwa proses pemecahan masalah melibatkan penggunaan pengetahuan dan proses mantal (insight). Teori problem space melihat bahwa pikiran manusia adalah proses informasi yang terbatas.

Proses User Contered (UCD)

         UCD ( User Centered Design ) adalah filosofi perancangan yang menempatkan pengguna sebagai pusat dari proses pengembangan sistem. Pendekatan UCD telah didukung berbagai teknik, metoda, tools, procedur, dan proses yang membantu perancangan sistem interaktif yang lebih berpusat pada pengguna. Sasaran UCD adalah lebih dari sekedar membuat produk yang berguna. UCD merupakan paradigma baru dalam pengembangan sistem berbasis web.

       Perancangan berbasis pengguna (User Centered design = User Centered Design = UCD) adalah istilah yang digunakan untuk untuk menggambarkan filosofi perancangan. Konsep dari UCD adalah user sebagai pusat dari proses pengembangan sistem, dan tujuan/sifat-sifat, konteks dan lingkungan sistem semua didasarkan dari pengalaman pengguna. Proses pada UCD merupakan proses yang berulang (iterative), dimana tahap desain dan evaluasi dibangun dari tahap awal proyek hingga tahap implementasi.

                Keterangan gambar:

a.Memahami dan menentukan konteks pengguna:

-Karakteristik pengguna yang diharapkan

-Pekerjaan yang dilakukan pengguna

-Pemecahan secara hirarki atas pekerjaan global

-Tujuan global penggunaan sistem untuk setiap kategori pengguna, termasuk karakteristik tugas yang   mungkin menggangu penggunaan dalam scenario khusus, seperti frekuensi dan lama kinerja.

-Deskripsi harus mencakup alokasi aktifitas dan langkah operasional antara manusia dan sumberdaya teknologi

-Pahami lingkungan tempat pengguna akan menggunakan sistem

-Sangat penting awal langkah untuk menentukan kebutuhan sistem minimal dan optimal dengan memperhatikan.

b. Menentukan kebutuhan pengguna dan Organisasi :

Dalam UCD penting untuk memperluas aktivitas kebutuhan fungsional sistem dengan membuat pernyataan eksplisit kebutuhan pengguna dan organisasi, dalam hubungannya dengan konteks diskripsi penggunaan dalam hal:

- Kualitas perancangan interaksi manusia dan komputer serta workstation,

- Kualitas dan isi tugas pengguna ( termasuk alokasi tugas diantara kategori penguna yang berbeda ),

- Kinerja tugas yang efektif khususnya dalam hal transparasi aplikasi ke pengguna,

- Kerjasama dan komunikasi yang efektif diantara pengguna dan pikah ketiga yang relevan,

- Dibutuhkan kinerja sistem baru terhadap tujuan finansial.

c. Solusi perancangan yang dihasilkan

- Dengan memgunakan pengetahuan yang ada untuk mengembangkan suatu proposal solusi perancangan.

- Membuat solusi perancangan lebih konkrit ( dengan simulasi, prototipe, dll )

- Memperlihatkan prototipe ke pengguna dan mengamatinya saat melakukan tugas spesifik, dengan atau tanpa bantuan evaluatur.

- Menggunakan umpan balik untuk perbaikan rancangan,

- Mengulang proses ini sampai tujuan perancangan dipenuhi.

d. Evaluasi Perancangan terhadap kebutuhan pengguna

-  Formative: menyediakan umpanbalik yang dapat digunakan untuk memperbaiki rancangan.

- Summative: melakukan penilaian apakah tujuan pengguna dan organisasi telah tercapai Model menurut Eason (1992).Eason menggambarkan empat langkah kunci dalam pengembangan, yaitu perencanaan, perancangan, implementasi, dan pengelolaan sistem.

Sumber : Interaksi Manusia dan Komputer Universitas Gunadarma