A post for icha…

quantro — Sat, 27 Jun 2009 09:24:17 +0000

Maaf baru bisa post, sekitar 2 hari yang lalu salah seorang adik dari teman kami di plurk telah diculik oleh 2 orang ibu-ibu di sebuah mall di jakarta, untuk lebih jelasnya klik gambar diatas. terima kasih.

Hightlight Source Code with SyntaxHighlighter

quantro — Fri, 12 Jun 2009 13:29:57 +0000

Beberapa programmer yang membuat blog mereka sendiri terkadang ingin berbagi sesuatu tentang programming. Mereka terkadang menuliskan source code programming yang mereka gunakan untuk membuat sebuah tampilan tertentu. Dan biasanya mereka berbagi souce code secara mentah. Alih-alih menuliskan secara indah biar mudah dibaca, beberapa progammer menuliskannya agar mudah di-copy. Tidak salah sih, tetapi kadang agak sulit untuk memisahkan antara source code dengan tulisan sang programmer.

Mereka (beberapa programmer menuliskan seperti ini) :

judul<title></head></p> <p><body><?php echo ‘isinya’; ?></body></p> <p></html></p></blockquote> <p>Tidak seperti ini :</p> <p><pre class="brush: xml;"> <html> <head><title>judul<title></head> <body><?php echo 'isinya'; ?></body> </html> </pre></p> <p>Nha menurut anda (pembaca) bagaimana? Enakan dibaca yang ke-2 kan? Di contoh kedua kita bisa membaca dan membedakan dengan mudah, membaca line number, membaca code-nya, untuk copy juga mudah tinggal klik view plain maka akan tampil code-nya dalam bentuk plain, dan tinggal kita copy. Selain itu tampilan web kita jadi semakin cantik dengan adanya highlighting ini, sehingga bisa jadi semakin banyak pembaca web kita.</p> <p>Jadi bagaimana menerapkannya?? Bagi mereka yang blogging di wordpress tinggal menggunakan</p> <blockquote><p> isi code </p></blockquote> <p>Untuk yang blogging di situs lain misal blogspot (setau saya belum mencantumkan highlighter ini), atau weblog yang dibikin sendiri caranya :</p> <ol> <li>Download SyntaxHighlighter di <a title="syntaxhighlighter" href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download" target="_blank">sini</a> atau <a title="syntaxhightlighter on google" href="http://code.google.com/p/syntaxhighlighter/downloads/list" target="_blank">sini</a>.</li> <li>Extract file hasil download dan upload file-file tersebut ke sebuah hosting, misal http://www.example.com/</li> <li>Udah deh tinggal pakai, caranya include file yang dibutuhin misal : <pre class="brush: xml;"> <script type="text/javascript" src="scripts/shCore.js"></script> <script type="text/javascript" src="scripts/shBrushBash.js"></script> <script type="text/javascript" src="scripts/shBrushCpp.js"></script> <script type="text/javascript" src="scripts/shBrushCSharp.js"></script> <script type="text/javascript" src="scripts/shBrushCss.js"></script> <script type="text/javascript" src="scripts/shBrushDelphi.js"></script> <script type="text/javascript" src="scripts/shBrushDiff.js"></script> <script type="text/javascript" src="scripts/shBrushGroovy.js"></script> <script type="text/javascript" src="scripts/shBrushJava.js"></script> <script type="text/javascript" src="scripts/shBrushJScript.js"></script> <script type="text/javascript" src="scripts/shBrushPhp.js"></script> <script type="text/javascript" src="scripts/shBrushPlain.js"></script> <script type="text/javascript" src="scripts/shBrushPython.js"></script> <script type="text/javascript" src="scripts/shBrushRuby.js"></script> <script type="text/javascript" src="scripts/shBrushScala.js"></script> <script type="text/javascript" src="scripts/shBrushSql.js"></script> <script type="text/javascript" src="scripts/shBrushVb.js"></script> <script type="text/javascript" src="scripts/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="styles/shCore.css"/> <link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/> </pre> <ul> <li>Pada baris pertama merupakan core script yang akan dipakai.</li> <li>Pada baris kedua merupakan script yang akan mengatur untuk penulisan Bash.</li> <li>Pada baris ketiga merupakan script yang akan mengatur untuk penulisan C++.</li> <li>Pada baris selanjutnya merupakan script yang akan mengatur untuk penulisan bahasa-bahasa lain.</li> <li>Pada 2 baris terakhir merupakan core style dan style tiap bahasa.</li> </ul> </li> <li>Setelah itu tuliskan fungsi javascript yang akan membuat efek source code kita jadi ter-highlighting : <pre class="brush: xml;"> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf'; SyntaxHighlighter.all(); </script> </pre> <ul> <li>Dua baris diatas merupakan script konfigurasi yang akan membuat efek source code kita menjadi ter-highlighting.</li> </ul> </li> <li>Terakhir tuliskan syntax source code anda dengan cara dimasukkan ke dalam tag <pre class:”brush [bahasa]“> syntax</pre><br /> misal : <pre class="brush: xml;"> function test() : String { return 10; } </pre></li> </ol> <p>Udah deh selese….</p> <p>Semoga bermanfaat….<br /> Nb:</p> <ul> <li>tag <em>pre</em> bisa diganti dengan tag lain, untuk lebih jelasnya baca di <a title="syntaxhighlighter config" href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration" target="_blank">sini</a>.</li> <li>untuk yang make wordpress.com seperti saya bisa di liat di <a title="code on wp.com" href="http://support.wordpress.com/code/" target="_blank">sini</a> untuk lebih jelasnya.</li> <li>kode yang otomatis terhighlight adalah kode dalam situs www.example.com (dalam contoh ini), kalau di subfolder <em>href</em> dan <em>src</em> harus diganti sesuai lokasi.</li> </ul> <p>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> <p>Regard,</p> <p>Quantro a.k.a Royyan A.</p> <br /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quantro.wordpress.com/104/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/quantro.wordpress.com/104/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/quantro.wordpress.com/104/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/quantro.wordpress.com/104/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/quantro.wordpress.com/104/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/quantro.wordpress.com/104/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/quantro.wordpress.com/104/"></a> </article> <article> <h1>Opera 10.00 Beta First Run</h1> <p>quantro — Sun, 07 Jun 2009 04:09:15 +0000</p> <p>Setelah beberapa waktu aku mencoba opera 10.00 Alpha, ternyata sekarang telah keluar versi betanya. Dalam klaimnya versi Beta memiliki banyak kelebihan dibanding browser lain. Bahkan diklaim lebih cepat dari browser-browser lain (saya telah coba sekitar 2 harian <strong>tanpa turbo mode</strong> dan memang bener). Beberapa fitur yang opera baru ini unggulkan antaranya :</p> <ol> <li><strong>Turbo Mode</strong><br /> Dari awal walaupun tanpa turbo mode emang opera sudah termasuk browser yang cepat terutama buat download-download, ini dikarenakan di dalam engine browsernya terdapat engine downloader terutama downloader torrent. Sedangkan pada versi 10.00 ini mereka menggunakan engine baru + presto rendering engine (milik opera) yang diklaim bisa membuat koneksi beberapa kali lebih cepat inilah yang disebut turbo mode. Untuk mengaktifkannya tinggal munculin status bar (view >> toolbar >> status bar), abis tu klik kanan di pojok kiri status bar muncul menu, pilih configure turbo mode. Nah tinggal kita setting turbo modenya :</p> <ul> <li>Automatic<br /> Berarti bahwa opera akan secara otomatis akan mengaktifkan turbo mode jika koneksi kita melambat.</li> <li>On<br /> Berarti bahwa opera akan mengaktifkan turbo mode baik koneksi kita melambat maupun tidak.</li> <li>Off<br /> Berarti bahwa opera akan menonaktifkan turbo mode.</li> </ul> </li> <li><strong>Elegan Tabbed Browsing</strong><br /> Ya, tampilan tab browsernya keliatan keren. Lebih elegan dibanding versi-versi sebelumnya.</li> <li><strong>Better Speed Dial</strong><br /> Better speed dial? Bener banget, soalnya sekarang kita bisa setting banyaknya square untuk speed dial serta kita juga bisa ubah background speed dial-nya sesuka kita.</li> </ol> <p>Dan masih ada beberapa fitur baru lainnya. Tapi disamping banyaknya kelebihan yang ada, ada satu hal yang bener-bener membuat saya ga begitu suka versi ini. Di laptop saya (ga tau tempat yang lain), saat saya menutup opera dalam keadaan masih terkoneksi dan setelah itu saya buka lagi lain waktu, halaman-halaman yang dulu saya buka seakan-akan minta untuk di save sebagai txt. Padahal kalau browser lain halaman yang lalu akan langsung muncul sebagai halaman normal.</p> <p>Semoga bermanfaat….</p> <p>Nb:</p> <ul> <li>Opera 10.00 Beta adalah 100 % ACID compliance (sangat sesuai standar)</li> <li>Opra 10.oo Beta saya adalah Build 1551, dengan Identification : Opera/9.80 (Windows NT 5.1; U; en) Presto/2.2.15 Version/10.00</li> </ul> <p>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> <p>Regard,</p> <p>Quantro a.k.a Royyan A.</p> <br /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quantro.wordpress.com/100/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/quantro.wordpress.com/100/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/quantro.wordpress.com/100/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/quantro.wordpress.com/100/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/quantro.wordpress.com/100/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/quantro.wordpress.com/100/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/quantro.wordpress.com/100/"></a> </article> <article> <h1>.htaccess URL Rewriting</h1> <p>quantro — Sat, 06 Jun 2009 02:03:19 +0000</p> <p>setelah pada post <a title="Joomla SEF" href="http://quantro.wordpress.com/2009/05/26/search-engine-friendly-url/" target="_blank">sebelumnya</a> saya bercerita sekilas tentang URL rewriting dengan file <em>.htaccess</em>, maka pad post saya kali ini saya akan focus pada contoh file <em>.htaccess</em> yang akan digunakan sebagai URL rewriting.</p> <p>Langsung saja saya akan kemukakan beberapa contoh URL rewriting dengan file <em>.htaccess</em> :</p> <ol> <li>Rewrite <strong>product.php?id=12</strong> <em>ke</em> <strong>product-12.html<span style="font-weight:normal;"><br /> Untuk mengubah ekstensi sebuah file (dalam contoh saya .<em>php</em>) dari address bar dengan ekstensi lain merupakan sesuatu hal yang tidaklah begitu sulit. Begitu pula parameter dari dinamyc URL (<strong>?id=12</strong>) dapat kita sembunyikan dengan mudah, sehingga user yang mengakses web kita tidak menyangka bahwa sesungguhnya kita memakai skrip php. Adapun isi file <em>.htacces</em>s-nya untuk melakukan hal ini adalah :<br /> <pre class="brush: bash;"> RewriteEngine on RewriteRule ^product-([0-9]+)\.html$ product.php?id=$1 </pre><br /> </span></strong></li> <li>Rewrite <strong>product.php?id=12</strong> <em>ke</em> <strong>product/ipod-nano/12.html<span style="font-weight:normal;"><br /> Dalam menulis URL kita sangatlah disarankan untuk mencantumkan keyword ke URL kita, sehingga kemungkinan untuk mendapatkan rangking dalam pencarian lebih tinggi (baca page-rank search engine akan naik). Untuk melakukannya berikut ini contoh isi file <em>.htaccess</em>-nya :<br /> <pre class="brush: bash;"> RewriteEngine on RewriteRule ^product/([a-zA-Z0-9_-]+)/([0-9]+)\.html$ product.php?id=$2 </pre><br /> </span></strong></li> <li><strong><span style="font-weight:normal;">Rewrite </span>site.com/user.php?username=xyz<span style="font-weight:normal;"> </span><em><span style="font-weight:normal;">ke</span></em><span style="font-weight:normal;"> </span>site.com/xyz<span style="font-weight:normal;"><br /> Selain poin 1, ada lagi cara agar user pengunjung web kita tidak mengetahui skrip yang kita pakai. Hal ini juga bisa juga sebagai salah satu langkah pengamanan terhadap data kita. Misal url kita <em>user.php?id=123 </em>dan di sit kita bisa edit user dengan <em>id=123</em>, kalau ada pengguna jahil dan memasukkan angka selain <em>id-</em>nya dia bisa berabe kita (contoh ini hanya buat web yang pembuatnya belum tahu pembatasan akses) . Untuk itu kita perlu rewriter yang akan menghilangkan <em>user.php?id</em> dan dalam hal ini file <em>.htaccess</em> yang digunakan akan berisi :</p> <p><pre class="brush: bash;"> RewriteEngine On RewriteRule ^([a-zA-Z0-9_-]+)$ user.php?username=$1 RewriteRule ^([a-zA-Z0-9_-]+)/$ user.php?username=$1 </pre></p> <p></span></strong></li> </ol> <p>Demikian sekelumit tutorial pengetahuan yang bisa saya bagi, mungkin lain kali akan saya jelaskan mengenai format dan arti penulisan dari file <em>.htaccess</em>.</p> <p>Semoga berguna….</p> <p>Sumber : <a title="google search on .htaccess" href="http://www.google.co.id/search?rlz=1C1GGLS_idID306ID306&sourceid=chrome&ie=UTF-8&q=.htaccess" target="_blank">google</a>.</p> <p>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> <p>Regard,</p> <p>Quantro a.k.a Royyan A.</p> <br /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quantro.wordpress.com/94/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/quantro.wordpress.com/94/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/quantro.wordpress.com/94/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/quantro.wordpress.com/94/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/quantro.wordpress.com/94/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/quantro.wordpress.com/94/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/quantro.wordpress.com/94/"></a> </article> <article> <h1>Irene in My Head</h1> <p>quantro — Fri, 05 Jun 2009 02:06:19 +0000</p> <p>Akhirnya setelah beberapa lama ga nyambangin situsnya ELI, kemarin aku mampir ke sana. Ternyata mereka udah ngeluarin album kedua, yang secara suka rela mereka bagikan kepada kita. ELI atau everybody loves irene merupakan sebuah band indonesia, namun dengan kebanyakan lirik lagu mereka berbahasa inggris. Untuk alirannya sepertinya mereka lebih suka menyebut diri mereka Trip Hop, ini bisa dilihat dari bagian header website mereka yang bertuliskan Trip Hop Band from Indonesia.</p> <p>Mereka telah mengeluarkan dua album yang bisa di download gratis, untuk album pertama mereka ada beberapa lagu yang bagus bahkan masuk OST dari film Gerbang13 – ‘Crop Circle Me’, DTK (Dunia Tanpa Koma) – Memento Mori dan Re-Evolution. Untuk album kedua ini saya cuplik track pertamanya :</p> <p>Title : <strong>No One Here’s Alone </strong></p> <p>We all live and will die so don’t you cry<br /> Nothing you have to hide coz I’m here by your side</p> <p>We all live and will die so don’t you cry<br /> Let’s take a ride till you satisfied don’t just keep it inside your heart</p> <p>We all live and will die so don’t you cry<br /> Nothing you have to hide coz I’m here by your side</p> <p>We all live and will die so don’t you cry<br /> Let’s take a ride till you satisfied don’t just keep it inside your heart</p> <p>They can’t punish us only god we trust<br /> So grab my hand we’ll fight till end</p> <p>We all live and will die so don’t you cry<br /> Don’t just sit and feel the pain and shall our memory will remain</p> <p>Untuk bisa mendapatkannya lagu-lagu mereka, kunjungi :</p> <ul> <li><a title="Everybody loves irene" href="http://everybodylovesirene.com/" target="_blank">official site of ELI</a></li> <li><a title="listen to ELI music" href="http://everybodylovesirene.com/v2/page.php?3" target="_blank">download page of ELI</a></li> </ul> <p>Semoga bermanfaat….</p> <p>Nb: Judul post aku buat gitu soalnya setelah ngedenger lagu mereka kata-kata irene sang vokalis, menginspirasi ide-ideku.</p> <p>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> <p>Regard, </p> <p> </p> <p>Quantro a.k.a Royyan Azizi..</p> <br /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quantro.wordpress.com/92/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/quantro.wordpress.com/92/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/quantro.wordpress.com/92/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/quantro.wordpress.com/92/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/quantro.wordpress.com/92/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/quantro.wordpress.com/92/"></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/quantro.wordpress.com/92/"></a> </article> </main></body></html>

Play with code

A post for icha…

Hightlight Source Code with SyntaxHighlighter