<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Ravemaster88's Weblog</title>
	<atom:link href="http://ravemaster88.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://ravemaster88.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Thu, 06 Nov 2008 16:56:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='ravemaster88.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Ravemaster88's Weblog</title>
		<link>http://ravemaster88.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://ravemaster88.wordpress.com/osd.xml" title="Ravemaster88&#039;s Weblog" />
	<atom:link rel='hub' href='http://ravemaster88.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Menu, Formulir, dan Kotak Dialog</title>
		<link>http://ravemaster88.wordpress.com/2008/11/06/menu-formulir-dan-kotak-dialog/</link>
		<comments>http://ravemaster88.wordpress.com/2008/11/06/menu-formulir-dan-kotak-dialog/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 14:26:16 +0000</pubDate>
		<dc:creator>ravemaster88</dc:creator>
				<category><![CDATA[Computer Science]]></category>

		<guid isPermaLink="false">http://ravemaster88.wordpress.com/?p=48</guid>
		<description><![CDATA[A.  Organisasi Semantik Menu 1. Single Menu - Binary Menus - Multiple Selection Menus - Multiple &#8211; item menus / Radio Buttons - Pull-down dan Pop-up Menus - Scrolling dan two-dimensional Menus - Alphasliders - Embedded links - Iconic Menus, Toolbars, or Palettes B.  Urutan Presentasi Item - Ketika item-item menu telah dipilih, urutan presentasinya [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=48&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>A.  Organisasi Semantik Menu</strong></p>
<p>1. Single Menu</p>
<p>- Binary Menus</p>
<div id="attachment_54" class="wp-caption aligncenter" style="width: 273px"><a href="http://ravemaster88.files.wordpress.com/2008/11/binary-menu.png"><img class="size-full wp-image-54" src="http://ravemaster88.files.wordpress.com/2008/11/binary-menu.png" alt="Binary Menu" width="263" height="244" /></a><p class="wp-caption-text">Binary Menu</p></div>
<p>- Multiple Selection Menus</p>
<div id="attachment_55" class="wp-caption aligncenter" style="width: 470px"><a href="http://ravemaster88.files.wordpress.com/2008/11/data_matrix_multiple_selection_shift.gif"><img class="size-full wp-image-55" src="http://ravemaster88.files.wordpress.com/2008/11/data_matrix_multiple_selection_shift.gif" alt="Multiple Selection Menus" width="460" height="350" /></a><p class="wp-caption-text">Multiple Selection Menus</p></div>
<p>- Multiple &#8211; item menus / Radio Buttons</p>
<div id="attachment_56" class="wp-caption aligncenter" style="width: 374px"><a href="http://ravemaster88.files.wordpress.com/2008/11/wpt_using_radio_buttons.gif"><img class="size-full wp-image-56" src="http://ravemaster88.files.wordpress.com/2008/11/wpt_using_radio_buttons.gif" alt="Radio Buttons" width="364" height="382" /></a><p class="wp-caption-text">Radio Buttons</p></div>
<p>- Pull-down dan Pop-up Menus</p>
<div id="attachment_57" class="wp-caption alignleft" style="width: 294px"><a href="http://ravemaster88.files.wordpress.com/2008/11/pull-down-menu.jpg"><img class="size-full wp-image-57" src="http://ravemaster88.files.wordpress.com/2008/11/pull-down-menu.jpg" alt="Pull Down Menu" width="284" height="260" /></a><p class="wp-caption-text">Pull Down Menu</p></div>
<div id="attachment_58" class="wp-caption alignright" style="width: 319px"><a href="http://ravemaster88.files.wordpress.com/2008/11/importmodellibrarypopup.jpg"><img class="size-full wp-image-58" src="http://ravemaster88.files.wordpress.com/2008/11/importmodellibrarypopup.jpg" alt="Pop-up Menus" width="309" height="262" /></a><p class="wp-caption-text">Pop-up Menus</p></div>
<p>- Scrolling dan two-dimensional Menus</p>
<div id="attachment_59" class="wp-caption aligncenter" style="width: 462px"><a href="http://ravemaster88.files.wordpress.com/2008/11/ivuplt2d.jpg"><img class="size-full wp-image-59" src="http://ravemaster88.files.wordpress.com/2008/11/ivuplt2d.jpg" alt="Scrolling dan 2D Menus" width="452" height="260" /></a><p class="wp-caption-text">Scrolling dan 2D Menus</p></div>
<p>- Alphasliders</p>
<div id="attachment_60" class="wp-caption aligncenter" style="width: 297px"><a href="http://ravemaster88.files.wordpress.com/2008/11/tightcoupling_aframe_53.gif"><img class="size-full wp-image-60" src="http://ravemaster88.files.wordpress.com/2008/11/tightcoupling_aframe_53.gif" alt="AlphaSliders" width="287" height="64" /></a><p class="wp-caption-text">AlphaSliders</p></div>
<p>- Embedded links</p>
<div id="attachment_61" class="wp-caption aligncenter" style="width: 410px"><a href="http://ravemaster88.files.wordpress.com/2008/11/links1.jpg"><img class="size-full wp-image-61" src="http://ravemaster88.files.wordpress.com/2008/11/links1.jpg" alt="Links" width="400" height="315" /></a><p class="wp-caption-text">Links</p></div>
<p>- Iconic Menus, Toolbars, or Palettes</p>
<div id="attachment_62" class="wp-caption aligncenter" style="width: 414px"><a href="http://ravemaster88.files.wordpress.com/2008/11/startmenu_cpanel.png"><img class="size-full wp-image-62" src="http://ravemaster88.files.wordpress.com/2008/11/startmenu_cpanel.png" alt="Iconic Menus, and Toolbars" width="404" height="450" /></a><p class="wp-caption-text">Iconic Menus, and Toolbars</p></div>
<p><strong>B.  Urutan Presentasi Item</strong></p>
<p>- Ketika item-item menu telah dipilih, urutan presentasinya perlu diperhatikan.</p>
<p>- Beberapa dasar pengurutan :</p>
<p>1. Waktu (kronologis)</p>
<p>2. Numeris (meningkat atau menurun)</p>
<p>3. Sifat fisik (panjang, luas, volume)</p>
<p>- Banyak kasus pengurutan tidak mempunyai aturan pengurutan yang berhubungan dengan tugas, sehingga perlu dipertimbangkan :</p>
<p>1. Pengurutan alfabetis istilah-istilah.</p>
<p>2. Pengelompokan item-item serupa.</p>
<p>3. Yang sering digunakan ditempatkan di awal.</p>
<p>4. Yang paling penting ditempatkan di awal.</p>
<p><strong>C. Pergerakkan Cepat pada Menu</strong></p>
<p>- Menu dengan typeahead</p>
<p>~ Penting jika menu sudah sering digunakan sementara waktu respons atau kecepatan tampil lambat.</p>
<p>~ Pendekatan BLT (Bacon, Lettuce, Tomato sandwich) : pembentukan mnemonik dari penggabungan    huruf-huruf pilihan menu.</p>
<p>- Nama menu atau bookmarks</p>
<p>~ Penamaan sederhana memudahkan pemakai mengakses menu secara langsung.</p>
<p>~ Web browser menyediakan bookmarks atau favourites sebagai jalan pintas bagi pemakai untuk menuju situs yang pernah dikunjungi.</p>
<p>- Menu macros</p>
<p>~ Perintah yang sering digunakan dapat direkam dan disimpan sebagai makro.</p>
<p>~ Pada beberapa software, makro dapat ditempatkan di toolbar sebagai ikon.</p>
<p><strong>D.  Tata Letak Menu</strong></p>
<p>- Judul</p>
<p>~ Menu tunggal : judul yang deskriptif.</p>
<p>~ Menu tree : nama pilihan harus sama dengan judul halaman yang dipanggil.</p>
<p>- Penamaan pilihan menu</p>
<p>~ Gunakan peristilahan yang dikenal dan konsisten.</p>
<p>~ Pastikan item dapat dibedakan dari pilihan lain.</p>
<p>~ Gunakan pemilihan kata yang konsisten dan singkat.</p>
<p>~ Tempatkan kata kunci di kiri.</p>
<p>- Tata letak dan desain grafis</p>
<p>~ Perhatikan kendala seperti lebar dan tinggi layar, kecepatan tampil, character set, dan highlighting.</p>
<p>~ Buat pedoman/panduan untuk komponen-komponen : judul, penempatan item, petunjuk, pesan kesalahan, dan laporan status.</p>
<p><strong>E.  Formulir</strong></p>
<p>- Formulir isian cocok dipakai jika banyak field data dibutuhkan.</p>
<p>- Pendekatan formulir isian menarik karena :</p>
<p>~ Kelengkapan penuh informasi terlihat.</p>
<p>~ Seperti formulir kertas.</p>
<p>~ Sedikit petunjuk diperlukan.</p>
<div id="attachment_63" class="wp-caption aligncenter" style="width: 428px"><a href="http://ravemaster88.files.wordpress.com/2008/11/form-iht.png"><img class="size-full wp-image-63" src="http://ravemaster88.files.wordpress.com/2008/11/form-iht.png" alt="Contoh Formulir" width="418" height="516" /></a><p class="wp-caption-text">Contoh Formulir</p></div>
<p><strong>F. Kotak Dialog</strong></p>
<p>- Kotak dialog adalah kombinasi teknik menu dan formulir isian yang banyak digunakan di GUI modern.</p>
<p>- Perlu diperhatikan :</p>
<p>~ Tata letak internal kotak dialog.</p>
<p>~ Hubungan eksternal kotak dialog.</p>
<div id="attachment_64" class="wp-caption aligncenter" style="width: 469px"><a href="http://ravemaster88.files.wordpress.com/2008/11/13.png"><img class="size-full wp-image-64" src="http://ravemaster88.files.wordpress.com/2008/11/13.png" alt="Dialog box pada PowerQuest PartitionMagic" width="459" height="333" /></a><p class="wp-caption-text">Dialog box pada PowerQuest PartitionMagic</p></div>
<div id="attachment_65" class="wp-caption aligncenter" style="width: 428px"><a href="http://ravemaster88.files.wordpress.com/2008/11/edit-ok.jpg"><img class="size-full wp-image-65" src="http://ravemaster88.files.wordpress.com/2008/11/edit-ok.jpg" alt="Dialog Box pada system properties" width="418" height="479" /></a><p class="wp-caption-text">Dialog Box pada system properties</p></div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ravemaster88.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ravemaster88.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ravemaster88.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ravemaster88.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ravemaster88.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ravemaster88.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ravemaster88.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ravemaster88.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ravemaster88.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ravemaster88.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ravemaster88.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ravemaster88.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ravemaster88.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ravemaster88.wordpress.com/48/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=48&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ravemaster88.wordpress.com/2008/11/06/menu-formulir-dan-kotak-dialog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c28a8b91000bf058fc7325769c1a9adf?s=96&#38;d=identicon" medium="image">
			<media:title type="html">ravemaster88</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/binary-menu.png" medium="image">
			<media:title type="html">Binary Menu</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/data_matrix_multiple_selection_shift.gif" medium="image">
			<media:title type="html">Multiple Selection Menus</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/wpt_using_radio_buttons.gif" medium="image">
			<media:title type="html">Radio Buttons</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/pull-down-menu.jpg" medium="image">
			<media:title type="html">Pull Down Menu</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/importmodellibrarypopup.jpg" medium="image">
			<media:title type="html">Pop-up Menus</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/ivuplt2d.jpg" medium="image">
			<media:title type="html">Scrolling dan 2D Menus</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/tightcoupling_aframe_53.gif" medium="image">
			<media:title type="html">AlphaSliders</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/links1.jpg" medium="image">
			<media:title type="html">Links</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/startmenu_cpanel.png" medium="image">
			<media:title type="html">Iconic Menus, and Toolbars</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/form-iht.png" medium="image">
			<media:title type="html">Contoh Formulir</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/13.png" medium="image">
			<media:title type="html">Dialog box pada PowerQuest PartitionMagic</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/edit-ok.jpg" medium="image">
			<media:title type="html">Dialog Box pada system properties</media:title>
		</media:content>
	</item>
		<item>
		<title>Bahasa Perintah dan Bahasa Alami</title>
		<link>http://ravemaster88.wordpress.com/2008/11/05/bahasa-perintah-dan-bahasa-alami/</link>
		<comments>http://ravemaster88.wordpress.com/2008/11/05/bahasa-perintah-dan-bahasa-alami/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 21:30:49 +0000</pubDate>
		<dc:creator>ravemaster88</dc:creator>
				<category><![CDATA[Computer Science]]></category>

		<guid isPermaLink="false">http://ravemaster88.wordpress.com/?p=49</guid>
		<description><![CDATA[Tujuan Tingkat Lebih Tinggi : Ø  Hubungan yang dekat antara realitas dan notasi. Ø  Kemudahan dalam melaksanakan manipulasi yang relevan dengan tugas. Ø  Kompatibilitas dengan notasi yang telah ada. Ø  Fleksibilitas untuk mengakomodasi pemakai pemula dan ahli. Ø  Ekspresif, mendukung kreativitas. Ø  Daya tarik visual. Kendala-kendala Penggunaan Bahasa : Ø  Kapasitas manusia mengingat notasi. Ø  [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=49&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Tujuan Tingkat Lebih Tinggi :</strong></p>
<p>Ø  Hubungan yang dekat antara realitas dan notasi.</p>
<p>Ø  Kemudahan dalam melaksanakan manipulasi yang relevan dengan tugas.</p>
<p>Ø  Kompatibilitas dengan notasi yang telah ada.</p>
<p>Ø  Fleksibilitas untuk mengakomodasi pemakai pemula dan ahli.</p>
<p>Ø  Ekspresif, mendukung kreativitas.</p>
<p>Ø  Daya tarik visual.</p>
<p><strong> </strong></p>
<p><strong>Kendala-kendala Penggunaan Bahasa :</strong></p>
<p>Ø  Kapasitas manusia mengingat notasi.</p>
<p>Ø  Kecocokan antara ingatan dan media penampil.</p>
<p>Ø  Kemudahan berbicara (mengucapkan).</p>
<p><strong>Bahasa Komputer</strong> :<strong></strong></p>
<p>Bahasa komputer yang efektif harus tidak hanya merepresentasikan tugas pemakai dan memenuhi kebutuhan manusia untuk berkomunikasi, tetapi juga harus selaras dengan mekanisme perekaman, manipulasi, dan penampilannya di komputer.</p>
<p><strong>Beberapa Contoh Bahasa Komputer : </strong></p>
<p><strong> </strong></p>
<p>Ø  Bahasa pemrograman:</p>
<p>Ø  Pemakaian noninteraktif: Fortran, COBOL, ALGOL, PL/I, Pascal.</p>
<p>Ø  Inkremental: BASIC, LISP, APL, PROLOG.</p>
<p>Ø  Kompilasi dan eksekusi cepat: C.</p>
<p>Ø  Pemrograman tim, <em>sharing</em>, <em>reusability</em>: ADA, C++.</p>
<p>Ø  Jaringan, <em>cross-platform</em>: Java.</p>
<p>Ø  Scripting World Wide Web: PHP, JavaScript, VBScript.</p>
<p><strong>Simple Command Set : </strong></p>
<p>Ø  Setiap perintah dipilih untuk melaksanakan tugas (task) tunggal, jumlah perintah sama dengan jumlah tugas.</p>
<p>Ø  Contoh: vi editor (Unix):</p>
<p>Ø  0                      : go to start of line</p>
<p>Ø  $                      : go to end of line</p>
<p>Ø  (space) : go right one space</p>
<p>Ø  H                     : go left one space</p>
<p>Ø  W                    : forward one word</p>
<p>Ø  b                      : backward one word</p>
<p>Ø  )                       : forward one sentence</p>
<p>Ø  (                       : backward one sentence</p>
<p><strong>Hirarki Command structure</strong> <strong>:</strong> Perangkat penuh perintah disusun menjadi struktur tree, seperti menu tree.</p>
<p><strong>Manfaat Struktur</strong> : Membantu proses belajar manusia, pemecahan masalah, dan ingatan.</p>
<p>Membantu task concepts, computer concepts, dan rincian sintaktik bahasa perintah.</p>
<p><strong>Simbol lawan Keyboard : </strong></p>
<ul type="square">
<li>Penggunaan      keyword lebih mudah daripada simbol.</li>
<li>Pemakai      berpengalaman dapat mengembangkan keterampilan untuk menggunakan notasi      aneh sehingga variasi sintaktik tidak banyak berpengaruh.</li>
</ul>
<p><strong> </strong><strong>Symbol Editor                       Keyword Editor</strong></p>
<p>FIND:/TOOTH/-1                  <strong>BACKWARD TO &#8220;TOOTH&#8221;</strong> <strong></strong></p>
<p>LIST;10                                   <strong>LIST 10 LINES</strong><strong></strong></p>
<p>RS:/KO/,/OK/;*                      <strong>CHANGE ALL &#8220;KO&#8221; TO &#8220;OK&#8221;</strong><strong></strong></p>
<p><strong>Struktur Hierarkis dan Kongruensi :</strong></p>
<p><strong>Kongruen</strong>: pasangan yang berlawanan secara selaras dan berarti (simetris).</p>
<p>Struktur hierarkis dan kongruensi dapat membantu ingatan pemakai.</p>
<p><strong> </strong></p>
<p><strong>Sumber struktur yang terbukti bermanfaat meliputi:</strong></p>
<p>Konsistensi posisi</p>
<p>Konsistensi tatabahasa</p>
<p>Pasangan yang kongruen</p>
<p>Bentuk hierarkis</p>
<p><strong>Penamaan Perintah :</strong></p>
<ul type="square">
<li>Penamaan penting untuk proses belajar,      pemecahan masalah, dan ingatan.</li>
<li>Ketertentuan (<em>specificity</em>) vs      keumuman (<em>generality):</em></li>
</ul>
<p>1.Istilah-istilah yang spesifik lebih deskriptif dan lebih mudah diingat.</p>
<p>2.Istilah-istilah yang umum lebih dikenal dan mudah diterima.</p>
<p><strong> </strong></p>
<p><strong>Strategi Penyingkatan Perintah :</strong></p>
<p><strong> </strong></p>
<ul type="square">
<li>Pemotongan sederhana.</li>
</ul>
<p>directory ® dir, delete ® del.</p>
<ul type="square">
<li>Buang huruf hidup dengan pemotongan      sederhana.</li>
</ul>
<p>check disk ® chkdsk, move ® mv.</p>
<ul type="square">
<li>Huruf pertama dan terakhir.</li>
</ul>
<p>sort ® ST, block ® BK.</p>
<ul type="square">
<li>Huruf awal setiap kata dalam frase.</li>
</ul>
<p>change directory ® cd, switch user ® su.</p>
<ul type="square">
<li>Singkatan standar dari konteks lain.</li>
</ul>
<p>quantity ® QTY, transfer ®  XFER,<br />
backup ® BAK.</p>
<ul type="square">
<li>Fonik: fokus pada suara.</li>
</ul>
<p>execute ® XQT, I seek you ® ICQ,<br />
connection ® CNXN.</p>
<p><strong>Menu Perintah :</strong></p>
<ul type="square">
<li>Untuk mengatasi beban penghafalan      perintah, beberapa perancang memberikan daftar perintah yang tersedia,      dalam format yang disebut <strong>menu perintah</strong>.</li>
<li>Contoh:
<ul type="disc">
<li><strong>Lynx</strong></li>
</ul>
</li>
</ul>
<p>H)elp O)ptions P)rint G)o M)ain screen Q)uit /=search [delete]=history list</p>
<ul type="disc">
<li>
<ul type="disc">
<li><strong>Pico</strong></li>
</ul>
</li>
</ul>
<p>^G Get Help  ^O Writeout  ^R Read File<br />
^X Exit      ^J Justify   ^W Where is</p>
<ul type="disc">
<li>
<ul type="disc">
<li><strong>WordStar</strong></li>
</ul>
</li>
</ul>
<p>&#8211;Cursor Movement&#8211;    | -Delete-<br />
^S char left ^D char right |^G char<br />
^A word left ^F word right |DEL chr lf<br />
^E line up   ^X line down  |^T word rt<br />
&#8211;Scrolling&#8211;        |^Y line<br />
^Z line down ^W line up    |<br />
^C screen up ^R screen down|</p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong>Bahasa Alami di Dunia Komputer : </strong></p>
<ul type="square">
<li><strong>Natural-language      interaction</strong>
<ul type="disc">
<li>Operasi komputer menggunakan bahasa       alami manusia (mis. Inggris) untuk memberi instruksi dan menerima       respons.</li>
</ul>
</li>
<li><strong>Natural-language      queries</strong>
<ul type="disc">
<li>Operasi pada database relasional.</li>
<li>Masih lebih buruk daripada SQL.</li>
<li>Contoh: INTELLECT, Symantec Q&amp;A.</li>
</ul>
</li>
<li><strong>Text-database      searching</strong>
<ul type="disc">
<li>Untuk mencari database tekstual.</li>
<li>Contoh: Ask Jeeves (ask.com).</li>
</ul>
</li>
</ul>
<p><strong>Pedoman Bahasa Perintah : </strong></p>
<ul type="square">
<li>Buat model objek dan aksi yang      eksplisit.</li>
<li>Pilih nama yang berarti, spesifik, dan      dapat dibedakan.</li>
<li>Coba mencapai struktur hierarkis.</li>
<li>Gunakan struktur yang konsisten      (hierarki, urutan argumen, aksi-objek).</li>
</ul>
<p><strong> </strong></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ravemaster88.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ravemaster88.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ravemaster88.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ravemaster88.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ravemaster88.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ravemaster88.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ravemaster88.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ravemaster88.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ravemaster88.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ravemaster88.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ravemaster88.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ravemaster88.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ravemaster88.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ravemaster88.wordpress.com/49/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=49&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ravemaster88.wordpress.com/2008/11/05/bahasa-perintah-dan-bahasa-alami/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c28a8b91000bf058fc7325769c1a9adf?s=96&#38;d=identicon" medium="image">
			<media:title type="html">ravemaster88</media:title>
		</media:content>
	</item>
		<item>
		<title>Manipulasi Langsung dan Lingkungan Maya</title>
		<link>http://ravemaster88.wordpress.com/2008/11/05/manipulasi-langsung-dan-lingkungan-maya/</link>
		<comments>http://ravemaster88.wordpress.com/2008/11/05/manipulasi-langsung-dan-lingkungan-maya/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 20:40:53 +0000</pubDate>
		<dc:creator>ravemaster88</dc:creator>
				<category><![CDATA[Computer Science]]></category>

		<guid isPermaLink="false">http://ravemaster88.wordpress.com/?p=33</guid>
		<description><![CDATA[Manipulasi Langsung Representasi visual dari &#8220;dunia aksi&#8221; : -          Objek dan aksi terlihat. -          Mengundang pemikiran analogis. Aksi yang cepat, incremental, dan dapat dilibatkan. Mengetik diganti dengan menunjuk dan memilih. Hasil aksi langsung terlihat. Kelebihan manipulasi langsung Kompatibilitas kendali dan tampilan. Lebih sedikit sintaks, karena itu tingkat kesalahan berkurang. Lebih banyak pencegahan kesalahan. Lebih cepat [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=33&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h1><em><strong>Manipulasi Langsung</strong></em></h1>
<ul class="unIndentedList">
<li> Representasi visual dari &#8220;dunia aksi&#8221; :</li>
</ul>
<p>-          Objek dan aksi terlihat.</p>
<p>-          Mengundang pemikiran analogis.</p>
<ul class="unIndentedList">
<li> Aksi yang cepat, incremental, dan dapat dilibatkan.</li>
<li> Mengetik diganti dengan menunjuk dan memilih.</li>
<li> Hasil aksi langsung terlihat.</li>
</ul>
<p><em>Kelebihan manipulasi langsung</em></p>
<ul class="unIndentedList">
<li> Kompatibilitas kendali dan tampilan.</li>
<li> Lebih sedikit sintaks, karena itu tingkat kesalahan berkurang.</li>
<li> Lebih banyak pencegahan kesalahan.</li>
<li> Lebih cepat dipelajari dan lebih mudah diingat.</li>
<li> Mendorong penjelajahan.</li>
</ul>
<p><em>Kekurangan manipulasi langsung</em></p>
<ul class="unIndentedList">
<li> Memakan lebih banyak sumber daya system.</li>
<li> Beberapa aksi menyusahkan.</li>
<li> Teknik makro sering lemah.</li>
<li> Sulit dicatat dan ditelusuri.</li>
<li> Sulit digunakan oleh pemakai yang penglihatannya terganggu.</li>
</ul>
<p>Contoh sistem manipulasi langsung :</p>
<p><strong>1.      Command-line vs Display Editor vs Word Processors</strong></p>
<ul class="unIndentedList">
<li> Dengan display editor kinerja meningkat dan waktu belajar berkurang.</li>
<li> Word processor bersifat WYS/WYG.</li>
</ul>
<p><em>Kelebihan WYS/WYG word processor :</em></p>
<p>-          Menampilkan sehalaman penuh teks.</p>
<p>-          Menampilkan dokumen dalam bentuk sebagaimana akan terlihat pada bentuk cetakan.</p>
<p>-          Menampilkan aksi kursor yang terlihat.</p>
<p>-          Mengendalikan kursor dengan cara yang jelas secara fisik dan alami intuitif.</p>
<p>-          Menggunakan iko berlabel.</p>
<p>-          Menampilkan hasil aksi segera.</p>
<p>-          Memberikan respons dan tampilan yang cepat.</p>
<p>-          Memungkinkan aksi dibatalakan.</p>
<p style="text-align:center;">
<div id="attachment_34" class="wp-caption aligncenter" style="width: 469px"><a href="http://ravemaster88.files.wordpress.com/2008/11/commandline.gif"><img class="size-full wp-image-34" src="http://ravemaster88.files.wordpress.com/2008/11/commandline.gif" alt="Command Line" width="459" height="232" /></a><p class="wp-caption-text">Command Line</p></div>
<p style="text-align:center;">
<div id="attachment_35" class="wp-caption aligncenter" style="width: 469px"><a href="http://ravemaster88.files.wordpress.com/2008/11/word-processor.jpg"><img class="size-full wp-image-35" src="http://ravemaster88.files.wordpress.com/2008/11/word-processor.jpg" alt="Word Processor" width="459" height="345" /></a><p class="wp-caption-text">Word Processor</p></div>
<p>Teknologi yang diturunkan dari pengolah kata</p>
<ul class="unIndentedList">
<li> Integrasi grafik, spreadsheet, animasi, foto.</li>
<li> Desktop publishing software, Adobe PageMaker, Corel Ventura.</li>
<li> Slide-presentation software, Microsoft PowerPoint.</li>
<li> Hypermedia environments, WWW, HyperCard.
<p><div id="attachment_38" class="wp-caption aligncenter" style="width: 469px"><a href="http://ravemaster88.files.wordpress.com/2008/11/adobe-pagemaker.jpg"><img class="size-full wp-image-38" src="http://ravemaster88.files.wordpress.com/2008/11/adobe-pagemaker.jpg" alt="Adobe PageMaker" width="459" height="375" /></a><p class="wp-caption-text">Adobe PageMaker</p></div></li>
</ul>
<p><strong>2.      Spreadsheet</strong></p>
<ul class="unIndentedList">
<li> Lembar kerja yang menampilkan data yang dapat dimanipulasi dalam bentuk kolom dan baris.</li>
<li> Mendukung formula, makro, grafik.</li>
</ul>
<p>Contoh :</p>
<p>VISICALC, Microsoft Excel, Lotus 1-2-3, Lotus Improv.</p>
<p style="text-align:center;">
<div id="attachment_37" class="wp-caption aligncenter" style="width: 470px"><a href="http://ravemaster88.files.wordpress.com/2008/11/spreadsheet1.jpg"><img class="size-full wp-image-37" src="http://ravemaster88.files.wordpress.com/2008/11/spreadsheet1.jpg" alt="Spreadsheet" width="460" height="309" /></a><p class="wp-caption-text">Spreadsheet</p></div>
<p><strong>3.      Spatial Data Management</strong></p>
<ul class="unIndentedList">
<li> Representasi spasial dalam bentuk peta.</li>
<li> Digunakan dalam system informasi geografis.</li>
</ul>
<p>Contoh :</p>
<p>ArcView GIS dari ESRI, Inc.</p>
<p style="text-align:center;">
<div id="attachment_39" class="wp-caption aligncenter" style="width: 469px"><a href="http://ravemaster88.files.wordpress.com/2008/11/arcview-gis.jpg"><img class="size-full wp-image-39" src="http://ravemaster88.files.wordpress.com/2008/11/arcview-gis.jpg" alt="ArcView GIS" width="459" height="331" /></a><p class="wp-caption-text">ArcView GIS</p></div>
<p><strong>4.      Video Games</strong></p>
<ul class="unIndentedList">
<li> Bidang aksi visual yang membangkitkan minat.</li>
<li> Perintah berupa aksi fisik dan hasilnya langsung terlihat.</li>
<li> Kini berkembang pada PC maupun mesin game seperti Sony Playstation 1-2-3, bahkan handphone.<span style="text-align:center; display: block;"><a href="http://ravemaster88.wordpress.com/2008/11/05/manipulasi-langsung-dan-lingkungan-maya/"><img src="http://img.youtube.com/vi/QB9ApSJ9nJo/2.jpg" alt="" /></a></span></li>
</ul>
<p><strong>5.      Computer-Aided Design (CAD)</strong></p>
<ul class="unIndentedList">
<li> Untuk merancang mobil, rangkaian elektronik, arsitektur, pesawat terbang.</li>
<li> Aplikasi ini menyenangkan untuk digunakan karena objek yang diinginkan dapat dimanipulasi secara langsung.
<p><div id="attachment_40" class="wp-caption aligncenter" style="width: 470px"><a href="http://ravemaster88.files.wordpress.com/2008/11/cad.png"><img class="size-full wp-image-40" src="http://ravemaster88.files.wordpress.com/2008/11/cad.png" alt="CAD" width="460" height="399" /></a><p class="wp-caption-text">CAD</p></div></li>
</ul>
<p><strong>6.      Office Automation</strong></p>
<ul class="unIndentedList">
<li> System office automation dewasa ini menggunakan prinsip-prinsip manipulasi langsung.</li>
</ul>
<p>Contoh : GUI, Windows, Mac OS.</p>
<p style="text-align:center;">
<div id="attachment_41" class="wp-caption aligncenter" style="width: 420px"><a href="http://ravemaster88.files.wordpress.com/2008/11/gui.png"><img class="size-full wp-image-41" src="http://ravemaster88.files.wordpress.com/2008/11/gui.png" alt="GUI" width="410" height="308" /></a><p class="wp-caption-text">GUI</p></div>
<p>Masalah &#8211; masalah dengan manipulasi langsung :</p>
<p>-          Representasi visual atau visual dapat terlalu menyebar.</p>
<p>-          Pemakai harus mempelajari arti komponen-komponen representasi visual.</p>
<p>-          Representasi visual dapat menyesatkan.</p>
<p>-          Mengetik perintah di keyboard bisa lebih cepat.</p>
<p><strong>Pemikiran Visual dan ikon</strong></p>
<p>Ikon adalah gambar atau symbol yang mewakili suatu konsep. Arah baru pemikiran visual : WIMP (Windows, Icon, Mouse, Pull-down menu).</p>
<p style="text-align:center;">
<div id="attachment_42" class="wp-caption aligncenter" style="width: 470px"><a href="http://ravemaster88.files.wordpress.com/2008/11/icon_history.jpg"><img class="size-full wp-image-42" src="http://ravemaster88.files.wordpress.com/2008/11/icon_history.jpg" alt="Icon" width="460" height="817" /></a><p class="wp-caption-text">Icon</p></div>
<p>Pedoman perancangan ikon :</p>
<p>-          Representasikan objek atau aksi dengan cara yang dikenal.</p>
<p>-          Batasi jumlah ikon yang tampil.</p>
<p>-          Buat agar ikon jelas terlihat dari latar belakangnya.</p>
<p>-          Pertimbangkan ikon tiga dimensi, menarik tapi bisa mengalihkan perhatian.</p>
<p>-          Pastikan ikon yang terpilih jelas ketika dikelilingi yang tidak terpilih.</p>
<p>-          Pastikan ikon dapat dibedakan dari yang lain.</p>
<p>-          Pastikan keselarasan setiap ikon sebagai anggota kelompok ikon.</p>
<p>-          Rancang animasi pergerakan ikon.</p>
<p>-          Tambahkan informasi rinci.</p>
<p>-          Pikirkan penggunaan kombinasi ikon untuk menciptakan objek atau aksi baru.</p>
<p><strong>Manipulasi Langsung Remote</strong></p>
<p>Arsitektur lingkungan manipulasi langsung remote mempunyai beberapa factor komplikasi :</p>
<p>-          Penundaan waktu</p>
<p>a.       Penundaan transmisi.</p>
<p>b.      Penundaan operasi.</p>
<p>-          Umpan balik yang tidak lengkap.</p>
<p>-          Umpan balik dari berbagai sumber.</p>
<p>-          Interferensi yang tidak diantisipasi.</p>
<p style="text-align:center;">
<div id="attachment_43" class="wp-caption aligncenter" style="width: 470px"><a href="http://ravemaster88.files.wordpress.com/2008/11/picture3.png"><img class="size-full wp-image-43" src="http://ravemaster88.files.wordpress.com/2008/11/picture3.png" alt="Direct Manipulation Remote" width="460" height="244" /></a><p class="wp-caption-text">Direct Manipulation Remote</p></div>
<h1><em><strong>Lingkungan Maya</strong></em></h1>
<p>Virtual reality adalah lingkungan buatan yang diciptakan dengan hardware dan software dan dipresentasikan kepada pemakai dengan cara sedemikian sehingga lingkungan tersebut tampil dan terasa seperti lingkungan asli.</p>
<ul class="unIndentedList">
<li> Augmented reality, dunia nyata dengan lapisan tambahan informasi.</li>
<li> Situational awareness, informasi tentang dunia nyata disekitar pemakai dengan mendeteksi pergerakan dan lokasi.
<div id="attachment_44" class="wp-caption aligncenter" style="width: 470px"><a href="http://ravemaster88.files.wordpress.com/2008/11/virtual-reality-helmut.jpg"><img class="size-full wp-image-44" src="http://ravemaster88.files.wordpress.com/2008/11/virtual-reality-helmut.jpg" alt="Virtual Reality" width="460" height="329" /></a><p class="wp-caption-text">Virtual Reality</p></div>
<p><div id="attachment_45" class="wp-caption aligncenter" style="width: 410px"><a href="http://ravemaster88.files.wordpress.com/2008/11/virtual-reality.gif"><img class="size-full wp-image-45" src="http://ravemaster88.files.wordpress.com/2008/11/virtual-reality.gif" alt="Virtual Reality" width="400" height="474" /></a><p class="wp-caption-text">Virtual Reality</p></div></li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ravemaster88.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ravemaster88.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ravemaster88.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ravemaster88.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ravemaster88.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ravemaster88.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ravemaster88.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ravemaster88.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ravemaster88.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ravemaster88.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ravemaster88.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ravemaster88.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ravemaster88.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ravemaster88.wordpress.com/33/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=33&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ravemaster88.wordpress.com/2008/11/05/manipulasi-langsung-dan-lingkungan-maya/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c28a8b91000bf058fc7325769c1a9adf?s=96&#38;d=identicon" medium="image">
			<media:title type="html">ravemaster88</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/commandline.gif" medium="image">
			<media:title type="html">Command Line</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/word-processor.jpg" medium="image">
			<media:title type="html">Word Processor</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/adobe-pagemaker.jpg" medium="image">
			<media:title type="html">Adobe PageMaker</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/spreadsheet1.jpg" medium="image">
			<media:title type="html">Spreadsheet</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/arcview-gis.jpg" medium="image">
			<media:title type="html">ArcView GIS</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/cad.png" medium="image">
			<media:title type="html">CAD</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/gui.png" medium="image">
			<media:title type="html">GUI</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/icon_history.jpg" medium="image">
			<media:title type="html">Icon</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/picture3.png" medium="image">
			<media:title type="html">Direct Manipulation Remote</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/virtual-reality-helmut.jpg" medium="image">
			<media:title type="html">Virtual Reality</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/virtual-reality.gif" medium="image">
			<media:title type="html">Virtual Reality</media:title>
		</media:content>
	</item>
		<item>
		<title>Alat Bantu Perangkat Lunak</title>
		<link>http://ravemaster88.wordpress.com/2008/11/05/alat-bantu-perangkat-lunak/</link>
		<comments>http://ravemaster88.wordpress.com/2008/11/05/alat-bantu-perangkat-lunak/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 18:50:17 +0000</pubDate>
		<dc:creator>ravemaster88</dc:creator>
				<category><![CDATA[Computer Science]]></category>

		<guid isPermaLink="false">http://ravemaster88.wordpress.com/?p=23</guid>
		<description><![CDATA[1.      Metode spesifikasi : -          Multiparty Grammar Pada multiparty grammar ada nonterminal yang diberi label untuk menyatakan pihak yang menghasilkan string. Contoh : Proses log-in (U: user, C: computer) &#60;session&#62; ::= &#60;U: opening&#62; &#60;C: responding&#62; &#60;U: opening&#62; ::= LOGIN &#60;u:name&#62; &#60;U: name&#62; ::= &#60;U: string&#62; &#60;C: responding&#62; ::= HELLO [&#60;U: name&#62;] Multiparty grammar efektif untuk [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=23&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h1><strong>1.      Metode spesifikasi :</strong></h1>
<p><strong>-          Multiparty Grammar</strong></p>
<p>Pada multiparty grammar ada nonterminal yang diberi label untuk menyatakan pihak yang menghasilkan string.</p>
<p>Contoh : Proses log-in (U: user, C: computer)</p>
<p>&lt;session&gt; ::= &lt;U: opening&gt; &lt;C: responding&gt;</p>
<p>&lt;U: opening&gt; ::= LOGIN &lt;u:name&gt;</p>
<p>&lt;U: name&gt; ::= &lt;U: string&gt;</p>
<p>&lt;C: responding&gt; ::= HELLO [&lt;U: name&gt;]</p>
<p>Multiparty grammar efektif untuk rentetan perintah berorientasi teks yang berulang-ulang dipertukarkan, seperti pada terminal bank.</p>
<p><strong>-          Unified Modeling Language (UML)</strong></p>
<ul class="unIndentedList">
<li> UML class diagram</li>
</ul>
<p style="text-align:center;">
<div id="attachment_24" class="wp-caption aligncenter" style="width: 310px"><a href="http://ravemaster88.files.wordpress.com/2008/11/uml-class-diagram-main.png?w=300"><img class="size-medium wp-image-24" src="http://ravemaster88.files.wordpress.com/2008/11/uml-class-diagram-main.png?w=300&#038;h=243" alt="UML Class Diagram" width="300" height="243" /></a><p class="wp-caption-text">UML Class Diagram</p></div>
<ul class="unIndentedList">
<li>UML statechart diagram
<p><div id="attachment_26" class="wp-caption aligncenter" style="width: 310px"><a href="http://ravemaster88.files.wordpress.com/2008/11/purchaseorder_statechart1.jpg?w=300"><img class="size-medium wp-image-26" src="http://ravemaster88.files.wordpress.com/2008/11/purchaseorder_statechart1.jpg?w=300&#038;h=227" alt="Purchase Order Statechart" width="300" height="227" /></a><p class="wp-caption-text">Purchase Order Statechart</p></div></li>
</ul>
<p><strong>-          User Action Notation (UAN)</strong></p>
<p>Digunakan untuk mengatasi keanekaragaman dunia manipulasi langsung.</p>
<p>Simbol &#8211; symbol UAN :</p>
<ul class="unIndentedList">
<li> ~[icon] : bergerak menuju icon</li>
<li> ~[x,y] : menuju koordinat (x,y)</li>
<li> Mv : tombol mouse ditekan</li>
<li> M^ : tombol mouse dilepas</li>
<li> icon! : icon di highlight</li>
<li> icon-! : icon kembali normal</li>
<li> icon! : icon berkedip</li>
<li> icon &gt; ~ : icon bergerak mengikuti kursor</li>
<li> * : dapat berulang (&gt;= 0 kali)</li>
</ul>
<p>Contoh :</p>
<p>Select an icon</p>
<p>User Actions Interface Feedback                   Interface state</p>
<p>~[file] Mv        file!, forall(file!) : file-!           selected = file</p>
<p>~[x,y] *           outline(file) &gt; ~</p>
<p>~[trash]            outline(file) &gt; ~, trash!</p>
<p>M^                   erase(file), trash!!                    selected = null</p>
<h1><strong>2.      Interface Building Tools</strong></h1>
<p>Fitur &#8211; fitur :</p>
<ul class="unIndentedList">
<li> Kebebasan antarmuka pemakai</li>
</ul>
<p>~ Memisahkan perancangan antarmuka dari program internal.</p>
<p>~ Memungkinkan strategi multiple user interface.</p>
<p>~ Memungkinkan dukungan multi platform.</p>
<p>~ Memberi peranan arsitek antarmuka pemakai.</p>
<p>~ Menegakkan standar.</p>
<ul class="unIndentedList">
<li> Metodologi dan notasi</li>
</ul>
<p>~ Mengembangkan prosedur perancangan.</p>
<p>~ Menemukan cara berbicara tentang perancangan.</p>
<p>~ Melakukan manajemen proyek.</p>
<ul class="unIndentedList">
<li> Rapidprototyping</li>
</ul>
<p>~ Mencoba gagasan dengan sangat dini.</p>
<p>~ Uji, revisi, uji, revisi, &#8230;.</p>
<p>~ Mengikutsertakan end user, manajer, pelanggan.</p>
<ul class="unIndentedList">
<li> Dukungan perangkat lunak</li>
</ul>
<p>~ Meningkatkan produktivitas.</p>
<p>~ Memberikan pemeriksaan kendala dan konsistensi.</p>
<p>~ Memfasilitasi pendekatan tim.</p>
<p>~ Memudahkan pemeliharaan.</p>
<p>Contoh :</p>
<p><strong>Design Tools</strong>, membuat gambaran awal dengan cepat.</p>
<p>Misalnya,</p>
<ul class="unIndentedList">
<li> CAI Software : Macromedia Autorware, IconAuthor, Quest.</li>
<li> Multimedia Construction Tools : HyperCard, Macromedia Director, Macromedia Flash.</li>
<li> Slide Presentation Software : Microsoft PowerPoint.</li>
<li> Visual Programming Toos : Microsoft Visual Basic (Visual Studio .NET), Borland Delphi.</li>
<li> Web Design Tools : Macromedia Dreamweaver, Macromedia Fireworks.</li>
</ul>
<p style="text-align:center;">
<div id="attachment_27" class="wp-caption aligncenter" style="width: 469px"><a href="http://ravemaster88.files.wordpress.com/2008/11/picture1.png"><img class="size-full wp-image-27" src="http://ravemaster88.files.wordpress.com/2008/11/picture1.png" alt="Contoh Web Design Tools" width="459" height="345" /></a><p class="wp-caption-text">Contoh Web Design Tools</p></div>
<div id="attachment_28" class="wp-caption aligncenter" style="width: 470px"><a href="http://ravemaster88.files.wordpress.com/2008/11/picture2.png"><img class="size-full wp-image-28" src="http://ravemaster88.files.wordpress.com/2008/11/picture2.png" alt="Contoh Multimedia Construction Tools" width="460" height="345" /></a><p class="wp-caption-text">Contoh Multimedia Construction Tools</p></div>
<p><strong>Software Engineering Tools</strong></p>
<p>Misalnya,</p>
<ul class="unIndentedList">
<li> Tcl/Tk</li>
</ul>
<p>#First make a menu button</p>
<p>menubutton.menu1 -text &#8220;Unix Commands&#8221; &#8211; menu.menu1.m &#8211; underline 0</p>
<p>#make the menu, and add the lines one at a time</p>
<p>menu.menu1.m</p>
<p>.menu1.m add command -label &#8220;List Files&#8221; &#8211; command {ls}</p>
<p>.menu1.m add command -label &#8220;Get Date&#8221; -command {date}</p>
<p>.menu1.m add command -label &#8220;Start Calendar&#8221; -command {xcalendar}</p>
<p>pack.menu1</p>
<ul class="unIndentedList">
<li> Java</li>
</ul>
<p>class test</p>
<p>{</p>
<p>Public static void main(string[] args)</p>
<p>{</p>
<p>For(int i = 0; i &lt; args.length; i++)</p>
<p>system.out.print(i == 0 ? args[i] : &#8221; &#8221; + args[i]);</p>
<p>system.out.println();</p>
<p>}</p>
<p>}</p>
<ul class="unIndentedList">
<li> JavaScript</li>
</ul>
<p>&lt;script language=&#8221;JavaScript&#8221; type=&#8221;text/javascript&#8221;&gt;</p>
<p>&lt;!- -</p>
<p>Function square (i);</p>
<p>{</p>
<p>return i * i;</p>
<p>}</p>
<p>document.write(&#8216;The function returned : &#8216; + square(5) + &#8216;.&#8217;);</p>
<p>//- -&gt;</p>
<p>&lt;/script&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ravemaster88.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ravemaster88.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ravemaster88.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ravemaster88.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ravemaster88.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ravemaster88.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ravemaster88.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ravemaster88.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ravemaster88.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ravemaster88.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ravemaster88.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ravemaster88.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ravemaster88.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ravemaster88.wordpress.com/23/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=23&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ravemaster88.wordpress.com/2008/11/05/alat-bantu-perangkat-lunak/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c28a8b91000bf058fc7325769c1a9adf?s=96&#38;d=identicon" medium="image">
			<media:title type="html">ravemaster88</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/uml-class-diagram-main.png?w=300" medium="image">
			<media:title type="html">UML Class Diagram</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/purchaseorder_statechart1.jpg?w=300" medium="image">
			<media:title type="html">Purchase Order Statechart</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/picture1.png" medium="image">
			<media:title type="html">Contoh Web Design Tools</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/picture2.png" medium="image">
			<media:title type="html">Contoh Multimedia Construction Tools</media:title>
		</media:content>
	</item>
		<item>
		<title>Mengelola Proses Perancangan, Ulasan Pakar, dan Uji Usability</title>
		<link>http://ravemaster88.wordpress.com/2008/11/05/mengelola-proses-perancangan-ulasan-pakar-dan-uji-usability/</link>
		<comments>http://ravemaster88.wordpress.com/2008/11/05/mengelola-proses-perancangan-ulasan-pakar-dan-uji-usability/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 18:22:23 +0000</pubDate>
		<dc:creator>ravemaster88</dc:creator>
				<category><![CDATA[Computer Science]]></category>

		<guid isPermaLink="false">http://ravemaster88.wordpress.com/?p=17</guid>
		<description><![CDATA[Mengelola Proses Perancangan Perancangan system interaktif harus memadukan pengetahuan saksama dari kelayakan teknis dan rasa estetik apa yang menarik bagi pemakai. Karakteristik Perancangan -          Perancangan adalah proses, bukan keadaan. -          Proses perancangan nonhierarkis. -          Proses perancangan transformasional secara radikal. -          Perancangan secara intrinsic melibatkan penemuan tujuan-tujuan baru. Metodologi LUCID LUCID = Logical User-Centered Interactive Design [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=17&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><em><strong>Mengelola Proses Perancangan</strong></em></p>
<p>Perancangan system interaktif harus memadukan pengetahuan saksama dari kelayakan teknis dan rasa estetik apa yang menarik bagi pemakai.</p>
<div id="attachment_19" class="wp-caption aligncenter" style="width: 271px"><a href="http://ravemaster88.files.wordpress.com/2008/11/kim.jpg?w=261"><img class="size-medium wp-image-19" src="http://ravemaster88.files.wordpress.com/2008/11/kim.jpg?w=261&#038;h=300" alt="" width="261" height="300" /></a><p class="wp-caption-text">Contoh Proses Perancangan</p></div>
<p style="text-align:center;">
<p><strong>Karakteristik Perancangan</strong></p>
<p>-          Perancangan adalah proses, bukan keadaan.</p>
<p>-          Proses perancangan nonhierarkis.</p>
<p>-          Proses perancangan transformasional secara radikal.</p>
<p>-          Perancangan secara intrinsic melibatkan penemuan tujuan-tujuan baru.<strong></strong></p>
<p><strong>Metodologi LUCID</strong></p>
<p>LUCID = Logical User-Centered Interactive Design</p>
<p>1.      Kembangkan konsep produk.</p>
<p>2.      Riset dan analisis kebutuhan.</p>
<p>3.      Konsep perancangan dan prototype layar kunci.</p>
<p>4.      Perancangan iterative dan perbaikan.</p>
<p>5.      Implementasikan software.</p>
<p>6.      Dukungan rollout.<strong></strong></p>
<p><strong>Bidang &#8211; bidang kegiatan :</strong></p>
<p>1.      Definisi produk</p>
<p>2.      Business case</p>
<p>3.      Sumber daya</p>
<p>4.      Lingkungan fisik</p>
<p>5.      Lingkungan teknis</p>
<p>6.      Pemakai</p>
<p>7.      Fungsionalitas</p>
<p>8.      Prototype</p>
<p>9.      Usability</p>
<p>10.  Panduan perancangan</p>
<p>11.  Panduan isi</p>
<p>12.  Dokumentasi</p>
<p><strong>Observasi Etnografis</strong></p>
<p>1.      Persiapan</p>
<ul class="unIndentedList">
<li> Pahami kebijakan dan budaya kerja organisasi</li>
<li> Kenali system dan sejarahnya.</li>
<li> Tentukan tujuan awal dan siapkan pertanyaan.</li>
<li> Minta akses dan izin untuk observasi dan wawancara.</li>
</ul>
<p>2.      Studi lapangan</p>
<ul class="unIndentedList">
<li> Bangun hubungan dengan manajer dan pemakai.</li>
<li> Amati atau wawancarai pemakai di tempat kerjanya. Kumpulkan data subjektif dan objektif, kuantitatif dan kualitatif.</li>
<li> Ikuti semua petunjuk yang muncul dari kunjungan.</li>
<li> Catat kunjungan.</li>
</ul>
<p>3.      Analisis</p>
<ul class="unIndentedList">
<li> Gabungkan data yang dikumpulkan dalam database numeris, tekstual, dan multimedia.</li>
<li> Kuantifikasikan data dan gabungkan statistic.</li>
<li> Konsolidasikan dan interpretasikan data.</li>
<li> Perbaiki tujuan dan proses yang digunakan.</li>
</ul>
<p>4.      Pelaporan</p>
<ul class="unIndentedList">
<li> Pertimbangkan peserta dan tujuan yang beraneka ragam.</li>
<li> Persiapkan laporan dan presentasi kan hasil penelitian.</li>
</ul>
<p><em><strong>Ulasan pakar dan uji Usability</strong></em></p>
<p>Ulasan pakar yang cukup formal telah terbukti efektif. Ulasan pakar dapat dilakukan di awal atau di akhir fase perancangan, dan keluarannya berupa laporan formal dengan masalah yang ditemui atau rekomendasi perubahan.</p>
<p>Metode :</p>
<p>a.       Evaluasi heuristik.</p>
<p>b.      Ulasan kesesuaian dengan pedoman.</p>
<p>c.       Pemeriksaan konsistensi.</p>
<p>d.      Penelusuran kognitif.</p>
<p>e.       Pemeriksaan usability formal.</p>
<p>Uji Usability memberikan konfirmasi kemajuan yang mendukung dan rekomendasi perubahan yang spesifik. Uji Usability tidak hanya mempercepat proses, tetapi juga menghasilkan pengehematan biaya yang dramtik.</p>
<div id="attachment_18" class="wp-caption aligncenter" style="width: 310px"><a href="http://ravemaster88.files.wordpress.com/2008/11/tst-fg1.jpg?w=300"><img class="size-medium wp-image-18" src="http://ravemaster88.files.wordpress.com/2008/11/tst-fg1.jpg?w=300&#038;h=205" alt="tst-fg1" width="300" height="205" /></a><p class="wp-caption-text">Contoh Laboratorium Usability</p></div>
<p style="text-align:center;">
<p><strong>Memilih peserta untuk uji usability</strong></p>
<p>1.      Peserta dipilih mewakili komunitas pemakai dengan memperhatikan :</p>
<p>a.       Pemahaman computer.</p>
<p>b.      Pengalaman mengerjakan tugas.</p>
<p>c.       Motivasi dan pendidikan</p>
<p>d.      Kemampuan bahasa alami yang digunakan dalam antarmuka.</p>
<p>2.      Peserta uji usability harus diberitahu bahwa bukan mereka yang di uji, tetapi software dan antarmuka pemakai.</p>
<p>3.      Keikutsertaan dalam uji usability adalah sukarela, dengan perjanjian terlebih dahulu.</p>
<p><strong>Teknik Laboratorium Usability</strong></p>
<p>1.      Meminta pemakai mengucapkan apa yang mereka pikirkan dan akan kerjakan.</p>
<p>2.      Menggunakan dua peserta bekerja bersama untuk mendukung bicara.</p>
<p>3.      Memvideokan kegiatan peserta untuk dilihat lagi kemudian.</p>
<p>Uji lapangan berusaha menempatkan antarmuka pemakai dalam lingkungan realistic dalam periode waktu tertenu. Pencatatan software lebih membantu.</p>
<p>Survai, tujuannya dapat dikaitkan dengan model OAI(Open Archives Initiative). Pemaki dapat ditanyakan kesan subjektif mereka tentang aspek antarmuka.</p>
<p>Uji penerimaan (Acceptance Tests), untuk proyek implementasi besar, klien biasanya menentukan tujuan objektif dan terukur untuk kinerja hardware dan software. Jika produk gagal memenuhi criteria penerimaan, system harus diperbaiki sampai berhasil. Kriteria terukur dari antarmuka pemakai adalah kelima factor manusia terukur.</p>
<p>Setelah uji penerimaan berhasil, maka uji lapangan dapat meningkatkan :</p>
<p>-          Metode pelatihan</p>
<p>-          Materi tutorial</p>
<p>-          Prosedur bantuan melalui telepon</p>
<p>-          Metode pemasaran</p>
<p>-          Strategi publikasi</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ravemaster88.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ravemaster88.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ravemaster88.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ravemaster88.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ravemaster88.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ravemaster88.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ravemaster88.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ravemaster88.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ravemaster88.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ravemaster88.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ravemaster88.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ravemaster88.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ravemaster88.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ravemaster88.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=17&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ravemaster88.wordpress.com/2008/11/05/mengelola-proses-perancangan-ulasan-pakar-dan-uji-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c28a8b91000bf058fc7325769c1a9adf?s=96&#38;d=identicon" medium="image">
			<media:title type="html">ravemaster88</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/kim.jpg?w=261" medium="image" />

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/tst-fg1.jpg?w=300" medium="image">
			<media:title type="html">tst-fg1</media:title>
		</media:content>
	</item>
		<item>
		<title>Interaksi Manusia dan Komputer</title>
		<link>http://ravemaster88.wordpress.com/2008/11/05/interaksi-manusia-dan-komputer/</link>
		<comments>http://ravemaster88.wordpress.com/2008/11/05/interaksi-manusia-dan-komputer/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 15:55:31 +0000</pubDate>
		<dc:creator>ravemaster88</dc:creator>
				<category><![CDATA[Computer Science]]></category>

		<guid isPermaLink="false">http://ravemaster88.wordpress.com/?p=3</guid>
		<description><![CDATA[Definisi Intraksi manusia dan komputer adalah : disiplin ilmu yang berhubungan dengan perancangan, evaluasi, dan implementasi sistem komputer interaktif untuk digunakan oleh manusia, serta studi fenomena-fenomena besar yang berhubungan dengannya. Tujuan dari Rekayasa sistem adalah: 1.  Tujuan tingkat tinggi yaitu membuat kualitas hidup pemakai lebih baik memang penting untuk diingat. 2.  Desainer ingin membuat sistem [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=3&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong><em>Definisi Intraksi manusia dan komputer adalah</em></strong> : disiplin ilmu yang berhubungan dengan perancangan, evaluasi, dan implementasi sistem komputer interaktif untuk digunakan oleh manusia, serta studi fenomena-fenomena besar yang berhubungan dengannya.</p>
<dl class="wp-caption aligncenter">
<dt class="wp-caption-dt"><a href="http://ravemaster88.files.wordpress.com/2008/11/nasa_hci_conceptdiagram.png?w=300"><img class="size-medium wp-image-10" src="http://ravemaster88.files.wordpress.com/2008/11/nasa_hci_conceptdiagram.png?w=300&#038;h=264" alt="Human Computer Interaction" width="300" height="264" /></a></dt>
</dl>
<p><strong>Tujuan dari Rekayasa sistem adalah:</strong></p>
<p>1.  Tujuan tingkat tinggi yaitu membuat kualitas hidup pemakai lebih baik memang penting untuk diingat.</p>
<p>2.  Desainer ingin membuat sistem interaktif berkualitas tinggi yang dikagumi oleh orang-orang, beredar      luas dan sering ditiru.</p>
<p>3.  Kita perlu bergerak lebih dalam dari sekadar gagasan &#8220;user-friendly&#8221;.</p>
<p>4.  Fungsionalitas yang semestinya.</p>
<p>5.  Kehandalan, ketersediaan, keamanan, dan integritas data.</p>
<p>6.  Standardisasi, integrasi, konsistensi, dan portabilitas.</p>
<p>7.  Penjadualan dan anggaran.<span id="more-3"></span></p>
<p><strong>Tujuan Perancangan Antarmuka Pemakai adalah :</strong></p>
<p>1.  Penentuan sasaran masyarakat pemakai dan tugas-tugasnya sangat penting.</p>
<p>2.  Desain yang baik bagi komunitas yang satu bisa tidak sesuai bagi komunitas lainnya.</p>
<p>3.  Desain yang efisien bagi sekumpulan tugas dapat tidak efisien bagi kumpulan lainnya.</p>
<p><strong>Lima Faktor Manusia Terukur:</strong></p>
<p>1.  Faktor-faktor ini menjadi pusat evaluasi:<strong> </strong></p>
<ul class="unIndentedList">
<li> <strong>Waktu belajar</strong>: berapa lama orang biasa mempelajari cara relevan untuk melakukan suatu tugas?</li>
<li> <strong>Kecepatan kinerja</strong>: berapa lama suatu tugas dilakukan?</li>
<li> <strong>Tingkat kesalahan</strong>: berapa banyak kesalahan dan kesalahan-kesalahan apa saja yang dibuat pemakai?</li>
<li> <strong>Daya ingat</strong>: bagaimana kemampuan pemakai mempertahankan pengetahuannya setelah jangka waktu tertentu?</li>
<li> <strong>Kepuasan subjektif</strong>: bagaimana kesukaan pemakai terhadap berbagai aspek sistem?</li>
</ul>
<p>Motivasi bagi Faktor Manusia dalam Perancangan:</p>
<p>2.  Minat yang besar terhadap faktor manusia pada sistem interaktif muncul dari kesadaran betapa buruknya rancangan banyak sistem yang ada sekarang.</p>
<p>3.  Empat sumber utama keprihatinan ini:</p>
<ul class="unIndentedList">
<li> Sistem yang kritis bagi kehidupan</li>
<li> Pemakaian industri dan komersial</li>
<li> Aplikasi kantor, rumah, dan hiburan</li>
<li> Sistem eksplorasi, kreatif, dan kerja sama</li>
</ul>
<p><strong>Sistem yang Kritis bagi Kehidupan:</strong></p>
<p>1.  Contoh: kendali lalu-lintas udara, reaktor nuklir, pembangkit listrik.</p>
<p>2.  Biaya tinggi, asalkan kehandalan dan keefektifan tinggi.</p>
<p>3.  Waktu pelatihan lama dapat diterima asalkan kinerja cepat dan bebas kesalahan.</p>
<p>4.  Kepuasan subjektif tidak dipermasalahkan karena pemakai bermotivasi tinggi.</p>
<p>5.  Ingatan diperoleh dari seringnya penggunaan dan latihan.</p>
<p><strong>Tujuan Profesi IMK:</strong></p>
<p>1.  Mempengaruhi peneliti akademis dan industri.</p>
<p>2.  Menyediakan alat-alat bantu, teknik-teknik, dan pengetahuan untuk implementor sistem.</p>
<p>3.  Meningkatkan kesadaran akan komputer kepada masyarakat awam.</p>
<div id="attachment_11" class="wp-caption aligncenter" style="width: 310px"><a href="http://ravemaster88.files.wordpress.com/2008/11/39-middle.png?w=300"><img class="size-medium wp-image-11" src="http://ravemaster88.files.wordpress.com/2008/11/39-middle.png?w=300&#038;h=225" alt="39-middle" width="300" height="225" /></a><p class="wp-caption-text">HCI</p></div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ravemaster88.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ravemaster88.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ravemaster88.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ravemaster88.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ravemaster88.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ravemaster88.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ravemaster88.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ravemaster88.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ravemaster88.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ravemaster88.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ravemaster88.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ravemaster88.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ravemaster88.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ravemaster88.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ravemaster88.wordpress.com&amp;blog=4103478&amp;post=3&amp;subd=ravemaster88&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ravemaster88.wordpress.com/2008/11/05/interaksi-manusia-dan-komputer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c28a8b91000bf058fc7325769c1a9adf?s=96&#38;d=identicon" medium="image">
			<media:title type="html">ravemaster88</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/nasa_hci_conceptdiagram.png?w=300" medium="image">
			<media:title type="html">Human Computer Interaction</media:title>
		</media:content>

		<media:content url="http://ravemaster88.files.wordpress.com/2008/11/39-middle.png?w=300" medium="image">
			<media:title type="html">39-middle</media:title>
		</media:content>
	</item>
	</channel>
</rss>
