<?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/"
	>

<channel>
	<title>Catatan Guru Komputer &#187; Programming</title>
	<atom:link href="http://educnology.web.id/category/programming/feed/" rel="self" type="application/rss+xml" />
	<link>http://educnology.web.id</link>
	<description>Lecturer, Researcher, Teacher</description>
	<lastBuildDate>Mon, 09 Aug 2010 13:40:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>JSON, Format Pertukaran Data Layaknya XML</title>
		<link>http://educnology.web.id/programming/json-format-pertukaran-data-layaknya-xml/</link>
		<comments>http://educnology.web.id/programming/json-format-pertukaran-data-layaknya-xml/#comments</comments>
		<pubDate>Sun, 08 Aug 2010 12:07:20 +0000</pubDate>
		<dc:creator>Sandi Fajar Rodiyansyah</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[java script]]></category>
		<category><![CDATA[json]]></category>

		<guid isPermaLink="false">http://educnology.web.id/?p=777</guid>
		<description><![CDATA[JSON (dibaca &#8220;jason&#8221;) adalah singkatan dari Java Script Object Notation atau dalam bahasa Indonesia adalah notasi objek JavaScript. Merupakan suatu format yang digunakan untuk pertukaran data antar komputer. Format jason ini berupa tulisan teks yang dapat dibaca oleh manusia, json &#8230; <a href="http://educnology.web.id/programming/json-format-pertukaran-data-layaknya-xml/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>JSON (dibaca &#8220;jason&#8221;) adalah singkatan dari Java Script Object Notation atau dalam bahasa Indonesia adalah notasi objek JavaScript. Merupakan suatu format yang digunakan untuk pertukaran data antar komputer. Format jason ini berupa tulisan teks yang dapat dibaca oleh manusia, json ini pula digunakan untuk merepresentasikan struktur data sederhana dan juga dapat merepresentasikan sebuah objek. Format json ini biasa digunakan untuk aplikasi web dengan menggunakan AJAX yang digunakan untuk menggantika XML dalam hal pengiriman data.<span id="more-777"></span></p>
<p>Meskipun json identik dengan Java Script tapi format ini tidak menutup kemungkinan untuk digunakan dalam bahasa pemrograman apapun. situs <a title="http://json.org" href="http://" target="_blank">http://json.org</a> menyediakan keterangan penggunaan format json dalam berbagai bahasa pemrograman.</p>
<p>Notasi-notasi json disimpan kedalam file dengan ekstensi .json yang kemudian file ini bisa diolah lebih jauh. Berikut merupakan contoh notasi json yang menerangkan tentang objek group band.</p>

<div class="wp_codebox"><table><tr id="p7773"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code" id="p777code3"><pre class="javascript" style="font-family:monospace;"><span style="color: #009900;">&#91;</span>
<span style="color: #009900;">&#123;</span>
     <span style="color: #3366CC;">&quot;Name&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;Beatles&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;Country&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;England&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;YearFormed&quot;</span><span style="color: #339933;">:</span><span style="color: #CC0000;">1959</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;Style&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;Rock 'n Roll&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;Member&quot;</span><span style="color: #339933;">:</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;Paul&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;John&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;George&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;Ringgo&quot;</span><span style="color: #009900;">&#93;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
<span style="color: #009900;">&#123;</span>
     <span style="color: #3366CC;">&quot;Name&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;Rolling Stones&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;Country&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;England&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;YearFormed&quot;</span><span style="color: #339933;">:</span><span style="color: #CC0000;">1962</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;Style&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;Rock 'n Roll&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;Member&quot;</span><span style="color: #339933;">:</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;Mick&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;Keith&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;Charlie&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;Bill&quot;</span><span style="color: #009900;">&#93;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#93;</span></pre></td></tr></table></div>

<p>Berikut merupakan contoh fungsi yang berfungsi untuk meload file .json yang kemudian ditampilkan di browser :</p>

<div class="wp_codebox"><table><tr id="p7774"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code" id="p777code4"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> loadJSON<span style="color: #009900;">&#40;</span>fname<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> xhr<span style="color: #339933;">=</span>createXHR<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
xhr.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;GET&quot;</span><span style="color: #339933;">,</span> fname<span style="color: #339933;">,</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
xhr.<span style="color: #660066;">onreadystatechange</span><span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>xhr.<span style="color: #660066;">readyState</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>xhr.<span style="color: #000066;">status</span> <span style="color: #339933;">!=</span> <span style="color: #CC0000;">404</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;zone&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;found&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> data<span style="color: #339933;">=</span><span style="color: #000066; font-weight: bold;">eval</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;(&quot;</span> <span style="color: #339933;">+</span> xhr.<span style="color: #660066;">responseText</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;)&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;zone&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;Menu &quot;</span> <span style="color: #339933;">+</span> data.<span style="color: #660066;">menu</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #CC0000;">3</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;zone&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">+=</span> <span style="color: #3366CC;">&quot; &quot;</span> <span style="color: #339933;">+</span> data.<span style="color: #660066;">commands</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">title</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">': '</span> <span style="color: #339933;">+</span>data.<span style="color: #660066;">commands</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">action</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; &quot;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">else</span>
	<span style="color: #009900;">&#123;</span>
		document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;zone&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">=</span> fname <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; not found&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
xhr.<span style="color: #660066;">send</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Sumber :</p>
<p>Course Material &#8220;Data Stucture&#8221; <a href="http://mkom.ugm.ac.id" target="_blank">Magister Ilmu Komputer Universitas Gadjah Mada </a>by Dr. Azhari, MT, Drs.</p>
<p><a href="http://json.org" target="_blank">http://json.org</a></p>
<p><a href="http://en.wikipedia.org/wiki/JSON" target="_blank">http://en.wikipedia.org/wiki/JSON</a></p>
]]></content:encoded>
			<wfw:commentRss>http://educnology.web.id/programming/json-format-pertukaran-data-layaknya-xml/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mengatasi Nilai NULL Pada Hasil Query MySQL</title>
		<link>http://educnology.web.id/programming/mengatasi-nilai-null-pada-hasil-query-mysql/</link>
		<comments>http://educnology.web.id/programming/mengatasi-nilai-null-pada-hasil-query-mysql/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 16:50:32 +0000</pubDate>
		<dc:creator>Sandi Fajar Rodiyansyah</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[ifnull]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[null]]></category>
		<category><![CDATA[query]]></category>
		<category><![CDATA[query function]]></category>

		<guid isPermaLink="false">http://educnology.web.id/?p=758</guid>
		<description><![CDATA[Terkadang dalam sebuah pengolahan data dengan melibatkan database kita akan menemukan sebuah query dari hasil pengolahan data yang menghasilkan nilai keluaran (result) yang null. Hasil ini bukan berarti error, tetapi null adalah hasil query yang tidak mengeluarkan data. (ingat angka &#8230; <a href="http://educnology.web.id/programming/mengatasi-nilai-null-pada-hasil-query-mysql/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Terkadang dalam sebuah pengolahan data dengan melibatkan database kita akan menemukan sebuah query dari hasil pengolahan data yang menghasilkan nilai keluaran (result) yang null. Hasil ini bukan berarti error, tetapi null adalah hasil query yang tidak mengeluarkan data. (ingat angka 0 (nol) tidak sama dengan null). Secara matematis null adalah himpunan kosong Ø. <span id="more-758"></span>Tutorial berikut, akan mencoba membahas bagaimana kita mengatasi nilai null dari sebuah result query. Dalam hal ini kita akan mencoba mengganti result dari query yang menghasilkan nilai null dengan nilai 0 (nol). Ini diperlukan karena mungkin pada proses pengolahan data selanjutnya kita memerlukan angka 0 (nol) bukan null.</p>
<p>Contoh sederhana query yang menghasilkan nilai null adalah seperti berikut :</p>

<div class="wp_codebox"><table><tr id="p75810"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p758code10"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">select</span> <span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">as</span> hasil;</pre></td></tr></table></div>

<p>Query sederhana tersebut menghasilkan nilai null karena 1 dibagi 0 hasilnya adalah error. Nah, apabila kita ingin mengganti result dari query itu menjadi misalkan tulisan &#8220;ERROR Kang&#8221; maka kita bisa menggunakan fungsi MySql =IFNULL(). Fungsi ini akan mengganti result query yang bernilai null dengan nilai lain yang dimasukan ke dalam parameter fungsi tersebut.</p>
<p>Fungsi =IFNULL() memiliki dua parameter param1 dan param2. =IFNULL(param1, param2). Param1 merupakan query yang akan kita olah dari database dan param2 adalah nilai yang akan dikeluarkan apabila query yang kita hasilkan yang ada di param1 menghasilkan null . Jadi fungsi ini meng-cek apakah param1 menghasilkan nilai null, apabila benar maka fungsi ini akan mengeluarkan param2 sebagai result dari pengolahan data tersebut. Tetapi apabila param1 menghasilkan result, maka fungsi ini akan mengeluarkan result dari param1.</p>

<div class="wp_codebox"><table><tr id="p75811"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p758code11"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">SELECT</span> IFNULL<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">,</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>Query ini akan menhasilkan nilai 1, karena param1 memiliki data yaitu angka 1.</p>

<div class="wp_codebox"><table><tr id="p75812"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p758code12"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">SELECT</span> IFNULL<span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">NULL</span><span style="color: #66cc66;">,</span><span style="color: #cc66cc;">10</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>Query ini akan menghasilkan nilai 10, karena param1 merupakan null.</p>
<p>Jadi, apabila kita kembali ke contoh 1, query tersebut akan menghasilkan null. Apabila misalkan kita akan mengganti hasil dari query tersebut menjadi &#8220;Error Kang&#8221; script querynya adalah sebagai berikut :</p>

<div class="wp_codebox"><table><tr id="p75813"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p758code13"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">SELECT</span> IFNULL<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">select</span> <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">,</span><span style="color: #ff0000;">&quot;error kang&quot;</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>Fungsi dari query ini adalah untuk menghindari adanya result NULL dari sebuah query. Biasanya programmer akan mengganti NULL tersebut dengan nilai 0 (nol).</p>
<p>Berikut adalah contoh aplikasi penggunaan IFNULL dalam basis data.</p>

<div class="wp_codebox"><table><tr id="p75814"><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code" id="p758code14"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">SELECT</span> k<span style="color: #66cc66;">.</span>id_kar<span style="color: #66cc66;">,</span> k<span style="color: #66cc66;">.</span>nama_kar<span style="color: #66cc66;">,</span>
<span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">SELECT</span> IFNULL<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">SELECT</span> COUNT<span style="color: #66cc66;">&#40;</span>id_anak<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">*</span>gl<span style="color: #66cc66;">.</span>tunjangan_anak <span style="color: #993333; font-weight: bold;">FROM</span> tbl_anak ta
<span style="color: #993333; font-weight: bold;">WHERE</span> ta<span style="color: #66cc66;">.</span>id_kar<span style="color: #66cc66;">=</span>k<span style="color: #66cc66;">.</span>id_kar <span style="color: #993333; font-weight: bold;">AND</span> gl<span style="color: #66cc66;">.</span>id_gol<span style="color: #66cc66;">=</span>k<span style="color: #66cc66;">.</span>id_gol<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">,</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">AS</span> tunjangan_anak
<span style="color: #993333; font-weight: bold;">FROM</span> tbl_karyawan k<span style="color: #66cc66;">,</span> tbl_golongan gl<span style="color: #66cc66;">,</span> tbl_jabatan j
<span style="color: #993333; font-weight: bold;">WHERE</span> k<span style="color: #66cc66;">.</span>id_gol<span style="color: #66cc66;">=</span>gl<span style="color: #66cc66;">.</span>id_gol <span style="color: #993333; font-weight: bold;">AND</span> j<span style="color: #66cc66;">.</span>id_jab<span style="color: #66cc66;">=</span>k<span style="color: #66cc66;">.</span>id_jab
<span style="color: #993333; font-weight: bold;">ORDER</span> <span style="color: #993333; font-weight: bold;">BY</span> k<span style="color: #66cc66;">.</span>id_kar</pre></td></tr></table></div>

<p>Query diatas akan menghasilkan field (ID_KAR, NAMA_KAR, TUNJANGAN_ANAK) dengan ketentuan jika seorang karyawan memiliki tunjangan anak maka nilai tunjangan anak tersebut akan ditampilkan tetapi apabila seorang karyawan belum memiliki anak maka dia tidak akan menerima tunjangan anak selanjutnya nilai tunjangan anak adalah 0 (nol)</p>
]]></content:encoded>
			<wfw:commentRss>http://educnology.web.id/programming/mengatasi-nilai-null-pada-hasil-query-mysql/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Algoritma Counting Sort (Pengurutan Data Tanpa Perbandingan)</title>
		<link>http://educnology.web.id/programming/algoritma-counting-sort/</link>
		<comments>http://educnology.web.id/programming/algoritma-counting-sort/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 11:11:16 +0000</pubDate>
		<dc:creator>Sandi Fajar Rodiyansyah</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[algoritma]]></category>
		<category><![CDATA[counting sort]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[ilmu komputer]]></category>
		<category><![CDATA[sorting]]></category>

		<guid isPermaLink="false">http://educnology.web.id/?p=731</guid>
		<description><![CDATA[Program komputer merupakan instruksi-instruksi logis yang tertulis dalam sebuah source code yang dibaca oleh komputer dan selanjutnya dieksekusi. Salah satu masalah yang dapat diselesaikan oleh komputer adalah pengurutan data. Baik pengurutan data dari yang terbesar ke yang terkecil ataupun sebaliknya. &#8230; <a href="http://educnology.web.id/programming/algoritma-counting-sort/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Program komputer merupakan instruksi-instruksi logis yang tertulis dalam sebuah source code yang dibaca oleh komputer dan selanjutnya dieksekusi. Salah satu masalah yang dapat diselesaikan oleh komputer adalah pengurutan data. Baik pengurutan data dari yang terbesar ke yang terkecil ataupun sebaliknya.</p>
<p>Di antara banyak algoritma pengurutan tersebut terdapat satu kategori algoritma pengurutan yang dalam prosesnya tidak melakukan pembandingan antar data. Yang sering disebut  <em>Non-Comparison Sorting Algorithm</em>, atau dalam bahasa IndonesiaAlgoritma Pengurutan-Tanpa-Pembandingan.<span id="more-731"></span></p>
<p>Tulisan ini akan mencoba membahas salah satu teknik sorting yang tanpa melakukan perbandingan data. Ada dua teknik algoritma untuk melakukan sorting tanpa membandingkan data yaitu : <strong><em>Counting Sort </em></strong>dan <strong><em>Radix Sort</em></strong>. Dalam tulisan ini akan dibahas teknik <em><strong>Counting Sort</strong></em>.</p>
<p>Secara umum yang proses yang dilakukan dalam metode ini adalah mengklasifikasikan data sesuai dengan kategori  terurut yang tertentu, dan dalam tiap kategori dilakukan pengklasifikasian lagi, dan seterusnya sesuai dengan kebutuhan, kemudian</p>
<p>subkategori-subkategori tersebut digabungkan kembali, yang secara dilakukan hanya dengan metode sederhana <em>concatenation</em>.</p>
<p>Ide dasar dari <em>counting sort </em>adalah menentukan, untuk setiap elemen <em>x</em> jumlah yang lebih kecil dari <em>x</em> setelah itu informasi ini digunakan untuk menentukan1 posisi <em>x</em>. Contoh sederhana misalkan terdapat 6 elemen yang lebih kecil dari <em>x </em>maka <em>x </em>menjadi posisi ke 7.</p>
<p>Berikut merupakan algoritma <em>counting sort :</em></p>
<pre>algorithm counting_sort (A,k)
Input : A : array [1..n] of integer, k: max (A)
Output : B : array [1..n] of integer
	for i = 1 to k do
           C[i] = 0
	for j = 1 to length(A) do
	   C[A[j]] = C[A[j]] + 1
	for 2 = 1 to k do
	   C[i] = C[i] + C[i-1]
	for j = 1 to length(A) do
	   B[C[A[j]]] = A[j]
	   C[A[j]] = C[A[j]] - 1
        return B</pre>
<p>Setelah dilakukan implementasi algoritma tersebut ke dalam program, dalam hal ini menggunakan JavaScript, berikut merupakan script programnya.</p>

<div class="wp_codebox"><table><tr id="p73116"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
</pre></td><td class="code" id="p731code16"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #003366; font-weight: bold;">function</span> countingSort<span style="color: #009900;">&#40;</span>A<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	B<span style="color: #339933;">=</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>C<span style="color: #339933;">=</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> max <span style="color: #339933;">=</span> A<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span>A.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>max<span style="color: #339933;">&lt;</span>A<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>
		max<span style="color: #339933;">=</span>A<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #006600; font-style: italic;">//counting</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;=</span>max<span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		C<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span>A.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		C<span style="color: #009900;">&#91;</span>A<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">++;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;=</span>max<span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		C<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">=</span>C<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span>C<span style="color: #009900;">&#91;</span>i<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span>A.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&gt;=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">--</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		B<span style="color: #009900;">&#91;</span>C<span style="color: #009900;">&#91;</span>A<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">=</span>A<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		C<span style="color: #009900;">&#91;</span>A<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">=</span>C<span style="color: #009900;">&#91;</span>A<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">return</span> B<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//test</span>
data<span style="color: #339933;">=</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span><span style="color: #CC0000;">4</span><span style="color: #339933;">,</span><span style="color: #CC0000;">6</span><span style="color: #339933;">,</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span><span style="color: #CC0000;">6</span><span style="color: #339933;">,</span><span style="color: #CC0000;">8</span><span style="color: #339933;">,</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span><span style="color: #CC0000;">5</span><span style="color: #339933;">,</span><span style="color: #CC0000;">8</span><span style="color: #339933;">,</span><span style="color: #CC0000;">4</span><span style="color: #339933;">,</span><span style="color: #CC0000;">2</span><span style="color: #339933;">,</span><span style="color: #CC0000;">6</span><span style="color: #339933;">,</span><span style="color: #CC0000;">9</span><span style="color: #339933;">,</span><span style="color: #CC0000;">5</span><span style="color: #339933;">,</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span><span style="color: #CC0000;">4</span><span style="color: #339933;">,</span><span style="color: #CC0000;">6</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;before : &lt;br&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span>data.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot; &quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;br&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;after : &lt;br&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
data<span style="color: #339933;">=</span>countingSort<span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span>data.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot; &quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>	
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>Dari data random pada array data=[3,4,6,3,6,8,3,5,8,4,2,6,9,5,3,4,6];<br />
 setelah program terebut dijalankan maka data itu menjadi terurut yang dapat terlihat pada gambar dibawah :</p>
<p><a href="http://educnology.web.id/wp-content/uploads/2010/07/urut.png"><img class="aligncenter size-full wp-image-739" title="urut" src="http://educnology.web.id/wp-content/uploads/2010/07/urut.png" alt="" width="210" height="77" /></a></p>
<p>Dengan demikian data yang semula teracak setelah program itu dijalankan maka data akan terurut seperti pada gambar diatas. Namun kekurangan dari algortima ini adalah tidak bisa mengurutkan data string dan data bilangan desimal.</p>
<p>Referensi :</p>
<p>Pengkajian Algoritma Tanpa Perbandingan Counting Sort dan Radix Sort. Oleh : Dominnikus Damas Putranto (Program Studi Teknik Informatika ITB).</p>
<p><a href="http://en.wikipedia.org/wiki/Counting_sort">http://en.wikipedia.org/wiki/Counting_sort</a></p>
<p>Some Sorting Algorithm (Course Material Computer Science UGM). Oleh : Azhari, Drs. MT. Dr. (Magister Ilmu Komputer UGM)</p>
<p><a href="http://users.cs.cf.ac.uk/C.L.Mumford/tristan/CountPage.html">http://users.cs.cf.ac.uk/C.L.Mumford/tristan/CountPage.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://educnology.web.id/programming/algoritma-counting-sort/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Memasang Posting Twitter di Blog atau Website</title>
		<link>http://educnology.web.id/programming/memsang-posting-twitter-di-blog-atau-website/</link>
		<comments>http://educnology.web.id/programming/memsang-posting-twitter-di-blog-atau-website/#comments</comments>
		<pubDate>Sat, 12 Jun 2010 13:38:48 +0000</pubDate>
		<dc:creator>Sandi Fajar Rodiyansyah</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Teknologi Internet]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://educnology.web.id/?p=694</guid>
		<description><![CDATA[Saat ini website yang tersebar di internet biasanya terhubung kedalam aplikasi social networking yang mampu memberikan keleluasaan untuk saling bertukar internet melalui media social networking tersebut. Pada tutorial ini, saya akan mencoba akan menulis tutorial untuk  memasang postingan di twitter &#8230; <a href="http://educnology.web.id/programming/memsang-posting-twitter-di-blog-atau-website/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Saat ini website yang tersebar di internet biasanya terhubung kedalam aplikasi social networking yang mampu memberikan keleluasaan untuk saling bertukar internet melalui media social networking tersebut.</p>
<p>Pada tutorial ini, saya akan mencoba akan menulis tutorial untuk  memasang postingan di twitter untuk dipasang di website atau blog kita. <span id="more-694"></span>Berikut merupakan listing program yang akan memanggil postingan di twtter yang akan kita pasang di website kita :</p>

<div class="wp_codebox"><table><tr id="p69418"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code" id="p694code18"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> get_latest_tweet<span style="color: #009900;">&#40;</span><span style="color: #000088;">$username</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$url</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;http://search.twitter.com/search.atom?q=from:<span style="color: #006699; font-weight: bold;">$username</span>&amp;rpp=1&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$content</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/file_get_contents"><span style="color: #990000;">file_get_contents</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$url</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$content</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/explode"><span style="color: #990000;">explode</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;content type=&quot;html&quot;&gt;'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$content</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$content</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/explode"><span style="color: #990000;">explode</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;/content&gt;'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$content</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #b1b100;">return</span> <a href="http://www.php.net/html_entity_decode"><span style="color: #990000;">html_entity_decode</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$content</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000088;">$my_username</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'username'</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">echo</span> get_latest_tweet<span style="color: #009900;">&#40;</span><span style="color: #000088;">$my_username</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Dari list tersebut akan dihasilkan postingan twitter terakhir yang kita masukan ke twitter.<br />
<a href="http://twitter.com/rodiyansyah"><img class="aligncenter size-full wp-image-714" title="Follow Us on Twitter" src="http://educnology.web.id/wp-content/uploads/2009/05/twitter.jpg" alt="" width="176" height="76" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://educnology.web.id/programming/memsang-posting-twitter-di-blog-atau-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Plugin Mozilla Firefox yang Powerfull untuk Developer</title>
		<link>http://educnology.web.id/produk/plugin-mozilla-firefox-yang-powerfull-untuk-developer/</link>
		<comments>http://educnology.web.id/produk/plugin-mozilla-firefox-yang-powerfull-untuk-developer/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 06:39:16 +0000</pubDate>
		<dc:creator>Sandi Fajar Rodiyansyah</dc:creator>
				<category><![CDATA[Produk]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[guru TIK]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[kurikulum TIK]]></category>
		<category><![CDATA[pendidikan ilmu komputer]]></category>
		<category><![CDATA[Pendidikan TIK]]></category>

		<guid isPermaLink="false">http://educnology.web.id/?p=439</guid>
		<description><![CDATA[Firefox merupakan browser yang sangat banyak dipakai oleh pengguna baik pengguna biasa maupu pengguna sebagai depeloper atau web designer. Saya sudah mensurvei (bukan survei pemilu cappres) di blog ini yang menghasilkan kesimpulan bahwa 85% pengunjung blog ini menggunakan firefox. Saya &#8230; <a href="http://educnology.web.id/produk/plugin-mozilla-firefox-yang-powerfull-untuk-developer/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://alex.thefrapp.com/files/firefox-logo/firefox-logo-full.png" alt="" width="157" height="149" />Firefox merupakan browser yang sangat banyak dipakai oleh pengguna baik pengguna biasa maupu pengguna sebagai depeloper atau web designer. Saya sudah mensurvei (bukan survei pemilu cappres) di blog ini yang menghasilkan kesimpulan bahwa 85% pengunjung blog ini menggunakan firefox. Saya juga termasuk pengguna setia firefox.</p>
<p>Namun pada posting kali ini saya akan membahas beberapa kegunaan firefox sebagai browsernya depeloper atau web design. Posting ini, kita akan melihat 10 extensions Firefox berguna untuk web designer dan web developer. Anda tidak diperlukan untuk menginstal semua ekstensi, karena hal ini akan menyebabkan Anda Firefox lambat. Tanpa bicara banyak, mari kita melihat ke dalam ekstensi ini.</p>
<p><span id="more-439"></span>1. <a title="https://addons.mozilla.org/en-US/firefox/addon/1843" href="http://" target="_blank">Firebug</a></p>
<p><img class="alignleft" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/firebug.png" alt="" width="500" height="208" /></p>
<p>Plugin ini wajib dimiliki web design atau web depeloper yang berfungsi untuk membuka kode-kode HTML, CSS dan JavaScript yang muncul pada tampilan browser. Dengan menggunakan plugin ini kita bisa melihat kode-kode yang salah sehingga kita bisa memperbaikinya.</p>
<p>2. <a title="https://addons.mozilla.org/en-US/firefox/addon/1985" href="http://" target="_blank">Windows Resizer</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/window-resizer.png" alt="" width="500" height="250" /></p>
<p>Web design menginginkan designnya dapat tampil dengan sempurna dengan ukuran layar yang bermacam-macam. Dengan menggunakan plugin ini kita bisa membuat ukuran layar kita bisa diubah. Sehingga kita bisa menngetes design kita di komputer yang sama meskipun membutuhkan ukuran pixel yang berbeda-beda.</p>
<p>3. <a title="https://addons.mozilla.org/en-US/firefox/addon/2318" href="http://" target="_blank">Total Validator</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/total-validator.png" alt="" width="500" height="185" /></p>
<p>Plugin ini memberikan validasi HTML (2,0 HTML ke XHTML 1.1) ditambah atribut memeriksa validasi HTML tersebut.</p>
<p>4. <a title="https://addons.mozilla.org/en-US/firefox/addon/5648" href="http://" target="_blank">FireShot</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/fireshot.png" alt="" width="424" height="297" /></p>
<p>FireShot adalah plugin Firefox yang membuat screenshot dari halaman web (seluruhnya atau hanya terlihat bagian). Tidak seperti plugin lainnya, plugin ini menyediakan satu set alat editing untuk dimasukan penjelasan tentang tampilan tersebut, yang membiarkan pengguna memodifikasi web dengan cepat menangkap dan memasukkan penjelasan.</p>
<p>5. <a title="https://addons.mozilla.org/en-US/firefox/addon/9603" href="http://" target="_blank">FireRainbow</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/firerainbow.png" alt="" width="500" height="278" /></p>
<p>Plugin ini merupakan plugin tambahan dari Firefox, yang berfungsi untuk melihat (mendebug) kode javascript.</p>
<p>6. <a title="https://addons.mozilla.org/en-US/firefox/addon/684" href="http://" target="_blank">FireFTP</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/fireftp.png" alt="" width="400" height="302" /></p>
<p>FireFTP adalah plugin yang gratis, aman, multi-platform merupakan FTP clien untuk Mozilla Firefox yang menyediakan akses mudah ke FTP server dengan menggunakan browser mozilla. Berfungsi jika kita sedang melakukan editing web yang sudah terpasang di server/hosting</p>
<p>7. <a title="https://addons.mozilla.org/en-US/firefox/addon/6647" href="http://" target="_blank">HTTPFox</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/httpfox.png" alt="" width="500" height="330" /></p>
<p>HttpFox memonitor dan menganalisa semua masuk dan keluar lalu lintas data HTTP antara browser dan server web. Tujuannya adalah menganalisa seberapa lama web kita bisa diload ke browser.</p>
<p>8. <a title="https://addons.mozilla.org/en-US/firefox/addon/1419" href="http://" target="_blank">IETab</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/ie-tab.png" alt="" width="437" height="323" /></p>
<p>Ini merupakan alat untuk web developer, karena Anda dapat dengan mudah melihat bagaimana halaman web Anda ditampilkan di IE dengan hanya satu klik dan kemudian kembali ke Firefox.</p>
<p>9. <a title="https://addons.mozilla.org/en-US/firefox/addon/60" href="http://" target="_blank">Web Developer</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/web-developer.png" alt="" width="294" height="204" /></p>
<p>Web Developer merupakan plugin untuk menambahkan menu dan toolbar dengan berbagai alat-alat pengembang web.</p>
<p>10. <a title="https://addons.mozilla.org/en-US/firefox/addon/2104" href="http://" target="_blank">CSS Viewer</a></p>
<p><img class="alignnone" src="http://www.webdesignbooth.com/wp-content/uploads/2009/06/css-viewer.png" alt="" width="348" height="217" /></p>
<p>Plugin ini untuk melihat kode-kode plugin yang membentuk tampilan web yang aktif.<br />
Sumber : <a href="http://www.webdesignbooth.com/35-absolutely-useful-firefox-plugins-for-web-designers-and-developers/" target="_blank">dari sini</a> dengan perubahan</p>
]]></content:encoded>
			<wfw:commentRss>http://educnology.web.id/produk/plugin-mozilla-firefox-yang-powerfull-untuk-developer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
