Kisah Program Aplikasi Pencarian Peribahasa, Ungkapan, dan Kiasan Bahasa Indoensia Beserta Artinya

Alkisah ada seorang pengembara di dunia perkodingan, yang hari-hari dilaluinya selalu dihiasi dengan mimpi-mimpi. Baik itu mimpi indah, mimpi, buruk, mimpi masa lalu, mimpi masa depan, mimpi nggak jelas hingga mimpi sejelas film bioskop. Salah satu dari mimpinya adalah membuat program aplikasi komputer yang dapat bermanfaat buat manusia banyak, terutama manusia Indonesia.

Suatu hari yang panas dan terik, si pengembara duduk di tepian telaga sunyi yang sejuk, sekedar melepas lelah, mengeringkan peluh. Diiringi alunan syahdu lagu merdu mendayu dari MP3 playernya. Semilir angin AC hampir melenakannya. Sekonyong-konyong, jatuhlah buah nanas di atas kepalanya, dari pohon yang menjadi sandarannya. Setelah terhilang rasa kagetnya, si pengembara mengelus-elus kepalanya, terasa kulit kepalanya pedih dan perih... si pengembara tercenung sejenak... perih... ah yaa! perihbahasa!! .. eh peribahasa (nggak pake 'h').

Dan semenjak si pengembara kejatuhan buah nanas, ia banyak melamun, melamun, dan melamun. Bukan gara-gara karena kejatuhan nanas ya. Tapi karena memang dia suka melamun dan berkhayal. Sambil melamun dan makan bekalnya, dia membuka kitab berisi foto-foto saudara seperguruannya... tiiinggg! Secercah cahaya memasuki alam pikirannya. Si pengembara teringat, ia memiliki saudara eh saudari-saudari seperguruan yang memiliki ilmu tingkat tinggi tentang peribahasa di dunia perbahasaan. Langsung dengan ilmu telepatinya si pengembara menghubungi saudari-saudari seperguruannya untuk membantunya bahu-membahu mengisi database aplikasi pencarian peribahasa. Gayung pun bersambut. saudari-saudari seperguruan si pengembara menyanggupi permintaan bala bantuan.

Dengan semangat 45, si pengembara mulai banting tulang peras keringat putar otak membuat program aplikasi komputer untuk mencari peribahasa bahasa Indonesia berbasis web. Si pengembara menginginkan aplikasi komputer tersebut berbasis web agar dapat menjangkau area wilayah Indonesia yang lebih luas lagi, dari Sabang sampai Merauke.

Singkat cerita, berhasillah si pengembara mengembangkan program aplikasi komputer pencarian peribahasa Indonesia berserta artinya. Namun, lagi-lagi sifat dasar si pengembara, mengembara ke sana kemari sambil melamun, membentuk satu sifat lagi yaitu tidak merasa tenang. Alhasil, yang semula hanya ingin membuat program aplikasi komputer mengenai peribahasa, berubah, ditambahi dengan, tidak tanggung-tanggung, ungkapan dan kiasan bahasa Indonesia beserta artinya. Dan... banting tulang peras keringat putar otak dilakukan lagi oleh si pengembara selama 7 hari tujuh malam... sampai badan si pengembara berubah drastis tinggal kulit berbalut daging alias ndut brooo.

Hingga akhirnya, hari ini, di sini, di bangku ini, si pengembara berhasil menyelesaikan program aplikasi pencarian peribahasa, ungkapan, dan kiasan bahasa Indonesia... disertai isi-isinya, yang mengandung 2881 peribahasa, 107 ungkapan, dan 110 kiasan... bisa dipakai kapan saja, di mana saja, oleh siapa saja, di alamat situs web http://peribahasa.ilmubiner.web.id yang aktif full time selama 24 jam, 7 hari seminggu. Si pengembara pun sujud syukur ke hadirat Allah SWT lalu memohon agar program aplikasi yang dibuatnya dapat bermanfaat bagi bangsa Indonesia dan bangsa-bangsa lain, aamiin YRA

Mengambil Data File .txt atau Konten Dari Situs Lain Menggunakan Javascript

Kasus ini gue dapetin gara-gara program Javascript gue pingin bisa mengambil data dari file .txt yang ada di situs lain bukan di situs gue sendiri. Waktu itu sudah berulang kali cari di internet, berulang kali mencoba gagal terus, dan yang dapet dan bisa adalah mengambil file .txt tersebut dengan menggunakan PHP. Meski tidak sesuai yang diinginkan ya dipakai sajalah. Tapi hati ini rasanya penasaran dan nggak terlalu puas... akhirnya ya nyari lagi... nyoba lagi... sampe pusing pala berbi. Namun dari pencarian tersebut... nambah ilmu... bahwa :

• File .txt yang ada di situs web lain tidak dapat diakses dan diambil isinya menggunakan Javascript standar bahkan tidak bisa juga menggunakan Ajax xhttprequest, dan hanya bisa dilakukan menggunakan PHP.
• Javascript dan Ajax httprequest hanya bisa mengakses file .txt yang ada di situs yang sama (lokal) bukan file .txt yang ada di situs web lain (remote).
• Jika membuka file .txt dan datanya tampil di web browser, berarti data yang tampil tersebut sudah dianggap sebagai konten. Bukan sebagai isi file .txt.

Setelah maksa mbah gugel bekerja keras dan memaksa diri ini berpikir keras, alhamdulillah bisa juga membuat program Javascript yang dapat mengakses dan mengambil data dari file .txt di situs web lain. Itu pun didapat dari artikel yang topiknya mengenai "mengambil konten dari situs web lain menggunakan Javascript" !!!

Program yang dibuat, menggunakan jQuery, Ajax dan YQL. jQuery merupakan salah satu framework Javascript dan YQL (Yahoo! Query Language) merupakan platform untuk melakukan query, filter, dan penggabungan data / informasi dari internet, dan YQL mirip dengan perintah SQL.

jQuery dapat diambil di : https://code.jquery.com/jquery-1.11.3.js
ajax-xdomain.js (include perintah YSQL) dapat di ambil di : http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

Berikut source code HTML yang mengandung Javascript untuk mengambil data file .txt atau konten dari Situs Lain (cross site .txt file / content). Catatan : di source code ini file-file .js ada di server lokal.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="ilmuBiner" />
<title>Mengakses data file .txt atau konten cross site dari situs lain</title>
<script src="jquery-1.11.3.js"></script>
<script src="ajax-xdomain.js"></script>
</head>
<body>
<div id="container"></div>
<script>
var isi;
$.ajax({ url: 'http://www.situslain.com/datanya.txt',
  type: 'GET',
  success: function(res) {
    isi = $(res.responseText).text();
    document.getElementById("container").innerHTML = isi;
  }
});
</script>
</body>
</html> 
Semoga bermanfaat!... selamat belajar

Cetak Halaman Web Sekali Klik Tombol, Tanpa Muncul Window Opsi Printer dan Tanpa Mencetak Header dan Footer

The story behind... ada kebutuhan membuat aplikasi berbasis web menggunakan PHP untuk mencetak struk pembelian oleh kasir (struk yang dicetak sama dengan tampilan pada web browser). Kebutuhannya adalah, kasir tinggal "menekan tombol" untuk mencetak struk pembelian. Kenyataannya aplikasi berbasis web menggunakan PHP sulit melakukan hal demikian. Putar otak... aha! pakai bantuan JavaScript. Searching dikit... voila! ketemu perintahnya yaitu : window.print(). Terus kutak-katik program... berhasil... tapi... header dan footer halaman web-nya tercetak terus "tombol"-nya ikut tercetak juga!!! Searching lagi... hmm, dapet... kutak-katik programmnya lagi... tes lagi... berhasil!

Algoritmanya : saat kasir klik "tombol" yang berupa link maka akan menjaankan suatu function yang isinya; a) perintah untuk menghapus "tombol" (link) dan, b) perintah untuk mencetak halaman web. Sedangkan header dan footer disembunyikan dengan menambahkan atribut pada tag <html> (lihat gambar).

Berikut ini gambar source code sederhana agar bisa mencetak halaman web sekali klik, "tombol"-nya (link) tidak ikut tercetak, demikian pula header dan footer tidak ikut tercetak pula. Perhatikan baik-baik baris yang di-highlight warna kuning. Klik gambar untuk memperbesar. WARNING : source code jalan dengan baik di Mozilla Firefox dan belum pernah diuji coba di web browser lainnya.

Semoga bermanfaat

Update : Di bawah ini tambahan CSS pada blok <head> yang katanya berfungsi pada web browser Chrome dan Safari... katanya lho :p coba sendiri aja ya :)

<style media="print" type="text/css">
  @page {
    size: auto;   /* nilai awal ukuran halaman */
    margin: 0mm;  /* mengubah margin printer */
  }

  body {
    background-color:#FFFFFF; 
    margin: 0px;  /* mengubah margin konten */
    padding: 0.25in 0.5in; /* mengubah padding konten */
  }
</style>

Selamat belajar!

Download Tutorial Dreamweaver Buatan Indonesia

Halo para pembelajar yang budiman, berikut saya sediakan link untuk mengunduh file-file tutorial pemakaian Dreaweaver (CS3) dalam format PDF. Selamat belajar bro 'n sis!

• Membuat situs dan template.
• Membuat navigation bar image.
• Menambahkan file flash.
• Membuat image viewer (slideshow) flash.
• Menambahkan teks flash.
• Membuat dan menambahkan flash button.
• Membuat menu bar dengan spry.

SQLite, Lite Ukurannya, Lite Perintahnya

Awal mulainya sih SQLite gue cuekin. Tapi waktu mulai pakai Android... eh kok database-nya pakai SQLite ya? Nah mulai dari situ rada-rada penasaran, tapi masih agak cuek. Dan masih pakai mySQL di PHP. Padahal PHP sudah mendukung SQLite.

Belakangan... lagi mikir lagi (dulu pernah mikir) gimana caranya nempelin data yang lumayan banyak dalam file .exe tapi gampang di-manage. Berhubung belum ada bayangan, iseng-iseng cari database alternatif... nah kebetulan inget lagi SQLite... penasaran sama "lite"-nya. Seberapa "lite" sih? So, nanya mbah Gugel lah akhirnya. Nih sekelumit cerita dari mbah Gugel.

SQLite tuh yang bikin pak de Richard Hipp tahun 2000. Waktu itu pake de Hipp bekerja di General Dynamic (pabrik yang bikin pesawat tempur F-16!) yang lagi ngerjain proyeknya US Navy. Kerjaan pak de Hipp bikin program yang mau dipasang di dalam rudal penghancur kapal yang berbasis sistem operasi HP-UX dan database Informix. Mungkin pak de pikir Informix kebesaran kali ye, jadinya ya dia bikin sendiri database yang imut tapi tidak amit... maka jadilah SQLite. Dan yang paling salut sama pak de Hipp, beliau buka source code-nya untuk umum! Eh source code-nya pakai bahasa C lho (kalo di sini boro-boro dibuka... minta bayarannya selangit!).

Yuk kita kenalan sama SQLite ini :

• Kalo Oracle, mySQL, SQL Server termasuk RDBMS (Relational DataBase Management System). SQLite termasuk ERDBMS (Embedded RDBMS). Maksudnya embedded; database SQLite sebagai library dan di-compile bersama programnya... dan menjadi bagian terintegrasi dengan program aplikasi.
• SQLite merujuk pada SQL-92 namun pastinya ada pengurangan fitur-fitur (biar ukurannya kecil).
• Mendukung multithread untuk baca data. Tapi kalau nulis data, menerapkan locking database (satu database dikunci, sehingga user lain tidak bisa mengubah atau menambah data pada tabel lain).
• Secara opsional mendukung karakter Unicode.
• Bahasa pemrograman yang didukung : BASIC, C, C++, Clipper//Harbour, Common Lisp, C#, Curl, D, Delphi, Haskell, Java, Lua, newLisp, Objective-C (Mac OS X dan iOS), OCaml, Perl, PHP, Pike, Python, REBOL, R, REALbasic, Ruby, Scheme, Smalltalk, Tcl, Visual Basic, and JavaScript. Ada juga COM (ActiveX) wrapper sehingga dapat diakses melalui JScript and VBScript. Lezaaattt :p
• Program yang udah menyertakan SQLite di dalamnya :
• Mozilla Firefox, Mozilla Thunderbird (bookmarks, cookies, contacts dsb.) .
• Skype.
• Adobe Photoshop Lightroom, Adobe AIR, Adobe Reader.
• Ruby on Rails'.
• Opera.
• Service Management Facility pada Solaris dan OpenSolaris.
• HTML5 menerapkan SQLite sebagai WebSimpleDB API.
• Apple's iOS (SMS/MMS, Calendar, Call history, Contacts storage).
• Symbian.
• Nokia's Maemo.
• Google's Android.
• Google's Chrome browser.
• RIM's BlackBerry.
• Linux Foundation's MeeGo.
• Palm's webOS.

Wew, ternyata banyak juga ya yang udah pakai.... bagi yang tertarik silahkan klik http://sqlite.org

Membuat Tag Cloud Animasi pada Blogspot

Tag cloud adalah sekumpulan tag (topik) atau label yang disematkan pada artikel yang kita posting pada blog. Gunanya untuk mempermudah pengunjung mencari tag / topik yang diinginkan.

Tag cloud ada yang non-animasi dan animasi. Tag cloud animasi biasa digunakan untuk mempercantik tampilan blog dan menghemat ruang. Tag cloud animasi bisa dibuat menggunakan bahasa pemrograman untuk web.

Tag cloud animasi khusus untuk Blogspot ini dibuat menggunakan Flash dan JavaScript. Yang masih bisa diutak-atik adalah kombinasi warna, background dan ukurannya.

Untuk membuat tag cloud animasi pada Blogspot seperti di sebelah kanan cara-caranya bisa dibaca di http://www.bloggerbuster.com/2008/08/blogumus-flash-animated-label-cloud-for.html

HTML 5, HTML dengan Berbagai Kelebihan

Bagi yang baru belajar atau yang baru mau belajar pemrograman web, berikut ini sejarah versi-versi HTML :

1. HTML 1
2. HTML 2
3. HTML 3
4. HTML 4
5. HTML 4.01
6. XHTML 1.0
7. XHTML 1.1
8. HTML 5

HTML 5 saat tulisan ini dibuat belum dirilis secara resmi oleh W3C (WWW Consortium) dan masih dalam tahap pengujian. Namun beberapa situs telah mengenalkan kelebihan-kelebihan HTML 5 dibandingkan dengan versi pendahulunya. Untuk contoh-contoh pemakain HTML 5 dapat dilihat di sini. Have enjoy it! Eh tunggu... tidak semua web browser mengenali HTML 5! disarankan sih pakai firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+

Source Code Kalender JavaScript

Bisa dilihat di sini

Alasan Mengapa (Lebih Baik) Tidak Menggunakan Table sebagai Layout

1. W3C mendefinisikan table dibuat untuk menampilkan data bukan untuk menyusun layout. Jika kita menggunakan XHTML berarti pemakaian table untuk penyusunan layout tidak valid. (Komentar : selama masih bisa membantu, kenapa tidak)
2. JIka penyusunan layout-nya "kompleks" biasanya dengan memakai table akan sulit diedit dan dicari kesalahannya serta kemungkinan kurangan tag penutup semakin besar. (Komentar : Pakai perangkat lunak HTML/CSS WYSYWIG yang canggih dong)
3. Table tidak luwes. Pemakaian satuan % untuk lebar table dapat "menghancurkan" tampilan. Tetapi jika tidak menggunakan % untuk lebar table (fixed width), lebarnya ya segitu aja meskipun lebar browser-nya berubah. (Komentar : tergantung kasus dan kompleksitas layout, terkadang memakai table yang berukuran "fixed" lebih nyaman -walaupun nggak selalu-)
4. Pemakaian table bersarang (nested table) dapat mengurangi kecepatan tampil (Komentar : ya iyalah. Soalnya tag tr dan td jadi banyak)
5. Pemakaian table dapat mengurangi SEO (Search Engine Optimization). Karena SEO biasanya menganggap isi halaman web paling awal adalah yang paling penting. Sedangkan jika menggunakan table maka baris-baris awal akan diisi dengan menu-menu untuk ditampilkan "bagian kiri". (Komentar : Ok)
6. Berkaitan dengan alasan no. 5 di atas, jika memakai table akan membuat "bagian isi" di-load setelah "bagian kiri" (menu). Jika user tidak sabar, bisa-bisa dia akan berpindah kelain halaman. (Komentar : Oh gitcyu to)
7. Table apabila dicetak ke printer, hasilnya belum tentu memuaskan. Bisa terpotong atau tampilannya berantakan sama sekali. (Komentar : bener ih!)

Kesimpulannya : belajarlah menggunakan CSS untuk menyusun layout! ... keep learning! :)

(Diterjemahkan secara asal-asalan dari : http://webdesign.about.com)

Membuat Link Ke File Lokal

Untuk membuat hyperlink menggunakan (X)HTML untuk sebuah file yang ada di komputer lokal yang menggunakan sistem operasi Ms-Windows :

file:///C|\Documents%20and%20Settings\User\Cucak%20Rowo.htm

atau bisa juga

file:///C:\Documents%20and%20Settings\User\Cucak%20Rowo.htm

Keterangan :

file:/// menunjukkan bahwa link akan membuka sebuah file.
%20 adalah kode URL untuk spasi.