Minggu, 21 April 2013

Interaksi Manusia Dan Komputer


Ø  IMK :
Bidang ilmu interaksi manusia dan komputer adalah ilmu yang mempelajari tentang bagaimana mendesain, mengevaluasi, dan mengimplementasikan sistem komputer yang interaktif sehingga dapat digunakan oleh manusia dengan mudah. Interaksi adalah komunikasi 2 arah antara manusia (user) dan sistem komputer. Interaksi menjadi maksimal apabila kedua belah pihak mampu memberikan stimulan dan respon (aksi & reaksi) yang saling mendukung. Jika salah satu tidak bisa, maka interaksi akan mengalami hambatan atau bahkan menuju pembiasan tujuan.

Ø  Siapa Saja yang terlibat dalam IMK :
Interaksi adalah juga disebut proses hubungan timbal balik diantara manusia (aktif) dengan komputer (pasif). IMK adalah perihal, tata bentuk, penilaian dan implementasi sistem komputer interaktif untuk kegunaan manuasia dengan kajian fenomena yang didalamnya / interaksi antara pengguna dengan sistem. komponen yang melibatkan model interaksi diantara pengguna :
a. Pengguna (manusia)
b. Sistem (mesin)
c. Interaksi


Ø  Konsep Dasar dari IMK :

          Ketika komputer pertama kali diperkenalkan secara komersial pada tahun 50-an, mesin ini sangat sulit dipakai dan sangat tidak praktis. Hal demikian karena waktu itu komputer merupakan mesin yang sangat mahal dan besar, hanya dipakai dikalangan tertentu, misalnya para ilmuwan atau ahli-ahli teknik.

Setelah komputer pribadi (PC) diperkenalkan pada tahun 70-an, maka berkembanglah penggunaan teknologi ini secara cepat dan mengagumkan ke berbagai penjuru kehidupan (pendidikan, perdagangan, pertahanan, perusahaan, dan sebagainya).

Sistem rancangan dituntut harus bisa memenuhi kebutuhan pemakai, sistem harus mempunyai kecocokkan dengan kebutuhan pemakai atau suatu sistem yang dirancang harus berorientasi kepada pemakai. Pada awal tahun 70-an ini, juga mulai muncul isu teknik antarmuka pemakai(user interface) yang diketahui sebagai Man-Machine Interaction (MMI) atau Interaksi Manusia-Mesin.

Pada Man-Machine Interaction sudah diterapkan sistem yang "user friendly".
User friendly pada MMI hanya dikaitkan dengan aspek-aspek yang berhubungan dengan estetika atau keindahan tampilan pada layar saja.
Sistem tersebut hanya menitik beratkan pada aspek rancangan antarmukanya saja, sedangkan faktor-faktor atau aspek-aspek yang berhubungan dengan pemakai baik secara organisasi atau individu belum diperhatikan 
Para peneliti akademis mengatakan suatu rancangan sistem yang berorientasi kepada pemakai, yang memperhatikan kapabilitas dan kelemahan pemakai ataupun sistem (komputer) akan memberi kontribusi kepada interaksi manusia komputer yang lebih baik.

Maka pada pertengahan tahun 80-an diperkenalkanlah istilah Human-Computer
Interaction (HCI) atau Interaksi Manusia-Komputer.
Pada HCI ini cakupan atau fokus perhatiannya lebih luas, tidak hanya berfokus pada rancangan antarmuka saja, tetapi juga memperhatikan semua aspek yang berhubungan dengan interaksi antara manusia dan komputer.
Ò HCI ini kemudian berkembang sebagai disiplin ilmu tersendiri (yang merupakan bidang ilmu interdisipliner) yang membahas hubungan timbal balik antara manusia-komputer beserta efek-efek yang terjadi diantaranya.






Design


Ø  Prinsip Design
Desain biasa diterjemahkan sebagai seni terapan, dan berbagai pencapaian kreatif lainnya. Dalam sebuah kalimat, kata “desain” bisa digunakan baik sebagai kata benda maupun kata kerja. Sebagai kata kerja, “desain” memiliki arti “proses untuk membuat dan menciptakan obyek baru”. Sebagai kata benda, “desain” digunakan untuk menyebut hasil akhir dari sebuah proses kreatif, baik itu berwujud sebuah rencana, proposal, atau berbentuk obyek nyata.
Proses desain pada umumnya memperhitungkan aspek fungsi, estetik dan berbagai macam aspek lainnya, yang biasanya datanya didapatkan dari riset, pemikiran, brainstorming, maupun dari desain yang sudah ada sebelumnya. Akhir-akhir ini, proses (secara umum) juga dianggap sebagai produk dari desain, sehingga muncul istilah “perancangan proses”. Salah satu contoh dari perancangan proses adalah perancangan proses dalam industri kimia.


Ø  Ide dalam membuat design
Berawal dari minat sang desainer (perancang) untuk memilih, menciptakan, ilustrasi baik berupa foto maupun tulisan.

Ø  Tantangan dalam membuat design
Antara lain: Proses pembuatan. Metoda merancang. Produk yang dihasilkan (rancangan). Serta disiplin ilmu yang digunakan (disain).

Ø  Contoh design dalam kehidupan sehari-hari
Gambar, Animasi, Kartun, Lucu

Ø  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 dalamnya tipografi, 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)
·  Karakter dan simbol dalam penggunaannya mudah dilihat dan dibedakan
-  Menghindari penggunaan upper case (huruf besar) pada tiap huruf dalam suatu pengetikan naskah
-  Berdasarkan studi di temukan bahwa penggunaan campuran huruf kecil dan besar mempercepat proses membaca

·  Mudah dibaca
·  Mudah dikenali dengan adanya sekumpulan jenis huruf yang digunakan untuk mengetik suatu naskah/teks


Ø 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. Pada monitor, skema jenis RGB adalah sbb:

Penuntun Penggunaan Warna
·       Tampilkan warna dengan latar belakang (background) gelap
·       Pilih warna yang cerah untuk foreground (putih,hijau  dll)
·       Hindari penggunaan warna coklat dan hijau untuk background
·       Kecerahan dan kombinasi warna pada foreground dan background kontras
·       Gunakan warna sesuai kebutuhan,disain dibuat dalam b/w dan ditambahkan warna lain sesuai kebutuhan
·       Gunakan warna untuk menarik perhatian user, komunikasi terarah, identifikasi status, menjalin hubungan antar elemen
·       Hindari penggunaan warna pada pekerjaan yang sifatnya non-task, untuk layar yang kebanyakan terdiri dari teks, warna dapat membantu ketika user harus mencari /membedakan bagian2 tertentu

·       Hal-hal yang perlu dipertimbangkan dalam penggunaan warna, yaitu:
- Buta warna (cacat warna)
- Monitor monochrome (hanya mengenal satu warna)
- Pengkodean ekstra meningkatkan tampilan interface
·       Konsisten dalam penggunaan warna
·       Membatasi pengkodean warna menjadi 8 warna (4 warna  lebih baik)
·       Gunakan warna b/w atau abu-abu, atau b/w saja untuk tampilan interface
·       Untuk menunjukkan keragaman bagian-bagian pada layar
·       Disainer sering menggunakan layar kerja dengan menggunakan 4-5 warna

Ø 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

GUI


Ø  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 GAMBAR
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.


User Interface


Ø  Pengertian User Interface
                    Pengertian User Interface secara bahasa yaitu user = pengguna, dan interface = antarmuka.
          User Interface adalah suatu alat yang disediakan oleh sistem operasi (OS) sebagai sarana
          untuk berinteraksi antara pengguna (user) dengan sistem operasi (OS), yang mana pengguna (user)
          memberikan perintah kepada sistem operasi (OS) untuk kemudian di terima, diproses dan di tampilkan
          oleh sistem operasi (OS). 

Jenis-jenis User Interface
                    User Interface terbagi menjadi 2 (dua) jenis, yaitu: 
          a. Command Line Interface (CLI)
                        Command Line Interface (CLI) adalah jenis antarmuka (interface) yang menggunakan
              text-terminal sebagai alat untuk berinteraksi antara pengguna (user) dengan sistem operasi (OS).
          b. Graphical User Interface (GUI)
                        Graphical User Interface (GUI) adalah jenis antarmuka (interface) yang menggunakan
              gambar grafik, icon, menu, dan perangkat menunjuk (pointing device) seperti mouse
              atau track ball sebagai alat untuk berinteraksi antara pengguna (user) dengan sistem operasi.      






Perbandingan Interface Baik dan Kurang Baik

A.   Interface yang kurang  baik.
                                                                             
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 J.
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.
B .Interface website yang baik

1.      Content
   Sangat terlihat sekali perbedaan  dengan website yang sebelumnya dijelaskan diatas. Pada website ini terlihat jelas content yang bagus,jelas dan tidak membingungkan user.
Mungkin dengan content yang seperti ini user akan lebih berlama-lama nongkrong di website kita untuk memanjakan mata dan otak dengan isi-isi yang ada dan bermanfaat.
2.      Coloring
   Pewaranaan sudah cukup baik,dimana  tidak terlalu banyak warna yang mencolok dan membuat pusing. Mungkin karena ini merupakan website formal  jadi penggunaan warnanya tidak terlalu banyak.
3.      Desain
   Pada website ini jelas terlihat memiliki  rancangan desain yang sangat baik,sesuai dengan aturan dalam pembangunan interface sebuah web. Terlihat jelas mana yang content dan mana yang bukan,dan menggunakan background yang sederhana ,bukan gambar yang  justru akan membuat web tampak aneh. Dengan tampilan interface seperti ini ,jadi seseorang tidak akan pusing/bingung lagi untuk mencari apa yang ingin dicari diweb tersebut.
4.      Text
    Dalam penggunaan text dapat dibilang baik,karena tidak terlalu banyak penggunaan jenis  font yang aneh-aneh, dan hanya menggunakan beberapa jenis font yang umum sering digunakan, serta mudah untuk dibaca semua orang.
Ulasan
     Dari perbandingan  diatas mungkin kita menjadi sedikit  tahu seperti apa  dan bagaimana interface yang baik. Untuk membuat suatu interface yang baik dalam suatu website kita harus memperhatikan beberapa hal penting :
1.       Harus memahami konsep dasar dari interaksi manusia dan computer.
2.       Harus  mendesain interaksi dan proses.
3.       Terdapat notasi,dialog dan desain dalam interface
4.       Model-model dari system
5.       Pendukung implementasi interface
Untuk lebih detailnya  mengenai cara pembuatan interface yang baik  dan benar mungkin akan saya jelaskan dilain waktuJ. Tidak  ada kesmpurnaan didunia ini,kesmpurnaan hanyalah milik Allah semata  dan  sebagai hamba yang baik sepatutnya kita harus selalu berusaha dan berdoa, maka dari itu Jika  ada kritik dan saran silahkan komentari post ini untuk manfaat bersama

TIPE - TIPE INTERFACE DAN TIPE INTERAKSI
Interface adalah suatu komunikasi yang fitur yang tersedia supaya user dapat 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. Tanpa bahasa pun kadang ikon bisa tidak jelas maknanya, sebab tidak semua lambang ikon bisa bersifat universal.Terlebih dari itu dalam dunia desain situs Web yang serba grafis.

Tipe interface pada sistem operasi :
1.Command Line Interface (CLI)
2.Graphical User Interface (GUI)


Media Penyimpanan pada system Operasi, yaitu :
A. HARDDISK
Pengertiannya adalah suatu ruang simpan utama dalam sebuah computer. Di situlah seluruh sistem operasi dan mekanisme kerja kantor dijalankan, setiap data dan informasi disimpan.
B.RAM
Pengertiannya adalah perangkat yang berfungsi mengolah data atau intruksi. Semakin besar memori yang disediakan, semakin banyak data maupun intruksi yang dapat mengolahnya.
Tipe interaksi pada interaction:
1. Direct adalah suatu pengoperasian secara langsung dengan objek pada layar. Misalnya delete file dengan memasukkannya ke trash.
2. Menu selection adalah suatu yang memilih perintah dari daftar yang disediakan.
3. Command language adalah suatu penulisan perintah yang sudah ditentukan pada program.
4. Natural language – perintah dengan bahasa alami : Menggunakan bahasa alami untuk mendapatkan hasil.
                        





                     


Analisa Tugas


Ø  Jenis-jenis analisis tugas
       Analisis tugas adalah suatu proses mengkaji seorang manusia dalam melaksanakan tugas, apa saja peralatan yang mereka gunakan, dan hal-hal yang apa saja yang perlu mereka ketahui. Memeriksa tugas-tugas user untuk mengetahui dengan baik apa yang dibutuhkan user dari interface yang mereka rancang dan bagaimana mereka akan menggunakannya.
      Proses menganalisis dan menggambarkan bagaimana manusia melaksanakan tugas / pekerjaannya, apa saja yang dilakukan hal-hal apa saja yang perlu diketahui. Memeriksa tugas-tugas user untuk mengetahui dengan baik apa yang dibutuhkan user dari interface .
Contoh Pengelompokkan tugas :
     Pada Fixed sequence ,Optional tasks ,Waiting events ,Cycles ,Time-sharing ,dan Discreationary.
Cara melakukan analisis tugas :
- INPUT         : sebagai aktifitas pemberian data
- OUTPUT     : sebagai keluaran, hasil dari suatu proses, baik berupa data maupun
contoh :
Pada penggunaan yang outputnya menggunakan analisis tugas yaitu sebagai berikut:
Perancangan Detail Interface, Pendefinisian kebutuhan dalam sistem dan Perancangan Sistem.

Ø  SUMBER DAN PENGGUNAAN INFORMASI
Sumber informasi adalah data. Data merupakan bentuk yang masih mentah dan perlu diolah lebih lanjut. Data terdiri dari fakta-fakta dan angka-angka yang secara relatif tidak berarti bagi pemakai, tetapi dapat diolah melalui suatu model untuk dihasilkan informasi.
* Kelompok dalam Informasi : Informasi Strategis, Informasi Taktis, Informasi Teknis
* Informasi yang Berkualitas : Akurat, Tepat Waktu, Relevan
Fungsi Informasi Suatu Organisasi
Fungsi informasi bagi suatu organisasi yaitu memberikan kejelasan mengenai sesuatu hal yang sudah, sedang dan yang akan dihadapi oleh organisasi.


EVALUASI
Evaluasi Heuristik
Evaluasi heuristic adalah sebuah panduan, prinsip umum, atau aturan yg dapat menuntun keputusan rancangan atau digunakan untuk mengkritik keputusan yg sudah di ambil.
Metode heuristik diimplementasikan dalam bahasa pemrograman Borland Delphi dengan pengaplikasian pada 2 kasus yang berbeda, sedangkan untuk metode MIP diiplementasikan dalam software Lingo. Data-data yang
digunakan berasal dari data yang dibangkitkan dengan menggunakan software
excel. Selain itu rentang variasi rata-rata persentase selisih makespan untuk kasus pertama adalah sebesar 0,312 - 2,076. Sedangkan untuk kasus kedua sebesar 0 - 2,293. Untuk kasus pertama metode MIP memiliki waktu running lebih cepat jika dibandingkan metode heuristik (100 persen), jika dibandingkan dengan metode heuristik.
                                                                  
Discount Usability testing
Definisi Suatu metoda [dari;ttg] biaya rendah usabilas rancang-bangun yang diusulkan oleh Jakob Nielsen yang menyatakan usabilas itu yang dilakukan sering dengan lebih sedikit peserta, dan skenario penggunaan mendasarkan hasil pengamatan menghasilkan itu hampir [sebagai/ketika] kebaikan, dan dengan ROI lebih baik manakala bandingkan dengan costlier usabilas tradisional [yang] menguji.

Coqnitive Walkh Trough
Coqnitive walkh trough adalah suatu usabilitas pemeriksaan metoda yang digunakan untuk mengidentifikasi usabilitas mengeluarkan disuatu potongan perangkat lunak atau jaringan lokasi, memusatkan pada beberapa mudah untuk para pemakaian 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 usabilas pemeriksaan metoda 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 yang menganalisa urutan langkahperkirakan durasi tiap langkah dan akhirnya total waktu keseluruhan langkah.  Analisa digunakan untuk menentukan jalur critical, waktu yang digunakan untuk menyelesaikan suatu tugas).GOMS bukan untuk tugas-tugas dimana langkahlangkahnya kurang dipahami bukan untuk user awam/ tidak berpengalaman.
·                     Cognitive Complexity Theory (CCT) adalah alat perekayasaan dengan pengukuran kemudahan dipelajari dan tingkat kesulitan secara  garis besar digabung dengan dekripsi 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 tujuan yang mirip dengan GOMS, tetapi diekspresikan menggunakanproduction rules.


Interprative Evaluation

Interpretive adalah suatu studi dan sistematik tentang budaya Manusia yang dapat 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.