Prinsip Membangun Interface Tata Letak Menu

Membuat Interface Tampilan

Prinsip dasar untuk membuat sebuah tampilan antar muka sama halnya dengan prinsip desain dalam mendesain sebuah karya seni di atas kanvas. Prinsip desain adalah cara menyusun (meletakkan) obyek, warna yang semua itu sama dengan tampilan pada layar komputer.

Meskipun banyak alat (tool) pemrograman membuat mudah dalam mendesain dengan hanya drag drop komponen kedalam form anda atau halaman web anda, dengan hanya sedikit rencana dalam mendesain sebuah aplikasi nantinya akan banyak perubahan desain. Team pengenbang software biasanya mendesain elemen dulu dalam kertas, medesain keutuhan komponen atau kontrol yang dibutuhkan dalam software tersebut dan relasi antar form.

Prinsip dasar desain harus diterapkan dalam antar muka program aplikasi atau desain yang berbasiskan web agar diperoleh desain yang bagus. Untuk software aplikasi dan Web base aplikasi berbeda, tapi bagaimanapun juga kedua model aplikasi dan web base mempunyai proses yang mirip.

Pedoman Antar Muka Berbasis Windows
Yang menjadi keunggulan dari sistem operasi windows adalah sistem menyediakan perintah interface dalam bayak aplikasinya adalah sama. Pengguna dapat belajar dalam satu basis windows yang lainnya akan mudah untuk dipelajari, karena antar mukanya sama.

Menu adalah contoh yang bagus untuk menunjukkan perintar antar muka. Dalam aplikasi berbasis windows memiliki standar bahwa menu File terletak sebelah kiri dari menu bar dan menu help selalu paling kanan, dan menu opsional lainnya seperti Edit Toll diantaranya. Merubah hal yang sudah menjadi stanadar akan mengakibatkan user akan menjadi bingung dan akan menurunkan keunggulan aplikasi tersebut.
Penempatan perintah juga sangat penting. Sebagai contoh, pengguna ingin menggunakan perintah Copy, Cut, Paste on Edit menu. Memindah ke tempat lain akan menyebabkan pengguna bingung.

Satu kunci konsep pendayagunaan dalam percoabaan adalah penemuan. Jika pengguna tidak dapat menemukan keunggulannya. Penguna harus tahu ketika mereka akan menggerjakan sesuatu maka ia harus tau  dengan hanya melihat aplikasi. Contoh mereka harus tahu jika akan membuka form, menetup form dan lain-lain.
Untuk mengetes pengguna, tim meminta penguna menjalankan aplikasi tanpa diberi tahu sebelumnya. Jika mereka dapat menggunakan aplikasi dengan baik tanpa banyak bertanya, berarti apliakasi itu bagus dan sebaliknya jika user tidak tahu maka tim penegmbang harus bekerja keras untuk merevisi programnya.

Navigasi
Hampir semua pengguna komputer sudah familiar dengan sistem menu sebagai navigasi. Pengunaan elemen menu antarmuka sangat penting. Pengembang biasanya menggunakan ,memu standar windows, karena user sudah terbiasa dan familiar menggunakan standar menu windows. Dengan penambahan skrip pada browser. Aplikasi berbasis web dapat memakai sistem menu window seperti sistem menu aplikasi pemrograman klasik.  Sebagai tambahan link form pada aplikasi klasik di dalam web berubah menjadi link antar file. Dan sekali lagi kesederhaan dan konsistensi dalam mendesain sebuah aplikasi adalah poin yang bagus dalm navigasi sistem.

Panduan Untuk Penguna Bagaimanapun bagusnya sebuah antar muka haus juga dipenuhi panduan untuk pengguna, karena pegguna wewaktu-waktu membutuhkan hal tersebut. Entuk bantuan adalah berupa file help atau file HTML yang desertakan dalam aplikasi dan siap diprint untuk dokumentasi. Bentuk bantuan harus di desain sebelum aplikasi dibuat deploy, seperti bagian lain dari program.

Kesimpulan
Prinsip utama dalam mendesain sebuah program adalah bagaimana kita bisa memilih elemen sesuai fungsinya, memilih kombinasi warna, meletakkan elemen dengan mudah dan navigasi program yang baik. Tes program aplikasi  langsung kepada penguna tanpa harus memberitahu dulu. Jika mereka bisa menemukan bagaimana cara menggunakan program aplikasi anda berarti program anda sudah layak.

Keunggulan interface GUI, CLI, VUI

KEUNGGULAN JENIS-JENIS INTERFACE GUI,CLI,VUI

Keunggulan GUI
Saat ini interface yang banyak digunakan dalam software adalah GUI (Graphical User Interface). GUI memberikan keuntungan seperti:

1. Mudah dipelajari oleh pengguna yang pengalaman dalam menggunakan komputer cukup minim.
2. Berpindah dari satu layar ke layar yang lain tanpa kehilangan informasi.
3. Akses penuh pada layar dengan segera untuk beberapa macam tugas/keperluan.

Keunggulan CLI

1. Akses cepat.
2. Berpindah dari satu layar ke layar yang lain tanpa kehilangan informasi.

Keunggulan VUI

1. Cepat. Teknologi ini mempercepat transmisi informasi dan umpan balik dari transmisi tersebut. Contohnya pada komando suara. Hanya dalam selang waktu sekitar satu atau dua detik setelah kita mengkomandokan perintah melalui suara, komputer sudah memberi umpan balik atas komando kita.
2. Mudah digunakan. Kemudahan teknologi ini juga dapat dilihat dalam aplikasi komando suara. Komando yang biasanya kita masukkan ke dalam komputer dengan menggunakan tetikus atau papan ketik kini dapat dengan mudahnya kita lakukan tanpa perangkat keras, yakni dengan komando suara.

Media Belajar Transportasi Untuk Siswa TK/SD

Desain Media Belajar pengenalan nama-nama transportasi untuk TK dan SD dengan prinsip User Oriented :

1. Tampilan awal

2. Tampilan Utama

3. Tapilan Menu Transportasi Udara, Transportasi Laut, Transportasi Darat

Answer Take Home Exam IMK Non Reg 2011

Kajian Interaksi Manusia dan Komputer

IMK

                IMK (Interaksi Manusia dan Komputer) atau HCI (Human Computer Interaction) merupakan ilmu yang mempelajari tentang perancangan, evaluasi, dan implementasi sistem komputer interaktif untuk digunakan oleh manusia, serta studi fenomena-fenomena besar yang terkait dengannya. IMK terfokus kepada perancangan dan evaluasi antarmuka pemakai (user interface). User interface adalah bagian sistem komputer yang memungkinkan manusia berinteraksi dengan komputer. Jadi user interface merupakan jembatan komunikasi yang menjembatani user dengan komputer. User interface mencakup konsep, kebutuhan user untuk mengetahui sistem komputer, dan harus dibuat terintegrasi ke seluruh sistem. User interface tidak cukup hanya berpenampilan ‘bagus’ tetapi harus dapat mendukung tugas yang dilakukan manusia dan dibuat menghindari kesalahan-kesalahan kecil. Bagaimana manusia dan komputer secara interaktif melaksanakan dan menyelesaikan tugas/ task dan bagaimana sistem yang interaktif itu dibuat?

                IMK menerapkan desain grafis dalam pandangan Ilmu Komunikasi yang merupakan metode menyampaikan pesan visual berwujud teks dan gambar dari komunikator kepada komunikan. Dalam mendesain surat kabar misalnya, desainer grafis memerlukan pengetahuan tentang kebisaan pembaca media agar dengan mudah mendesain tata letak dan visual yang cocok. Motif ini digunakan agar pesan yang hendak disampaikan oleh media tersebut diterima dan sampai kepada pembaca.

                Tanpa disadari kita (manusia/user) telah berinteraksi atau berdialog dengan sebuah benda (layar monitor), yaitu dalam bentuk menekan tombol berupa tombol angka dan huruf yang ada pada keyboard atau melakukan satu sentuhan kecil pada mouse. Yang kemudian hasil inputan ini akan berubah bentuk menjadi informasi atau data yang seperti diharapkan manusia dengan tertampilnya informasi baru tersebut pada layar monitor atau bahkan mesin pencetak (printer). Interaksi bisa dikatakan dialog antara user dengan komputer.        

Model atau jenis interaksi, antara lain :
1. Command line interface (perintah baris tunggal). Contoh : unix, linux, dos   
2. Menu (menu datar dan menu tarik). Contoh : hampir semua software menggunakan menu
3. Natural language (bahasa alami). Contoh : bahasa pemrograman terstruktur (belum objek)              
4. Question/answer and query dialogue. Contoh : mysql, dbase interaktif, dll  
5. Form-fills and spreadsheets.  Contoh : excel, lotus, dll             
6. WIMP             
- Windows Icon Menu Pointer 
- Windows Icon Mouse Pulldown Menu             
yang termasuk komponen WIMP : button, dialogue boxes, pallettes, dll.            
                Membuat suatu interface, sangat bergantung pada faktir penglihatan, sehingga kita harus memperhatikan hal-hal berikut:              
1. Luminans (Luminance) Adalah banyaknya cahaya yang dipantulkan oleh permukaan objek. Semakin besar luminans dari sebuah objek, rincian objek yang dapat dilihat oleh mata juga akan semakin bertambah.             
2. Kontras Adalah hubungan antara cahaya yang dikeluarkan oleh suatu objek dan cahaya dari latar belakang objek tersebut. Kontras merupakan selisih antara luminans objek dengan latar belakangnya dibagi dengan luminans latar belakang.           
3. Kecerahan Adalah tanggapan subjektif pada cahaya. Luminans yang tinggi berimplikasi pada kecerahan yang tinggi pula.     
4. Sudut dan Ketajaman Penglihatan. Sudut penglihatan (visual angle) adalah sudut yang berhadapan oleh objek pada mata. Ketajaman mata (visual acuity) adalah sudut penglihatan minimum ketika mata masih dapat melihat sebuah objek dengan jelas.
5. Medan Penglihatan Adalah sudut yang dibentuk ketika mata bergerak ke kiri terjauh dan ke kanan terjauh, yang dapat dibagi menjadi 4 daerah, yaitu :              
- daerah pertama (penglihatan binokuler) = tempat kedua mata mampu melihat sebuah obyek dalam keadaan yang sama    
- daerah kedua (penglihatan monokuler kiri) = tempat terjauh yang dapat dilihat oleh mata kiri ketika mata kiri kita gerakkan ke sudut paling kiri   
- daerah ketiga (penglihatan monokuler kanan) = tempat terjauh yang dapat dilihat oleh mata kanan ketika mata kiri kita gerakkan ke sudut paling kanan

- daerah keempat = daerah buta, yakni daerah yang sama sekali tidak dapat dilihat oleh kedua mata
6. Warna merupakan hasil dari cahaya dimana cahaya merupakan perwujudan dari spectrum elektromagnetik. Jika panjang gelombang berada pada kisaran 400 – 700 nm, luminans konstan dan saturasinya (jumlah cahaya putih yang ditambahkan) dijaga tetap, seseorang yang mempunyai penglihatan warna normal mampu membedakan kira- kira 128 warna yang berbeda. Banyaknya warna yang dapat dibedakan satu dengan yang lain bergantung pada tingkat sensitifitas mata seseorang.

                IMK berasal dari berbagai disiplin bidang ilmu, teknik dan kesenian, seperti : lingustik, philosofi, antropologi, seni, Ilmu computer, matematika, Psikologi, seni, grafik, sosiologi, dan AI. Komputer dan peralatannya harus didesain sesuai dengan kebutuhan yang diinginkan dan dapat membantu manusia dalam pekerjaan sehari-hari (disesuaikan dengan tugas khusus yang diberikan).

                Prinsip-prinsip desain membantu menentukan bagaimana menggunakan elemen desain dan  membantu untuk menggabungkan berbagai elemen desain ke dalam tata letak yang baik.. Ada empat prinsip desain, yaitu :       
1. Keseimbangan            
                Setiap elemen pada susunan visual berat yang telah ditentukan oleh ukurannya, 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.               
2. 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 kunci untuk visual ritme. Menempatkan elemen dalam sebuah layout secara berkala membuat halus, dan bahkan ritme yang tenang, santai moods. Sudden perubahan pada ukuran dan jarak antara unsur membuat cepat, ritme hidup dan suasana hati yang menyenangkan.
3. Penekanan   
                Penekanan yang berdiri atau mendapat perhatian pertama. Tata letak setiap kebutuhan yang penting untuk menarik para pembaca mata ke bagian penting dari tata letak. Terlalu banyak fokus poin kekalahan tujuan. Umumnya, yang penting dibuat ketika salah satu unsur yang berbeda dari yang lainnya.   
4. Kesatuan       
                Kesatuan membantu semua elemen seperti milik mereka bersama. Pembaca harus visual cues untuk memberitahu mereka tahu potong merupakan salah satu unit-teks, headline, foto, gambar, dan keterangan semua pergi bersama-sama. Menyatukan elemen elemen oleh kelompok yang saling berdekatan sehingga mereka terlihat seperti milik mereka bersama. Ulangi warna, bentuk, dan tekstur. Gunakan kotak (dengan struktur yang halaman) untuk membuat kerangka untuk margin, kolom, jarak, dan proporsi.               

Yang Terlibat Dalam IMK adalah :  

Ø  Psikologi dan ilmu kognitif : persepsi user, kognitif, kemampuan memecahkan masalah

Ø  Ergonomi : kemampuan fisik user

Ø  Sosiologi : kemampuan memahami konsep interaksi

Ø  Ilmu komputer dan teknik : membuat teknologi

Ø  Bisnis : pemasaran

Ø  Desain grafis : presentasi interface

Contoh IMK      
                Teknik dialog pengisian barang (form-filling dialogue) merupakan suatu penerapan langsung dari aktifitas pengisian barang dalam kehidupan sehari-hari dimana pengguna akan dihadapkan pada suatu bentuk barang yang ada di layar komputer yang mereka gunakan. Perlman membuat perbedaan antara menu dan barang. Menurut Perlman, menu merupakan dialog yang menampilkan sejumlah alternatif pilihan yang pilihan-pilihan itu dapat dipilih pengguna dengan cara tertentu pada setiap daur aktifitas. Menurut Perlman pula, barang adalah tampilan dari sejumlah persyaratan (requirement) yang menampilkan sejumlah opsion dan berbagai nilai parameter yang telah ditentukan dan dintegrasikan ke dalam sebuah tampilan pada layar.