<?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>Izul Cyber Cafe</title>
	<atom:link href="http://izulcybercafe.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://izulcybercafe.com</link>
	<description>cafe para pecinta komputer</description>
	<lastBuildDate>Mon, 08 Mar 2010 15:50:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Etika dan Prosionalisme</title>
		<link>http://izulcybercafe.com/2010/03/etika-dan-prosionalisme/</link>
		<comments>http://izulcybercafe.com/2010/03/etika-dan-prosionalisme/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 14:52:11 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Headline]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/?p=540</guid>
		<description><![CDATA[
Pengertian Etika adalah : Ilmu yang membahas perbuatan baik dan perbuatan buruk manusia sejauh yang dapat dipahami oleh pikiran manusia.
Etika.
Kata etik (atau etika) berasal dari kata ethos
(bahasa Yunani) yang berarti karakter, watak kesusilaan atau adat. Sebagai suatu subyek, etika akan berkaitan dengan konsep yang dimiliki oleh individu ataupun kelompok untuk menilai apakah tindakan-tindakan yang telah dikerjakannya itu salah atau benar, buruk atau baik.
Menurut Martin [1993], etika didefinisikan sebagai “the discipline which can act as the performance index or reference for our control system”.
Etika adalah refleksi dari apa yang disebut dengan ...]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-542" title="etika" src="http://izulcybercafe.com/wp-content/uploads/2010/03/etika-300x212.jpg" alt="etika" width="300" height="212" /></p>
<p><em>Pengertian Etika adalah : Ilmu yang membahas perbuatan baik dan perbuatan buruk manusia sejauh yang dapat dipahami oleh pikiran manusia.</em></p>
<h2>Etika.</h2>
<p>Kata etik (atau etika) berasal dari kata ethos<br />
(bahasa Yunani) yang berarti karakter, watak kesusilaan atau adat. Sebagai suatu subyek, etika akan berkaitan dengan konsep yang dimiliki oleh individu ataupun kelompok untuk menilai apakah tindakan-tindakan yang telah dikerjakannya itu salah atau benar, buruk atau baik.<span id="more-540"></span><br />
Menurut Martin [1993], etika didefinisikan sebagai “the discipline which can act as the performance index or reference for our control system”.<br />
Etika adalah refleksi dari apa yang disebut dengan “self control”, karena segala sesuatunya dibuat dan diterapkan dari dan untuk kepentingan kelompok sosial(profesi) itu sendiri.<br />
Kehadiran organisasi profesi dengan perangkat “built-in mechanism” berupa kode etik profesi dalam hal ini jelas akan diperlukan untuk menjaga martabat serta kehormatan profesi, dan di sisi lain melindungi masyarakat dari segala bentuk penyimpangan maupun penyalah-gunaan keahlian (Wignjosoebroto, 1999).<br />
Sebuah profesi hanya dapat memperoleh kepercayaan dari masyarakat, bilamana dalam diri para elit profesional tersebut ada kesadaran kuat untuk mengindahkan etika profesi pada saat mereka ingin memberikan jasa keahlian profesi kepada masyarakat yang memerlukannya.</p>
<p>Etika disebut juga filsafat moral adalah cabang filsafat yang berbicara tentang praxis (tindakan) manusia. Etika tidak mempersoalkan keadaan manusia, melainkan mempersoalkan bagaimana manusia harus bertindak. Tindakan manusia ini ditentukan oleh bermacam-macam norma.</p>
<p>Norma ini masih dibagi lagi menjadi norma hukum, norma moral, norma agama  dan norma sopan santun. Norma hukum berasal dari hukum dan perundang- undangan, norma agama berasal dari agama sedangkan norma moral berasal dari suara batin. Norma sopan santun  berasal dari  kehidupan sehari-hari sedangkan norma moral berasal dari etika.</p>
<h2>Profesionalisme.</h2>
<p>Profesionalisme adalah suatu paham yang mencitakan dilakukannya kegiatan-kegiatan kerja tertentu dalam masyarakat, berbekalkan keahlian yang tinggi dan berdasarkan rasa keterpanggilan –serta ikrar untuk menerima panggilan tersebut– dengan semangat    pengabdian selalu siap memberikan pertolongan<br />
kepada sesama yang tengah dirundung kesulitan di tengah gelapnya kehidupan<br />
(Wignjosoebroto, 1999).<br />
<em><strong><br />
Tiga Watak Kerja Profesionalisme</strong></em><br />
1.   kerja seorang profesional itu beritikad untuk merealisasikan kebajikan demi tegaknya kehormatan profesi yang digeluti, dan oleh karenanya tidak terlalu mementingkan atau mengharapkan imbalan upah materiil;<br />
2.     kerja seorang profesional itu harus dilandasi oleh kemahiran teknis yang berkualitas tinggi yang dicapai melalui proses pendidikan dan/atau pelatihan yang panjang, ekslusif dan berat;<br />
3.      kerja seorang profesional –diukur dengan kualitas teknis dan kualitas moral– harus menundukkan diri pada sebuah mekanisme kontrol berupa kode etik yang dikembangkan dan disepakati bersama di dalam sebuah organisasi profesi.</p>
<p>Menurut Harris [1995] ruang gerak seorang profesional ini akan diatur melalui etika profesi yang distandarkan dalam bentuk kode etik profesi. Pelanggaran terhadap kode etik profesi bisa dalam berbagai bentuk, meskipun dalam praktek yang umum dijumpai akan mencakup dua kasus utama, yaitu:<br />
a.     Pelanggaran terhadap perbuatan yang tidak mencerminkan respek terhadap nilai-nilai yang seharusnya dijunjung tinggi oleh profesi itu. Memperdagangkan jasa atau membeda-bedakan pelayanan jasa atas dasar keinginan untuk mendapatkan keuntungan uang yang berkelebihan ataupun kekuasaan merupakan perbuatan yang sering dianggap melanggar kode etik profesi;<br />
b.    Pelanggaran terhadap perbuatan pelayanan jasa profesi yang kurang mencerminkan kualitas keahlian yang sulit atau kurang dapat dipertanggung-jawabkan menurut standar maupun kriteria profesional.</p>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2010/03/etika-dan-prosionalisme/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Interface Telematika &#8211; Drum Telematika</title>
		<link>http://izulcybercafe.com/2009/11/interface-telematika-drum-telematika/</link>
		<comments>http://izulcybercafe.com/2009/11/interface-telematika-drum-telematika/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 23:51:17 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Informations]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/?p=528</guid>
		<description><![CDATA[Telematic Drum Circle adalah sebuah proyek seni interdisipliner yang menggabungkan telekomunikasi, robotik, interaksi manusia-komputer, dan musik improvisasi.
royek ini memungkinkan beberapa pengguna online di seluruh dunia untuk menciptakan suara kolektif improvisasi hidup dengan mengendalikan enam belas instrumen perkusi robot melalui Internet. Proyek pecahnya mengeksplorasi lebih dalam teknologi komunikasi di dunia bermeditasi, dan alamat isu global yang harmonis dengan berbagi peserta ‘berirama semangat dihasilkan melalui hidup telematic drum ansambel.
Drum Circle Telematic terdiri dari dua komponen utama: satu set alat musik perkusi enam belas robot diatur dalam ruang instalasi dan sebuah situs web ...]]></description>
			<content:encoded><![CDATA[<p><span id="result_box"><span style="background-color: #ffffff;" title="Telematic Drum Circle is an interdisciplinary art project which combines telecommunications, robotics, human-computer interaction, and improvisational music."><img class="alignleft size-medium wp-image-529" style="margin: 4px;" title="TDC_Drum" src="http://izulcybercafe.com/wp-content/uploads/2009/11/TDC_Drum-300x225.jpg" alt="TDC_Drum" width="300" height="225" /></span></span><span id="more-528"></span>Telematic Drum Circle adalah sebuah proyek seni interdisipliner yang menggabungkan telekomunikasi, robotik, interaksi manusia-komputer, dan musik improvisasi.</p>
<p>royek ini memungkinkan beberapa pengguna online di seluruh dunia untuk menciptakan suara kolektif improvisasi hidup dengan mengendalikan enam belas instrumen perkusi robot melalui Internet. Proyek pecahnya mengeksplorasi lebih dalam teknologi komunikasi di dunia bermeditasi, dan alamat isu global yang harmonis dengan berbagi peserta ‘berirama semangat dihasilkan melalui hidup telematic drum ansambel.</p>
<p>Drum Circle Telematic terdiri dari dua komponen<!--more--> utama: satu set alat musik perkusi enam belas robot diatur dalam ruang instalasi dan sebuah situs web interaktif (www.TelematicDrumCircle.net) jaringan dengan instrumen ini.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/Hbwkcfg4I-Q&amp;hl=en_US&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/Hbwkcfg4I-Q&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
Setiap alat musik perkusi adalah wakil dari wilayah geo-budaya. Tanpa memperhitungkan usia, jenis kelamin, agama, ras, dan budaya, kita semua memiliki irama universal yang merupakan jantung berdetak. Drum adalah instrumen irama, dan saya percaya dapat berdiri di atas hati seseorang. Hati-ke-hati diungkapkan komunikasi pada drum dan instrumen perkusi memotong semua perbedaan, dan mengaburkan batas-batas antara kami. Dengan menekan keyboard komputer, sementara di website, para peserta di seluruh dunia dari jarak jauh dapat memainkan instrumen robot bersama, sambil menonton video streaming langsung ansambel mereka disiarkan melalui website.</p>
<p><span><span style="background-color: #ffffff;" title="By tapping the computer keyboard while at the website, participants around the world can remotely play the robotic instruments together, while watching a live streaming video of their ensemble broadcast through the website."><img class="aligncenter" src="http://bsjeon.net/TelematicDrumCircle/files/TDC-concept-diagram-v4.jpg" alt="" width="800" height="244" /></span></span></p>
<p><span id="result_box"><span style="background-color: #ffffff;" title="The TDC audio/video database management system is under development." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">The TDC audio / video sistem manajemen basis data dalam pengembangan. </span><span style="background-color: #ffffff;" title="When the system is ready for the next TDC presentation in 2009, online users will be able to access all the audio/video data generated by online participants." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">Ketika sistem siap untuk presentasi TDC berikutnya pada tahun 2009, online pengguna akan dapat mengakses semua audio / video data yang dihasilkan secara online peserta. </span><span style="background-color: #ffffff;" title="The Scenario is that the live video of the actual percussion ensemble is recorded in every minute with the participants' names and their locations." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">The Skenario adalah bahwa video langsung dari ansambel perkusi sebenarnya tercatat dalam setiap menit dengan para peserta nama dan lokasi mereka. </span><span style="background-color: #ffffff;" title="Downloadable video and sound file are available in the archive section." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">Download video dan file suara tersedia di bagian arsip. </span><span style="background-color: #ffffff;" title="Every participant can use the website to e-mail a video and sound file to his/her friends and to encourage them to visit the project website and create musical ensemble." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">Setiap peserta dapat menggunakan situs Web untuk e-mail video dan file suara ke teman-temannya dan untuk mendorong mereka untuk mengunjungi situs proyek dan menciptakan musik ensemble.</span></span></p>
<p><span><span style="background-color: #ffffff;" title="Every participant can use the website to e-mail a video and sound file to his/her friends and to encourage them to visit the project website and create musical ensemble." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'"><a href="http://www.telematicdrumcircle.net/" target="_blank">Sumber</a><br />
</span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2009/11/interface-telematika-drum-telematika/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Layanan Telematika Baru Mercedes</title>
		<link>http://izulcybercafe.com/2009/11/layanan-telematika-baru-mercedes/</link>
		<comments>http://izulcybercafe.com/2009/11/layanan-telematika-baru-mercedes/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 23:44:20 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Informations]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/?p=525</guid>
		<description><![CDATA[MERCEDES-BENZ dan Hughes Telematics, pada hari Senin (16/11) bersama-sama meluncurkan fitur baru yang memungkinkan pemilik kendaraan dapat mengakses ke 18 layanan berbeda lewat sistem telematika yang dinamai &#8216;mbrance&#8217;.
Sistem baru ini menawarkan banyak hal, mulai menemukan lokasi di parkiran mobil yang penuh sesak, menuntun Anda jika tersesat, bahkan kemampuan melakukan order online tanpa harus beranjak dari jok pengemudi.
Serupa dengan Ford Sync System milik dan GM OnStar, mbrance juga memungkinkan terjadinya hubungan antara ponsel pintar seperti iPhone atau Blackberry dengan peralatan elektronik di mobil sehingga pengemudi dapat menggunakan ponselnya untuk mengunci dan ...]]></description>
			<content:encoded><![CDATA[<p><span style="font-weight: bold;"><img class="alignleft size-medium wp-image-526" style="margin: 5px;" title="hughes-telematic" src="http://izulcybercafe.com/wp-content/uploads/2009/11/hughes-telematic-300x236.jpg" alt="hughes-telematic" width="300" height="236" />MERCEDES-BENZ</span> dan Hughes Telematics, pada hari Senin (16/11) bersama-sama meluncurkan fitur baru yang memungkinkan pemilik kendaraan dapat mengakses ke 18 layanan berbeda lewat sistem telematika yang dinamai &#8216;mbrance&#8217;.</p>
<p>Sistem baru ini menawarkan banyak hal, mulai menemukan lokasi di parkiran mobil yang penuh sesak, menuntun Anda jika tersesat, bahkan kemampuan melakukan order <span style="font-style: italic;">online</span> tanpa harus beranjak dari jok pengemudi.</p>
<p>Serupa dengan Ford Sync System milik dan GM OnStar, mbrance juga memungkinkan terjadinya hubungan antara ponsel pintar seperti iPhone atau Blackberry dengan peralatan elektronik di mobil sehingga pengemudi dapat menggunakan ponselnya untuk mengunci dan membuka pintu dari jarak jauh.</p>
<p>Layanan lainnya yaitu pemberitahuan layanan darurat otomatis saat mobil dicuri maupun kecelakaan, fungsi pemeriksaan kondisi kesehatan kendaraan yang langsung terhubung dengan diler terdekat, laporan kondisi aktual cuaca dan lalu lintas, bahkan <span style="font-style: italic;">concierge service</span> yang memberikan Anda  7 hari dalam 24jam pada layanan pelanggan yang membantu reservasi untuk makan malam, <span style="font-style: italic;">booking</span> hotel atau tiket penerbangan.</p>
<p>Sistem mbrance ditawarkan sebagai kelengkapan standar pada seluruh model-model Mercedes-Benz kecuali GLK, C-Class, SLK dan E-Class Coupe baru di mana fasilitas ini ditawarkan sebagai fasilitas opsional.</p>
<p>Fasilitas layanan ini dapat dinikmati secara gratis selama 6 bulan. Setelah itu pelanggan wajib<br />
membayar iuran sebesar US$280 per tahun dan tambahan US$20 per bulan untuk menikmati fasilitas <span style="font-style: italic;">concierge service</span>.</p>
<p>Yang paling menarik adalah, mbrance dapat di-upgrade penuh dengan aplikasi-aplikasi baru dan mudah diinstalasikan. Selain itu sebagian besar pengguna kendaraan menggunakan layanan telematika Tele Aid yang dapat disertakan pada mbrance dengan mengunjungi diler Mercedes-Benz.</p>
<p><a title="Sumber" href="http://www.mediaindonesia.com/mediaoto/index.php/read/2009/11/16/689/2/Sistem-Telematika-Baru-Mercedes" target="_blank">Sumber</a></p>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2009/11/layanan-telematika-baru-mercedes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Teknologi Wireless Telematika.</title>
		<link>http://izulcybercafe.com/2009/11/teknologi-wireless-telematika/</link>
		<comments>http://izulcybercafe.com/2009/11/teknologi-wireless-telematika/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 23:40:00 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Informations]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/?p=520</guid>
		<description><![CDATA[USA Technologies, Inc (Malvern, PA) telah menerima tiga pemberitahuan dari US Patent dan Trademark Office untuk aplikasi paten yang berkaitan dengan teknologi telematika nirkabel. Aplikasi paten teknologi melibatkan kendaraan untuk menghubungkan ke Internet melalui perangkat nirkabel untuk kendaraan keamanan dan kendaraan telemetri.
&#8220;Teknologi yang berhubungan dengan ini mengizinkan aplikasi paten dealer mobil dapat memungkinkan untuk memantau kesehatan dan pemeliharaan mobil, mendiagnosa masalah yang mungkin dan bahkan pemeliharaan ketertiban bagian, semua sebelum mobil pelanggan mereka bahkan masuk ke banyak dealer,&#8221; kata Chief Operating Officer Stephen P. Herbert.
&#8220;Penerapan lain dari sistem seperti ini ...]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium wp-image-521 alignleft" style="margin: 4px;" title="tele3" src="http://izulcybercafe.com/wp-content/uploads/2009/11/tele3-300x156.gif" alt="tele3" width="270" height="140" />USA Technologies, Inc (Malvern, PA) telah menerima tiga pemberitahuan dari US Patent dan Trademark Office untuk aplikasi paten yang berkaitan dengan teknologi telematika nirkabel. Aplikasi paten teknologi melibatkan kendaraan untuk menghubungkan ke Internet melalui perangkat nirkabel untuk kendaraan keamanan dan kendaraan telemetri.</p>
<p>&#8220;Teknologi yang berhubungan dengan ini mengizinkan aplikasi paten dealer mobil dapat memungkinkan untuk memantau kesehatan dan pemeliharaan mobil, mendiagnosa masalah yang mungkin dan bahkan pemeliharaan ketertiban bagian, semua sebelum mobil pelanggan mereka bahkan masuk ke banyak dealer,&#8221; kata Chief Operating Officer Stephen P. Herbert.</p>
<p>&#8220;Penerapan lain dari sistem seperti ini dapat memungkinkan pemilik mobil, atau polisi, untuk memantau lokasi mobil yang dicuri mereka. Sistem bahkan dapat memberikan user kemampuan untuk mematikan mesin mobil yang dicuri, remote &#8211; semua melalui Internet.</p>
<p>&#8221;  Menurut Herbert, pengendara motor dengan layanan telematika dipasang di mobil mereka di masa depan dapat melihat informasi telah dialihkan langsung ke halaman Web aman &#8211; mungkin berisi karakteristik performa kendaraan, termasuk kondisi operasi, jarak tempuh dan diagnostik masalah kode. Link internet nirkabel lain dapat memungkinkan pengecer otomotif untuk menginformasikan kepada pemilik kendaraan melalui e-mail tentang performa mesin, peluang layanan, jadwal janji dan uji emisi. Telematika sudah memungkinkan pelacakan dan posisi kendaraan, membantu pengendara menavigasi dan memberikan keamanan.</p>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2009/11/teknologi-wireless-telematika/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Membuat file PDF dengan PHP.</title>
		<link>http://izulcybercafe.com/2009/10/membuat-file-pdf-dengan-php/</link>
		<comments>http://izulcybercafe.com/2009/10/membuat-file-pdf-dengan-php/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 16:15:14 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Global]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Programmings]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Convert]]></category>
		<category><![CDATA[PDF]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/?p=494</guid>
		<description><![CDATA[Kebetulan ada temen yang bertanya cara membuat file PDF dengan PHP, jadi muncul lah ide untuk membuat tulisan ini.

Untuk membuat file PDF dengan PHP saya disini menggunakan Library FPDF, bisa didapatkan secara gratis di sini.

Pada contoh ini saya akan mencoba membuat PDF sesuai dengan apa yang diinput kan oleh user dalam sebuah form.
Langkah 1
Download FPDF, setelah itu extract di hosting anda, atau kalo mau mencoba di server local bisa di letakan di folder htdocs jika menggunakan XAMPP.

Langkah 2
Buat sebuah Form yang berisi (Nama, Subjek, Website, Komentar) save dengan nama form.html.

&#160;
&#60;html&#62;
&#60;head&#62;
&#60;title&#62;Izul ...]]></description>
			<content:encoded><![CDATA[<p><img src="http://izulcybercafe.com/wp-content/uploads/2009/10/pdf-izul-300x300.jpg" mce_src="http://izulcybercafe.com/wp-content/uploads/2009/10/pdf-izul-300x300.jpg" alt="pdf-izul" title="pdf-izul" class="alignleft size-medium wp-image-497" width="300" height="300"><span id="more-494"></span>Kebetulan ada temen yang bertanya cara membuat file PDF dengan PHP, jadi muncul lah ide untuk membuat tulisan ini.</p>
<p></p>
<p>Untuk membuat file PDF dengan PHP saya disini menggunakan Library FPDF, bisa didapatkan secara gratis di <a href="http://www.fpdf.org/en/download.php">sini</a>.</p>
<p></p>
<p>Pada contoh ini saya akan mencoba membuat PDF sesuai dengan apa yang diinput kan oleh user dalam sebuah form.</p>
<h2>Langkah 1</h2>
<p><a href="http://www.fpdf.org/en/download.php">Download FPDF</a>, setelah itu extract di hosting anda, atau kalo mau mencoba di server local bisa di letakan di folder htdocs jika menggunakan XAMPP.</p>
<p></p>
<h2>Langkah 2</h2>
<p>Buat sebuah Form yang berisi (Nama, Subjek, Website, Komentar) save dengan nama form.html.</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&nbsp;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Izul Cyber Cafe&lt;/title&gt;
&lt;/head&gt;
&nbsp;
&lt;body&gt;
&nbsp;
&lt;form method=&quot;POST&quot; action=&quot;pdf.php&quot;&gt;
&lt;h1&gt;Izul Cyber Cafe : PDF&lt;/h1&gt;
&lt;form&gt;
  &lt;table&gt;
    &lt;tr&gt;
		&lt;td&gt;Nama&lt;/td&gt; &lt;td&gt; : &lt;input type=&quot;text&quot; name=&quot;nama&quot;&gt;&lt;/td&gt;
	&lt;/tr&gt;
    &lt;tr&gt;
		&lt;td&gt;Subjek&lt;/td&gt; &lt;td&gt; : &lt;input type=&quot;text&quot; name=&quot;subjek&quot;&gt;&lt;/td&gt;
	&lt;/tr&gt;
    &lt;tr&gt;
		&lt;td&gt;Website&lt;/td&gt; &lt;td&gt; : &lt;input type=&quot;text&quot; name=&quot;website&quot;&gt;&lt;/td&gt;
	&lt;/tr&gt;
    &lt;tr&gt;
		&lt;td&gt;Pesan/Komentar&lt;/td&gt; &lt;td&gt; : &lt;textarea name=&quot;komentar&quot; cols=&quot;35&quot; rows=&quot;10&quot;&gt;&lt;/textarea&gt;&lt;/td&gt;
	&lt;/tr&gt;
    &lt;tr&gt;
		&lt;td colspan=&quot;2&quot;&gt;&lt;input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Submit&quot;&gt;&lt;input type=&quot;reset&quot; name=&quot;reset&quot; value=&quot;Reset&quot;&gt;&lt;/td&gt;
	&lt;/tr&gt;
  &lt;/table&gt;
&lt;/form&gt;	
&lt;/body&gt;
&lt;/html&gt;</pre></div></div>

<h2>Langkah 3</h2>
<p>Lalu buat file php untuk memproses data yang di input agar menjadi PDF dengan nama pdf.php</p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'nama'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'subjek'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'website'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'komentar'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$nama</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'nama'</span><span style="color: #009900;">&#93;</span>;
	<span style="color: #000088;">$subjek</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'subjek'</span><span style="color: #009900;">&#93;</span>;
	<span style="color: #000088;">$website</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'website'</span><span style="color: #009900;">&#93;</span>;
	<span style="color: #000088;">$komentar</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'komentar'</span><span style="color: #009900;">&#93;</span>;
<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #990000;">echo</span> <span style="color: #0000ff;">&quot;Data yang anda masukan belum lengkap!&quot;</span>;
	<span style="color: #b1b100;">return</span> <span style="color:#800080;">0</span>;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #990000;">define</span><span style="color: #009900;">&#40;</span><span style="">'FPDF_FONTPATH'</span><span style="color: #339933;">,</span><span style="">'fpdf/font/'</span><span style="color: #009900;">&#41;</span>;
<span style="color: #b1b100;">require</span><span style="color: #009900;">&#40;</span><span style="">'fpdf/fpdf.php'</span><span style="color: #009900;">&#41;</span>;
&nbsp;
<span style="color: #000000; font-weight: bold;">class</span> PDF <span style="color: #000000; font-weight: bold;">extends</span> FPDF <span style="color: #009900;">&#123;</span>
<span style="color: #000000; font-weight: bold;">function</span> <span style="color: #990000;">Header</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Image</span><span style="color: #009900;">&#40;</span><span style="">'logo.jpg'</span><span style="color: #339933;">,</span><span style="color:#800080;">1.1</span><span style="color: #339933;">,</span><span style="color:#800080;">1.05</span><span style="color: #339933;">,</span><span style="color:#800080;">2.1</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'B'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">20</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Cell</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">19</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="">'Data Komentar'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="">'C'</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Ln</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> Footer<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetY</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">-</span><span style="color:#800080;">1.5</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'I'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">8</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Cell</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="">'Halaman '</span><span style="color: #339933;">.</span><span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">PageNo</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="">'/{nb}'</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="">'C'</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span> 
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">=</span><span style="color: #000000; font-weight: bold;">new</span> PDF<span style="color: #009900;">&#40;</span><span style="">'P'</span><span style="color: #339933;">,</span><span style="">'cm'</span><span style="color: #339933;">,</span><span style="">'A4'</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Open</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">AliasNbPages</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">AddPage</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'B'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">24</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetTextColor</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">220</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">50</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">50</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Ln</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">MultiCell</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">,</span><span style="color: #000088;">$subjek</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="">'C'</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'B'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">12</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetTextColor</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetX</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">8.2</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Write</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="">'Oleh: '</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'BIU'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">12</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Write</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color: #000088;">$nama</span><span style="color: #339933;">,</span><span style="color: #000088;">$website</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'B'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">12</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Ln</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">MultiCell</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color: #000088;">$komentar</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Output</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<h2>Langkah 4</h2>
<p>Taruh sebuah image dengan format png dengan nama logo.png, anda bisa mengubah nama file atau jenis file gambar dengan yang lain dengan merubah file pdf.php pada <strong>$this->Image(&#8217;logo.jpg&#8217;,1.1,1.05,2.1);</strong> di HEADER</p>
<h2>Langkah 5</h2>
<p>Sekarang coba jalan kan file form.html, maka jika tombol submit di tekan akan menampilkan message box untuk mendownload file pdf.</p>
<h2>Langkah 6</h2>
<p>Selesai…..</p>
<p>
<h2><b>Keterangan pada file PDF.php:</b></h2>
</p>
<p><b><br />
<h3>Melakukan pengecekan apakah data sudah diinput semua.</h3>
<p></b></p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'nama'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'subjek'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'website'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'komentar'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000088;">$nama</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'nama'</span><span style="color: #009900;">&#93;</span>;
&nbsp;
<span style="color: #000088;">$subjek</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'subjek'</span><span style="color: #009900;">&#93;</span>;
&nbsp;
<span style="color: #000088;">$website</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'website'</span><span style="color: #009900;">&#93;</span>;
&nbsp;
<span style="color: #000088;">$komentar</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'komentar'</span><span style="color: #009900;">&#93;</span>;
&nbsp;
<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #990000;">echo</span> <span style="color: #0000ff;">&quot;Data yang anda masukan belum lengkap!&quot;</span>;
&nbsp;
<span style="color: #b1b100;">return</span> <span style="color:#800080;">0</span>;
&nbsp;
<span style="color: #009900;">&#125;</span></pre></div></div>

<p><b><br />
<h3>Membuat Header</h3>
<p></b></p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> <span style="color: #990000;">Header</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Image</span><span style="color: #009900;">&#40;</span><span style="">'logo.jpg'</span><span style="color: #339933;">,</span><span style="color:#800080;">1.1</span><span style="color: #339933;">,</span><span style="color:#800080;">1.05</span><span style="color: #339933;">,</span><span style="color:#800080;">2.1</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'B'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">20</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Cell</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">19</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="">'Data Komentar'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="">'C'</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Ln</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Yaitu untuk membuat tampilan header.</p>
<p><b>$this-&gt;Image(&#8217;logo.jpg&#8217;,1.1,1.05,2.1);</b> untuk meletakan gambar berada di &nbsp;1,1 cm (X) dan 1.05 cm (Y) dan lebar gambar 2.1 cm.</p>
<p><b>$this-&gt;SetFont(&#8217;Arial&#8217;,'B&#8217;,20);</b> Untuk menentukan jenis Font, atribut(B=Tebal, I=Miring, U=Garis Bawah ) serta ukuran font.</p>
<p><b>$this-&gt;Cell(19,1,&#8217;Data Komentar&#8217;,1,0,&#8217;C'); </b>untuk mecetak “Data Komentar” pada posisi di tengan ( C ), dan ketebalan garis(border=1).</p>
<p><b>$this-&gt;Ln();</b> untuk pindah baris.</p>
<p><b><br />
<h3>Membuat Footer</h3>
<p></b></p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"> <span style="color: #000000; font-weight: bold;">function</span> Footer<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetY</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">-</span><span style="color:#800080;">1.5</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'I'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">8</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Cell</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="">'Halaman '</span><span style="color: #339933;">.</span><span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">PageNo</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="">'/{nb}'</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="">'C'</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span></pre></div></div>

<p><b>Keterangan :</b></p>
<p><b>$this-&gt;Cell(0,1,&#8217;Halaman &#8216;.$this-&gt;PageNo().&#8217;/{nb}&#8217;,0,0,&#8217;C');</b> Untuk membuat halaman, halaman akan tercetak akibat penulisan {nb}.</p>
<p>
<h3><b>Mencetak Isi dokumen.</b></h3>
</p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #000088;">$pdf</span><span style="color: #339933;">=</span><span style="color: #000000; font-weight: bold;">new</span> PDF<span style="color: #009900;">&#40;</span><span style="">'P'</span><span style="color: #339933;">,</span><span style="">'cm'</span><span style="color: #339933;">,</span><span style="">'A4'</span><span style="color: #009900;">&#41;</span>;  Untuk mencetak <span style="color: #990000;">file</span> dengan format kertas A4<span style="color: #339933;">,</span> bisa diganti Letter<span style="color: #339933;">.</span>
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Open</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>; 
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">AliasNbPages</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>; Untuk memanggil fungsi pencetakan halaman<span style="color: #339933;">.</span>
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">AddPage</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'B'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">24</span><span style="color: #009900;">&#41;</span>; 
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetTextColor</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">220</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">50</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">50</span><span style="color: #009900;">&#41;</span>; Untuk mencetak Warna huruf dengan<span style="color: #339933;">,</span> bisa contek di photoshop untuk kode warna nya<span style="color: #339933;">.</span>
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Ln</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>; untuk pindah baris
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">MultiCell</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">,</span><span style="color: #000088;">$subjek</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="">'C'</span><span style="color: #009900;">&#41;</span>;  Untuk mencetak teks yang lebih dari <span style="color: #cc66cc;">1</span> baris<span style="color: #339933;">.</span>
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'B'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">12</span><span style="color: #009900;">&#41;</span>;  Untuk pengaturan Font <span style="color: #009900;">&#40;</span> Arial<span style="color: #339933;">,</span> Bold<span style="color: #339933;">,</span> ukuran <span style="color: #cc66cc;">12</span> <span style="color: #009900;">&#41;</span>
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetTextColor</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #009900;">&#41;</span>; Merubah warna teks menjadi hitam <span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color:#800080;">0</span> <span style="color: #009900;">&#41;</span>
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetX</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">8.2</span><span style="color: #009900;">&#41;</span>; Menentukan 
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Write</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="">'Oleh: '</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'BIU'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">12</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Write</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color: #000088;">$nama</span><span style="color: #339933;">,</span><span style="color: #000088;">$website</span><span style="color: #009900;">&#41;</span>; Untuk mencetak variable nama disertai <span style="color: #990000;">link</span> sesuai inputan
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">SetFont</span><span style="color: #009900;">&#40;</span><span style="">'Arial'</span><span style="color: #339933;">,</span><span style="">'B'</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">12</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Ln</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">MultiCell</span><span style="color: #009900;">&#40;</span><span style="color:#800080;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color: #000088;">$komentar</span><span style="color: #009900;">&#41;</span>; Untuk mencetak Komentar<span style="color: #339933;">.</span>
<span style="color: #000088;">$pdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Output</span><span style="color: #009900;">&#40;</span>‘data<span style="color: #339933;">.</span>pdf’<span style="color: #339933;">,</span><span style="color: #000000; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<a href="http://izulcybercafe/report/form.html"><br />
<h2>DEMO</h2>
<p></a> <a href="http://izulcybercafe/gudangmaster/report.zip"><br />
<h2>DOWNLOAD</h2>
<p></a><br />
<br />
Jika ada tambahan atau pertanyaan silahkan tulis komentar&#8230;&#8230;..</p>
<p><b>Ref : </b> </p>
<ol>
<li>http://www.fpdf.org/en/tutorial/index.php</li>
<li>http://www.fpdf.org/en/doc/index.php</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2009/10/membuat-file-pdf-dengan-php/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Sekilas tentang Telematika</title>
		<link>http://izulcybercafe.com/2009/10/sekilas-tentang-telematika/</link>
		<comments>http://izulcybercafe.com/2009/10/sekilas-tentang-telematika/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 19:35:32 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Global]]></category>
		<category><![CDATA[Informations]]></category>
		<category><![CDATA[Me & Real Life]]></category>
		<category><![CDATA[telematika]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/?p=477</guid>
		<description><![CDATA[Telematika, nampaknya bukan suatu hal yang baru di telinga kita.
Di Indonesia kita mendengar Roy Suryo sebagai ahli telematika, biasanya dia muncul dan membawa embel-embel ahli telematika nya ketika sedang memberi statement tentang sebuah foto atau video syur artis.
Sebenarnya apa sebetulnya yang dimaksud dengan Telematika ?
Istilah telematika sering dipakai untuk beberapa macam bidang, Contohnya sebagai berikut :

Integrasi antara sistem telekomunikasi dan informatika yang dikenal sebagai Teknologi Komunikasi dan Informatika atau ICT (Information and Communications Technology). Secara lebih spesifik, ICT merupakan ilmu yang berkaitan dengan pengiriman, penerimaan dan penyimpanan informasi dengan menggunakan ...]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium wp-image-478 alignleft" style="margin: 5px;" title="telematic" src="http://izulcybercafe.com/wp-content/uploads/2009/10/telematic-300x225.jpg" alt="telematic" width="300" height="225" /><span id="more-477"></span>Telematika, nampaknya bukan suatu hal yang baru di telinga kita.<br />
Di Indonesia kita mendengar Roy Suryo sebagai ahli telematika, biasanya dia muncul dan membawa embel-embel ahli telematika nya ketika sedang memberi statement tentang sebuah foto atau video syur artis.</p>
<p>Sebenarnya apa sebetulnya yang dimaksud dengan Telematika ?</p>
<p>Istilah telematika sering dipakai untuk beberapa macam bidang, Contohnya sebagai berikut :</p>
<ol>
<li>Integrasi antara sistem telekomunikasi dan informatika yang dikenal sebagai Teknologi Komunikasi dan Informatika atau ICT (Information and Communications Technology). Secara lebih spesifik, ICT merupakan ilmu yang berkaitan dengan pengiriman, penerimaan dan penyimpanan informasi dengan menggunakan peralatan telekomunikasi.</li>
<li>Secara umum, istilah telematika dipakai juga untuk teknologi Sistem Navigasi/Penempatan Global atau GPS (Global Positioning System) sebagai bagian integral dari komputer dan teknologi komunikasi berpindah (mobile communication technology).</li>
<li>Secara lebih spesifik, istilah telematika dipakai untuk bidang kendaraan dan lalulintas (road vehicles dan vehicle telematics).</li>
</ol>
<p>Kalau diperhatikan Telematika bisa di katakan campuran dari komputer dan teknologi telekomunikasi tanpa kabel (nirkabel), tentu saja tujuannya yaitu untuk meningkatkan efisiensi kerja, terutama dari segi bisnis dan pemerintahan yang terkait dengan pelayanan publik. Contoh yang paling kongkrit dari telematika bisa dikatakan yaitu internet itu sendiri. Karena tergantung pada beberapa jaringan komputer yang terhubung secara global melalui tulang punggung telekomunikasi.</p>
<h2>( GPS ) -&gt; Telematika Masa Kini .</h2>
<p><img class="size-medium wp-image-484 alignleft" style="margin: 5px;" title="866319759_8728def84e" src="http://izulcybercafe.com/wp-content/uploads/2009/10/866319759_8728def84e-300x199.jpg" alt="866319759_8728def84e" width="300" height="199" />Namun sekarang istilah telematika telah berkembang dan mengacu kepada <em>automobile systems</em> yang menggabungkan <strong>Global Positioning System (GPS)</strong> dan komunikasi nirkabel lainnya untuk mengetahui lokasi jalan.</p>
<p>Saat ini banyak produsen mobil nomor satu menggunakan teknologi telematika untuk melengkapi mobil buatanya dengan layanan berbasis nirkabel dikendalikan oleh perintah suara. Telematika semacam ini dapat memungkinkan kendaraan bermotor untuk melakukan berbagai fungsi nirkabel seperti mengakses Internet, menerima atau mengirim e-mail, men-download audio dan video digital file, atau memperoleh  informasi transportasi yang pintar.</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/wTpNI451dVk&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/wTpNI451dVk&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Artikel ini ditujukan untuk tugas Pengantar telamatika</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Ref :</p>
<p>http://searchnetworking.techtarget.com/sDefinition/0,,sid7_gci517744,00.html</p>
<p>http://en.wikipedia.org/wiki/Telematics</p>
<p>http://id.wikipedia.org/wiki/Telematika</p>
<p>http://experiencedynamics.blogs.com/site_search_usability/2004/06/telematics_usab.html</p>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2009/10/sekilas-tentang-telematika/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Browsing di terminal linux</title>
		<link>http://izulcybercafe.com/2009/09/browsing-di-terminal-linux/</link>
		<comments>http://izulcybercafe.com/2009/09/browsing-di-terminal-linux/#comments</comments>
		<pubDate>Thu, 17 Sep 2009 16:24:45 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Hacking]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Terminal]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/2009/09/458/</guid>
		<description><![CDATA[Hallow&#8230;
Anda maniak linux ? sering berkecimpung dengan terminal di linux ?
Hemf&#8230;Hidup dilingkungan serba teks ini kalau sering dilakukan tidak kalah asik nya dibanding dengan GUI.
Sekarang mari tambah nikmat nya terminal dengan browsing di lingkungan berbasiskan teks tersebut.
Langsung saja ikuti trik berikut.
Browsing melalui terminal di linux.

Buka Terminal
Install elinks, ketik : sudo apt-get install elinks
pilih yes : y [enter]
Finish&#8230;&#8230;. 


Mulai browsing.

 ketik : elinks izulcybercafe.com

]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium wp-image-462 alignleft" style="margin-right: 5px; margin-left: 5px;" title="terminal-izulcybercafe" src="http://izulcybercafe.com/wp-content/uploads/2009/09/terminal-izulcybercafe-300x225.jpg" alt="terminal-izulcybercafe" width="300" height="225" /><span id="more-458"></span>Hallow&#8230;</p>
<p>Anda maniak linux ? sering berkecimpung dengan terminal di linux ?</p>
<p>Hemf&#8230;Hidup dilingkungan serba teks ini kalau sering dilakukan tidak kalah asik nya dibanding dengan GUI.</p>
<p>Sekarang mari tambah nikmat nya terminal dengan browsing di lingkungan berbasiskan teks tersebut.</p>
<p>Langsung saja ikuti trik berikut.</p>
<h2>Browsing melalui terminal di linux.</h2>
<ol>
<li>Buka Terminal</li>
<li>Install elinks, ketik : <em><strong>sudo apt-get install elinks</strong></em></li>
<li>pilih yes : <em><strong>y [enter]</strong></em></li>
<li><em><strong>Finish&#8230;&#8230;. <img src='http://izulcybercafe.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
</strong></em></li>
</ol>
<h2>Mulai browsing.</h2>
<ol>
<li> ketik : <em><strong>elinks izulcybercafe.com</strong></em></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2009/09/browsing-di-terminal-linux/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Web Based Operating System</title>
		<link>http://izulcybercafe.com/2009/05/web-based-operating-system/</link>
		<comments>http://izulcybercafe.com/2009/05/web-based-operating-system/#comments</comments>
		<pubDate>Wed, 27 May 2009 18:06:22 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Programmings]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[ExtJs]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Json]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[Sistem Operasi]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/?p=402</guid>
		<description><![CDATA[Sistem Operasi Windows udah bosen, Linux Makin Rame, jadi gak spesial lg, tapi kalau Sistem Operasi berbasis web, ini baru keren saat ini.
Dengan semakin berkembangnya bahasa pemograman website sekarang ini, seperti(JQuery, Json, ExtJS) yang merupakan pengembangan dari Javascript, dan Codeigniter, CakePHP, Symfony, Zend yang merupakan Framework PHP, membuat aplikasi-aplikasi web pun menjadi semakin canggih.
Mulai dari Fenomena Facebook yang dalam waktu singkat bisa mengirim friendster ke neraka dengan teknologi ajax nya.
Sampai yang satu ini ni&#8230;Sistem Operasi berbasis web. Langsung saja saya perkenalkan buat yang baru mengenal nya
Namanya &#8220;EyeOS&#8221; cam kan itu ...]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-413" title="eyeos" src="wp-content/uploads/2009/05/eyeos-300x201.jpg" alt="eyeos" width="300" height="201" />Sistem Operasi Windows udah bosen, Linux Makin Rame, jadi gak spesial lg, tapi kalau Sistem Operasi berbasis web, ini baru keren saat ini.</p>
<p>Dengan semakin berkembangnya bahasa pemograman website sekarang ini, seperti(<a href="http://jquery.com">JQuery</a>, <a href="http://json.org">Json</a>, <a href="http://extjs.com">ExtJS</a>) yang merupakan pengembangan dari Javascript, dan <a href="http://www.codeigniter.com">Codeigniter</a>, <a href="http://cakephp.org">CakePHP</a>, <a href="http://www.symfony-project.org">Symfony</a>, <a href="http://www.zend.com">Zend </a>yang merupakan Framework PHP, membuat aplikasi-aplikasi web pun menjadi semakin canggih.<span id="more-402"></span></p>
<p>Mulai dari Fenomena Facebook yang dalam waktu singkat bisa mengirim friendster ke neraka dengan teknologi ajax nya.<!--more--></p>
<p>Sampai yang satu ini ni&#8230;Sistem Operasi berbasis web. Langsung saja saya perkenalkan buat yang baru mengenal nya</p>
<p>Namanya &#8220;<a href="http://eyeos.org/">EyeOS</a>&#8221; cam kan itu di benak anda.</p>
<p>Sistem Operasi berbasis website ini dibuat dengan bahasa pemograman PHP &#8211; diploles dengan Javascript(&#8211;&gt;Ajax) dan di sempurnakan dengan desain yang WAH..!!! dengan bantuan CSS dan PNG.</p>
<h2>Fitur.</h2>
<p>Kalau di liat dari segi fitur, Sistem Operasi ini tidak kalah dengan Windows maupun linux.</p>
<p>EyeOS dilengkapi dengan banyak sekali fasilitas seperti System Operasi dasktop lainnya, diantaranya yaitu</p>
<h3>Office ( Word Processor, Spreatsheet, Presentation).</h3>
<p>Support untuk file-file Ms.Office lho.</p>
<h3>Network</h3>
<p>Ini yang paling asik, bisa chating antar user berada yang berada  di tempat lain dengan, bisa kirim email, membaca RSS dari sebuah website.</p>
<ul>
<li>Internel Messanging System</li>
<li>Bulletin Board</li>
<li>RSS Reader</li>
<li>FTP Client</li>
<li>Web Browser</li>
</ul>
<p style="text-align: center;"><img class="size-full wp-image-423 aligncenter" title="navigator" src="wp-content/uploads/2009/05/navigator.jpg" alt="navigator" width="500" height="200" /></p>
<h3>Game (Chess, Tetravex Game)</h3>
<p>Lebih Asik dibandingkan game-game standar Microsoft (Solitaire,Hearts, dkk) &#8230;&#8230;.&#8221;Menurut Saya&#8230;&#8221;.</p>
<p><img class="aligncenter size-full wp-image-426" title="chess" src="wp-content/uploads/2009/05/chess.jpg" alt="chess" width="300" height="279" /></p>
<h3>File Management</h3>
<ul>
<li>Upload multiple files</li>
<li>Easy visual file management</li>
<li>Download entire folders as Zip</li>
<li>Compress and uncompress Zip/Tar files</li>
<li>Photo viewer and slideshow</li>
</ul>
<h3>More</h3>
<ul>
<li>Calendar with multiple views</li>
<li>Contacts manager</li>
<li>Export and Import vCards</li>
<li>Multiple Language</li>
</ul>
<p>Sekian ya ulasannya <img src='http://izulcybercafe.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Mending langsung coba sendiri saja.</p>
<h3>Website  :  <a href="http://eyeos.org/">http://eyeos.org</a></h3>
<h3>Demo : <a href="http://eyeos.info">http://eyeos.info</a></h3>
<h3>Download : <a href="http://eyeos.org/en/downloads">http://eyeos.org/en/downloads</a></h3>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2009/05/web-based-operating-system/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Solution ! create boxes with rounded corners using css &amp; javascript</title>
		<link>http://izulcybercafe.com/2009/05/solution-create-boxes-with-rounded-corners-using-css-javascript-image/</link>
		<comments>http://izulcybercafe.com/2009/05/solution-create-boxes-with-rounded-corners-using-css-javascript-image/#comments</comments>
		<pubDate>Sat, 23 May 2009 12:01:40 +0000</pubDate>
		<dc:creator>Izul Cyber Cafe</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Programmings]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://izulcybercafe.com/?p=383</guid>
		<description><![CDATA[Rasanya sudah lama sekali tidak posting, lama sekali tidak mengklik menu Add New Post di Dashboard cafe ini. 
Untung sebelumnya dibantu teman untuk menulis artikel, membuat cafe ini tetap eksis. Oke sekarang lanjut ke topik lagi.
Wow judulnya sih pake bahasa inggris, tapi santai, isinya masih pake bahasa Indonesia kok  .
Kali ini saya kembali dengan sebuah tulisan ringan tapi cukup mengasikkan untuk dicoba, terutama untuk para pemula web desain. Yaitu membuat Kotak yang disudutnya dibulatkan.
Saya akan mencoba membuatnya dengan 2 macam cara  (CSS dan Javascript).
Cara-1 : Dengan CSS
Buka Web ...]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium wp-image-531 alignleft" style="margin: 3px;" title="rounded" src="http://izulcybercafe.com/wp-content/uploads/2009/05/rounded-275x300.jpg" alt="rounded" width="275" height="300" />Rasanya sudah lama sekali tidak posting, lama sekali tidak mengklik menu <strong>Add New</strong> Post di Dashboard cafe ini. </p>
<p>Untung sebelumnya dibantu teman untuk menulis artikel, membuat cafe ini tetap eksis. Oke sekarang lanjut ke topik lagi.</p>
<p>Wow judulnya sih pake bahasa inggris, tapi santai, isinya masih pake bahasa Indonesia kok <img src='http://izulcybercafe.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>Kali ini saya kembali dengan sebuah tulisan ringan tapi cukup mengasikkan untuk dicoba, terutama untuk para pemula web desain. Yaitu membuat Kotak yang disudutnya dibulatkan.</p>
<p>Saya akan mencoba membuatnya dengan 2 macam cara  (CSS dan Javascript).<span id="more-383"></span></p>
<h2>Cara-1 : Dengan CSS</h2>
<p>Buka Web editor kesukaan kamu, bisa Dreamweaver, Notepad, atau yang lain.</p>
<p>Tuliskan kode HTML berikut.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>html<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>head<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>title<span style="color: #339933;">&gt;</span>Tutorial CSS<span style="color: #339933;">&lt;/</span>title<span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>meta http<span style="color: #339933;">-</span>equiv<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;content-type&quot;</span> content<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/html; charset=utf-8&quot;</span> <span style="color: #339933;">/&gt;</span>
	<span style="color: #339933;">&lt;</span>link rel<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;stylesheet&quot;</span> type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/css&quot;</span> href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;style.css&quot;</span> <span style="color: #339933;">/&gt;</span>
<span style="color: #339933;">&lt;/</span>head<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>body<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>div <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;cekung&quot;</span><span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>p<span style="color: #339933;">&gt;</span>Membuat Kotak yang disudutnya di buat cekung dengan CSS<span style="color: #339933;">&lt;/</span>p<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>body<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>html<span style="color: #339933;">&gt;</span></pre></div></div>

<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>Lalu buat file CSS dengan nama style.css dan isinya adalah seperti ini.<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>

<div class="wp_syntax"><div class="code"><pre class="css css" style="font-family:monospace;">.cekung<span style="color: #00AA00;">&#123;</span>
	-moz-border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">25px</span>;
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">250</span>;
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">1em</span>;
	<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#f20000</span>;
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#fff</span>;
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Sekarang jalan kan browser anda :</p>
<h3>Demo 1</h3>
<p>Note : Hanya bisa di Mozilla Firefox.</p>
<h2>Cara 2 : Dengan Javascript</h2>
<p>Berikutnya menggunakan Javascript, tapi kamu harus mendownload terebih dahulu file javascipt nya.</p>
<p>File tersebut bernama <strong><a href="http://www.html.it/articoli/niftycube/index.html" target="_blank">NiftyCube</a>. </strong>Silahkan download <a href="http://www.html.it/articoli/niftycube/NiftyCube.zip" target="_blank"><strong>disini</strong></a>.</p>
<p>Cara menggunakan nya cukup mudah, anda tinggal memanggil file javascriptnya dengan menempatkan script berikut di antara tag &lt;head&gt; dan &lt;/head&gt;.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">&lt;head&gt;
&lt;title&gt;Tutorial CSS&lt;/title&gt;
&lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;corners3.css&quot; /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;niftycube.js&quot;&gt;&lt;/script&gt;
<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>
	window.<span style="color: #000066;">onload</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>
	Nifty<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;div.cekung&quot;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span>
&lt;/head&gt;</pre></div></div>

<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"> Dan memanggil class nya dengan &lt;div class=nama_kelas&gt;&lt;/div&gt;</span></span></span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;">Berikut contoh kodenya selengkapnya.<br />
</span></span></span></span></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>

<div class="wp_syntax"><div class="code"><pre class="javascript javascript" style="font-family:monospace;">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;en-US&quot;&gt;
&lt;head&gt;
&lt;title&gt;Tutorial CSS&lt;/title&gt;
&lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;corners3.css&quot; /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;niftycube.js&quot;&gt;&lt;/script&gt;
<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>
	window.<span style="color: #000066;">onload</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>
	Nifty<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;div.cekung&quot;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #009900;">&#125;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span>
&lt;/head&gt;
&lt;body&gt;
	&lt;div class=&quot;cekung&quot;&gt;
		&lt;p&gt;Tutorial membuat sudut melengkung dengan CSS Dan Javascript&lt;/p&gt;
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
&lt;/html&gt;</pre></div></div>

<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
Sekarang jalankan file buatan kamu. Maka akan tercipta sebuah box dengan sudut yang cekung.</p>
<h3>Demo 2</h3>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
Sekian dulu ya artikel kali ini, untuk artikel CSS berikutnya saya akan membahas pembuatan &#8220;Rounded Corner&#8221; dengan menggunakan Image.</p>
<p>Tunggu saja ya&#8230;</p>
<p>Byee&#8230;&#8230;..<br />
Keep Learning and Happy Trying&#8230;&#8230;&#8230;&#8230;&#8230;.</p>
<p> <img src='http://izulcybercafe.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://izulcybercafe.com/2009/05/solution-create-boxes-with-rounded-corners-using-css-javascript-image/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
