<?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>ikram.web.id &#187; Webmaster</title> <atom:link href="http://ikram.web.id/category/webmaster/feed/" rel="self" type="application/rss+xml" /><link>http://ikram.web.id</link> <description>Integrity, truthfulness, and straightforwardness</description> <lastBuildDate>Sun, 24 Oct 2010 01:18:45 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0</generator> <item><title>Hack Sederhana Untuk Mendapatkan Data Historis Indeks Obligasi Pemerintah Dari Website Bursa Efek Indonesia</title><link>http://ikram.web.id/webmaster/hacking/hack-sederhana-data-historis-indeks-obligasi-pemerintah-bursa-efek-indonesia/</link> <comments>http://ikram.web.id/webmaster/hacking/hack-sederhana-data-historis-indeks-obligasi-pemerintah-bursa-efek-indonesia/#comments</comments> <pubDate>Wed, 18 Aug 2010 09:24:58 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[Hacking]]></category> <category><![CDATA[bursa efek indonesia]]></category> <category><![CDATA[hack]]></category> <category><![CDATA[indeks obligasi pemerintah]]></category><guid
isPermaLink="false">http://ikram.web.id/?p=466</guid> <description><![CDATA[Salam hangat kawan, Pertama tentunya saya mengucapkan selamat menunaikan ibadah puasa bagi seluruh umat muslim dimanapun berada, selain itu pastinya selamat juga untuk kita semua atas peringatan hari kemerdekaan Indonesia yang ke 65. Negeri kita kaya, kaya, kaya-raya, Saudara-saudara. Berjiwa besarlah, berimagination. Gali ! Bekerja! Gali! Bekerja! Kita adalah satu tanah air yang paling cantik ]]></description> <content:encoded><![CDATA[<p>Salam hangat kawan,</p><p>Pertama tentunya saya mengucapkan selamat menunaikan ibadah puasa bagi seluruh umat muslim dimanapun berada, selain itu pastinya selamat juga untuk kita semua atas peringatan hari kemerdekaan Indonesia yang ke 65.</p><blockquote><p><strong>Negeri kita kaya, kaya, kaya-raya, Saudara-saudara.<br
/> Berjiwa besarlah, berimagination. Gali ! Bekerja! Gali! Bekerja! Kita adalah satu tanah air yang paling cantik di dunia.</strong><br
/> <em>Kutipan Pidato Bung Karno di Semarang, 29 Juli 1956</em></p></blockquote><hr
/><p>Saya ambil istilah hack sederhana, karena untuk kali ini tidak diperlukan keahlian coding/pemrograman untuk melakukannya, namun apabila anda memiliki sedikit kemampuan coding hal itu akan membantu untuk mempercepat proses yang akan dilakukan.</p><p>Sebelumnya saya akan ceritakan sedikit kisah dibalik artikel ini, yaitu berhubungan dengan kegiatan yang sedang saya lakukan, yaitu menyelesaikan skripsi. Apa hubungannya skripsi dengan hack?, kalau melihat dari judul artikel ini tentunya anda sudah bisa menebak bahwa ini berkaitan dengan data indeks obligasi pemerintah yang saya jadikan sebagai salah satu variabel dalam penelitian skripsi.</p><p>Di website resminya Bursa Efek Indonesia, data indeks obligasi pemerintah memang tersedia, namun hanya untuk data hari ini sedangkan untuk data historisnya tidak ada, dikarenakan hal tersebut kemudian saya mencoba langsung datang ke Jakarta untuk mendatangi gedung Bursa Efek, karena menurut info yang saya dapat dari seorang rekan data tersebut bisa didapatkan di perpustakaan Bursa Efek, yang belakangan saya ketahui istilah yang digunakan disana adalah Pusat Referensi Pasar Modal (PRPM) bukan perpustakaan, lokasinya sendiri berada di tower 2 gedung Bursa Efek.</p><p>Sesampainya di lokasi saya mengatakan kepada petugas disana bahwa saya memerlukan data indeks obligasi pemerintah untuk keperluan skripsi, namun sungguh diluar dugaan karena dijawab bahwa disana tidak mempunyai data tersebut (saya bilang diluar dugaan karena data tersebut yang mengeluarkan adalah BEI, sungguh mengherankan apabila institusi yang mengeluarkannya tidak mempunyai data tersebut).</p><p>Akhirnya saya meminta solusi kepada petugas tersebut, dan kemudian oleh dia saya diberi nomor telepon orang yang bertanggung jawab terhadap data obligasi, karena katanya orang tersebut mungkin (masih mungkin loh..) punya data yang saya butuhkan, namun ketika saya lihat nomor tersebut adalah nomor kantor sehingga menjadi tidak berguna saat itu, karena yang bersangkutan sedang sakit, sedangkan besok saya sudah harus pulang kembali ke bandung.</p><p>Beberapa hari kemudian sambil berpikir apakah ganti judul saja daripada datanya tidak ada atau mengakalinya, saya coba lagi buka-buka website BEI di http://www.idx.co.id kemudian masuk ke halaman data indeks obligasi untuk hari tersebut, sambil sedikit menggerutu karena tidak ada fitur untuk mengakses data historis, saya iseng drag seluruh konten pakai mouse, ternyata ada link untuk mengekspor data indeks obligasi hari ini tersebut ke file csv, entah sengaja atau tidak namun sepertinya merupakan kesalahan kecil dari developernya, link tersebut berwarna hampir sama dengan warna backgroundnya jadi tidak terlihat</p><p><a
href="http://ikram.web.id/webmaster/hacking/hack-sederhana-data-historis-indeks-obligasi-pemerintah-bursa-efek-indonesia/attachment/link/" rel="attachment wp-att-471"><img
src="http://ikram.web.id/wp-content/uploads/2010/08/link-500x240.jpg" alt="indeks obligasi pemerintah" title="indeks obligasi pemerintah" width="500" height="240" class="alignnone size-medium wp-image-471" /></a></p><p>Ketika melihat alamat link, dan nama file yang akan didownload:</p><p>http://202.155.2.84/market/BondIndex-20100816.csv</p><p>Saya segera menemukan satu peluang, karena nama file tersebut berformat penulisan BondIndex-<strong>yyyymmdd</strong>.csv sehingga mungkin apabila <strong>yyyymmdd</strong> tersebut saya ganti dengan tanggal yang saya ingin mungkin saya akan mendapatkan data untuk tanggal itu, dan kemudian setelah saya coba ternyata memang benar dengan cara tersebut bisa mendapatkan datanya, namun kemudian muncul lg masalah karena data yang saya butuhkan adalah dari 2006 sampai 2009 sedangkan data tersebut adalah perhari, akan sangat capek untuk mengganti link url sebanyak ratusan kali.</p><p>Solusinya saya mencari sebuah aplikasi yang bisa mendownload banyak file sekaligus (download manager) dan yang saya pakai adalah freedownloadmanager (http://www.freedownloadmanager.org) kemudian membuat sebuah file (saya menggunakan notepad) yang akan berisi seluruh link dari http://202.155.2.84/market/BondIndex-20060101.csv sampai http://202.155.2.84/market/BondIndex-20091231.csv .</p><p>Untuk memudahkan membuat seluruh link tersebut anda bisa dengan cara berikut, yaitu membuat list untuk satu bulan kemudian copy paste kan cukup mengganti bulan kemudian tahunnya</p><p>Seperti yang saya sebutkan diawal, apabila anda mempunyai sedikit keahlian coding akan sangat terbantu pada tahap ini, yaitu dengan cukup membuat sebuah script sederhana dengan looping untuk menggenerate seluruh link tersebut.</p><p>Apabila sudah sudah selesai membuat seluruh link, copy (ctrl+c) seluruhnya dan masuk ke freedownloadmanager, pilih File &#8211; Import &#8211; Import all URLs from clipboard.</p><p><a
href="http://ikram.web.id/webmaster/hacking/hack-sederhana-data-historis-indeks-obligasi-pemerintah-bursa-efek-indonesia/attachment/freedownloadmanager/" rel="attachment wp-att-498"><img
src="http://ikram.web.id/wp-content/uploads/2010/08/freedownloadmanager.jpg" alt="freedownloadmanager" title="freedownloadmanager" width="458" height="156" class="alignnone size-full wp-image-498" /></a></p><p>Kemudian software tersebut akan langsung mendownload seluruh link tersebut, tanggal yang ada datanya akan terdownload, dan tanggal yang tidak ada datanya akan terlewat. Setelah selesai anda tinggal membuka file-file tersebut di excel dan mengolahnya sesuai keperluan anda.</p><p>Best Regards &#8211; <strong>Ikram</strong></p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/hacking/hack-sederhana-data-historis-indeks-obligasi-pemerintah-bursa-efek-indonesia/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>How To Hack FE.UNPAD.AC.ID Student Web Kiosk</title><link>http://ikram.web.id/webmaster/hacking/how-to-hack-fe-unpad-ac-id-student-web-kiosk/</link> <comments>http://ikram.web.id/webmaster/hacking/how-to-hack-fe-unpad-ac-id-student-web-kiosk/#comments</comments> <pubDate>Fri, 19 Feb 2010 02:58:42 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[Hacking]]></category> <category><![CDATA[FE Unpad]]></category> <category><![CDATA[Unpad]]></category> <category><![CDATA[Web Kiosk]]></category><guid
isPermaLink="false">http://ikram.web.id/?p=303</guid> <description><![CDATA[Tulisan yang sudah saya buat sejak tanggal 2 Februari lalu, namun sengaja saya simpan dulu sebagai draft sambil menunggu waktu pengisian KRS dan perwalian di FE Unpad selesai untuk menghindari penyalahgunaan (nanti bagian akademik bisa pusing ngatur urusan administrasi mahasiswa). Semua pasti sudah mengetahui bahwa apabila akan dimulai semester baru perkuliahan maka akan diawali dengan ]]></description> <content:encoded><![CDATA[<p>Tulisan yang sudah saya buat sejak tanggal 2 Februari lalu, namun sengaja saya simpan dulu sebagai draft sambil menunggu waktu pengisian KRS dan perwalian di FE Unpad selesai untuk menghindari penyalahgunaan (nanti bagian akademik bisa pusing ngatur urusan administrasi mahasiswa).</p><p>Semua pasti sudah mengetahui bahwa apabila akan dimulai semester baru perkuliahan maka akan diawali dengan perwalian dan pengisian KRS untuk memilih mata kuliah yang akan diambil untuk semester yang akan berjalan.</p><p>Dalam pemilihan mata kuliah tersebut akan dibatasi baik jumlah mata kuliah yang akan diambil maupun jenis mata kuliah yang boleh dipilih, berdasarkan prasyarat tertentu.</p><p>Pertanyaannya, bisa kah mengambil dan memilih mata kuliah sesuka yang kita ingin tanpa terikat prasyarat?</p><p>Apabila pengisian KRS dilakukan secara konvensional (manual melalui administrasi) tentu jawabannya tidak mungkin. Kecuali karyawan administrasinya bisa di sogok, hehe.</p><p>Btw kalau pengisian KRS itu dilakukan secara online, hal tersebut sangat mungkin terjadi. Simak kisah berikut ini.</p><h3>Bagian 1</h3><p>Saya login ke halaman web kiosk unpad</p><p><a
rel="nofollow" href="http://akademikonline.fe.unpad.ac.id/s1pagi">http://akademikonline.fe.unpad.ac.id/s1pagi</a></p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/02/hack_start.jpg"><img
style="margin-top: 25px; margin-bottom: 25px;" title="hack_start" src="http://ikram.web.id/wp-content/uploads/2010/02/hack_start.jpg" alt="" width="521" height="262" /></a></p><h3>Bagian 2</h3><p>Setelah login dan mau mengisi KRS ternyata maksimal sks yang bisa saya ambil hanya 18 karena IPK saya masih yang lama dan 2 mata kuliah yang mau saya ambil tidak bisa dipilih karena mata kuliah prasyarat nilainya belum keluar (hehehe, positive thinkingnya sih kayanya semua nilai sebenarnya sudah ada namun mungkin belum diinput ke sistem). Saya sendiri berniat untuk mengambil 21 sks langsung tanpa harus lagi melakukan PKRS (perubahan kartu rencana studi) dan kebingungan mencari-cari ruangan kelas, dan apabila nilai-nilai semester kemarin sudah masuk (dipublikasikan) semua seharusnya tidak ada masalah (dan tutorial ini tidak akan ada tentunya).</p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/02/hack_awal_2.jpg"><img
title="hack_awal_2" src="http://ikram.web.id/wp-content/uploads/2010/02/hack_awal_2.jpg" alt="" width="521" height="87" /></a></p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/02/hack_awal1.jpg"><img
style="margin-top: 25px; margin-bottom: 25px;" title="hack_awal1" src="http://ikram.web.id/wp-content/uploads/2010/02/hack_awal1.jpg" alt="" width="521" height="234" /></a></p><h3>Bagian 3</h3><p>Sambil iseng-iseng, saya mencoba buka source code dari halaman web ini, dan ternyata oh ternyata,  sepertinya ada yang bisa di otak-atik ni.</p><p>saya copy beberapa bagian dari scriptnya (yaitu antara &lt;form&gt; sampai &lt;/form&gt;) untuk kemudian dibuat file baru yang akan saya jalankan di localhost alias web server di komputer lokal</p><p>3.1 Pada file baru yang saya buat bagian pertama yang saya ubah yaitu target dari form nya, yang semula: main.php?id_main=41&amp;idpgab=$idpgab saya ubah menjadi absolute link yang mengarah ke server fe.unpad.ac.id (hal ini karena form yang saya buat sendiri akan berjalan dari localhost) targetnya akan menjadi:http://akademikonline.fe.unpad.ac.id/s1pagi/main.php?id_main=41&amp;idpgab=$idpgab</p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/02/hack_script_form2.jpg"><img
style="margin-top: 25px; margin-bottom: 25px;" title="hack_script_form2" src="http://ikram.web.id/wp-content/uploads/2010/02/hack_script_form2.jpg" alt="" width="521" height="82" /></a></p><p>3.2 Kemudian (ini yang pentingnya untuk mengubah mata kuliah yang tadinya tidak bisa dipilih menjadi bisa dipilih) ubah variabel dari input mata kuliah tertentu yang mau dipilih</p><p>misal</p><p>awalnya: &lt;input disable=&#8221;disable&#8221; type=&#8221;checkbox&#8221; name=&#8221;yes&#8221; value=&#8221;setuju&#8221; /&gt;</p><p>menjadi: &lt;input type=&#8221;checkbox&#8221; name=&#8221;checkbox[]&#8221; value=&#8221;213GP09B1B42900Metodologi Penelitian&#8221; /&gt;</p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/02/hack_script_input2.jpg"><img
style="margin-top: 25px; margin-bottom: 25px;" title="hack_script_input2" src="http://ikram.web.id/wp-content/uploads/2010/02/hack_script_input2.jpg" alt="" width="521" height="87" /></a></p><p>Hilangkan disable=&#8221;disable&#8221; dan ubah nilai name menjadi checkbox[] untuk mengaktifkan arraynya , kemudian masukan nilai valuenya.</p><p>Pertanyaannya: darimana nilai value untuk tiap input mata kuliah tersebut (misal: value=&#8221;213GP09B1B42900Metodologi Penelitian&#8221;), jawabannya sederhana, meskipun angka tersebut terlihat acak namun bila diteliti dan dibandingkan dengan nilai input lain yang tidak di disable saya mendapatkan kesimpulan: 2 angka pertama (21) adalah maksimum sks yang bisa diambil (tadinya nilai awal yang saya miliki di script aslinya adalah 18) angka ke 3 (3) merupakan bobot sks dari mata kuliah tersebut, untuk GP09 saya kurang tahu namun sepertinya tahun ajaran 09 (ini tidak terlalu penting karena nilainya sama untuk semua input) kemudian diikuti dengan kode dari mata kuliah tersebut (misal: B1B42900) dan diikuti nama mata kuliah (misal: Metodologi Penelitian)</p><p>nah mudah kan.</p><p>setelah itu saya buka form yang saya buat sendiri tersebut melalui localhost, dan hasilnya, huhuyyy karena formnya buat sendiri ya jelas semua mata kuliah bisa dipilih</p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/02/hack_form_sendiri.jpg"><img
style="margin-top: 25px; margin-bottom: 25px;" title="hack_form_sendiri" src="http://ikram.web.id/wp-content/uploads/2010/02/hack_form_sendiri.jpg" alt="" width="521" height="125" /></a></p><h3>Bagian 4</h3><p>Setelah saya submit kemudian didapatkan halaman konfirmasi di student kiosk nya untuk menanyakan apakah yakin dengan mata kuliah yang dipilih (sebelumnya tanpa melalui form buatan sendiri akan ditolak ketika mengambil 21 sks).</p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/02/hack_proses.jpg"><img
style="margin-top: 25px; margin-bottom: 25px;" title="hack_proses" src="http://ikram.web.id/wp-content/uploads/2010/02/hack_proses.jpg" alt="" width="521" height="441" /></a></p><h3>Bagian 5</h3><p>Dan akhirnya tentu saja saya melakukan konfirmasi, kemudian student kiosk mengatakan selamat belajar, anda telah melakukan pengisian KRS, hehehehehe</p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/02/hack_akhir.jpg"><img
style="margin-top: 25px; margin-bottom: 25px;" title="hack_akhir" src="http://ikram.web.id/wp-content/uploads/2010/02/hack_akhir.jpg" alt="" width="521" height="324" /></a></p><blockquote><p>note untuk admin fe.unpad.ac.id:</p><p>Sekedar saran seharusnya proses verifikasi mata kuliah prasyarat bukan hanya dengan cara disable pada formnya, namun ketika mahasiswa melakukan submit juga harus dilakukan pengecekan ulang dari sisi server yang melihat ke database apakah mata kuliah prasyarat sudah terpenuhi dan apakah jumlah sks tidak melebihi kuota yang bisa diambil. Selain itu kalau mau lebih simpel bisa juga dengan mengecek url refferal dari form yang di submit, jd apabila input berasal dari luar (tidak dari situs unpad) sistem akan menolaknya .</p></blockquote><p>nantikan seri how to hack selanjutnya: How To Implement Social Hacking</p><p>Best Regards.</p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/hacking/how-to-hack-fe-unpad-ac-id-student-web-kiosk/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Bagaimana Memasang Favicon di Website Sendiri</title><link>http://ikram.web.id/webmaster/html/bagaimana-memasang-favicon-di-website-sendiri/</link> <comments>http://ikram.web.id/webmaster/html/bagaimana-memasang-favicon-di-website-sendiri/#comments</comments> <pubDate>Fri, 22 Jan 2010 10:07:52 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[HTML]]></category> <category><![CDATA[Favicon]]></category> <category><![CDATA[XHTML]]></category><guid
isPermaLink="false">http://ikram.web.id/?p=271</guid> <description><![CDATA[Favicon adalah icon kecil yang muncul di Browser URL tab, contohnya seperti gambar diatas. Sekarang bagaimana cara memasang favicon tersebut di website anda sendiri. Langkah Pertama (1) Persiapkan dulu gambar yang akan digunakan untuk menjadi favicon tersebut, format gambar biasanya adalah .ico namun bisa juga menggunakan .png, .gif, .jpeg (menggunakan selain .ico mungkin tidak berfungsi ]]></description> <content:encoded><![CDATA[<p><a
href="http://ikram.web.id/wp-content/uploads/2010/01/favicon.png"><img
class="alignnone size-full wp-image-284" title="favicon" src="http://ikram.web.id/wp-content/uploads/2010/01/favicon.png" alt="" width="521" height="60" /></a></p><p>Favicon adalah icon kecil yang muncul di Browser URL tab, contohnya seperti gambar diatas.</p><p>Sekarang bagaimana cara memasang favicon tersebut di website anda sendiri.</p><p><strong>Langkah Pertama (1)</strong></p><p>Persiapkan dulu gambar yang akan digunakan untuk menjadi favicon tersebut, format gambar biasanya adalah .ico namun bisa juga menggunakan .png, .gif, .jpeg (menggunakan selain .ico mungkin tidak berfungsi di beberapa browser)</p><p>Ukuran gambar yang disiapkan adalah 16 x 16 pixel</p><p>Anda yang menggunakan windows biasanya memakai <strong> photoshop</strong> untuk mengolah gambar, dan mungkin akan bertanya-tanya karena tidak bisa save file dengan ekstensi .ico, namun tidak perlu khawatir, solusinya download plugin berikut <a
href="http://www.telegraphics.com.au/sw/">.ico photoshop</a></p><p>Setelah download dan install, maka pada photoshop jika save as image akan ada pilihan untuk save dalam format .ico</p><p>Jika menggunakan Linux, biasanya memakai <strong>GIMP</strong> bisa langsung save as dengan ekstensi .ico</p><p>Masih kesulitan juga untuk mempersiapkan file favicon.ico, tenang masih ada jalan lain yaitu menggunakan favicon generator, gampangnya menggunakan yang online sehingga anda tinggal upload, dan kemudian tinggal download file .ico yang dihasilkan</p><p>beberapa favicon generator</p><p><a
href="http://www.favicongenerator.com/">http://www.favicongenerator.com/</a></p><p><a
href="http://tools.dynamicdrive.com/favicon/">http://tools.dynamicdrive.com/favicon/</a></p><p><a
href="http://www.favicon.cc/">http://www.favicon.cc/</a></p><p><strong>Langkah Kedua (2)</strong></p><p>Gambar sudah siap. Upload file favicon.ico tersebut ke folder website anda</p><p><strong>Langkah Ketiga (2)</strong></p><p>Sekarang tinggal memasukkan sedikit script kedalam file index.html (homepage) anda</p><p>copy script berikut, pilih salah satu sesuai tipe image yang digunakan (pastikan ubah <strong>href</strong> untuk menunjukkan dimana gambar berada pada folder website anda)</p><div
class="dean_ch" style="white-space: wrap;"><ol><li
class="li1"><div
class="de1">&lt;link rel=&quot;icon&quot; type=&quot;image/vnd.microsoft.icon&quot; href=&quot;http://yourweb.com/image.ico&quot; /&gt;</div></li><li
class="li1"><div
class="de1">&lt;link rel=&quot;icon&quot; type=&quot;image/jpeg&quot; href=&quot;http://yourweb.com/image.jpeg&quot; /&gt;</div></li><li
class="li1"><div
class="de1">&lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;http://yourweb/image.png&quot; /&gt;</div></li><li
class="li1"><div
class="de1">&lt;link rel=&quot;icon&quot; type=&quot;image/gif&quot; href=&quot;http://yourweb.com/image.gif&quot; /&gt;</div></li></ol></div><p><strong>Langkah Keempat (4)</strong></p><p>Buka file index.html anda (atau file lain yang digunakan sebagai home). cari baris <strong>&lt;head&gt;</strong> dan <strong>&lt;/head&gt;</strong> paste kan script yang di copy tadi di antara keduanya</p><p>contoh</p><div
class="dean_ch" style="white-space: wrap;"><ol><li
class="li1"><div
class="de1">&lt;head&gt;</div></li><li
class="li1"><div
class="de1">&lt;title&gt;ikram.web.id&lt;/title&gt;</div></li><li
class="li1"><div
class="de1">&lt;link rel=&quot;icon&quot; type=&quot;image/vnd.microsoft.icon&quot; href=&quot;http://yourweb.com/image.ico&quot; /&gt;</div></li><li
class="li1"><div
class="de1">&lt;/head&gt;</div></li></ol></div><p>Selesai, sekarang website anda sudah memiliki favicon sendiri</p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/html/bagaimana-memasang-favicon-di-website-sendiri/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>PHP – OOP : Panduan Praktis Penerapan Pemrograman Berorientasi Objek Pada PHP</title><link>http://ikram.web.id/webmaster/php/php-%e2%80%93-oop-panduan-praktis-penerapan-pemrograman-berorientasi-objek-pada-php/</link> <comments>http://ikram.web.id/webmaster/php/php-%e2%80%93-oop-panduan-praktis-penerapan-pemrograman-berorientasi-objek-pada-php/#comments</comments> <pubDate>Mon, 18 Jan 2010 23:24:14 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[PHP]]></category> <category><![CDATA[PHP Advanced]]></category><guid
isPermaLink="false">http://ikram.web.id/?p=192</guid> <description><![CDATA[Tutorial kali ini akan membahas bagaimana penerapan pemrograman berorientasi objek pada PHP, tentunya banyak web developer pemula yang masih mencari-cari, bagaimana sih cara yang mudah untuk mempelajarinya? Seperti apa sih OOP? Dengan OOP, program yang anda buat bisa terdiri dari komponen/bagian siap pakai yang disebut sebagai objek. Pentingnya berkenalan dengan istilah-istilah pada OOP ya, tentunya ]]></description> <content:encoded><![CDATA[<p>Tutorial kali ini akan membahas bagaimana penerapan pemrograman berorientasi objek pada PHP, tentunya banyak web developer pemula yang masih mencari-cari, bagaimana sih cara yang mudah untuk mempelajarinya?</p><p><span
style="font-size: medium;">Seperti apa sih OOP?</span></p><p>Dengan OOP, program yang anda buat bisa terdiri dari komponen/bagian siap pakai yang disebut sebagai objek.</p><p><span
style="font-size: medium;"><em>Pentingnya berkenalan dengan istilah-istilah pada OOP</em></span></p><p>ya, tentunya akan lebih mudah untuk mempelajari OOP apabila kita mempelajari dan memahami istilah yang ada.</p><p><em>Class dan Objek</em></p><p>Class adalah model abstrak (blueprint) dari objek. Lalu bagaimana cara merealisasikan objek? yaitu dengan instance, instance berbentuk konkrit.</p><p><em>Encapsulation</em></p><p>Penyembunyian informasi, yaitu menyembunyikan property dan method dari sebuah objek.</p><p><em>Inheritance</em></p><p>Inheritance adalah pewarisan, contoh mudahnya, misal Class Domba bisa mempunyai subClass DombaJantan dan subClass DombaBetina.</p><p>Dari Class utama ada sifat yang diwariskan kepada subClass, misal dari contoh diatas: Domba memakan rumput, maka DombaJantan juga memakan rumput.</p><p><em>Polymorphism</em></p><p>Perilaku yang berbeda untuk sebuah Operasi yang sama, misal DombaJantan akan menyerang bila dilempar batu, sedang DombaBetina akan lari jika dilempar batu.</p><p>Setelah berkenalan dengan beberapa istilah yang ada dalam OOP, untuk lebih mempercepat memahami penggunaannya seperti apa, kita akan coba membuat sebuah Class sederhana yang akan menghitung pemasukan dan pengeluaran dan memberikan pendapat bagaimana kondisi keuangan anda.</p><p>Selain menunjukkan bagaimana pembuatan Class dalam PHP akan diberitahukan juga beberapa hal yang krusial untuk diketahui, hal-hal ini akan tertulis pada baris komentar script php yang akan dibuat.</p><p>Pertama buat file class_hitung.php</p><p>ketik kode berikut</p><div
class="dean_ch" style="white-space: wrap;"><ol><li
class="li1"><div
class="de1"><span
class="kw2">&lt;?php</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="coMULTI">/* nama class, harus dimulai dengan huruf besar,</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="coMULTI">bila lebih dari dua kata, tiap kata diawali huruf kapital */</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw2">Class</span> HitungPemasukanPengeluaran</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="br0">&#123;</span></div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="co1">// atribut digunakan dengan mendeklarasikan variabel dengan kata kunci: var</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw2">var</span> <span
class="re0">$penghasilan</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="kw2">var</span> <span
class="re0">$pengeluaran</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw2">var</span> <span
class="re0">$hasil</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="coMULTI">/* operasi / fungsi, contoh penggunaan function: namaFunction()</span></div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="coMULTI">bila nama function lebih dari dua kata,</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="coMULTI">tiap kata selain kata pertama diawali huruf kapital. */</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="co1">// bila nama function sama dengan nama class disebut Constructor</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw2">function</span> &nbsp;HitungPemasukanPengeluaran<span
class="br0">&#40;</span><span
class="re0">$nama</span>,<span
class="re0">$penghasilan</span>,<span
class="re0">$pengeluaran</span><span
class="br0">&#41;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="br0">&#123;</span></div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1"><a
href="http://www.php.net/echo"><span
class="kw3">echo</span></a> <span
class="re0">$nama</span>.<span
class="st0">&quot; &quot;</span>.<span
class="st0">&quot;, kita lihat ya dari data yang kamu masukkan&lt;br /&gt;&quot;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><a
href="http://www.php.net/echo"><span
class="kw3">echo</span></a> <span
class="st0">&quot;penghasilan kamu per bulan: Rp.&quot;</span>.<a
href="http://www.php.net/number_format"><span
class="kw3">number_format</span></a><span
class="br0">&#40;</span><span
class="re0">$penghasilan</span><span
class="br0">&#41;</span>.<span
class="st0">&quot;&lt;br /&gt;&quot;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><a
href="http://www.php.net/echo"><span
class="kw3">echo</span></a> <span
class="st0">&quot;pengeluaran kamu per hari: Rp.&quot;</span>.<a
href="http://www.php.net/number_format"><span
class="kw3">number_format</span></a><span
class="br0">&#40;</span><span
class="re0">$pengeluaran</span><span
class="br0">&#41;</span>.<span
class="st0">&quot;&lt;br /&gt;&quot;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="br0">&#125;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw2">function</span> cekKondisi<span
class="br0">&#40;</span><span
class="re0">$penghasilan</span>,<span
class="re0">$pengeluaran</span><span
class="br0">&#41;</span></div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="br0">&#123;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="co1">// untuk mengakses atribut (variabel) dalam function, menggunakan: $this-&gt;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="re0">$this</span>-&gt;<span
class="me1">penghasilan</span> = <span
class="re0">$penghasilan</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="re0">$this</span>-&gt;<span
class="me1">pengeluaran</span> = <span
class="re0">$pengeluaran</span>*<span
class="nu0">30</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="re0">$this</span>-&gt;<span
class="me1">hasil</span> = <span
class="re0">$this</span>-&gt;<span
class="me1">penghasilan</span> &#8211; <span
class="re0">$this</span>-&gt;<span
class="me1">pengeluaran</span>;</div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1"><a
href="http://www.php.net/echo"><span
class="kw3">echo</span></a> <span
class="st0">&quot;pengeluaran kamu per bulan (30 hari): Rp.&quot;</span>.<a
href="http://www.php.net/number_format"><span
class="kw3">number_format</span></a><span
class="br0">&#40;</span><span
class="re0">$this</span>-&gt;<span
class="me1">pengeluaran</span><span
class="br0">&#41;</span>.<span
class="st0">&quot;&lt;br /&gt;&quot;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><a
href="http://www.php.net/echo"><span
class="kw3">echo</span></a> <span
class="st0">&quot;penghasilan &#8211; pengeluaran total = Rp.&quot;</span>.<a
href="http://www.php.net/number_format"><span
class="kw3">number_format</span></a><span
class="br0">&#40;</span><span
class="re0">$this</span>-&gt;<span
class="me1">hasil</span><span
class="br0">&#41;</span>.<span
class="st0">&quot;&lt;br /&gt;&quot;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="kw1">if</span> <span
class="br0">&#40;</span><span
class="re0">$this</span>-&gt;<span
class="me1">hasil</span> &gt; <span
class="st0">&quot;0&quot;</span><span
class="br0">&#41;</span> <span
class="br0">&#123;</span> <a
href="http://www.php.net/echo"><span
class="kw3">echo</span></a> <span
class="st0">&quot;kondisi keuangan anda baik&quot;</span>; <span
class="br0">&#125;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw1">if</span> <span
class="br0">&#40;</span><span
class="re0">$this</span>-&gt;<span
class="me1">hasil</span> == <span
class="st0">&quot;0&quot;</span><span
class="br0">&#41;</span> <span
class="br0">&#123;</span> <a
href="http://www.php.net/echo"><span
class="kw3">echo</span></a> <span
class="st0">&quot;kondisi keuangan anda plus plos&quot;</span>; <span
class="br0">&#125;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw1">if</span> <span
class="br0">&#40;</span><span
class="re0">$this</span>-&gt;<span
class="me1">hasil</span> &lt; <span
class="st0">&quot;0&quot;</span><span
class="br0">&#41;</span> <span
class="br0">&#123;</span> <a
href="http://www.php.net/echo"><span
class="kw3">echo</span></a> <span
class="st0">&quot;kondisi keuangan anda buruk&quot;</span>; <span
class="br0">&#125;</span></div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="br0">&#125;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="br0">&#125;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="co1">// untuk membuat objek menggunakan: new . dikenal sebagai membuat instance</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="re0">$huhuy</span> = <span
class="kw2">new</span> HitungPemasukanPengeluaran<span
class="br0">&#40;</span><span
class="re0">$nama</span>,<span
class="re0">$penghasilan</span>,<span
class="re0">$pengeluaran</span><span
class="br0">&#41;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw2">?&gt;</span></div></li></ol></div><p>Bagaimana menggunakan Class tersebut, mari kita buat lagi sebuah file, namakan dengan hitung.php</p><p>ketik kode berikut</p><div
class="dean_ch" style="white-space: wrap;"><ol><li
class="li1"><div
class="de1"><span
class="kw2">&lt;?php</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw1">if</span> <span
class="br0">&#40;</span><a
href="http://www.php.net/isset"><span
class="kw3">Isset</span></a><span
class="br0">&#40;</span><span
class="re0">$_POST</span><span
class="br0">&#91;</span><span
class="st0">&#8216;submit_nama&#8217;</span><span
class="br0">&#93;</span><span
class="br0">&#41;</span><span
class="br0">&#41;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="br0">&#123;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="re0">$nama</span> = <span
class="re0">$_POST</span><span
class="br0">&#91;</span><span
class="st0">&#8216;nama&#8217;</span><span
class="br0">&#93;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="re0">$penghasilan</span> = <span
class="re0">$_POST</span><span
class="br0">&#91;</span><span
class="st0">&#8216;penghasilan&#8217;</span><span
class="br0">&#93;</span>;</div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="re0">$pengeluaran</span> = <span
class="re0">$_POST</span><span
class="br0">&#91;</span><span
class="st0">&#8216;pengeluaran&#8217;</span><span
class="br0">&#93;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="co1">// mengikutsertakan file class_hitung.php</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="kw1">include</span> <span
class="br0">&#40;</span><span
class="st0">&#8216;class_hitung.php&#8217;</span><span
class="br0">&#41;</span>;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="co1">// pemanggilan function (operasi) dari sebuah class</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="re0">$huhuy</span>-&gt;<span
class="me1">cekKondisi</span><span
class="br0">&#40;</span><span
class="re0">$penghasilan</span>,<span
class="re0">$pengeluaran</span><span
class="br0">&#41;</span>;</div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="br0">&#125;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1"><span
class="kw2">?&gt;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2">&lt;html&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;head&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;title&gt;penggunaan huhuy class&lt;/title&gt;</div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;style&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">body <span
class="br0">&#123;</span> width: <span
class="nu0">60</span>%; margin: 45px; <span
class="br0">&#125;</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2"><span
class="co2">#form { background: #eee; padding: 13px; }</span></div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;/style&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;/head&gt;</div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;body&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;hr /&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2">&lt;!&#8211; form cek kondisi keuangan&#8211;&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;div id=<span
class="st0">&quot;form&quot;</span>&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;p&gt;&lt;i&gt;Form Cek Kondisi Keuangan Baik / Buruk&lt;/i&gt;&lt;/p&gt;</div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;form action=<span
class="st0">&quot;&quot;</span> method=<span
class="st0">&quot;POST&quot;</span>&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;label&gt;Masukkan &lt;strong&gt;nama&lt;/strong&gt; anda:&lt;/label&gt;&lt;br /&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2">&lt;input type=<span
class="st0">&quot;text&quot;</span> name=<span
class="st0">&quot;nama&quot;</span> /&gt;&lt;br /&gt;&lt;br /&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;label&gt;&lt;strong&gt;Pemasukan&lt;/strong&gt; anda per bulan <span
class="br0">&#40;</span>Rp<span
class="br0">&#41;</span>:&lt;/label&gt;&lt;br /&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;input type=<span
class="st0">&quot;text&quot;</span> name=<span
class="st0">&quot;penghasilan&quot;</span> /&gt;&lt;br /&gt;&lt;br /&gt;</div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;label&gt;&lt;strong&gt;Pengeluaran&lt;/strong&gt; anda per hari <span
class="br0">&#40;</span>Rp<span
class="br0">&#41;</span>:&lt;/label&gt;&lt;br /&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;input type=<span
class="st0">&quot;text&quot;</span> name=<span
class="st0">&quot;pengeluaran&quot;</span> /&gt;&lt;br /&gt;&lt;br /&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li2"><div
class="de2">&lt;input type=<span
class="st0">&quot;submit&quot;</span> name=<span
class="st0">&quot;submit_nama&quot;</span> value=<span
class="st0">&quot;submit&quot;</span> /&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;/form&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;/div&gt;</div></li><li
class="li2"><div
class="de2">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;/body&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li><li
class="li1"><div
class="de1">&lt;/html&gt;</div></li><li
class="li1"><div
class="de1">&nbsp;</div></li></ol></div><p>Berikut adalah tampilan setelah penggunaan class tersebut</p><p><a
href="http://ikram.web.id/wp-content/uploads/2010/01/penggunaan-huhuy-class_form_hasil.png"><img
class="alignnone size-medium wp-image-200" title="penggunaan huhuy class_form_hasil" src="http://ikram.web.id/wp-content/uploads/2010/01/penggunaan-huhuy-class_form_hasil-300x175.png" alt="" width="300" height="175" /></a></p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/php/php-%e2%80%93-oop-panduan-praktis-penerapan-pemrograman-berorientasi-objek-pada-php/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Membuat Tabel dan Seting Atribut</title><link>http://ikram.web.id/webmaster/html/tutorial-html-membuat-tabel-table-dan-setting-attributes/</link> <comments>http://ikram.web.id/webmaster/html/tutorial-html-membuat-tabel-table-dan-setting-attributes/#comments</comments> <pubDate>Fri, 15 Aug 2008 06:24:36 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://websick.wordpress.com/?p=78</guid> <description><![CDATA[Tables &#60;table&#62;&#60;/table&#62; membuat table &#60;tr&#62;&#60;/tr&#62; set row pada tiap table &#60;td&#62;&#60;/td&#62; set cell pada tiap row &#60;th&#62;&#60;/th&#62; set table header contoh: &#60;table width=&#8221;200&#8243; border=&#8221;1&#8243;&#62; &#60;tr&#62; &#60;th&#62;header&#60;/th&#62; &#60;/tr&#62; &#60;tr&#62; &#60;td&#62;isi&#60;/td&#62; &#60;/tr&#62; &#60;/table&#62; akan menghasilkan: header isi Table Attributes &#60;table border=&#8221;0&#8243;&#62; set ukuran border &#60;table cellspacing=&#8221;1&#8243;&#62; set ukuran spasi antar table cell &#60;table cellpadding=&#8221;1&#8243;&#62; set spasi antara ]]></description> <content:encoded><![CDATA[<h4>Tables</h4><p>&lt;table&gt;&lt;/table&gt; membuat table</p><p>&lt;tr&gt;&lt;/tr&gt; set row pada tiap table</p><p>&lt;td&gt;&lt;/td&gt; set cell pada tiap row</p><p>&lt;th&gt;&lt;/th&gt; set table header</p><p><strong><span
style="text-decoration: underline;">contoh:</span></strong></p><blockquote><p>&lt;table width=&#8221;200&#8243; border=&#8221;1&#8243;&gt;</p><p>&lt;tr&gt;</p><p>&lt;th&gt;header&lt;/th&gt;</p><p>&lt;/tr&gt;</p><p>&lt;tr&gt;</p><p>&lt;td&gt;isi&lt;/td&gt;</p><p>&lt;/tr&gt;</p><p>&lt;/table&gt;</p></blockquote><h4>akan menghasilkan:</h4><table
border="1" width="200"><tbody><tr><th>header</th></tr><tr><td>isi</td></tr></tbody></table><h4>Table Attributes</h4><p>&lt;table border=&#8221;0&#8243;&gt; set ukuran border</p><p>&lt;table cellspacing=&#8221;1&#8243;&gt; set ukuran spasi antar table cell</p><p>&lt;table cellpadding=&#8221;1&#8243;&gt; set spasi antara cell&#8217;s border dengan konten</p><p>&lt;table width=&#8221;750&#8243;&gt; set panjang table, (pixel / percentage)</p><p>&lt;tr align=&#8221;left&#8221;&gt; / &lt;td align=&#8221;left&#8221;&gt;  (left, center, or right)</p><p>&lt;tr valign=&#8221;top&#8221;&gt; / &lt;td valign=&#8221;top&#8221;&gt; (top, middle, or bottom)</p><p>&lt;td colspan=&#8221;1&#8243;&gt;  (default=1)</p><p>&lt;td rowspan=&#8221;2&#8243;&gt;  (default=1)</p><p>&lt;td nowrap&gt;</p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/html/tutorial-html-membuat-tabel-table-dan-setting-attributes/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Mengenal Text Tag Pada HTML</title><link>http://ikram.web.id/webmaster/html/tutorial-html-text-tag/</link> <comments>http://ikram.web.id/webmaster/html/tutorial-html-text-tag/#comments</comments> <pubDate>Fri, 15 Aug 2008 06:05:25 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://websick.wordpress.com/?p=73</guid> <description><![CDATA[&#60;pre&#62;&#60;/pre&#62; membuat preformatted text . contoh: huhuy &#60;h1&#62;&#60;/h1&#62; membuat headline ukuran terbesar &#60;h6&#62;&#60;/h6&#62; membuat headline terkecil . contoh: huhuy &#60;b&#62;&#60;/b&#62; membuat text bold . contoh: huhuy &#60;i&#62;&#60;/i&#62; membuat text italic . contoh: huhuy &#60;tt&#62;&#60;/tt&#62; membuat teletype . contoh: huhuy &#60;cite&#62;&#60;/cite&#62; membuat citation, mirip italic . contoh: huhuy &#60;em&#62;&#60;/em&#62; Emphasizes sebuah kata dengan italic atau bold ]]></description> <content:encoded><![CDATA[<p><strong>&lt;pre&gt;&lt;/pre&gt; membuat preformatted text .</strong></p><p>contoh:</p><pre>huhuy</pre><p><strong>&lt;h1&gt;&lt;/h1&gt; membuat headline ukuran terbesar<br
/> &lt;h6&gt;&lt;/h6&gt; membuat headline terkecil .</strong></p><p>contoh:</p><h6>huhuy</h6><p><strong>&lt;b&gt;&lt;/b&gt; membuat text bold .</strong></p><p>contoh: <strong>huhuy</strong></p><p><strong>&lt;i&gt;&lt;/i&gt; membuat text italic .</strong></p><p>contoh: <em>huhuy</em></p><p><strong>&lt;tt&gt;&lt;/tt&gt; membuat teletype .</strong></p><p>contoh: <tt>huhuy</tt></p><p><strong>&lt;cite&gt;&lt;/cite&gt; membuat citation, mirip italic .</strong></p><p>contoh:<cite>huhuy</cite></p><p><strong>&lt;em&gt;&lt;/em&gt; Emphasizes sebuah kata dengan italic atau bold .</strong></p><p>contoh: <em>huhuy</em></p><p><strong>&lt;strong&gt;&lt;/strong&gt; Emphasizes sebuah kata dengan italic atau bold .</strong></p><p>contoh: <strong>huhuy</strong></p><p><strong>&lt;font size=&#8221;5&#8243;&gt;&lt;/font&gt; mengatur besar huruf, dari 1 &#8211; 7 .</strong></p><p>contoh: <span
style="font-size: large;">huhuy</span></p><p><strong>&lt;font color=&#8221;yellow&#8221;&gt;&lt;/font&gt; set warna font .</strong></p><p>contoh: <span
style="color: yellow;">huhuy</span></p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/html/tutorial-html-text-tag/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Tutorial HTML Mengenai Body attributes</title><link>http://ikram.web.id/webmaster/html/tutorial-html-body-attributes/</link> <comments>http://ikram.web.id/webmaster/html/tutorial-html-body-attributes/#comments</comments> <pubDate>Fri, 15 Aug 2008 05:52:14 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://websick.wordpress.com/?p=64</guid> <description><![CDATA[&#60;body bgcolor=&#8221;#cccccc&#8221;&#62; untuk set warna background &#60;body text=&#8221;black&#8221;&#62; untuk set warna text &#60;body link=&#8221;white&#8221;&#62; untuk set warna link &#60;body vlink=&#8221;#fccdda&#8221;&#62; untuk set warna  followed link &#60;body alink=&#8221;#000000&#8243;&#62; untuk set warna link yang ditekan &#60;body ondragstart=&#8221;return false&#8221; onselectstart=&#8221;return false&#8221;&#62; agar text tidak bisa di select dan drag. bisa untuk menghindari copy paste]]></description> <content:encoded><![CDATA[<p>&lt;body bgcolor=&#8221;#cccccc&#8221;&gt; untuk set warna background</p><p>&lt;body text=&#8221;black&#8221;&gt; untuk set warna text</p><p>&lt;body link=&#8221;white&#8221;&gt; untuk set warna link</p><p>&lt;body vlink=&#8221;#fccdda&#8221;&gt; untuk set warna  followed link</p><p>&lt;body alink=&#8221;#000000&#8243;&gt; untuk set warna link yang ditekan</p><p>&lt;body ondragstart=&#8221;return false&#8221; onselectstart=&#8221;return false&#8221;&gt; agar text tidak bisa di select dan drag. bisa untuk menghindari copy paste</p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/html/tutorial-html-body-attributes/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Berkenalan Dengan Comment Tag HTML</title><link>http://ikram.web.id/webmaster/html/tutorial-html-comment-tag/</link> <comments>http://ikram.web.id/webmaster/html/tutorial-html-comment-tag/#comments</comments> <pubDate>Wed, 13 Aug 2008 15:57:46 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://websick.wordpress.com/?p=60</guid> <description><![CDATA[Tag html untuk menuliskan komen, atau bisa juga diartikan &#8220;abaikan baris ini&#8221; diawalai dengan &#60;!&#8211; kemudian komentar dan ditutup dengan &#8211;&#62; contoh &#60;!&#8211; Tanggal dibuat: 14-08-2008 &#8211;&#62; &#60;!&#8211; Dibuat Oleh: huhuy &#8211;&#62; keterangan: tulisan tersebut tidak akan ditampilkan dibrowser namun bisa dilihat pada source code dari script yang kita buat]]></description> <content:encoded><![CDATA[<p
class="exampletext"><span
class="examplecode">Tag html untuk menuliskan komen, atau bisa juga diartikan &#8220;abaikan baris ini&#8221;</span></p><p><span
class="examplecode">diawalai dengan &lt;!&#8211; kemudian komentar dan ditutup dengan &#8211;&gt;</span></p><p><em> </em></p><p><span
style="text-decoration: underline;"><em>contoh</em></span><em> </em></p><blockquote><p><em>&lt;!&#8211;</em> Tanggal dibuat: 14-08-2008 <em>&#8211;&gt;</em></p><p><em>&lt;!&#8211;</em> Dibuat Oleh: huhuy <em>&#8211;&gt;</em></p></blockquote><p>keterangan: tulisan tersebut tidak akan ditampilkan dibrowser namun bisa dilihat pada source code dari script yang kita buat</p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/html/tutorial-html-comment-tag/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Lanjutan pengenalan HTML</title><link>http://ikram.web.id/webmaster/html/tutorial-html-lanjutan-pengenalan-html/</link> <comments>http://ikram.web.id/webmaster/html/tutorial-html-lanjutan-pengenalan-html/#comments</comments> <pubDate>Tue, 12 Aug 2008 21:11:22 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://websick.wordpress.com/?p=55</guid> <description><![CDATA[Lanjutan dari pengenalan HTML Tag HTML lainnya yang akan dibahas yaitu &#60;b&#62;&#60;/b&#62; = untuk membuat text bold &#60;i&#62;&#60;/i&#62; = untuk membuat text italic &#60;p&#62;&#60;/p&#62; = untuk membuat paragraf &#60;br /&#62; = untuk membuat text berikutnya pada line baru (menggunakan slash agar sesuai dengan standar XHTML) tulis code / script berikut &#60;html&#62; &#60;head&#62; &#60;title&#62;Judul Halaman&#60;/title&#62; &#60;/head&#62; ]]></description> <content:encoded><![CDATA[<p>Lanjutan dari <a
href="http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-pengenalan-html/">pengenalan HTML</a></p><p>Tag HTML lainnya yang akan dibahas yaitu</p><p>&lt;b&gt;&lt;/b&gt; = untuk membuat text bold</p><p>&lt;i&gt;&lt;/i&gt; = untuk membuat text italic</p><p>&lt;p&gt;&lt;/p&gt; = untuk membuat paragraf</p><p>&lt;br /&gt; = untuk membuat text berikutnya pada line baru (menggunakan slash agar sesuai dengan standar XHTML)</p><p><span
style="text-decoration: underline;">tulis code / script berikut</span></p><blockquote><p>&lt;html&gt;<br
/> &lt;head&gt;<br
/> &lt;title&gt;Judul Halaman&lt;/title&gt;<br
/> &lt;/head&gt;<br
/> &lt;body&gt;</p><p>&lt;b&gt;huhuy, saya bisa bikin html!!&lt;/b&gt;</p><p>&lt;br /&gt;</p><p>&lt;i&gt;huhuy, saya bisa bikin html!!&lt;/i&gt;</p><p>&lt;br /&gt;</p><p>&lt;p align=&#8221;right&#8221;&gt;huhuy, saya bisa bikin html!!&lt;/p&gt;</p><p>&lt;/body&gt;<br
/> &lt;/html&gt;</p></blockquote><p>maka pada web browser akan tampil seperti berikut ini</p><p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p><p><strong>huhuy, saya bisa bikin html!!</strong></p><p><em>huhuy, saya bisa bikin html!!</em></p><p
style="text-align: right;">huhuy, saya bisa bikin html!!</p><p
style="text-align: left;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p><p
style="text-align: left;"><blockquote><p
style="text-align: left;"><em>ket</em></p><p
style="text-align: left;">pada &lt;p&gt; ada atribut align yang artinya menjelaskan bagaimana paragraf akan ditampilkan (left, right, justify)</p></blockquote> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/html/tutorial-html-lanjutan-pengenalan-html/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Pengenalan HTML</title><link>http://ikram.web.id/webmaster/html/tutorial-html-pengenalan-html/</link> <comments>http://ikram.web.id/webmaster/html/tutorial-html-pengenalan-html/#comments</comments> <pubDate>Tue, 12 Aug 2008 20:49:14 +0000</pubDate> <dc:creator>Raden Ikram</dc:creator> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://websick.wordpress.com/?p=50</guid> <description><![CDATA[HTML (HyperText Markup Language) adalah cara untuk menampilkan text pada browser script html diawali dengan tag &#60;html&#62; dan diakhiri dengan &#60;/html&#62; dimana tanda slash (/) pada tag kedua adalah sebagai penutup contoh script html untuk membuat file html bisa dengan text editor ( notepad pada windows, SimpleText pada mac) atau bisa juga dengan aplikasi web ]]></description> <content:encoded><![CDATA[<p><a
href="http://id.wikipedia.org/wiki/Hypertext_markup_language">HTML</a> (HyperText Markup Language) adalah cara untuk menampilkan text pada browser</p><p>script html diawali dengan tag &lt;html&gt; dan diakhiri dengan &lt;/html&gt;</p><p>dimana tanda slash (/) pada tag kedua adalah sebagai penutup</p><p><span
style="text-decoration: underline;">contoh script html</span></p><p>untuk membuat file html bisa dengan text editor ( notepad pada windows, SimpleText pada mac) atau bisa juga dengan aplikasi web design / web development seperti dreamweaver (windows) ato quanta (linux)</p><p><span
style="text-decoration: underline;">tulis script berikut ini</span></p><blockquote><p>&lt;html&gt;<br
/> &lt;head&gt;<br
/> &lt;title&gt;Judul Halaman&lt;/title&gt;<br
/> &lt;/head&gt;<br
/> &lt;body&gt;<br
/> huhuy, saya bisa bikin html!!<br
/> &lt;/body&gt;<br
/> &lt;/html&gt;</p></blockquote><p>save dengan nama, contoh: test.html</p><p>buka web browser (<a
href="http://www.mozilla.org/">mozzila</a>, <a
href="http://id.wikipedia.org/wiki/Internet_Explorer">ie</a>, dll) dan open file yang di save tadi, maka pada browser anda akan ditampilkan text &#8220;huhuy, saya bisa bikin html!!&#8221; tanpa tanda petik</p><p><strong>ket:</strong></p><p>&lt;html&gt;&lt;/html&gt; = untuk menampilkan script sebagai html</p><p>bagian yang terletak antara &lt;head&gt; dan &lt;/head&gt; tidak ditampilkan pada web browser, dimana yang terletak dibagian itu ditujukan untuk search engine dan web browser.</p><p>&lt;title&gt;&lt;/title&gt; = sangatlah penting dan menunjukan isi dari halaman tersebut</p><p
class="paragraph"><span
class="example">&lt;head&gt;&lt;/head&gt;</span> = Header.<br
/> ini adalah dimana <a
href="http://en.wikipedia.org/wiki/Meta_element">meta tags</a> ditaruh dan disambungkan dengan link lainnya (scripts and CSS)</p><p
class="paragraph"><span
class="example">&lt;body&gt;&lt;/body&gt;</span> = body / isi dari suatu halaman (text, grafik serta elemen lainnya).</p> ]]></content:encoded> <wfw:commentRss>http://ikram.web.id/webmaster/html/tutorial-html-pengenalan-html/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
<!-- This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (user agent is rejected)
Database Caching using disk

Served from: depok.idwebhost.com @ 2012-02-06 15:24:39 -->
