<?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>Wonderfull Life</title>
	<atom:link href="http://wonderfullskills.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://wonderfullskills.wordpress.com</link>
	<description>Just another WordPress.com site</description>
	<lastBuildDate>Wed, 30 Nov 2011 10:46:17 +0000</lastBuildDate>
	<language></language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='wonderfullskills.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Wonderfull Life</title>
		<link>http://wonderfullskills.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://wonderfullskills.wordpress.com/osd.xml" title="Wonderfull Life" />
	<atom:link rel='hub' href='http://wonderfullskills.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Representasi Bilangan Bertanda</title>
		<link>http://wonderfullskills.wordpress.com/2010/10/13/representasi-bilangan-bertanda/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/10/13/representasi-bilangan-bertanda/#comments</comments>
		<pubDate>Wed, 13 Oct 2010 16:09:47 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Arsitektur Komputer]]></category>
		<category><![CDATA[Bilangan bertanda]]></category>
		<category><![CDATA[Komplemen 1]]></category>
		<category><![CDATA[komplemen 2]]></category>
		<category><![CDATA[representasi]]></category>
		<category><![CDATA[Unsigned Integer]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=96</guid>
		<description><![CDATA[Dalam ilmu matematika jika kita ingin menyatakan bilangan itubernilai positif atau negatif maka kita hanya tinggal membubuhkan tanda didepannya saja. Misal nilai dari negatif 3 ditulis dengan -3. Namun tidak demikian halnya dengan komputer. Komputer hanya mengenal bilangan 0 dan 1 tanpa ada tanda atau hal lainnya. Maka perlu dibuat metode untuk mengenali/mengkodekan tanda minus. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=96&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Dalam ilmu matematika jika kita ingin menyatakan bilangan itubernilai positif atau negatif maka kita hanya tinggal membubuhkan tanda didepannya saja. Misal nilai dari negatif 3 ditulis dengan -3. Namun tidak demikian halnya dengan komputer. Komputer hanya mengenal bilangan 0 dan 1 tanpa ada tanda atau hal lainnya. Maka perlu dibuat metode untuk mengenali/mengkodekan tanda minus.<span id="more-96"></span></p>
<p>Ada Beberapa metode yang digunakan untuk mengkodekan tanda minus, yakni:</p>
<p><strong>Representasi Unsigned Integer</strong></p>
<p>Untuk keperluan penyimpanan dan pengolahan komputer,  diperlukan bilangan biner yang terdiri atas bilangan 0 dan 1 untuk merepresentasikan suatu bilangan.</p>
<p>Sebuah word 8-bit dapat digunakan untuk merepresentasikan bilangan 0 sampai 255 (unsigned integer) misalnya:</p>
<p>00000000<sub>2</sub>=0<sub>10</sub></p>
<p>00101001<sub>2</sub>=4<sub>10</sub></p>
<p>11111111<sub>2</sub>=255<sub>10</sub></p>
<p>Kelemahan system ini adalah hanya dapat menyatakan bilangan positif saja, tidak bisa  digunakan untuk bilangan negatif.</p>
<p><strong>Representasi Nilai tanda</strong></p>
<p>Untuk menyatakan bilangan bertanda (positif atau negatif) dapat digunakan salah satu bit yang ada untuk menyatakan tanda tersebut.</p>
<p>Perlakuan bit paling kiri (paling berarti) dalam word sebagai bit tanda. Bit tersebut di-set nilai 0 untuk bilangan positif dan 1 untuk bilangan negatif. Bit-bit lain menyatakan nilai mutlak dari bilangan. Jadi dalam 1 byte (8-bit) satu bit digunakan sebagai tanda dan tujuh bit sisanya digunakan sebagai nilai mutlak yang nilainya bisa berisi dari 0000000<sub>2</sub> (0) sampai 1111111<sub>2</sub> (127). Cara ini dapat digunakan untuk merepresentasikan bilangan dari -127<sub>10</sub> sampai 127<sub>10</sub>.</p>
<p>Contoh :</p>
<p>+21<sub>10</sub> = 0 0010101<sub>2</sub></p>
<p>-21<sub>10</sub> = 1 0010101<sub>2</sub></p>
<p>Kekeurangannya ada pada operasi Aritmetika penjumlahan dan pengurangan yang memerlukan pertimbangan tanda maupun nilai bilangan.</p>
<p>Juga adanya representasi nilai ganda pada bilangan 0 (nol) yakni 00000000<sub>2</sub> dan 10000000<sub>2</sub>.</p>
<p><strong>Representasi Komplemen 1</strong></p>
<p>Representasi komplemen satu juga dapat digunakan untuk merepresentasikan bilangan negatif. Bentuk komplemen satu untuk bilangan biner negatif diperoleh dengan cara membalik seluruh bit dari bilangan positifnya. Bit yang bernilai 0 dibalik menjadi bit bernilai 1 dan sebaliknya.</p>
<p>Contoh :</p>
<p>+43 = 00101011<sub>2</sub></p>
<p>-43 = 11010100<sub>2</sub></p>
<p>Pada metode ini ada dua cara untuk merepresentasikan bilangan nol (0) yakni 00000000<sub>2</sub> dan 11111111<sub>2</sub>.</p>
<p>Jangkauanya untuk sistem byte dari -127<sub>10</sub> hingga 127<sub>10</sub> dengan nol (0) bisa bernilai positif dan negatif.</p>
<p><strong>Representasi Komplemen 2</strong></p>
<p>Dalam metode ini bilangan negatif didapat dengan cara menambahkan 1 pada bentuk komplemen 1 dari bilangan positif. Dalam metode ini hanya terdapat satu representasi bilangan 0.</p>
<p>Contoh :</p>
<p>+43 = 00101011<sub>2</sub> Komplemen satunya  11010100<sub>2</sub> (-43) komplemen duanya 11010100 + 1 = 11010101<sub>2</sub></p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/uncategorized/'>Uncategorized</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/arsitektur-komputer/'>Arsitektur Komputer</a>, <a href='http://wonderfullskills.wordpress.com/tag/bilangan-bertanda/'>Bilangan bertanda</a>, <a href='http://wonderfullskills.wordpress.com/tag/komplemen-1/'>Komplemen 1</a>, <a href='http://wonderfullskills.wordpress.com/tag/komplemen-2/'>komplemen 2</a>, <a href='http://wonderfullskills.wordpress.com/tag/representasi/'>representasi</a>, <a href='http://wonderfullskills.wordpress.com/tag/unsigned-integer/'>Unsigned Integer</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/96/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=96&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/10/13/representasi-bilangan-bertanda/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
		<item>
		<title>Kategori Multilevel dengan PHP</title>
		<link>http://wonderfullskills.wordpress.com/2010/10/06/kategori-multilevel-dengan-php/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/10/06/kategori-multilevel-dengan-php/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 00:39:17 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Kategori multilevel]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=93</guid>
		<description><![CDATA[KAtegori multi level biasanya digunakan pada situs e-commerce, seperti Bhinake.com dan lainnya. Tujuannya agar pengunjung atau calon pembeli bisa lebih mudah untuk menentukan barang yang akan ia beli. Saya akan membagi cara bagaimana membuat kategori multilevel pada PHP. Pertama kita tentukan dulu konsepnya. Saya selalu menentukan konsep sebelum membuat program agar kitak tidak melakukan atau [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=93&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>KAtegori multi level biasanya digunakan pada situs e-commerce, seperti Bhinake.com dan lainnya. Tujuannya agar pengunjung atau calon pembeli bisa lebih mudah untuk menentukan barang yang akan ia beli. Saya akan membagi cara bagaimana membuat kategori multilevel pada PHP.<span id="more-93"></span></p>
<p>Pertama kita tentukan dulu konsepnya. Saya selalu menentukan konsep sebelum membuat program agar kitak tidak melakukan atau membuat kode yang sia-sia nantinya.</p>
<p>Konsepnya kan seperti berikut:</p>
<p>- Web Programming<br />
&#8212;- PHP<br />
&#8212;&#8212;&#8211; PHP Expert<br />
&#8212;&#8212;&#8211; PHP Beginner<br />
&#8212;- HTML<br />
&#8212;- AJAX<br />
&#8212;- WML<br />
- Desktop Programming<br />
&#8212; JAVA<br />
&#8212; C#<br />
&#8212; VB.NET<br />
&#8212;&#8212;- Kode<br />
&#8212;&#8212;- Program</p>
<p>Terlihat bahwa anak kategori sibuat menjorok kedalam dar parent-nya. Oleh karena itu kita membutuhkan field untuk id kategori dan parent dari kategori tersebut. Parent maksudnya nanti si kategori itu termasuk kedalam sub kategori mana.</p>
<p>Sekarang kita buat databasenya, kira-kira seperti ini.</p>
<p><strong>CREATE TABLE `category` (<br />
`id_category` int(5) NOT NULL  auto_increment,<br />
`id_parent` int(5) NOT NULL default &#8217;0&#8242;,<br />
`category_name` varchar(100) NOT NULL,<br />
PRIMARY KEY  (`id_category`)<br />
)</strong></p>
<p>Isinya kira-kira seperti ini:</p>
<table id="tablecontent" style="height:236px;" border="0" cellpadding="3" width="421">
<tbody>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>id_category</strong></td>
<td class="mceSelected"><strong>id_parent</strong></td>
<td class="mceSelected"><strong>category_name</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>1</strong></td>
<td class="mceSelected"><strong>0</strong></td>
<td class="mceSelected"><strong>Web Programming</strong></td>
</tr>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>2</strong></td>
<td class="mceSelected"><strong>0</strong></td>
<td class="mceSelected"><strong>Desktop Programming<br />
</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>3</strong></td>
<td class="mceSelected"><strong>1</strong></td>
<td class="mceSelected"><strong>PHP</strong></td>
</tr>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>4</strong></td>
<td class="mceSelected"><strong>3</strong></td>
<td class="mceSelected"><strong>PHP Expert<br />
</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>5</strong></td>
<td class="mceSelected"><strong>3</strong></td>
<td class="mceSelected"><strong>PHP Begginer<br />
</strong></td>
</tr>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>6</strong></td>
<td class="mceSelected"><strong>1</strong></td>
<td class="mceSelected"><strong>HTML</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>7</strong></td>
<td class="mceSelected"><strong>2</strong></td>
<td class="mceSelected"><strong>VB.NET</strong></td>
</tr>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>8</strong></td>
<td class="mceSelected"><strong>2</strong></td>
<td class="mceSelected"><strong>JAVA</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>9</strong></td>
<td class="mceSelected"><strong>7</strong></td>
<td class="mceSelected"><strong>Kode</strong></td>
</tr>
</tbody>
</table>
<p>Karena hanya contoh, jadi saya tidak membubuhkan semua kategori seperti konsepnya. Selanjutnya coding deh.</p>
<p><pre class="brush: php;">
&lt;?php
mysql_connect('localhost','root','root');
mysql_select_db('contoh');

//fungsi untuk menampilkan Anak
function childcat($id){
echo &quot;&lt;ul&gt;&quot;;
$sql=mysql_query(&quot;SELECT * FROM category WHERE id_parent='$id'&quot;);
while($r=mysql_fetch_array($sql)){
echo &quot;&lt;li&gt;&quot;;
echo &quot;$r[category_name]&quot;;
$a=$r['id_category'];
//Lakukan Rekursi pada Anak kategori di bawahnya
childcat($a);
echo &quot;&lt;/li&gt;&quot;;
}
echo &quot;&lt;/ul&gt;&quot;;
}

//Menampilkan Categori dengan id_parent 0
echo &quot;&lt;ul&gt;&quot;;
$sql2=mysql_query(&quot;SELECT * FROM category WHERE id_parent='0'&quot;)or die(mysql_error());
while($s=mysql_fetch_array($sql2)){
echo &quot;&lt;li&gt;&quot;;
echo &quot;$s[category_name]&quot;;
$a=$s['id_category'];
//Memanggil Anak kategori
childcat($a);
echo &quot;&lt;/li&gt;&quot;;
}
echo &quot;&lt;ul&gt;&quot;;
?&gt;
</pre></p>
<div id="_mcePaste" style="position:absolute;left:-10000px;top:192px;width:1px;height:1px;overflow:hidden;">
<table id="tablecontent" style="width:313px;height:224px;" border="0" cellpadding="3">
<tbody>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>id_category</strong></td>
<td class="mceSelected"><strong>id_parent</strong></td>
<td class="mceSelected"><strong>category_name</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>1</strong></td>
<td class="mceSelected"><strong>0</strong></td>
<td class="mceSelected"><strong>Web Programming</strong></td>
</tr>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>2</strong></td>
<td class="mceSelected"><strong>0</strong></td>
<td class="mceSelected"><strong>Desain Grafis</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>3</strong></td>
<td class="mceSelected"><strong>0</strong></td>
<td class="mceSelected"><strong>Tutorial</strong></td>
</tr>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>4</strong></td>
<td class="mceSelected"><strong>1</strong></td>
<td class="mceSelected"><strong>PHP</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>5</strong></td>
<td class="mceSelected"><strong>1</strong></td>
<td class="mceSelected"><strong>CSS</strong></td>
</tr>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>6</strong></td>
<td class="mceSelected"><strong>5</strong></td>
<td class="mceSelected"><strong>CSS 3.0</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>7</strong></td>
<td class="mceSelected"><strong>2</strong></td>
<td class="mceSelected"><strong>Photoshop</strong></td>
</tr>
<tr style="background-color:#fccd5f;">
<td class="mceSelected"><strong>8</strong></td>
<td class="mceSelected"><strong>2</strong></td>
<td class="mceSelected"><strong>Coreldraw</strong></td>
</tr>
<tr style="background-color:#9b9bff;">
<td class="mceSelected"><strong>9</strong></td>
<td class="mceSelected"><strong>3</strong></td>
<td class="mceSelected"><strong>Hardware</strong></td>
</tr>
</tbody>
</table>
</div>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/website/php/'>PHP</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/kategori-multilevel/'>Kategori multilevel</a>, <a href='http://wonderfullskills.wordpress.com/tag/php/'>PHP</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/93/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=93&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/10/06/kategori-multilevel-dengan-php/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
		<item>
		<title>Redenominasi Mata Uang Rupiah?</title>
		<link>http://wonderfullskills.wordpress.com/2010/08/04/redenominasi-mata-uang-rupiah/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/08/04/redenominasi-mata-uang-rupiah/#comments</comments>
		<pubDate>Wed, 04 Aug 2010 10:42:11 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[Berita]]></category>
		<category><![CDATA[Ekonomi]]></category>
		<category><![CDATA[Redenominasi]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=72</guid>
		<description><![CDATA[Iseng-iseng liat berita di Global TV habis selesai mengerjakan tugas dari kemarin. Langsung ketika saya duduk menghadap TV, wartawan sedang mewawancarai seorang penjual beras di pasar tradisional. Pedagang itu berceloteh lepas setelah diajukan pertanyaan tentang Redenominasi Rupiah. Wartawannya bertanya, &#8220;Ibu bagaimana kalau ada pembeli yang membeli beras ibu yang berharga Rp. 6000/Kg hanya membayar Rp. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=72&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Iseng-iseng liat berita di Global TV habis selesai mengerjakan tugas dari kemarin. Langsung ketika saya duduk menghadap TV, wartawan sedang mewawancarai seorang penjual beras di pasar tradisional. Pedagang itu berceloteh lepas setelah diajukan pertanyaan tentang Redenominasi Rupiah.</p>
<p><span id="more-72"></span>Wartawannya bertanya, &#8220;Ibu bagaimana kalau ada pembeli yang membeli beras ibu yang berharga Rp. 6000/Kg hanya membayar Rp. 6/Kg saja?&#8221;. Pedagang menjawab, &#8220;Wah, mana bisa! Saya kan beli dengan harga Rp. 6000/Kg mana bisa seperti itu?&#8221; lalu tertawa renyah.</p>
<p>Mungkin sebagian dari kita juga bingung apa itu Redenominasi dan bagaimana pengaruhnya terhadap kita?</p>
<p>Dalam ensiklopedia bebas, Wikipedia bahasa Indonesia, &#8216;Redenominasi&#8217;  didefinisikan sebagai pemotongan nilai mata uang menjadi lebih kecil  tanpa mengubah nilai tukarnya. Misal, mata uang rupiah bernilai Rp. 10.000 akan diganti dengan Rp. 10. Dengan begitu jika kita membeli rokok yang seharga Rp. 10.000 akan diganti dengan Rp. 10.</p>
<p>Ada lagi istilah Sanering. Sanering hampir sama dengan Redenominasi namun nilai tukarnya tidak berubah. Jadi misalkan mata uang rupiah bernilai Rp. 10.000 akan diganti dengan Rp. 10, kita akan tetap membeli rokok dengan harga Rp. 10.000.</p>
<p>Kenapa hal ini dilakukan sih? Penulis juga kurang ngerti. Menurut Wapres Budiono yang dikutip di Kompas, Redenominasi ini dilakukan sebagai bentuk perhatian penuh pemerintah pada tingkat inflasi.</p>
<p>Tetapi hal ini baru wacana saja yang dikeluarkan oleh Bank Indonesia. Karena yang namanya Redenominasi ini dibutuhkan kajian mendalam dan tidak bisa dilakukan dengan tergesa-gesa. Perlu adanya kajian panjang baru nanti usulnya akan disampaikan ke Pemerintah.</p>
<p>Namun ada beberapa pengamat menilai bahwa ini adalah sekedar permainan belaka. Seperti kata Rizal Ramli, tidak ada urgensinya pemerintah melakukan Redenominasi saat ini. Beliau mengindikasikan adanya permainan proyek, karena mengganti uang dalam jumlah besar adalah Mega Proyek.</p>
<p>Namun Pengamat Pasar Modal, Ferry Latuhihin mengatakan idak ada faktor  fundamental perekonomian yang tersentuh dengan adanya  redenominasi  karena tujuan redenominasi hanya untuk mempermudah  transaksi dan sistem  pembayaran saja.</p>
<p>Namun banyak juga yang mengkhawatirkan wacana ini. Hal ini dikarenakan perlu adanya sosialisasi secara menyeluruh kepada masyarakat sehingga tidak adanya keresahan dalam masyarakat dan adanya isu Sanering.</p>
<p>Mirza  Adityaswara mengatakan bahwa Redenominasi hanya akan menimbulkan efek psikologis yang bisa positif ataupun negatif,  tergantung dari taraf pengetahuan  masyarakat.</p>
<p>Bagaimana ya nanti implementasinya? Kita Tunggu.</p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/berita/'>Berita</a>, <a href='http://wonderfullskills.wordpress.com/category/berita/ekonomi/'>Ekonomi</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/ekonomi/'>Ekonomi</a>, <a href='http://wonderfullskills.wordpress.com/tag/redenominasi/'>Redenominasi</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/72/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/72/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/72/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/72/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/72/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/72/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/72/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/72/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/72/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/72/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/72/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/72/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/72/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/72/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=72&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/08/04/redenominasi-mata-uang-rupiah/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
		<item>
		<title>Program Integral Metode Trapesium Newton dengan C++</title>
		<link>http://wonderfullskills.wordpress.com/2010/07/30/program-integral-metode-trapesium-newton-dengan-c/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/07/30/program-integral-metode-trapesium-newton-dengan-c/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 13:31:26 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[C++]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Metode Numerik]]></category>
		<category><![CDATA[Metode Trapesium Newton]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=59</guid>
		<description><![CDATA[Saya Sedang iseng mencoba membuat program penghitungan matematika yang saya pelajari disekolah, yakni tentang Integral. Iseng-iseng saya mencari tahu bagaimana menghitung nilai Integral yang terbatas dengan metode-metode numerik juga memperlihatkan hasil perhitungan datanya. Mungkin ini hanya satu dari banyak carayang saya belum coba, tapi lebih baik mulai dari yang sederhana dulu kan? hehehe&#8230; Baiklah sekarang [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=59&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Saya Sedang iseng mencoba membuat program penghitungan matematika yang saya pelajari disekolah, yakni tentang Integral. Iseng-iseng saya mencari tahu bagaimana menghitung nilai Integral yang terbatas dengan metode-metode numerik juga memperlihatkan hasil perhitungan datanya.</p>
<p><span id="more-59"></span></p>
<p>Mungkin ini hanya satu dari banyak carayang saya belum coba, tapi lebih baik mulai dari yang sederhana dulu kan? hehehe&#8230;</p>
<p>Baiklah sekarang kita akan mulai. Pertama siapkan dulu program Dev C++. Saya menggunakan Dev C++ karena lebih userfriendly.</p>
<p>Mulai dari menuliskan library:</p>
<p><pre class="brush: cpp;">

#include&lt;iostream&gt;
#include&lt;math.h&gt;
#include&lt;iomanip&gt;
using namespace std;

</pre></p>
<p>Sekarang kita ke bagian fungsinya. Disini kita akan mengerjakan soal Integral dari 1/(1+x) dengan batas bawah 0 dan batas atas 1, dengan Metode Trapesium Newon. Maka saya akan menggunakan fungsi untuk mengerjakan.</p>
<p><pre class="brush: cpp;">

void trapesium (float atas, float bawah, float h){
int r;
float  f, f1, turunan;
r=0;
while (bawah &lt;= atas){
 cout &lt;&lt; setw (4) &lt;&lt; r;
 cout &lt;&lt; setw (5) &lt;&lt; bawah;
 f= 1/(1+bawah);
 cout &lt;&lt; setw (10) &lt;&lt; f;
 if ((r!=0)&amp;&amp; (bawah!=atas)){
 f1=f1+2*f;
 }else{
 f1=f1+f;
 }
 r++;
 bawah=bawah + h;
 cout &lt;&lt; endl;
 }
 cout &lt;&lt; endl;
 turunan= (h/2) * (f1);
 cout &lt;&lt; &quot;Harga Turunannya: &quot; &lt;&lt; turunan;
}

</pre></p>
<p>Logikanya seperti ini. Ketika Batas bawah tidak sama dengan batas atas, maka akan mencetak nilai r , batas bawah dan dan hasil fungsi.</p>
<p>Ingat bahwa Metode Trapesium Newton memiliki rumus: h/2 (f0 + 2.jumlah f1 s.d. fn-1 + fn). Maka ketika r tidak sama dengan nol (0) dan batas atas tidak sama dengan batas atas, kita akan menjumlah dengan mengalikan dengan 2 terlebih dahulu (f1=f1+2*f; ) selain kondisi itu maka tambahkan seperti biasa.</p>
<p>Untuk mengitung harga turunannya kita hanya perlu menuliskan kode seperti baris 20.</p>
<p>Sekarang kita berlalih ke bagian intinya.</p>
<p><pre class="brush: cpp;">

int main ()
{
 double batas_atas, batas_bawah, h;
 int r, exit;
 r=0;

 cout &lt;&lt; &quot;Masukkan batas bawah: &quot;;
 cin &gt;&gt; batas_bawah;
 cout &lt;&lt; &quot;Masukkan batas atas: &quot;;
 cin &gt;&gt; batas_atas;
 cout &lt;&lt; &quot;Masukkan h: &quot;;
 cin &gt;&gt; h;

 cout &lt;&lt; &quot;\n\nMetode Trapesium ::: Pias\n&quot;;
 trapesium (batas_atas, batas_bawah, h);

}

</pre></p>
<p>Kita hanya membuat code untuk memanggil fungsi yang sebelumnya telah kita buat. Bagaimana Mudah Kan?</p>
<p>Sekian dulu Artikelnya, laik waktu pasti lebih menarik lagi.</p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/programming/c-programming/'>C++</a>, <a href='http://wonderfullskills.wordpress.com/category/programming/'>Programming</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/c-2/'>C++</a>, <a href='http://wonderfullskills.wordpress.com/tag/metode-numerik/'>Metode Numerik</a>, <a href='http://wonderfullskills.wordpress.com/tag/metode-trapesium-newton/'>Metode Trapesium Newton</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/59/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=59&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/07/30/program-integral-metode-trapesium-newton-dengan-c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
		<item>
		<title>Aplikasi Web Sederhana dengan PHP</title>
		<link>http://wonderfullskills.wordpress.com/2010/07/27/aplikasi-web-sederhana-dengan-php/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/07/27/aplikasi-web-sederhana-dengan-php/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 12:53:16 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[aplikasi]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=46</guid>
		<description><![CDATA[Ini adalah aplikasi sederhana untuk membuat sebuh web dengan beberapa fitur, yakni login, logout, input dan delete. Namun penulis tidak menyertakan tampilannya (artinya tampilan masih berantakan) jadi bisa anda kembangan sendiri menggunakan java script ataupun css. Pertama kita buat halaman koneksi.php Buat halaman login.php Selanjutnya Buat proseslogin.php Lalu buat logout.php Selanjutnya index.php buat dahulu halaman [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=46&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Ini adalah aplikasi sederhana untuk membuat sebuh web dengan beberapa fitur, yakni login, logout, input dan delete. Namun penulis tidak menyertakan tampilannya (artinya tampilan masih berantakan) jadi bisa anda kembangan sendiri menggunakan java script ataupun css.<br />
<span id="more-46"></span><br />
Pertama kita buat halaman koneksi.php</p>
<p><pre class="brush: php;">
&lt;?
mysql_connect(&quot;localhost&quot;,&quot;root&quot;,&quot;root&quot;);
mysql_select_db(&quot;mahasiswa&quot;);
?&gt;;
</pre></p>
<p>Buat halaman login.php</p>
<p><pre class="brush: php;">
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Login Panel&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;?
if ($_GET['msg']){ echo $_GET['msg']; }
?&gt;
&lt;form method=&quot;post&quot; action=&quot;proseslogin.php&quot;&gt;
User ID: &lt;input type=&quot;text&quot; size=&quot;25&quot; name=&quot;id&quot;/&gt;&lt;br /&gt;
Password: &lt;input type=&quot;password&quot; size=&quot;25&quot; name=&quot;pass&quot;/&gt;&lt;br /&gt;
&lt;input type=&quot;submit&quot; value=&quot;login&quot; /&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre></p>
<p>Selanjutnya Buat proseslogin.php</p>
<p><pre class="brush: php;">
&lt;?
require &quot;koneksi.php&quot;;
$id=$_POST['id'];
$pass=$_POST['pass'];
$sql=mysql_query(&quot;SELECT * FROM user WHERE user_name='$id' AND pass='$pass'&quot;)
or die (mysql_error());
if ($r=mysql_num_rows($sql)==1){
session_start();
$q=mysql_fetch_array($sql);
$_SESSION['nama']=$q['nama'];
$_SESSION['user_name']=$q['user_name'];
header(&quot;location:index.php&quot;);
}else{
$msg=&quot;Username dan Password tidak cocok!&quot;;
header (&quot;location: login.php?msg=$msg&quot;);
}
?&gt;
</pre></p>
<p>Lalu buat logout.php</p>
<p><pre class="brush: php;">
&lt;?
session_start();
session_destroy();
header (&quot;location:login.php&quot;);
?&gt;
</pre></p>
<p>Selanjutnya index.php</p>
<p><pre class="brush: php;">
&lt;?
session_start();
if (!isset($_SESSION['nama'])){
header (&quot;location:login.php&quot;);
}
?&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Admin Panel&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
Welcome &lt;?=$_SESSION['nama']; ?&gt; ||
&lt;a href=&quot;logout.php&quot;&gt;[Logout]&lt;/a&gt;
&lt;div id=&quot;menu&quot;&gt;
&lt;a href=?halaman=tampiluser&gt;Tampil User&lt;/a&gt; ||
&lt;a href=?halaman=inputuser&gt;Input&lt;/a&gt; ||
&lt;/div&gt;
&lt;div id=&quot;content&quot;&gt;
&lt;?
if ($_GET['halaman']==''|| !isset($_GET['halaman'])){
echo &quot;Selamat datang dihalaman Admin. Silahkan pilih
menu yang ada untuk mengelola data yang terdapat dalam blog ini&quot;;
}
else if ($_GET['halaman']=='tampiluser'){
require &quot;tampiluser.php&quot;;
}
else if ($_GET['halaman']=='delete'){
require &quot;delete.php&quot;;
}
else if ($_GET['halaman']=='inputuser'){
if ($_GET['act']=='input'){
require &quot;input.php&quot;;
} else { require &quot;forminput.php&quot;; }
}
?&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre></p>
<p>buat dahulu halaman untuk menampilkan user, beri nama tampiluser.php</p>
<p><pre class="brush: php;">
&lt;table border=&quot;1&quot;&gt;&lt;tr&gt;&lt;td&gt;Action&lt;/td&gt;&lt;td&gt;Nama&lt;/td&gt;&lt;td&gt;User Name&lt;/td&gt;
&lt;td&gt;Password&lt;/td&gt;&lt;/tr&gt;
&lt;?
require &quot;koneksi.php&quot;;
session_start();
$sql=mysql_query(&quot;SELECT * FROM user ORDER BY nama DESC&quot;)or die (mysql_error());
while($r=mysql_fetch_array($sql)){
?&gt;
&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;?halaman=delete&amp;id=&lt;?=$r['nama']; ?&gt;&quot;&gt;Delete&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;?=$r['nama']; ?&gt;&lt;/td&gt;&lt;td&gt;&lt;?=$r['user_name']; ?&gt;&lt;/td&gt;
&lt;td&gt;&lt;?=$r['pass']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;?
}
?&gt;
&lt;/table&gt;
</pre></p>
<p>lalu buat delete.php</p>
<p><pre class="brush: php;">
&lt;?
include &quot;koneksi.php&quot;;
$id=$_GET['id'];
mysql_query(&quot;DELETE FROM user WHERE nama='$id'&quot;) or die (mysql_error());
echo &quot;Data berhasil dihapus!&lt;br&gt;&quot;;
echo &quot;&lt;a href=index.php?halaman=tampiluser&gt;Kembali&lt;/a&gt;&quot;;
?&gt;
</pre></p>
<p>Buat halaman input, beri nama forminput.php</p>
<p><pre class="brush: php;">
&lt;form method=&quot;post&quot; action=&quot;?halaman=inputuser&amp;act=input&quot;&gt;
Nama : &lt;input type=&quot;text&quot; size=&quot;25&quot; name=&quot;nama&quot; /&gt;&lt;br /&gt;
User Id : &lt;input type=&quot;text&quot; size=&quot;25&quot; name=&quot;id&quot; /&gt;&lt;br /&gt;
Password : &lt;input type=&quot;text&quot; size=&quot;25&quot; name=&quot;pass&quot; /&gt;&lt;br /&gt;
&lt;input type=&quot;submit&quot; value=&quot;Input Data&quot; /&gt;&lt;br /&gt;
&lt;/form&gt;
</pre></p>
<p>Terakhir, input.php.</p>
<p><pre class="brush: php;">
&lt;?
include &quot;koneksi.php&quot;;
$nama=$_POST['nama'];
$id=$_POST['id'];
$pass=$_POST['pass'];
$query=mysql_query(&quot;INSERT INTO user VALUES('$nama', '$id', '$pass')&quot;)
or die(mysql_error());
echo &quot;Data berhasil diinput!&lt;br&gt;&quot;;
echo &quot;&lt;a href=index.php?halaman=tampiluser&gt;Kembali&lt;/a&gt;&quot;;
?&gt;
</pre></p>
<p>Selsesai.</p>
<p>Jika ada yang kurang dipahami silahkan beri komentar.</p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/website/php/'>PHP</a>, <a href='http://wonderfullskills.wordpress.com/category/website/'>Website</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/aplikasi/'>aplikasi</a>, <a href='http://wonderfullskills.wordpress.com/tag/php/'>PHP</a>, <a href='http://wonderfullskills.wordpress.com/tag/web/'>web</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/46/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=46&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/07/27/aplikasi-web-sederhana-dengan-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
		<item>
		<title>Bermain dengan Selector CSS</title>
		<link>http://wonderfullskills.wordpress.com/2010/05/22/bermain-dengan-selector-css/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/05/22/bermain-dengan-selector-css/#comments</comments>
		<pubDate>Sat, 22 May 2010 13:18:45 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[selector]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=34</guid>
		<description><![CDATA[Pada penjelasan sebelumnya saya menjelaskan berbagaimacam fungsi selector dalam css, yaitu berupa id, tag dan ada yang berupa class. Namun saya masih belum menjelaskan secara terperinci mengenai selector yang saya tuliskan kemarin. Sekarang saya akan bantu anda memahami tentang fungsi selector yang saya tulis kemarin. Sekarang buat source code seperti berikut: &#60;head&#62; &#60;title&#62;&#60;/title&#62; &#60;/head&#62; &#60;body&#62; [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=34&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Pada penjelasan sebelumnya saya menjelaskan berbagaimacam fungsi selector dalam css, yaitu berupa id, tag dan ada yang berupa class. Namun saya masih belum menjelaskan secara terperinci mengenai selector yang saya tuliskan kemarin. Sekarang saya akan bantu anda memahami tentang fungsi selector yang saya tulis kemarin.<span id="more-34"></span></p>
<p>Sekarang buat source code seperti berikut:</p>
<p><span style="color:#ff0000;"><strong>&lt;head&gt;</strong></span></p>
<p><span style="color:#ff0000;"><strong>&lt;title&gt;&lt;/title&gt;</strong></span></p>
<p><span style="color:#ff0000;"><strong>&lt;/head&gt;</strong></span></p>
<p><span style="color:#ff0000;"><strong>&lt;body&gt;</strong></span></p>
<p><span style="color:#ff0000;"><strong>&lt;div&gt;&lt;/div&gt;</strong></span></p>
<p><span style="color:#ff0000;"><strong>&lt;div id=&#8221;second&#8221;&gt;&lt;/div&gt;</strong></span></p>
<p><span style="color:#ff0000;"><strong>&lt;div class=&#8221;third&#8221;&gt;&lt;/div&gt;</strong></span></p>
<p><span style="color:#ff0000;"><strong>&lt;/body&gt;</strong></span></p>
<p><span style="color:#ff0000;"><strong>&lt;/html&gt;</strong></span></p>
<p>Buat Css nya, kita gunakan Internal saja.</p>
<p><strong><span style="color:#ff0000;">div{</span></strong></p>
<p><strong><span style="color:#ff0000;">width:50px;</span></strong></p>
<p><strong><span style="color:#ff0000;">height:50px;</span></strong></p>
<p><strong><span style="color:#ff0000;">background-color:#00FF66;</span></strong></p>
<p><strong><span style="color:#ff0000;">float:left;</span></strong></p>
<p><strong><span style="color:#ff0000;">}</span></strong></p>
<p><strong><span style="color:#ff0000;">#second {</span></strong></p>
<p><strong><span style="color:#ff0000;">background-color:#FF3333;</span></strong></p>
<p><strong><span style="color:#ff0000;">}</span></strong></p>
<p><strong><span style="color:#ff0000;">.third {</span></strong></p>
<p><strong><span style="color:#ff0000;">background-color:#0066FF;</span></strong></p>
<p><strong><span style="color:#ff0000;">}</span></strong></p>
<p>Sekarang simpan file HTML anda lalu lihat di browser.</p>
<p><span style="color:#ff0000;">Div {….} </span>akan bekerja disemua <strong>&lt;div&gt;&lt;/div</strong>&gt;, buktinya ukuran yang diatur menjadi sama, namun anda lihat perbedaan pada warnanya,  <span style="color:#ff0000;">#second {background-color:#FF3333;}</span> hanya berlaku pada div dengan<strong> id=”second”</strong> dan <span style="color:#ff0000;">.third { background-color:#0066FF; }</span> hanya berlaku pada <strong>class=”third”</strong>.</p>
<p>Begitulah kira-kira penjelasan ringan tentang selector. Semoga membantu.</p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/website/css/'>CSS</a>, <a href='http://wonderfullskills.wordpress.com/category/website/'>Website</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/css/'>CSS</a>, <a href='http://wonderfullskills.wordpress.com/tag/selector/'>selector</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/34/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=34&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/05/22/bermain-dengan-selector-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
		<item>
		<title>Memodifikasi Tag Anchor dengan CSS</title>
		<link>http://wonderfullskills.wordpress.com/2010/05/22/memodifikasi-tag-anchor-dengan-css/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/05/22/memodifikasi-tag-anchor-dengan-css/#comments</comments>
		<pubDate>Sat, 22 May 2010 12:56:04 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[modifikasi tag]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=31</guid>
		<description><![CDATA[Pada pertemuan sebelumnya saya telah menjelaskan sedikit tentang CSS, fungsi dan sedikit  cara menggunakannya. Sekarang saya akan membuat sebuah modifikasi tag anchor &#60;a href=””&#62;&#60;/a&#62; dengan CSS yang menggunakan implementasi sisipan internal dalam dokumen HTML. Tag anchor &#60;a&#62;&#60;/a&#62; biasa kita gunakan untuk membuat link dalam halaman web seperti contoh berikut: Google Indonesia Namun pada kondisi default/awal, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=31&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Pada pertemuan sebelumnya saya telah menjelaskan sedikit tentang CSS, fungsi dan sedikit  cara menggunakannya. Sekarang saya akan membuat sebuah modifikasi tag anchor <span style="color:#ff0000;">&lt;a href=””&gt;&lt;/a&gt; </span>dengan CSS yang menggunakan implementasi sisipan internal dalam dokumen HTML.<span id="more-31"></span></p>
<p>Tag anchor &lt;a&gt;&lt;/a&gt; biasa kita gunakan untuk membuat link dalam halaman web seperti contoh berikut:</p>
<p style="text-align:center;"><a title="Google Indonesia" href="http://www.google.co.id">Google Indonesia</a></p>
<p>Namun pada kondisi default/awal, tag anchor memiliki garis bawah dan warna font biru dan warna berbeda setelah ditekan. Nah sekarang saya akan membuat warnanya berbeda dengan sedikit variasi.</p>
<p>Pertama siapkan dokumen HTML anda dengan kode dibawah ini dan simpan dengan nama anchorcss.html.</p>
<p><span style="color:#ff0000;">&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=iso-8859-1&#8243; /&gt;<br />
&lt;title&gt;&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;a href=&#8221;http://wonderfullskills.wordpress.com&#8221;&gt;Wonderfull Life&lt;/a&gt;&lt;br /&gt;<br />
&lt;a href=&#8221;http://easyadd.blogspot.com&#8221;&gt;Adsense Tutorial&lt;/a&gt;&lt;br /&gt;<br />
&lt;a href=&#8221;http://cpseek.blogspot.com&#8221;&gt;Tutorial Blogger.Com&lt;/a&gt;&lt;br /&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</span></p>
<p>Kedua kita buat kode untuk menyisipkan CSS secara internal, Yaitu dengan meletakkan kode dibawah diantara<em><strong> &lt;head&gt;&lt;/head&gt;:</strong></em></p>
<p><span style="color:#ff0000;">&lt;style type=&#8221;text/css&#8221;&gt;<br />
a{ <span style="color:#000000;">&lt;&#8211; mengatur tag </span></span><span style="color:#000000;">saat mouse tidak menyorot</span><br />
<span style="color:#ff0000;"> color:#FF3333; <span style="color:#000000;">&lt;&#8211; </span><span style="color:#000000;">untuk mengatur warna huruf</span><br />
font-family:Verdana, Arial, Helvetica, sans-serif; &lt;&#8211;<span style="color:#000000;">mengatur jenis huruf</span><br />
font-size:16px; <span style="color:#000000;">&lt;&#8211;</span><span style="color:#000000;">mengatur ukuran huruf dalam pixel</span><br />
font-weight:bold; </span>&lt;&#8211;men-set font jadi tebal<br />
<span style="color:#ff0000;"> text-decoration:none; </span>&lt;&#8211;menghilangkan garisbawah pada anchor</p>
<p><span style="color:#ff0000;"> }<br />
a:hover{<br />
color:#003399; </span>&lt;&#8211;mengatur warna saat mouse menyorot<br />
<span style="color:#ff0000;">text-decoration:underline; </span>&lt;&#8211;memunculkan garis bawah pada anchor<span style="color:#ff0000;">}<br />
&lt;/style&gt;</span></p>
<p>Jika tidak ada kesalahan tag akan berwana merah dan ketika di sorot mouse teks akan berubah biru dan akan terlihat garis bawanya.</p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/website/css/'>CSS</a>, <a href='http://wonderfullskills.wordpress.com/category/website/'>Website</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/css/'>CSS</a>, <a href='http://wonderfullskills.wordpress.com/tag/modifikasi-tag/'>modifikasi tag</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/31/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=31&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/05/22/memodifikasi-tag-anchor-dengan-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
		<item>
		<title>Perkenalan CSS</title>
		<link>http://wonderfullskills.wordpress.com/2010/05/21/perkenalan-css/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/05/21/perkenalan-css/#comments</comments>
		<pubDate>Fri, 21 May 2010 14:34:38 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Perkenalan Css]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=27</guid>
		<description><![CDATA[CSS atau Cascading Style Sheet adalah salah satu bahasa pemrograman web yang digunakan untuk mengendalikan beberapa elemen web sehingga lebih terstruktur dan beragam. CSS bisa digunakan untuk mengendalikan gambar, warna, margin, teks, table dan parameter lainnya. Jadi tampilan dokumen dalam web bisa anda atur sendiri yang memungkinkan format berbeda pada halaman yang sama. Jika anda [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=27&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>CSS atau Cascading Style Sheet adalah salah satu bahasa pemrograman web yang digunakan untuk mengendalikan beberapa elemen web sehingga lebih terstruktur dan beragam.<span id="more-27"></span></p>
<p>CSS bisa digunakan untuk mengendalikan gambar, warna, margin, teks, table dan parameter lainnya. Jadi tampilan dokumen dalam web bisa anda atur sendiri yang memungkinkan format berbeda pada halaman yang sama.</p>
<p>Jika anda ingin menggunakan CSS dalam web anda tentunya anda harus sedikit mengerti tentang HTML/xHTML dahulu, karena CSS nantinya diimplementasikan ke dalam tag HTML.</p>
<p>Penulisan syntax dari CSS adalah sebagai berikut:</p>
<p><strong><em>a {color:blue;}</em></strong></p>
<p><strong>a</strong> adalah selector dimana nantinya style akan diarahkan ke elemen <strong>a</strong> pada document.</p>
<p><em><strong>{&#8230;.}</strong></em> disebut deklarasi. didalamnya terdapat <em>properti</em> <em><strong>color</strong></em>, dan <em>value</em> <em><strong>blue</strong></em>.</p>
<p>Selector dibagi menjadi tiga:</p>
<ul>
<li>Tag selector, hanya ditulis menurut tag yang ingin diberi style. Misal, <strong>a {color:blue;}</strong> berlaku untuk elemen tag <strong>&lt;a&gt;&lt;/a&gt;</strong>.</li>
<li>Id selector, ditulis dengan diawali tanda pagar <strong>(#)</strong>.  <strong><em>#kolom{color:blue;}</em></strong></li>
<li>Class selector, diawalai dengan titik (.). Misal, <em><strong>.kolom{color:blue;}.</strong></em></li>
</ul>
<p>Ada tiga cara menyisipka CSS:</p>
<p><strong>1. External</strong>, caranya menambahkan sintak dibawah ini diantara tag head. Hal ini berguna ketika anda membuat banyak style untuk sebuah web dan anda harus membuatnya di file terpisah dengan ekstensi <strong>.css.</strong></p>
<p><em><strong>&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;mystyle.css&#8221; /&gt;</strong></em></p>
<p><strong>2. Internal</strong>, caranya dengan menambahkan style diantara tag head pada document yang sama. Misal:</p>
<p><em><strong>&lt;head&gt;<br />
&lt;style type=&#8221;text/css&#8221;&gt;<br />
hr {color:sienna;}<br />
p {margin-left:20px;}<br />
body {background-image:url(&#8220;images/back40.gif&#8221;);}<br />
&lt;/style&gt;<br />
&lt;/head&gt;</strong></em></p>
<p><strong>3. </strong><strong>Inline</strong><em><strong>, </strong></em>dengan memasukkan style langsung di tag. Contoh:<em><strong></strong></em></p>
<p><em><strong>&lt;p style=&#8221;color:sienna;margin-left:20px&#8221;&gt;This is a paragraph.&lt;/p&gt;</strong></em></p>
<p>Namun cara ke-tiga sangat tidak disarankan, karena ribet dan membuat tampilan kode anda jadi panjang.</p>
<p>Nah itu adalah pelajaran awal dari CSS.  Mudah bukan?<em><strong> </strong></em>Semoga apa yang saya tulis bermanfaat. Jika ada yang ingin ditanyakan silahkan di komentari tulisan saya ini.<em><strong><br />
</strong></em></p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/website/css/'>CSS</a>, <a href='http://wonderfullskills.wordpress.com/category/website/'>Website</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/css/'>CSS</a>, <a href='http://wonderfullskills.wordpress.com/tag/perkenalan-css/'>Perkenalan Css</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/27/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=27&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/05/21/perkenalan-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
		<item>
		<title>Membuat Table Atraktif dengan jQuery</title>
		<link>http://wonderfullskills.wordpress.com/2010/05/21/membuat-table-atraktif-dengan-jquery/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/05/21/membuat-table-atraktif-dengan-jquery/#comments</comments>
		<pubDate>Fri, 21 May 2010 13:32:59 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[table atrakatif]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=23</guid>
		<description><![CDATA[Apa sih JQuery itu? Apa fungsinya? Bagaimana cara menggunakannya? Secara teori JQuery adalah librari JavaScript yang memungkinkan kita untuk membuat program web pada suatu halaman web, tanpa harus secara eksplisit kita menambahkan event atau pun properti pada halaman web tersebut. Dengan JQuery, suatu halaman web yang menjadi aplikasi web, jika dilihat sourcenya, akan terlihat seperti [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=23&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Apa sih JQuery itu? Apa fungsinya? Bagaimana cara menggunakannya?</p>
<p>Secara teori JQuery adalah librari JavaScript yang memungkinkan kita untuk membuat program web pada suatu halaman web, tanpa harus secara eksplisit kita menambahkan event atau pun properti pada halaman web tersebut.<span id="more-23"></span></p>
<p>Dengan JQuery, suatu halaman web yang menjadi aplikasi web, jika dilihat sourcenya, akan terlihat seperti dokumen HTML biasa; tidak ada kode JavaScript yang terlihat langsung. Teknik pemrograman web seperti ini disebut sebagai unobstrusive JavaScript programming.</p>
<p>Lisensi dari JQuery adalah Gratis. Anda bisa mengunduhnya di sini <a href="http://jquery.com/">JQuery Latest Version</a>.</p>
<p>Sekarang kita mulai menggunakan jQuery untuk memanipulasi HTML. Pertama kita buat sintak untuk table.</p>
<p><em><strong>&lt;table width=&#8221;200&#8243;&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;&amp;nbsp;1. Ahmad Hizbullah&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;&amp;nbsp;2. Subhan Fadillah&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;&amp;nbsp;3. Hikmat Hadiansyah&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;&amp;nbsp;4. Junamin&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;&amp;nbsp;5. Khaerul Hamam&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;/table&gt;</strong></em></p>
<p>Selanjutnya kita buat CSSnya</p>
<p><em><strong>body { margin:50px auto;}<br />
table tr td{ border:1px solid #999999; font:90% Verdana, Arial, Helvetica, sans-serif;}<br />
.odd{background-color:#99CC66;}<br />
.even{background-color:#0099CC;}</strong></em></p>
<p>Lalu kita buat kode jQuery-nya:</p>
<p><em><strong>$(document).ready(function(){<br />
$(&#8220;table tr td:odd&#8221;).addClass(&#8220;odd&#8221;);<br />
$(&#8220;table tr td:even&#8221;).addClass(&#8220;even&#8221;);<br />
});</strong></em></p>
<p>Jika tidak ada kesalahan maka akan terlihat seperti berikut:</p>
<p><a href="http://wonderfullskills.files.wordpress.com/2010/05/tabel_atraktif.jpg"><img class="size-full wp-image-24 alignnone" title="Tabel_atraktif" src="http://wonderfullskills.files.wordpress.com/2010/05/tabel_atraktif.jpg?w=600" alt="tabel atraktif jQuery"   /></a></p>
<p>Nah Cukup mudah bukan? Sekarang anda bisa memodifikasi sesuai dengan kemampuan anda. Jika ada yang ingin anda tanyakan silahkan melalui komentar.</p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/website/jquery/'>JQuery</a>, <a href='http://wonderfullskills.wordpress.com/category/website/'>Website</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/jquery-2/'>jquery</a>, <a href='http://wonderfullskills.wordpress.com/tag/table-atrakatif/'>table atrakatif</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/23/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=23&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/05/21/membuat-table-atraktif-dengan-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>

		<media:content url="http://wonderfullskills.files.wordpress.com/2010/05/tabel_atraktif.jpg" medium="image">
			<media:title type="html">Tabel_atraktif</media:title>
		</media:content>
	</item>
		<item>
		<title>Membuat Form Input Sederhana</title>
		<link>http://wonderfullskills.wordpress.com/2010/05/21/membuat-form-input-sederhana/</link>
		<comments>http://wonderfullskills.wordpress.com/2010/05/21/membuat-form-input-sederhana/#comments</comments>
		<pubDate>Fri, 21 May 2010 10:52:07 +0000</pubDate>
		<dc:creator>oktian89</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Database]]></category>
		<category><![CDATA[Form Input]]></category>

		<guid isPermaLink="false">http://wonderfullskills.wordpress.com/?p=14</guid>
		<description><![CDATA[Membuat form input sederhana dengan menggunakan MYSQL Databasing ini dibuat untuk memberikan pemahaman dasar bagi anda yang ingin belajar membuat website secara dinamis menggunakan database dan PHP Programming. Baiklah langsung saja kita mulai. Pertama  kita buat dulu databasenya dengan nama db_siswa.  Strukturnya tabelnya sebagai berikut: CREATE TABLE `tb_siswa` ( `nis` INT( 8 ) NOT NULL [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=14&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Membuat form input sederhana dengan menggunakan MYSQL Databasing ini dibuat untuk memberikan pemahaman dasar bagi anda yang ingin belajar membuat website secara dinamis menggunakan database dan PHP Programming.</p>
<p><span id="more-14"></span>Baiklah langsung saja kita mulai.</p>
<p>Pertama  kita buat dulu databasenya dengan nama <strong>db_siswa</strong>.  Strukturnya tabelnya sebagai berikut:</p>
<p><strong>CREATE  TABLE  `tb_siswa` (</strong><br />
<strong>`nis` INT( 8  )  NOT  NULL ,</strong><br />
<strong>`nama` VARCHAR( 100  )  NOT  NULL ,</strong><br />
<strong>`kelas` INT( 1  )  NOT  NULL ,</strong></p>
<div><strong> `prodi` VARCHAR( 3  )  NOT  NULL ,<br />
PRIMARY  KEY (  `nis`  )</strong></div>
<div><strong>) ENGINE  =  MYISAM ;</strong></div>
<p>Lalu buat file <strong><em>koneksi.php</em></strong> untuk menghubungkan database ke form input kita.</p>
<p><strong>&lt;?<br />
mysql_connect(&#8220;localhost&#8221;,&#8221;root&#8221;,&#8221;root&#8221;)or die(&#8220;Connection Failed! &#8220;. mysql_error());<br />
mysql_select_db(&#8220;db_siswa&#8221;)or die(&#8220;Database Unfounded! &#8220;.mysql_error());<br />
?&gt;</strong></p>
<p>Sekarang kita buat form untuk inputnya, simpan di <strong><em>formInput.php</em>.</strong></p>
<p><strong>&lt;html&gt;<br />
&lt;head&gt;&lt;title&gt;Form Input&lt;/title&gt;&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;form action=&#8221;prosesinput.php&#8221; method=&#8221;post&#8221;&gt;<br />
No Induk Siswa&lt;br&gt;    &lt;input type=&#8221;text&#8221; size=&#8221;25&#8243; name=&#8221;nis&#8221;&gt;&lt;br&gt;<br />
Nama&lt;br&gt; &lt;input type=&#8221;text&#8221; size=&#8221;25&#8243; name=&#8221;nama&#8221;&gt;&lt;br&gt;<br />
Kelas&lt;br&gt;    &lt;input type=&#8221;text&#8221; size=&#8221;25&#8243; name=&#8221;kelas&#8221;&gt;&lt;br&gt;<br />
Program Studi&lt;br&gt;&lt;input type=&#8221;text&#8221; name=&#8221;prodi&#8221; size=&#8221;25&#8243;&gt;&lt;br&gt;<br />
&lt;input type=&#8221;submit&#8221; value=&#8221;Input&#8221;&gt;<br />
&lt;/form&gt;<br />
&lt;/body&gt;</strong><br />
<strong>&lt;/html&gt;</strong></p>
<p>Selanjutnya buat sintak untuk memproses nilai yang kita input. Simpan dengan nama <em><strong>prosesinput.php.</strong></em></p>
<p><strong>&lt;?php<br />
include &#8220;koneksi.php&#8221;;<br />
$query=&#8221;INSERT INTO tb_siswa VALUE(&#8216;$nis&#8217;, &#8216;$nama&#8217;, &#8216;$kelas&#8217;, &#8216;$prodi&#8217;)&#8221;;<br />
if ($query){<br />
echo &#8216;Input Berhasil!&#8217;;<br />
echo &#8220;&lt;br&gt;&lt;a href=formInput.php&gt;Kembali&lt;/a&gt;&#8221;;<br />
}else{<br />
echo &#8220;Gagal Input!&#8221;.mysql_error();<br />
echo &#8220;&lt;br&gt;&lt;a href=formInput.php&gt;Kembali&lt;/a&gt;&#8221;;//link ke form input<br />
}<br />
?&gt;</strong></p>
<p>Mudah bukan? Jika ada yang sulit silahkan bertanya di komentar.</p>
<br />Filed under: <a href='http://wonderfullskills.wordpress.com/category/website/php/'>PHP</a> Tagged: <a href='http://wonderfullskills.wordpress.com/tag/database/'>Database</a>, <a href='http://wonderfullskills.wordpress.com/tag/form-input/'>Form Input</a>, <a href='http://wonderfullskills.wordpress.com/tag/php/'>PHP</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/wonderfullskills.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/wonderfullskills.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/wonderfullskills.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/wonderfullskills.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/wonderfullskills.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/wonderfullskills.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/wonderfullskills.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/wonderfullskills.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/wonderfullskills.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/wonderfullskills.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/wonderfullskills.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/wonderfullskills.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/wonderfullskills.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/wonderfullskills.wordpress.com/14/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=wonderfullskills.wordpress.com&amp;blog=13739132&amp;post=14&amp;subd=wonderfullskills&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://wonderfullskills.wordpress.com/2010/05/21/membuat-form-input-sederhana/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6909c151999346731f3ae328d7ca4133?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">oktian89</media:title>
		</media:content>
	</item>
	</channel>
</rss>
