This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

31 Des 2011

Membuat Scoll di kotak Arsip

Sabtu, Desember 31, 2011    No comments

Untuk  jelasnya langsung saja langkahnya seperti ini :
  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu  Expand Widget Templates
  4. Cari kode yang seperti ini : <div id=’ArchiveList’>  atau kata Archive.
  5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
  6. Kalau sudah,  tambahkan kode warna merah itu sebagai scollnya
  7. Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2></b:if>
<div class='widget-content'> 
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'> <b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div> </b:includable>
 
Kurang lebih hasilnya seperti berikut ini 

Read More

30 Des 2011

Mengganti Cursor diBlog

Jumat, Desember 30, 2011    1 comment

1. Log ini ke akun blogger.
2. Pilih menu Rancangan » Edit HTML;
3. Beri tanda centang pada tulisan Expand Template Widget;

Carilah kode yang kurang lebih seperti berikut ini :

body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
}


a:link {
color:$linkcolor;
text-decoration:none;
}


a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}


a:hover {
color:#000;
text-decoration:underline;
}

5. Kemudian tambahkan kode cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE74xapT2QVEQul0sc13m814MSlCfoutOWetTOukKvl3BfxXVH3CiQNJEeSmE3MmvYl4jJEQZCdmXrDvmW48yuGvT5pLQHkqiZ03xafQRdB2jcygFNTLdGQrdfsidGH9tqkP4-F1Bhgkwh/s1600/cursorblue.png), progress; sehingga menjadi seperti ini;

body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE74xapT2QVEQul0sc13m814MSlCfoutOWetTOukKvl3BfxXVH3CiQNJEeSmE3MmvYl4jJEQZCdmXrDvmW48yuGvT5pLQHkqiZ03xafQRdB2jcygFNTLdGQrdfsidGH9tqkP4-F1Bhgkwh/s1600/cursorblue.png), progress;
}


a:link {
color:$linkcolor;
text-decoration:none;
}


a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}


a:hover {
color:#000;
text-decoration:underline;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE74xapT2QVEQul0sc13m814MSlCfoutOWetTOukKvl3BfxXVH3CiQNJEeSmE3MmvYl4jJEQZCdmXrDvmW48yuGvT5pLQHkqiZ03xafQRdB2jcygFNTLdGQrdfsidGH9tqkP4-F1Bhgkwh/s1600/cursorblue.png), progress;
}



Kode cursor yang berada pada tag body { adalah untuk mengganti cursor default pada blog kita, sedangkan kode cursor yang berada pada tag a:hover { adalah untuk cursor pada link. kamu bisa merubah url ( kode warna biru ) gambar untuk cursor pada blog sobat sesuai dengan keinginan sobat, atau sobat bisa cari url cursor di http://www.totallyfreecursors.com/, http://www.123cursors.com/ dan http://www.cursors-4u.com/;

5. Kemudian simpan template sobat dan lihat hasilnya.

Read More

Mengganti Icon Address URL diblog

Jumat, Desember 30, 2011    No comments

 


Icon address URL adalah gambar kecil yang ada disebelah kiri URL kita, untuk blogspot default iconnya adalah huruf B seperti ini " ". Mengganti Icon address URL sepertinya berkaitan dengan hiasan blog aja, atau identitas blog, atau ciri khas blog.

Langsung aja caranya sebagai berikut :

1. Login dulu diblog.
2. Pada Dasbor > Rancangan > edit HTML. Setelah itu cari code </head>.Letakan lah
    kode dibawah ini tepat diatas kode </head>.
 
    <link href='http://i1123.photobucket.com/albums/l549/FRENDY_TRIAWAN/url.gif' rel='SHORTCUT ICON'/>

     (catatan : Tulisan yang berwarna merah bisa anda ganti sesuai keinginan)

4. Jangan lupa SIMPAN.

Read More

MEMBUAT TITLE DI BLOG BERGERAK

Jumat, Desember 30, 2011    No comments

Ngk basa basi langsung aja ke pokok permasalahan... hehehehe
Pengen tau caranya,langsung aja ikuti langkah-langkahnya sebagai berikut:

1. Login dulu diblog.
2. Masuk ke RANCANGAN>edit HTML. Setalah itu cari kode <head>.
   (catatan : untuk mempermudah pencarian tekan F3 atau CTRL+F).
3. Jika sudah ketemu kode <head>, letakan lah kode sebagai berikut tepat dibawah nya.


<script type='text/javascript'>
//<![CDATA[

var message = new Array() // leave this as is

message[0] = ":SELAMAT:";
message[1] = ":DATANG:";
message[2] = ":DI BLOGKU:";
message[3] = ":Semoga:";
message[4] = ":Bermanfaat:";
message[5] = ":www.4allpeople.co.cc:";

var reps = 1

var speed = 250

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>7){s=1}

if(s==1){document.title='[F=====] '+T+' [=====F]'}
if(s==2){document.title='[=R====] '+T+' [====R=]'}
if(s==3){document.title='[==E===] '+T+' [===E==]'}
if(s==4){document.title='[===N==] '+T+' [==N===]'}
if(s==5){document.title='[====D=] '+T+' [=D====]'}
if(s==6){document.title='[=====Y] '+T+' [Y=====]'}
if(s==7){document.title='[======] '+T+' [=====]'}



if(C<(7*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>
</script>



4. Jangan lupa di Simpan

Read More

MEMBUAT BURUNG TWITER TERBANG

Jumat, Desember 30, 2011    No comments


Langsung aja,Caranya adalah sebagai berikut :
  1. Login ke blogger
  2. Rancangan
  3. Tambah Widget
  4. HTML/Javascript
  5. Copy kode dibawah ini:
    <script type="text/javascript" src="http://infonetmu.googlecode.com/files/tripleflap-infonetmu.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj60WN5jm98WtQm2vemzsowK5jlQCrhTC44UqzW7sar14NzzdAEr61RqofdzitJ1l_5H-_8lCWqyxH1k9XhN3QbGloFkCXWftcWGnfhdRwucwGtZgwFZQhHb7YJt9SqIGtPHQrCIv3NI5-k/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://infonetmu.blogspot.com/";tripleflapInit();
    </script>
  6. Simpan

Ganti yang berwarna merah dengan akun twitter dan URL blog kamu.

Read More

29 Des 2011

Sistem Informasi Manajemen

Kamis, Desember 29, 2011    No comments

Definisi SIM, Sistem Informasi Manajemen

– Informasi dapat diibaratkan sebagai darah yang mengalir di dalam tubuh manusia, seperti halnya informasi di dalam sebuah perusahaan yang sangat penting untuk mendukung kelangsungan perkembangannya, sehingga terdapat alasan bahwa informasi sangat dibutuhkan bagi sebuah perusahaan. Akibat bila kurang mendapatkan informasi, dalam waktu tertentu perusahaan akan mengalami ketidakmampuan mengontrol sumber daya, sehingga dalam mengambil keputusan-keputusan strategis sangat terganggu, yang pada akhirnya akan mengalami kekalahan dalam bersaing dengan lingkungan pesaingnya. Disamping itu, sistem informasi yang dimiliki seringkali tidak dapat bekerja dengan baik.

Masalah utamanya adalah bahwa sistem informasi tersebut terlalu banyak informasi yang tidak bermanfaat atau berarti (sistem terlalu banyak data). Memahami konsep dasar informasi adalah sangat penting (vital) dalam mendesain sebuah sistem informasi yang efektif (effective business system). Menyiapkan langkah atau metode dalam menyediakan informasi yang berkualitas adalah tujuan dalam mendesain sistem baru.
Sebuah perusahaan mengadakan transaksi-transaksi yang harus diolah agar bisa menjalankan kegiatannya sehari-hari. Daftar gaji harus disiapkan, penjualan dan pembayaran atas perkiraan harus dibutuhkan: semua ini dan hal-hal lainnya adalah kegiatan pengolahan data dan harus dianggap bersifat pekerjaan juru tulis yang mengikuti suatu prosedur standar tertentu.

Komputer bermanfaat utnuk tugas-tugas pengolahan data semacam ini, tetapi sebuah sistem informasi menajemen melkasanakan pula tugas-tugas lain dan lebih dari sekedar sistem pengolahan data. Adalah sistem pengolahan informasi yang menerapkan kemampuan komputer untuk menyajikan informasi bagi manajemen dan bagi pengambilan keputusan.

Sistem informasi manajeman 

digambarkan sebagai sebuah bangunan piramida dimana lapisan dasarnya terdiri dari informasi, penjelasan transaksi, penjelasan status, dan sebagainya. Lapisan berikutnya terdiri dari sumber-sumber informasi dalam mendukung operasi manajemen sehari-hari. Lapisan keriga terdiri dair sumber daya sistem informasi untuk membantu perencanaan taktis dan pengambilan keputusan untuk pengendalian manajemen. Lapisan puncak terdiri dari sumber daya informasi utnuk mendukung perencanaan dan perumusan kebijakan oleh tingkat manajemen.

Definisi  sistem informasi manajemen, 
istilah yang umum dikenal orang adalah sebuah sistem manusia/mesin yang terpadu (intregeted) untuk menyajikan informasi guna mendukung fungsi operasi, manajemen, dan pengambilan keputusan dalam sebuah organisasi. Sistem ini menggunakan perangkat keras (hardware) dan perangkat lunak (software) komputer, prosedur pedoman, model manajemen dan keputusan, dan sebuah “data base”.

Konsep Dasar Informasi

Terdapat beberapa definisi, antara lain :
1. Data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.
2. Sesuatu yang nyata atau setengah nyata yang dapat mengurangi derajat ketidakpastian tentang suatu keadaan atau kejadian. Sebagai contoh, informasi yang menyatakan bahwa nilai rupiah akan naik, akan mengurangi ketidakpastian mengenai jadi tidaknya sebuah investasi akan dilakukan.
3. Data organized to help choose some current or future action or nonaction to fullfill company goals (the choice is called business decision making)

Fungsi / Manfaat Sistem Informasi Manajemen

Supaya informasi yang dihasilkan oleh sistem informasi dapat berguna bagi manajamen, maka analis sistem harus mengetahui kebutuhan-kebutuhan informasi yang dibutuhkannya, yaitu dengan mengetahui kegiatan-kegiatan untuk masing-masing tingkat (level) manajemen dan tipe keputusan yang diambilnya. Berdasarkan pada pengertian-pengertian di atas, maka terlihat bahwa tujuan dibentuknya Sistem Informasi Manajemen atau SIM adalah supaya organisasi memiliki informasi yang bermanfaat dalam pembuatan keputusan manajemen, baik yang meyangkut keputusan-keputusan rutin maupun keputusan-keputusan yang strategis.
Sehingga SIM adalah suatu sistem yang menyediakan kepada pengelola organisasi data maupun informasi yang berkaitan dengan pelaksanaan tugas-tugas organisasi.

Beberapa manfaat atau fungsi sistem informasi antara lain adalah sebagai berikut:
1. Meningkatkan aksesibilitas data yang tersaji secara tepat waktu dan akurat bagi para pemakai, tanpa mengharuskan adanya prantara sistem informasi.
2. Menjamin tersedianya kualitas dan keterampilan dalam memanfaatkan sistem informasi secara kritis.
3. Mengembangkan proses perencanaan yang efektif.
4. Mengidentifikasi kebutuhan-kebutuhan akan keterampilan pendukung sistem informasi.
5. Menetapkan investasi yang akan diarahkan pada sistem informasi.
6. Mengantisipasi dan memahami konsekuensi-konsekuensi ekonomis dari sistem informasi dan teknologi baru.
7. Memperbaiki produktivitas dalam aplikasi pengembangan dan pemeliharaan sistem.
8. Organisasi menggunakan sistem informasi untuk mengolah transaksi-transaksi, mengurangi biaya dan menghasilkan pendapatan sebagai salah satu produk atau pelayanan mereka.
9. Bank menggunakan sistem informasi untuk mengolah cek-cek nasabah dan membuat berbagai laporan rekening koran dan transaksi yang terjadi.

Read More

25 Des 2011

Interaksi Manusia dan Komputer-Sistem Penjendelaan

Minggu, Desember 25, 2011    No comments

Jendela (window) adalah bagian dari layar yang digunakan untuk menampilkan suatu informasi (baik informasi tekstual, informasi grafis).
Tujuannya adalah untuk menunjukkan daerah yang digunakan dan menampilkan suatu informasi atau disebut sistem antarmauka yang memungkinkan pengguna untuk menampilkan berbagai informasi baik sendiri-sendiri maupun secara bersama-sama ke dalam bagian layar yang tidak saling mempengaruhi.

Pada sistem jendela yang mampu menampilkan lebih dari sebuah jendela, pengguna seolah-olah sedang bekerja dengan sebuah komputer tetapi mempunyai banyak layar tampilan, sehingga kita dapat melihat sejumlah informasi secara bersama-sama (contoh jendela dua dimensi yang digunakan didalam microsoft windows).
Pemakaian sistem jendela sangat tergantung dari pekerjaan yang akan diselesaikan, sehingga analisis dan perancangan tampilan pada dialog berbasis jendela harus dilaksanakan dengan penuh pertimbangan.
Fungsi dari sistem penjendelaan antara lain :
  1. Memungkinkan memasukkan lebih dari sebuah informasi
  2. Mengkombinasikan sejumlah sumber informasi yang berbeda
  3. Pengendalian secara bebas dari setiap program yang ada
  4. Sebagai sarana untuk mengingatkan
  5. Digunakan sebagai sarana untuk penyajian berganda
  6. Sebagai command contex/active form

DIALOG BERBASIS WINDOWS INI DAPAT DIKELOMPOKKAN MENJADI :
A. Jendela TTY
Jenis jendela yang paling sederhana (tampilan apa adanya) yaitu terdiri atas sebuah jendela yang mempunyai fasilitas pemindahan halaman (scrolling) secara otomatis pada satu arah. Dalam jendela ini pengguna mengetikkan perintah pada bagian bawah dari layar tampilan, dan komputer akan memberikan tanggapan yang juga ditunjukkan pada bagian bawah dari layar tersebut.
Ciri utama dari jendela jenis TTY adalah ketika kursor sudah berada pada suatu baris, maka kursor itu tidak dapat dipindah ke baris sebelumnya atau diatasnya.
Contohnya : pada saat berada pada DOT Prompt, AutoCad (khususnya versi-versi lama)

B. Jendela Time Multiplexed Windows
Jenis jendela yang dapat digeser (scrollable windows) dan frame -ar-a-time windows, jendela yang dapat digeser, yang biasanya diterapkan untuk berbagai teks editor, dilengkapi dengan fasilitas penggeseran jendela secara otomatis maupun secara manual yang dapat dikontrol dengan mengaktifkan tombol-tombol tertentu.
Frame - at-a-time windows banyak diterapkan pada menu tarik yang biasanyan merupakan pilihan-pilihan yang ada dikelompokkan berdasar aturan tertentu sesuai dengan yang diinginkan pemrogram atau hasil kompromi antara pengguna dan pemrogram (tidak memungkinkan adanya dua atau lebih kelompok jendela pada tingkat yang sama muncul secara bersamaan, tetapi kelompok-kelompok yang berada pada tingkat yang berbeda).
C. Space Multiplexed Windows
Lebar layar dibagi-bagi menjadi beberapa jendela dengan ukuran yang bervariasi, dan jendelanya dapat ditentukan berdasarkan ketergantungan antara satu jendela dengan jendela lain tergantung dari model jendela yang diinginkan yaitu :
  • Apakah satu jendela bisa diletakkan diatas jendela yang lain,
  • Apakah masing-masing jendela bisa diubah ukurannya

Jenis jendela yang tergolong dalam kelompok ini adalah jendela satu dimensi, dua dimensi dan jendela dua setengah dimensi.
  1. Jendela satu dimensi : jenis jendela dimana layar dapat dibagi menjadi beberapa bagian secara vertikal atau horizontal yang masing-masing bagian dapat diubah ukurannya (contohnya adalah pemakaian jendela pada Word Perfect versi DOS, Lotus 123) - akan tetapi jendela tidak dapat tumpang tindih.
  2. Jendela dua dimensi : jenis jendela dimana layar dapat dibagi menjadi beberapa jendela baik secara vertikal atau horizontal sehingga seolah-olah membentuk tabel dari beberapa buah jendela, meskipun layar bisa dibagi-bagi ke arah vertikal maupun horisontal - jendela tidak dapat tumpang tindih.
  3. Jendela tiga dimensi : prinsipnya sama dengan jendela dua dimensi, kelebihannya jendela yang dapat tumpang tindih tanpa mengganggu informasi yang ada pada jendela lain (Microsoft Windows 95).

D. Jendela Non Homogen
Jenis jendela yang tidak dapat dikelompokkan pada jenis jendela diatas (jenis jendela yang digunakan dengan fasilitas aplikasi itu sendiri dengan menggunakan instruksi Preview).
Contohnya : ikon dan zooming window. Pada zooming window, pengguna dapat melihat bagian tertentu dari objek yang diamati secara lebih terinci, karena jendela ini dapat diperbesar maupun diperkecil sesuai dengan kebutuhan (contoh Microsoft Word 7.0) dengan penggunakan fasilitas Preview.


PEMANFAATAN / FUNGSI SISTEM PENJENDELAN.
Tugas-tugas yang dapat dilakukan dengan memanfaatkan sistem penjendelaan adalah :
  1. Penampilan lebih banyak informasi. Dengan sistem penjendelaan seorang pengguna dapat menampilkan sejumlah informasi yang berbeda pada masing-masing jendela. Sehingga pada saat yang bersamaan pengguna dapat melihat berbagai informasi berbeda satu sama lain.
  2. Pengaksesan banyak sumber informasi. Karena sistem penjendelaan dapat menampilkan sejumlah informasi berbeda, masing-masing pada jendela yang berbeda dengan waktu yang sama, maka secara bersamaan pengguna dapat mengakses sumber informasi yang berbeda, Informasi2 tersebut dapat berupa informasi numerik, alphanumerik, maupun informasi grafis yang dapat dihasilkan oleh berbagai macam perangkat lunak.
  3. Pengkombinasian berbagai sumber informasi. Tugas ini berkaitan erat dengan tugas kedua yaitu karena pengguna dapat mengakses berbagai informasi dari berbagai sumbernya, maka ia juga dapat mengkombinasikan sumber-sumber informasi untuk mendapatkan satu kesatuan informasi yang bulat (contoh Harvard Graphics dengan mudah dapat disatukan dengan teks yang ditulis menggunakan Microsoft word.)
  4. Pengontrolan bebas atas sejumlah program. Pengguna dapat membuka sejumlah program aplikasi secara bersama-sama.
  5. Pengingatan. Mengingatkan waktu yang digunakan dalam hal-hal tertentu, contohnya ketika kita sedang bekerja dengan komputer, kadang-kadang kita tidak ingat waktu.
  6. Command context/active form. Jendela dapat berfungsi untuk menampilkan indikasi adanya command context. Dengan sistem penjendelaan ini pengguna dapat menyajikan berbagai perintah dan tombol-tombol yang mempunyai interpretasi yang berbeda-beda.
  7. Penyajian jamak. Jendela-jendela yang ada di dalam suatu sistem penjendelaan, khususnya yang menggunakan jendela dua dimensi dan dua setengah dimensi, dapat digunakan untuk menampilkan berbagai informasi dari sebuah program yang sedang dieksekusi. Dengan cara seperti ini pengguna dapat memperoleh informasi yang lebih banyak dan lengkap.


PERTIMBANGAN TEKNIS
Dalam penggunaan sistem penjendelaan perlu dipertimbangkan:
  • sistem memori utama harus besar
  • harus menggunakan adapter grafik.
Sebagai contoh :
Pengoperasian informasi tekstual, elemen terkecilnya adalah karakter yang setiap karakternya memerlukan 1 byte, sehingga layar komputer yang mempunyai resolusi 80 kolom dan 25 baris tidak akan memerlukan memori yang besar, sebaliknya pada informasi grafis, elemen terkecilnya adalah piksel, satu piksel dapat disajikan 1 bit (2 warna), 2 bit (4 warna), 4 bit (16 warna), 8 bit (256 warna) dst., sehingga jika menginginkan informasi grafis yang cacah warnanya banyak maka setiap pikselnyapun harus disajikan dalam cacah bit yang besar pula.
Pada hal resolusi layar tampilan dapat bervariasi, misalnya 320 piksel X 200 piksel. 640 piksel X 2000 piksel, 1024 piksel X 768 piksel dan seterusnya. Dimisalkan kita memilih resolusi 1024 piksel (kolom) X 768 piksel (baris) dan mempunyai 256 warna, yang berarti satu piksel memerlukan 8 bit atau 1 byte, sehingga, adapter grafik yang diperlukan harus mempunyai memori minimal sebesar 1024 X 768 X 1 byte = 786432 byte = 768 kbyte.
Salah satu kunci keberhasilan dalam penerapan sistem penjendelaan adalah besarnya memori yang ada didalam komputer yang kita pakai, semakin besar memori yang dimiliki oleh suatu sistem komputer, maka sistem penjendelaannya akan semakin cepat dikerjakan.


MANIPULASI LANGSUNG
Manipulasi langsung: Ragam dialog pemakaian secara langsung dengan menggunakan fasilitas2 yang ada pada program aplikasi. Contoh: penggunaan game, penggunaan spreadsheet dll). Penerapan Manipulasi Langsung antara lain adalah untuk :
  1. Kontrol Proses. Kontrol proses didalam berbagai berbagai industri, misalnya pada pembangkitan dan penyaluran listrik dan industri makanan berskala besar yang biasanya memanfaatkan tampilan visual yang berupa panel-panel kontrol yang dihubungkan ke suatu sistem pengontrol berbasis komputer.
  2. Editor Teks. Konsep WYSIWYG (what you see is what you get) merupakan fenomena pengolah kata modern yang banyak memberikan kemudahan pada pengguna. Pengguna akan mendapatkan hasil cetakan seperti apa yang muncul pada layar tampilan, sehingga ketika pengguna melakukan manipulasi atas suatu teks pada layar, maka sebenarnya ia juga melakukan menipulasi atas hasil cetakan yang diharapkan.
  3. Simulator. Merupakan sistem miniatur yang mencoba menirukan kerja suatu sistem yang berskala sangat besar atau sangat kecil (contoh : simulator penerbangan).
  4. Kontrol Lalu Lintas Penerbangan. Sistem radar berpegang pada adanya kemampuan untuk mengenal pola bentuk-bentuk tertentu seperti yang dapat dikerjakan oleh manusia.
  5. Perancangan Berbantuan Komputer (Computer aided design). Contoh dengan menggunakan program AutoCad, program ini dapat merancang suatu model pesawat terbang, baik dengan tampilan yang disebut dengan wireframe model maupun berwujud tampilan seperti sebuah pesawat yang sesungguhnya. Program ini juga sering dimanfaatkan untuk melakukan pemetaan berbasis komputer (computer - based mapping).


KEUNTUNGAN DAN KERUGIAN MANIPULASI LANGSUNG
Keuntungan:
  1. Mempunyai analogi yang jelas dengan suatu pekerjaan nyata
  2. Mengurangi waktu pembelajaran
  3. Memberikan tantangan untuk eksplorasi pekerjaan yang nyata
  4. Penampilan visual bagus
  5. Mudah dioperasikan
  6. Tersedianya berbagai perangkat bantuan untuk merancang ragam dialog manipulasi langsung
Kerugian:
  1. Memerlukan program yang rumit dan berukuran besar
  2. Memerlukan tampilan grafis berkinerji tinggi
  3. Memerlukan peranti masukan seperti mouse, trackball
  4. Memerlukan perancangan tampilan dengan kualifikasi tertentu

Read More

Interaksi Manusia dan Komputer-Pembuatan Komponen Antar Muka Grafis

Minggu, Desember 25, 2011    No comments

A. Pengertian Komponen Antar Muka Grafis

Komponen antar muka grafis adalah bentuk bentuk tampilan yang dapat dilihat dan umumnya bersifat tetap yang selalu digunakan pada sebuah program aplikasi komputer.
Komponen antar muka grafis bertujuan untuk memenuhi salah satu kriteria interaksi antara manusia dan komputer yakni agar mendapat perhatian pengguna kepada program aplikasi yang dibuat, tentunya sebuah program aplikasi haruslah mempunyai tampilan yang menarik perhatian pengguna.

B. Tujuan Perancangan komponen antar muka grafis

Tujuan perancangan antarmuka pada dasarnya adalah untuk mendapatkan satu kriteria yang sangat penting dalam pengoperasian sebuah program aplikasi, yakni aspek ramah dengan pengguna (user friendly).
Ada beberapa aspek yang mempengaruhi keramahan dan perlu dimiliki dari sebuah antar muka grafis dengan pengguna, diantaranya :

Keluwesan
  • Antar muka grafis yang luwes atau fleksibel adalah antar muka grafis yang mempunyai kemampuan untuk mencapai suatu tujuan lewat sejumlah cara yang berbeda.
  • Karakteristik penting dalam mencapai keluwesan adalah bahwa antar muka grafis harus dapat menyesuaikan diri dengan keinginan pengguna, dan bukan pengguna yang harus menyesuaikan diri dengan kerangka antar muka grafis yang telah ditetapkan oleh perancang sistem.
  • Salah satu ciri keluwesan adalah adanya kesempatan bagi pengguna untuk melakukan customizing dan memperluas antarmuka sistem untuk memenuhi kebutuhan pribadinya.
  • Antarmuka tidak perlu dibuat atau digunakan lebih dari yang diperlukan, karena tidak ada keuntungan yang diperoleh, malah akan membuat  implemen-tasinya lebih sulit.
Kompleksitas
  • Antarmuka tidak perlu dibuat atau digunakan lebih dari yang diperlukan, karena tidak ada keuntungan yang diperoleh, malah akan membuat  implemen-tasinya lebih sulit.
Konsistensi
  • Merupakan atribut yang sangat penting untuk membantu pengguna mengembangkan mentalitas yang diperlukan dalam pengoperasian sebuah sistem komputer dengan antar muka grafis.
  • Antar muka grafis yang konsisten mendorong pengembangan mentalitas dengan cara memberikan semacam petunjuk kepada pengguna untuk mengekstrapolasi pengetahuan yang dimiliki saat itu untuk dapat memahami perintah-perintah baru lengkap dengan pilihan yang ada.
  • Biasanya jika seorang pengguna sudah dapat menggunakan sebuah perintah dengan  suatu pilihan, maka ia akan terdorong untuk menggunakan perintah yang sama dengan berbagai pilihan (option) yang berbeda. maka dari itu, konsistensi harus diterapkan pada semua aspek perancangan antarmuka pengguna.
Observabilitas
Sistem dikatakan mempunyai sifat observabilitas apabila dapat berfungsi secara benar dan nampak sederhana bagi pengguna, meskipun sesungguhnya pengolahan internalnya sangat rumit. Hal ini sering sukar diperoleh, khususnya jika model sederhana dari aktifitas internal yang rumit perlu disajikan kepada pengguna. Kesukaran akan muncul ketika pengguna mencoba melompati batas model sistem (misalnya karena ada kesalahan) dan sistemnya tidak mampu memberikan respon yang dapat dipahami pengguna. sebuah perancangan antar muka grafis harus memikirkan observabilitas kedalam program yang akan dibuat agar sebuah sistem itu benar-benar dapat mudah digunakan oleh pengguna walaupun program tersebut rumit.

Umpan balik
Program yang baik akan selalu memberikan umpan balik yang dapat berupa pesan tentang apa yang dikerjakan komputer serta statusnya saat itu. Untuk mencapai program yang baik itu diperlukan antar muka yang baik untuk memberikan pesan tentang apa yang dikerjakan komputer agar mudah dimengerti oleh pengguna.
Contoh umpan balik yang seringkali diperlukan, misalnya jika pengguna harus memilih suatu pilihan dari sejumlah pilihan yang ada, maka program harus memberitahu pengguna cara yang dapat dipakai untuk memilih suatu pilihan, dan jika terjadi suatu kesalahan komputasi, program akan menampilkan suatu pesan salah (error message) yang sesuai.

Kontrolabilitas
Yaitu, sistem selalu berada dibawah kontrol pengguna. Agar tujuan ini tercapai, antarmuka harus mempunyai sarana yang memungkinkan pengguna untuk dapat menentukan :
  • Dimana sebelumnya ia berada
  • Dimana ia sekarang berada
  • Kemana ia dapat pergi
  • Apakah pekerjaan yang sudah dilakukan dapat dibatalkan
C. Keuntungan Perancangan antar muka grafis

1. Antarmuka yang dihasilkan menjadi lebih baik.
  • Hasil rancangan sementara dapat dibuat prototipe dan diimplementasikan, bahkan sebelum aplikasinya ditulis.
  • Perubahan yang diinginkan pengguna dapat segera dilakukan karena antarmukanya mudah dimodifikasi.
  • Sebuah aplikasi dapat mempunyai lebih dari sebuah antarmuka.
  • Sejumlah aplikasi yang berbeda dapat mempunyai antarmuka yang konsisten, karena mereka dapat dibangun dengan menggunakan peranti bantu yang sama.
  • Memberikan “wajah” yang unik dari sebuah program aplikasi, dan “sentuhan” khusus kepada sebuah program aplikasi.
  • Memungkinkan sejumlah ahli bekerja bersama untuk memberikan kontribusinya masing-masing, misalnya ahli grafis, psikolog, ahli kognitif, maupun spesialis human factor.
2. Program antarmuka menjadi mudah ditulis dan lebih ekonomis untuk dipelihara
  • Program antarmuka menjadi lebih terstruktur dan lebih modular karena sudah dipisahkan dari aplikasinya. Hal ini memungkinkan pengguna untuk mengubah antarmuka tanpa mempengaruhi aplikasinya, dan memungkinkan pemrogram untuk mengubah program aplikasi tanpa mengubah antarmukanya.
  • Program antarmuka lebih reusable karena peranti bantu menggabungkan bagian-bagian yang sama.
  • Kehandalan antarmuka menjadi lebih tinggi, karena program itu dibangkitkan secara otomatis dari arah spesifikasi yang lebih tinggi.
  • Spesifikasi antarmuka menjadi lebih mudah dinyatakan, divalidasi, dan dievaluasi, serta dimodifikasi.
  • Kegayutan peranti diisolasi di dalam peranti bantu, sehingga antarmukanya lebih mudah diport ke berbagai aplikasi pada lingkungan yang berbeda.
D. Komponen Dasar Antarmuka Grafis

Komponen antar muka bekerja pada mode teks ataupun mode grafis. Dari sekian banyak antar muka grafis yang dipakai pada paket-paket program aplikasi, sering ditemukan bentuk-bentuk yang selalu tetap. Komponen itulah yang disebut dengan komponen dasar antar muka grafis.
  1. Spin Box, adalah salah satu komponen antar muka grafis yang digunakan untuk mengatur suatu nilai peubah, biasanya bertipe numerik, dengan menambahkan atau mengurangkankannya dengan suatu nilai tertentu. Dalam spin box nilai maksimum dan minimum peubah harus dinyatakan dengan jelas, supaya tombol ini tidak memutar (spining) terus menerus.
  2. List Box, digunakan untuk menampilkan sejumlah pilihan yang tersedia yang dapat dipilih oleh pengguna program. Setelah pengguna memilih sekian banyak pilihan yang tersedia, pilihan terpilih akan disimpan sebagai nilai dari sebuah peubah.Combo box mirip dengan list box, tetapi memiliki perbedaan dalam penampilannya. Pada list box beberapa pilihan dapat dilihat langsung oleh pengguna, sementara pada combo box pilihan-pilihan yang ada tidak akan terlihat kecuali pengguna menekan tombol anak panah yang melekat pada tombol combo box itu.
  3. Check Box, komponen ini digunakan untuk memilih satu atau lebih pilihan dari jumlah pilihan yang tersedia. Komponen ini cocok dipakai apabila pemrogram lebih memberi kebebasan kepada pengguna untuk membuat lebih dari satu pilihan.
  4. Tombol radio, berbeda dengan check box, tombol radia hanya memungkinkan pengguna untuk memilih satu pilihan diantara beberapa pilihan yang tersedia. Contoh nyatanya adalah pemilihan jenis kelamin.
  5. Tombol tekan, biasanya digunakan untuk mengaktifkan suatu aktivitas apabila tombol tersebut ditekan menggunakan mouse (klik mouse). Jenis tombol ini disebut tombol tekan karena tombol ini seolah-olah masuk kedalam layar komputer, seperti halnya anda menekan sebuah tombol. Teknik penampilan tombol tekan pada layar perlu diperhatikan, sehinngga penampilan tombol tekan tersebut terkesan merupakan tombol 3 dimensi yang ketika tombol tersebut dipilih, terlihat seperti menekan tombol yang sebenernya.
E. Strategi Pengembangan Antarmuka Grafis

Dari beberapa hal yang dijelaskan di atas bahwa sebuah program aplikasi terdiri atas dua bagian penting. Bagian pertama adalah bagian antarmuka yang berfungsi sebagai sarana dialog antara manusia dengan komputer. Bagian kedua adalah bagian aplikasi, merupakan bagian yang berfungsi untuk menghasilkan informasi berdasar olahan data yang sudah dimasukan oleh pengguna lewat algoritma yang diisyaratkan oleh aplikasi tersebut.
Secara garis besar, pengembangan bagian antarmuka perlu memperhatikan beberapa hal sebagai berikut:
  • Pengetahuan tentang mekanisme fungsi manusia sebagai pengguna komputer. Hal ini menyangkut antara lain psikologi kognitif, tingkat perseptual, dan kemampuan motorik dari pengguna.
  • Berbagai informasi yang berhubungan dengan karakteristik dialog yang cukup lebar, seperti ragam dialog, struktur, isi tekstual dan grafis, tanggapan waktu, dan kecepatan tampilan. Pengetahuan umum (common sense) sering menjadi salah satu petunjuk penting dalam pembangunan antarmuka, tetapi perancang tidak boleh hanya mengandalkan pada pengetahuan umum ini.
  • Penggunaan protitipe yang didasarkan pada spesifikasi dialog formal yang disusun secara bersama-sama antara (calon) pengguna dan perancang sistem, serta peranti yang mungkin dapat digunakan untuk mempercepat proses pembuatan prototipe.
  • Teknik evaluasi yang digunakan untuk mengevaluasi hasil proses prototipe yang telah dilakukan, yaitu secara analitis berdasarkan pada analisis atas transaksi dialog, secara empirik menggunakan uji coba pada sejumlah kasus, umpan balik pengguna yang dapat dikerjakan dengan tanya jawab maupun kuesioner, dan beberapa analisis yang dikerjakan oleh ahli antarmuka.
Strategi Pembuatan Antar Muka Grafis Berbasis Pengisian (Form Filling)
Form filling  digunakan untuk aktivitas pemasukan data atau pemanggilan data, pada umumnya Layout layar tampilan mirip dengan form tercetak.
Kualitas antarmuka berbasis pengisian barang tergantung pada tiga aspek:
  1. Tampilan pada layar monitor yang mencerminkan struktur data masukan yang diperlukan oleh sistem.
  2. Kejelasan perancangan dan penyajiannya secara visual pada layar monitor.
  3. Derajat kebenaran dan kehandalan penerimaan data masukan oleh program lewat berbagai fasilitas pemasukan data yang ada di dalam form tersebut.
Berikut ini adalah hal-hal yang perlu diperhatikan dalam pembuatan antar muka berbasisikan form filling :
  1. Proteksi tampilan. Adanya pembatasan agar pengguna tidak dapat mengakses semua tampilan yang ada di layar monitor.
  2. Batasan medan tampilan. Medan data dapat ditentukan mempunyai panjang yang tetap atau berubah, menggunakan format bebas atau tertentu.
  3. Isi medan. Pengguna biasanya mempunyai sejumlah gambaran tentang isi medan yang diperbolehkan. Petunjuk pengisian dapat juga ditampilkan sebagai bagian dari tampilan
  4. Medan opsional. Beberapa medan isian dapat bersifat opsional. Medan opsional dapat dinyatakan secara tekstual atau menggunakan aturan tertentu, seperti penggunaan warna berintensitas rendah, warna tampilan yang berbeda, dan lain-lain.
  5. Default. Apakah dalam medan isian dimungkinkan adanya nilai default. Jika ya, tentukan tempatnya, apakah pada bagian yang tidak dapat diakses pengguna ataukah pada bagian pemasukan data.
  6. Bantuan. Adanya bantuan (help) yang menunjukkan cara pengisian borang, tetapi harus terpisah dari bentuk dasar borang. Jika terdapat fasilitas bantuan, pengguna perlu diberitahu cara mengakses.
  7. Medan penghentian. Masukan data dalam medan dapat diakhiri dengan jalan menekan tombol Enter atau Return atau mengisi karakter terakhir dengan karakter tertentu atau dengan cara berpindah ke medan lain.
  8. Navigasi. Kursor dapat digerakan di sekeliling layar menggunakan tombol Tab untuk urutan yang tetap, atau dapat pula digerakkan secara bebas menggunakan mouse.
  9. Pembetulan kesalahan. Pengguna dapat membetulkan kesalahan dengan menggunakan tombol BackSpace dengan menindihi (overwrite) isian lama, dengan jalan membersihkan dan mengisi kembali medan tersebut, dan lain-lain.
  10. Penyelesaian. Perlu diperhatikan cara yang digunakan untuk memberitahu pengguna bahwa seluruh proses pengisian telah selesai.
Strategi Pembuatan Antar Muka Grafis Berbasiskan WIMP
Yaitu antar muka yang merupakan ragam default dari sebagian besar aplikasi sistem komputer saat ini.
WIMP adalah ragam interaksi yang berbasis pada :
a. Window
Adalah area pada layar yang mempunyai sifat seperti terminal yang independent. dapat terdiri dari teks atau grafis. Dapat saling overlap dan menutupi yang lain, atau tersusun seperti keramik lantai. Fasilitas scrollbars memungkinkan pengguna untuk menggerakkan isi window ke atas-bawah atau menyampin dengan title bars yang menunjukkan nama window. Window dapat ditutup menjadi semacam representasi kecil, sehingga dapat memuat/mengaktifkan  banyak window.
b. Icon
Icon Berupa lukisan atau gambar berukuran kecil mewakili suatu obyek dalam antarmuka, dapat suatu window atau tindakan. Icon dapat bervariasi, mulai dari simbol yang abstrak sampai gambaran  realitas
c. Menu
Menu berupa pilihan operasi atau fungsi yang disediakan pada layar. Pemilihan pada menu dilakukan dengan menggunakan pointer. Kelemahan: menu dapat memakan ruang layar. Solusi: menu hanya muncul saat dibutuhkan.
d. Pointer / Pull Up (Down)
Pointer Merupakan komponen penting. Ragam WIMP bertumpu pada proses penunjukkan dan pemilihan sesuatu yang biasanya dilakukan dengan menggunakan mouse atau dapat juga menggunakan joystick, trackball, atau tombol panah pada keyboard.
  1. a. Komponen tambahan
Beberapa komponen tambahan dalam model WIMP, diantaranya :
a)   Button (tombol) :
  • radio button :
kumpulan pilihan yang harus memilih salah satu, tak boleh lebih dari 1
  • check box :
kumpulan dari pilihan-pilihan yang boleh memilih 1/lebih dari 1
b)  Pallettes (palet) : kumpulan kemungkinan mode yang tersedia, ditambah mode yang aktif saat itu, biasanya adalah sekumpulan icon yang ditata secara berdampingan (tiled icons) contoh : paket untuk menggambar memiliki palet yang mengindikasikan apakah kotak, lingkaran, garis atau teks yang akan digambar, dan yang lain lagi mengindikasikan warna-warna yang tersedia pada paket tersebut.
c)  Combo box, list box
d)   Kotak dialog : jendela yang berisi informasi penting, seperti pada saat user akan menyimpan file, maka muncul kotak dialog untuk memberi nama file tersebut. Setelah file disimpan, kotak dialog selesai tugasnya dan menghilang dari layar.
e)   Kotak peringatan, muncul untuk memberitahu kesalahan atau tuntunan
Strategi Pembuatan Antar Muka Grafis Berbasiskan Sistem Menu
Sistem menu merupakan pilihan yang tepat untuk menunjukkan kemampuan dan fasilitas yang dimiliki oleh sebuah program aplikasi kepada pengguna. Menu adalah daftar sejumlah pilihan dalam jumlah terbatas, yang biasanya berupa suatu kalimat atau kumpulan beberapa kata. Ditinjau dari teknik penampilan pilihan-pilihan pada sebuah sistem menu, dikenal dua jenis sistem menu: sistem menu datar dan sistem menu tarik (pulldown) yang berbasis pada struktur hirarki pilihan (struktur pohon pilihan). Sistem menu datar, adalah sistem menu yang menampilkan semua pilihan secara lemgkap. Sistem menu tarik adalah sistem menu yang akan menampilkan pilihan dalam kelompok-kelompok tertentu.
a. Sistem Menu Datar
Dalam sistem menu datar, kemampuan dan fasilitas yang dimiliki oleh suatu program aplikasi akan ditampilkan secara lengkap, dan biasanya menggunakan kalimat-kalimat yang cukup panjang.
Penentuan pilihan pada menu datar depat dikerjakan dengan dua cara. Cara pertama adalah dengan menggunakan selektor dari setiap pilihan yang tersedia, dan cara kedua adalah dengan menggerakkan tanda terang (highlight marker) ke suatu pilihan dan kemudian dikonfirmasikan dengan menekan tombol Enter. Dari sisi implementasi, cara pertama lebih mudah diimplementasikan dibandingkan dengan cara kedua. Tetapi dari sisi pengguna, cara kedua biasanya lebih disukai, karena tampilannya tidak monoton. Secara terinci kedua cara penentuan pilihan disajikan berikut ini:
b. Selektor Pilihan
Untuk memudahkan pengguna dalam melakukan pilihannya, pada setiap pilihan biasanya disertakan suatu selektor yang dapat berupa angka, huruf, atau campuran antara angka dan huruf. Dalam menentukan jenis selektor yang akan digunakan (angka, huruf, atau kombinasinya) salah satu bahan pertimbangannya adalah banyaknya pilihan yang akan disediakan. Jika banyak pilihan sama dengan atau kurang dari 10 buah. Anda dapat menggunakan selektor yang berupa angka (ingat bahwa kita mempunyai 10 buah angka, dari 0, 1, 2, sampai 9).
Tetapi jika jumlah pilihan lebih dari 10 buah, penggunaan selektor yang berupa angka kurang cocok, karena pengguna harus menekan dua buah tombol untuk memilih pilihan dengan nomor elektor 10 atau lebih. Keadaan seperti ini tidak selalu diinginkan, terutama bagi paera pengguna yang sudah terbiasa menggunakan komputer. Sehingga, jika banyaknya pilihan lebih dari 10 buah, akan lebih sesuai apabila Anda menggunakan selektor yang berupa huruf, karena kita mempunyai 26 huruf alphabet. Jika cacah pilihan lebih besar dari 26 buah, selektornya dapat berupa campuran angka dan huruf.
c. Penggunaan Tanda Terang
Cara lain untuk menentukan pilihan pada daftar menu datar adalah menggunakan suatu mekanisme yang disebut tanda terang (highlight marker) yang dapat digerakkan pada semua pilihan yang ada dilayar Dengan cara ini, pengguna – dengan bantuan tombol khusus seperti ¬, ­, ®, atau ¯, atau dengan menggunakan mouse – memenpatkan tanda terang ke suatu pilihan yang ia inginkan. Kemudian, pengguan harus menekan tombol Enter atau mengklik mouse untuk mengkonfirmasikan pilihannya.
d. Daya Tarik
Sebuah menu tarik pada dasarnya adalah sistem menu yang pilihan-pilihannya dikelompokkan menurut menurut kategori tertentu atau menurut cara tertentu sehingga mereka membentuk semacam hirarki pilihan. Pada hirarki paling tinggi, pilihan-pilihan itu disebut denganpilihan/menu utama. Sebagian atau semua pilihan/menu utama dapat mempunyai salah satu atau lebih subpilihan/submenu. Sebuah subpilihan/submenu dari suatu pilihan/menu utama dapat mempunyai satu atau labih sub-subpilihan, dan seterusnya. Struktur ini membentuk semacam struktur pohon. Gambar 3.8 menunjukkan contohstruktur pohon dari suatu menu tarik.
e. Shorcut
Shortcut adalah cara pemilihan suatu manu dengan cara yang biasa digunakan. Shortcut ini biasanya diimplementasikan menggunakan kombinasi tombol-tombol khusus, misalnya kombinasi antara tombol Ctrl dengan Ins, Ctrl dengan A, dan lain-lain.
Keuntungan dan kerugian menggunakan sistem menu:
Keuntungan
Kerugian
· Memerlukan sedikit pengetikan
· Beban memori rendah
· Strukturnya terdefinisikan dengan baik
· Tersedia piranti bantu CAD
· Seringkali lambat
· Memakan ruang layar (khususnya untuk menu datar)
· Tidak cocok untuk aktifitas pemasukan data
· Tidak cocok untuk dialog trinisiasi pengguna
· Tidak cocok untuk dialog terinisiasi campuran
Strategi Pembuatan Antar Muka Grafis Berbasis Ikon
Sejalan dengan penggunaan simbol-simbol dan tanda-tanda kehidupan kita sehari-hari, antarmuka sering memanfaatkan simbol-simbol dan tanda-tanda ini untuk memberitahukan pengguna akan kemampuan dan fasilitas yang dimiliki oleh suatu program aplikasi. Ragam dialog yang banyak menggunakan simbol-simbol dan tanda-tanda untuk menunjukkan suatu aktifitas tertentu  disebut dengan antarmuka berbasis ikon (icon-based user interface) .
Secara teknis, antarmuka berbasis ikon boleh dikatakan merupakan variasi dari antarmuka. Kenneth N. Lodding dan R.S. Easterby memperkuat pendapat yang pertama. Mereka mendukung pendapat yang pertama dengan berbagai alasan: manusia mendapatkan kesan bahwa gambar mempunyai sifat alamiah, manusia mempunyai ingatan yang kuat dalam mengingat-ingat dan mengolah gambar, ikon merupakan sesuatu yang mudah dipelajari dan dikenal, dan karena gambar lebih bersifat umum dibanding dengan informasi tektual. Karena alasan-alasan di atas, antarmuka berbasis ikon dapat mempersingkat waktu dan memperkecil usaha yang diperlukan untuk mempelajari suatu program apliksi dengan jalan mempertingi kinerja pengguna serempak dengan adanya penuruna kesalahan. Easterby lebih menekankan kepada penggunaan simbol yang bersifat lebih umum dibandingkan dengan teks yang sangat bergantung pada suatu bahasa. D. Gittens menambahkan bahwa ikon yang atribut-atributnya dapat diatur memungkinkan pemrograman untuk mengelompokkan berbagai obyek berdasarkan stributnya.
Beberapa ahli lain cenderung mendukung pendapat kedua. S. Manes mengatakan bahwa penggunaan ikon dapat membingungkan, boros tempat, dan sangat tidak efektif ketika harus berurusan dengan sejumlah besar perintah-perintah, berkas-berkas, atau konsep-konsep yang serupa. D.Gittens, selan mendukung pendapat pertama,juga memberikan beberapa alasan yang mendukung pendapat kedua. Ia berpendapat bahwa cukup sulit bagi kita untuk menemukan piktogram yang ekivalen denagan konsep sistem komputer dan kesukaran yang timbul pada penggunaan ikon untuk menangani parameter perintah dalam jumlah yang besar. Beberapa ahli lain mengatakan bahwa bagi orang-orang tertentu akan lebih mudah bagi mereka membaca suatu teks dibanding memahami apa yang tergantung di dalam suatu gambar.
E.    Pembuatan Komponen Pembuatan Grafis Ditinjau Dari Aspek Pengguna (Manusia)
Pembuatan komponen grafis yang baik hendaknya memperhatikan aspek-aspek yang berpengaruh lansung secara fisiologis bagi pengguna, ada 3 indera pada manusia yang langsung berhubungan dengan interaksi antara manusia dan komputer, yaitu penglihatan, pendengaran, dan sentuhan. Untuk selanjutnya, karena kami membahas tentang pembuatan komponen grafis, yakni aspek yang berkenaan dengan penglihatan. Maka dalam makalah ini kami hanya akan membahas peninjauan rancangan pembuatan grafis antar muka grafis dengan meninjau  dari aspek fisiologis indera penglihatan saja yaitu mata.
Mata manusia digunakan untuk menghasilkan persepsi yang terorganisir akan gerakan, ukuran, bentuk, jarak, posisi relatif, tekstur dan warna, Dalam dunia nyata, mata selalu digunakan untuk melihat semua bentuk 3 dimensi, namun dalam sistem komputer yang menggunakan layar 2 dimensi, mata kita dipaksa untuk dapat mengerti bahwa obyek pada layar tampilan, yang sesungguhnya berupa obyek 2 dimensi, harus dipahami sebagai obyek 3 dimensi dengan teknik – teknik tertentu.  Berikut ini Beberapa hal yang mempengaruhi mata dalam menangkap sebuah informasi dengan melihat :
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. Diameter bola mata akan mengecil sehingga akan meningkatkan kedalaman fokusnya. Hal ini ditiru oleh lensa pada kamera ketika apertur-nya diatur. Bertambahnya luminans sebuah obyek atau layar tampilan akan menyebabkan mata bertambah sensitif terhadap kerdipan (flicker)
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. Nilai kontras positif akan diperoleh jika cahaya yang dipancarkan oleh sebuah objek lebih besar dibanding yang dipancarkan oleh latar belakangnya. Nilai kontras negatif dapat menyebabkan objek yang sesungguhnya “terserap” oleh latar belakang, sehingga menjadi tidak nampak. Dengan demikian, obyek dapat mempunyai kontras negatif atau positif tergantung dari luminans obyek itu terhadap luminans latar belakangnya.
3. Kecerahan
Adalah tanggapan subjektif pada cahaya. Luminans yang tinggi berimplikasi pada kecerahan yang tinggi pula. Kita akan melihat suatu kenyataan yang ganjil ketika kita melihat pada batas kecerahan tinggi ke kecerahan rendah. Dengan adanya kenyataan ini, perancang harus benar – benar memperhatikan efek yang muncul pada layar tampilan.
· Pada gambar kisi – kisi Hermann diatas, pada kisi kiri Anda melihat seakan-akan ada titik putih pada perpotongan antara garis vertikal dan horisontal
· Pada kisi-kisi kanan Anda melihat seakan-akan ada titik hitam pada perpotongan antara garis vertikal dan horisontal.
· Tetapi jika mata Anda tepat pada titik perpotongan itu, titik putih / titik hitam akan lenyap.
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 :
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 gerakan ke sudut paling kanan

daerah keempat
= daerah buta, yakni daerah yang sama sekali tidak dapat dilihat     oleh kedua mata
Besarnya daerah atau medan penglihatan dinyatakan dalam derajad, dapat bervariasi tergantung gerakan mata dan kepala yaitu : kepala dan mata keduanya diam, kepala diam mata bergerak, dan keduanya bergerak. Medan penglihatan merupakan faktor yang sangat penting dalam menentukan ukuran layar tampilan atau tata letak tampilan dan peranti pengontrol yang akan digunakan.
6. Warna
Warna merupakan hasil dari cahaya dimana cahaya merupakan perwujudan dari spektrum 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. Sensitifitas ini tidak merata pada seluruh medan penglihatan seseorang. Mata dapat membedakan warna secara akurat ketika posisi obyek membentuk sudut sebesar ± 150 terhadap mata (dengan posisi kepala dan mata diam).
Dengan warna manusia mampu membedakan satu objek dengan objek yang lain. Dengan warna manusia terbantukan dalam mengolah data menjadi informasi. Penggunaan warna yang sesuai dengan pengguna akan mempertinggi efektifitas tampilan grafis. Jika warna yang digunakan tidak mengindahkan aspek kesesuaian dengan pengguna, maka pengguna justru bisa menerima informasi yang salah, tetapi tidak adanya standar yang dapat digunakan sebagai acuan resmi tentang penggunaan warna yang bagus, karena karakteristik orang per orang berbeda dalam hal persepsi tentang warna.
Beberapa aspek yang perlu diperhatikan dalam menggunakan warna :
a. Aspek Psikologi
•    Hindari penggunaan tampilan yang secara simultan menampilkan sejumlah warna tajam.Warna merah, jingga, kuning, dan hijau dapat dilihat bersama – sama tanpa perlu pemfokusan kembali, tetapi cyan, biru, dan merah tidak dapat dilihat secara serempak dengan mudah. Pemfokusan kembali mata yang berulang – ulang akan menyebabkan kelelahan penglihatan.
•    Hindari warna biru murni untuk teks, garis tipis dan bentuk yang kecil. Mata kita tidak diset untuk rangsangan yang terinci/kecil, tajam, bergelombang pendek.
•    Hindari warna berdekatan yang hanya berbeda dalam warna biru. Sudut – sudut yang beda hanya pada prosentase warna biru akan terlihat sama.
•    Pengamat yang lebih tua memerlukan aras ketajaman yang lebih tinggi untuk membedakan warna
•    Besarnya perubahan warna yang dapat dideteksi bervariasi untuk warna yang berbeda. Perubahan kecil dalam warna merah dan ungu sukar dideteksi dibandingkan dengan warna lain seperti kuning dan biru – hijau. Selain itu sistem penglihatan kita tidak siap untuk merasakan perubahan warna hijau.
•    Hindari warna merah dan hijau yang ditempatkan secara berseberangan pada tampilan berskala besar. Warna yang lebih cocok adalah biru dan kuning.
•    Warna yang berlawanan dapat digunakan bersama – sama. Merah dengan hijau atau kuning dengan biru merupakan kombinasi yang baik untuk tampilan sederhana. Kombinasi merah dengan kuning atau hijau dengan biru akan menghasilkan citra yang lebih jelek.
•    Untuk pengamat yang mengalami kekurangan dalam melihat warna hindari perubahan warna tunggal.
•    Warna akan berubah kenampakannya ketika aras cahaya sekeliling berubah sehingga tampilan akan berubah ketika cahaya sekeliling berbeda sangat tajam
Kombinasi warna terjelek
Latar Belakang
Garis Tipis dan Teks
Garis Tebal dan Teks
Putih
Hitam
Merah
Hijau
Biru
Cyan
Magenta
Kuning
Kuning Cyan
Biru Merah Magenta
Magenta Biru Hijau Cyan
Cyan Magenta Kuning
Hijau Merah Hitam
Hitam Kuning Putih
Hijau Merah Cyan
Putih Cyan
Kuning Cyan
Biru Magenta
Magenta Biru Hijau Cyan
Cyan Magenta Kuning
Hijau Merah Hitam
Kuning Hijau Putih
Cyan Hijau Merah
Putih Cyan Hijau
Kombinasi warna terbaik
Latar Belakang
Garis Tipis dan Teks
Garis Tebal dan Teks
Putih
Hitam
Merah
Hijau
Biru
Cyan
Magenta
Kuning
Biru Hitam Merah
Putih Kuning
Kuning Putih Hitam
Hitam Biru Merah
Putih Kuning Cyan
Biru Hitam Merah
Hitam Putih Biru
Merah Biru Hitam
Hitam Biru Merah
Kuning Putih Hijau
Hitam Kuning Putih Cyan
Hitam Merah Biru
Kuning Magenta Hitam Cyan Putih
Merah Biru Hitam Magenta
Biru Hitam Kuning
Merah Biru Hitam
b. Aspek Perceptual (persepsi)
•    Persepsi adalah proses pengalaman seseorang dalam menggunakan sensor warnanya.
•    Diterima tidaknya layar tampilan warna oleh para pengguna, sangat bergantung pada bagaimana warna digunakan. Warna dapat meningkatkan interaksi hanya jika implementasinya mengikuti prinsip dasar dari penglihatan warna oleh manusia.
•    Tidak semua warna mudah dibaca. Secara umum latar belakang dengan warna gelap akan memberikan kenampakan yang lebih baik (informasi lebih jelas) dibanding warna yang lebih cerah.
•    Hindari diskriminasi warna pada daerah yang kecil
c. Aspek Kognitif
•    Jangan menggunakan warna yang berlebihan karena penggunaan warna bertujuan menarik perhatian atau pengelompokan informasi. Sebaiknya menggunakan warna secara berpasangan.
•    Kelompokkan elemen – elemen yang saling berkaitan dengan latar belakang yang sama
•    Warna yang sama membawa pesan yang serupa
•    Urutkan warna sesuai dengan urutan spektralnya
•    Kecerahan dan saturasi akan menarik perhatian
•    Warna hangat dan dingin sering digunakan untuk menunjukkan arah tindakan. Biasanya warna hangat untuk menunjukkan adanya tindakan atau tanggapan yang diperlukan. Warna yang dingin biasanya digunakan untuk menunjukkan status atau informasi latar belakang.

Read More

Interaksi Manusia dan Komputer-Aspek Ergonomik

Minggu, Desember 25, 2011    No comments

Aspek ERGONOMI dalam Interaksi Manusia dan Komputera (IMK)

Merupakan suatu bidang studi yang menangani perancangan kegiatan dan tugas yang cocok dengan kapabilitas manusia dan limitnya seta faktor kenyamanan kerja seperti kenyamanan dari segi anatomi, psikologi, manajemen, tata letak ruang dan peralatan yang mudah dijangkau bagi manusia dalam melaksanakan aktifitasnya.

Keuntungan Penerapan Ergomomi
  1. Produktifitas meningkat
  2. Aktifitas lebih baik karena adanya faktor kenyamanan layanan dalam melakukan pekerjaan.
  3. hasil kerja lebih baik karena sistem yang diopersikan lebih familiar
  4. Efisiensi dan efektif dalam pengoperasian sistem.

Aspek Ergomoni dalam IMK sangat diperngaruhi oleh ;
  1. Merupakan kebiasan/ karakteristik manusia dalam menghasilkan kinerja untuk kemajuan organisasi
    Manusia
    1. Perilaku
    2. Budaya
    3. Sistem kerja
    4. Kedisiplinan dan tanggung jawab

  1. Hardware / peralatan Teknologi Informasi
    1. Sistem / piranti yang terbaru atau yang mudah dikenal dan interaksi yang mudah diingat.
    2. Dapat menerima aplikasi dalam permasalahan yang komplit supaya cepat memberikan infomasi.
    3. Dapat menjaga dan mendeteksi kesalahan dari aspek manusia dan software.

  1. Software
    1. Dapat melakukan interogatif dengan brainware dan hardware dengan cepat.
    2. Memberikan informasi dalam mengurangi kesalahan sistem logika apabila kelaur dari konsep Sistem Informasi.
    3. Dapat memberikan informasi model yang terbaru dalam melayani penggunaan tentang hasil informasi atau konsisten.

Prinsip-prinsip ergonomi
  1. Prinsip physical
    1. Jadikanlah segala sesuatu mudah dijangkau
    2. Bekerja dengan tinggi yang sesuai
    3. Bekerja dengan postur yang sesuai
    4. Mengurangi pengeluaran tenaga yang berlebihan
    5. Meminimalkan keletihan/kepenatan
    6. Mengurangi pengulangan yang berlebihan
    7. Memberikan jarak ruang dan akses
    8. Meminimalkan kontak atau hubungan stress
    9. Memberikan bobilisasi dan merubah posisi
    10. Menciptakan leingkungan yang menyenangkan pencahayaan, temperatur dan mengecilkan getaran.
  2. Prisip kognitif
    1. Adanya standarisasi
    2. Menghubungkan APSI dan persepsi
    3. Mempermudah pemaparan suatu informasi
    4. Menyajikan informasi pada level yang tepat secara detail
    5. Memberikan gambaran yang jelas
    6. Membuat pola yang benar dan pengelompokan data yang jelas
    7. Memberikan umpan balik secara cepat.

Pencahayaan
            Tujuan pencahayaan ;
a.       Menghindari user dari cahaya terang langsugn dari pantulannya
b.      Memperoleh keseimbangan antar kecerahan layar tampilan dan kecerahan pencahayaan yang ada di depan user.
c.       Menghidari cahaya langsung atau pantulan yang langsung mengenai layar tampilan.
d.      Memberiakn keyakinan bahwa ada pencahayaan yang cukup untuk perkejaan yang tidak menggunakan layar tampilan.

Sumber cahaya
a.       Cahaya langsung bersala dari matahari dan lampu yang langsung menerobos ke ruang pekerjaan lewat jendela.
b.      Cahaya tidak langsung, dipantulkan oleh tembok atau partisi platfon lantai, bahan yang disekitar monitor, permukaan meja dan pakaian yang digunakan oleh operator.
c.       Panas yang berlebihan dari suhu komputer, untuk mengatasi hal tersebut maka diperlukan tata ruang yang dapat meredam dan menstabilkan cahaya dan suhu ruangan yang nyaman untuk menjaga keawetan peralatan.

Gangguan suara
Berasal dari AC, komputer, manusia, suara speaker dan peralatan lain yang mengakbiatkan tergangnunya konstrasi user / pengguna dalam melangsungkan aktifitas.

Ergonomik
  1. Kenyamanan dalam menjalankan aktifitas
  2. Keseimbangan dari semua aspek
  3. Aspek menggambarkan suasana kerja yang familiar
  4. Ruangan yang artistik
  5. Lingkungan yangmeningkatkan hasil kerja
  6. Keserasian dari tata letak pencahaan, prilaku, sistem yang familiar dapat meningkatkan pengembangan organisasi.

Read More
Next Prev home
Langganan: Komentar (Atom)