Lentera http://blog.lentera.web.id A candle loses nothing by lighting another candle Mon, 11 May 2009 04:00:43 +0000 http://wordpress.org/?v=2.5.1 en Redirect http://blog.lentera.web.id/2008/07/21/redirect/ http://blog.lentera.web.id/2008/07/21/redirect/#comments Mon, 21 Jul 2008 02:47:40 +0000 anghuda http://blog.lentera.web.id/?p=37 Redirect atau URL redirection adalah cara untuk mengarahkan visitor dari satu URL ke URL lain. Ada beberapa sebab dilakukannya redirection, di antaranya:

  • Halaman yang dimasuki visitor punya persyaratan login untuk memasukinya, maka visitor diarahkan ke halaman login.
  • Halaman yang didatangi visitor sudah tidak ada lagi, maka visitor diarahkan ke halaman pemberitahuan mengenai nasib dari halaman yang dicarinya, atau diarahkan ke halaman lain sebagai penggantinya.
  • Halaman redirection merupakan bagian dari tahapan-tahapan proses (workflow) yang harus dilalui visitor, seperti pada saat registrasi, shopping online, atau posting di forum.
  • Halaman redirection merupakan bagian dari proses access control, di mana visitor diarahkan ke halaman sesuai dengan kapasitas visitornya.
  • URL dari halaman tersebut terlalu panjang atau tidak user friendy, sehingga dengan teknik clean url dibuat lebih pendek dan user friendly, dan visitor yang mengunjungi clean url tersebut diarahkan ke URL yang sebenarnya.

Cara-cara Redirect

Ada beberapa cara redirection, dari yang termudah sampai yang tersulit. Ringkasannnya sebagai berikut:

  • Dengan menggunakan link href, visitor diminta meng-klik link untuk pergi ke halaman yang diarahkan, misal: 
    Kunjungi <a href="http://blog.lentera.web.id>blogku</a>
  • Dengan META TAG Refresh yang dipasang di bagian <head> halaman web, misalnya: 
    <meta http-equiv="Refresh" content="0;http://blog.lentera.web.id">
  • Dengan PHP menggunakan perintah header, misal: 
    header("location:http://blog.lentera.web.id")
  • Dengan memnfaatkan mod_rewrite Apache, misalnya: 
    RewriteRule ^(.*)$ http://blog.lentera.web.id/$1 [R,L]
  • Dengan menggunakan JavaScript juga bisa, misal: 
    window.location="http://blog.lentera.web.id/";

Penggunaan Redirect

Cara-cara penggunaan redirect tergantung dari kebutuhan redirecting. Untuk redirect yang disebabkan oleh proses di dalam workflow, maka teknik redirect yang digunakan biasanya menggunakan PHP atau server-side engine lainnya. Untuk redirect yang disebabkan perubahan alamat halaman web, biasanya menggunakan mod_rewrite apache. Teknik gabungan menggunakan mod_rewrite dan PHP juga sering digunakan dalam aplikasi web.

]]> http://blog.lentera.web.id/2008/07/21/redirect/feed/ Mencegah Download Langsung http://blog.lentera.web.id/2008/07/20/mencegah-download-langsung/ http://blog.lentera.web.id/2008/07/20/mencegah-download-langsung/#comments Sun, 20 Jul 2008 00:41:17 +0000 anghuda http://blog.lentera.web.id/?p=36 Kenapa ya, terdapat web master sengaja menyediakan beberapa file untuk di-download, tetapi berusaha juga dengan berbagai cara untuk melakukan pencegahan terhadap file-filenya daripada agar bisa di-download langsung atau disebut hotlinking. Pastinya ada alasan baik.

Alasan Pencegahan Download Langsung

Web master punya alasan kenapa file-file tidak boleh dipungut langsung, di antaranya:

  • ingin mengetahui statistik file yang didownload, sudah berapa kalikah file didownload.
  • ingin mengetahui siapa saja yang mendownload, baik dengan cara harus login dulu, atau harus memasukkan email untuk dikirim link-nya lewat email, merepotkan memang.
  • ingin merahasikan lokasi file berada, khawatir kalau lokasinya ketahuan bisa didownload semua.
  • anda menginginkan hit pada halaman web anda, dan tidak rela file download anda dimanfaatkan oleh pihak lain.
  • ada alasan lain? …

Anda termasuk yang mana? kalau tidak termasuk, biarkanlah file bisa bebas didownload. Tetapi meneruskan baca arikel ini tidak ada salahnya, mungkin suatu ketika anda membutuhkannya.

Cara-cara Mencegah Download Langsung

1. Cara pertama, gunakan .htaccess ini:

RewriteEngine On

RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !yourdomain\.com [NC]
RewriteCond %{HTTP_REFERER} !google\. [NC]
RewriteCond %{HTTP_REFERER} !search\?q=cache [NC]

RewriteCond %{REQUEST_FILENAME} .*zip$|.*pdf$|.*mp3$ [NC]
RewriteRule (.*) /halaman_download.php?file=$1 [R]

keterangan:

  • baris ke 3, referer tidak boleh kosong, artinya tidak boleh download langsung
  • baris ke 4, yourdomain diganti dg nama domain anda, artinya tidak boleh didownload dari website lain
  • baris ke 5, google, membolehkan download dari google
  • baris ke 6, search, membolehkan download dari link hasil search
  • baris 8, extensi file yang diatur tidak boleh download langsung
  • baris 9, halaman redirect, …

2. Cara kedua menggunakan PHP.

cara ini adalah dengan meng-output file yang didownload dari script php, sementara di htaccess anda harus didefinisikan redirect file yang didownload di arahkan ke sebuah file php.

File .htaccess berisi:

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} .*zip$|.*pdf$|.*mp3$ [NC]
RewriteRule (.*) /download.php?file=$1 [R]

dan file download.php berisi:

$ref = $_SERVER["HTTP_REFERER"];

if ( $ref != ‘http://www.yourdomain.com/halaman_download.php’ )
{
header(”Location:http://www.yourdomain.com/halaman_download.php”);
exit;
} else {
header(”Content-type: $filetype”);
header(”Content-Disposition: attachment; filename=\”$filename\”");
header(”Content-Length: $filesize”);

echo file_get_contents($filepath);
}

3. Cara ketiga, tidak mempublikasikan URL file.

  • jangan pernah mempublikasikan URLnya sehingga nggak ada yang bisa download langsung
  • dengan PHP, kita bisa meng-generate random encrypted URL, misalnya: download/g6Tgskd93/file.zip
  • random URL tersebut berbasis session dg waktu terbatas
  • lalu, kalo ada yg mengakses link tersebut, maka htaccess me-redirect ke halaman atau file download, kalau link-nya sudah expired maka muncul pesan error page not found atau di-redirect ke halaman tertentu.

Sekedar Info

Tip ini berkaitan dengan penggunaan mod_rewrite pada htaccess, akan sangat baik bagi anda untuk memahami bagaimana menggunakan mod_rewrite. Membaca manual memang paling tepat tetapi kadang kurang praktis, membaca tutorial jadi pilihannya, yaitu melawat ke
Stupid htaccess Tricks, anda wajib ke sana.

]]> http://blog.lentera.web.id/2008/07/20/mencegah-download-langsung/feed/ PHP Excel to MySQL Converter http://blog.lentera.web.id/2008/07/15/php-excel-to-mysql-converter/ http://blog.lentera.web.id/2008/07/15/php-excel-to-mysql-converter/#comments Tue, 15 Jul 2008 14:12:28 +0000 anghuda http://blog.lentera.web.id/?p=35 Free Download Excel2Mysql

Spreadsheet Excel secara luas digunakan untuk aplikasi keuangan, statistik dan aplikasi lain yang memerlukan penyajian data secara tabulasi. Level penggunaannya yang bervariasi memungkinkan software ini dapat digunakan oleh newbee dan profesional. Karenanya tidak heran banyak data disimpan dan dipertukarkan dalam bentuk Excel.

Maraknya aplikasi web dengan MySQL sebagai databasenya mendorong orang untuk membuat program konversi dari Excel ke MySQL. Ada beragam cara untuk mengonversi, seperti menggunakan COM, ODBC, dan XML. Masing-masing cara meminta persyaratan khusus, seperti adanya komponen COM Excel, software ODBC atau format Excel yang harus XML. Jadi akan tidak mudah bagi aplikasi untuk mengonversi file Excel tanpa adanya komponen-komponen tersebut.

Awalnya terpikir bahwa format Excel XML adalah yang layak, sebab XML parser cukup banyak ditemukan. Tetapi ketika sebuah file Excel berukuran 200kb di-save-as ke dalam format XML menjadi berukuran 1Mb, maka penggunaan format ini sepertinya kurang menggairahkan.

Dalam penelusuran di google, terkuak situs am I work dengan artikelnya Reading/Parsing Excel using PHP http://amiworks.co.in/talk/readingparsing-excel-spreadsheet-using-php, disana dijelaskan bagaimana membaca file excel dan memarsingnya menggunakan librari PHP-ExcelReader dari SourceForge.

Librari tersebut dapat digunakan untuk memindahkan data yang ada di excel ke database MySQL, tentu sahaja dengan serentetan usaha ribet. Bila pekerjaan tersebut dilakukan berulang-ulang, maka menjadi membosankan.

Dengan sedikit sentuhan programming, terbentuklah sebuah librari class Excel to MySQL Converter. Maka konversi excel ke mysql jadi seperti sulapan saja. Petakan column ke field lalu tinggal klik.

Class ini mengasumsikan file excel dengan baris pertama adalah nama kolom, dan mengasumsikan kita sudah menyiapkan tabel di dalam database MySQL ke arah mana data akan dipindahkan.

Sebagai contoh, kita akan memindahkan file excel berikut ke database.

Skema databasenya adalah:

database

Begini caranya:

  1. $excel_file = "samplex.xls";
  2. $excel2mysql = new Excel2MySQL( $excel_file );

Tentukan area excel yang akan dikonversi menggunakan setConvertArea, seperti perintah Excel PrintArea:

  1. $excel2mysql->setConvertArea( '$A$1:$F$10' );

Atau, area konversi dapat juga diset dengan menentukan column dan row pertamanya, seperti ini:

  1.  
  2. $excel2mysql->setColStart('A');
  3. $excel2mysql->setRowStart(1);

Khusus untuk file excel dengan content dimulai dari sel $A$1 seperti excel contoh di atas, kita tak perlu menggunakan setRowStart() maupun setColStart(), karena secara default akan mengacu ke sel tersebut.

Lalu, tentukan pemetaan antara kolom-kolom di excel ke kolom-kolom di MySQL. Kita bisa memilih kolom-kolom excel tertentu saja yang akan dikonversi ke database. Perhatikan bahwa saya tidak memasukkan kolom ADDRESS ke dalam proses konversi.

  1. $excel2mysql->setColMapping(array('NAME'=>'member_name',
  2.    'BIRTHDAY'=>'member_birthday',
  3.    'CITY'=>'member_city',
  4.    'EMAIL'=>'member_email'));

Lakukan koneksi, lalu injeksikan data.

  1. $excel2mysql->connectDB ('localhost','username',
  2.       'password','db_name','table_name');
  3.  
  4. $excel2mysql->injectData();
  5. /***/

Pekerjaan selesai. Ada pertanyaan? Silakan tak perlu sungkan.

Catatan perbaikan:
- 18 Juli 2008, dilakukan perbaikan pada class excel2mysql karena adanya bug pada pemetaan column.

Free Download Excel2Mysql berisi librari dan contoh.

]]> http://blog.lentera.web.id/2008/07/15/php-excel-to-mysql-converter/feed/ Cara Memasak ala Programmer [ SDLC ] http://blog.lentera.web.id/2008/06/25/cara-memasak-ala-programmer/ http://blog.lentera.web.id/2008/06/25/cara-memasak-ala-programmer/#comments Wed, 25 Jun 2008 13:44:05 +0000 anghuda http://blog.lentera.web.id/?p=34 Memasak, sepertinya kegiatan yang gampang dilakukan. Tapi apakah pernah anda memasak? Kalau anda belum pernah memasak, mungkin tulisan ini akan membantu anda dalam memahami bagaimana membuat masakan. Saya tidak menjamin dengan tulisan ini anda akan bisa memasak. Minimal anda tahu caranya, dengan begitu anda menghargai proses penciptaan masakan.Memasak lebih dari sekedar mematangkan beras dan bahan makanan lainnya. Ia adalah sebuah proses yang bermula dari sebuah gagasan bernama “lapar”. Memahami bagaimana proses mematangkan beras dan sayuran adalah bagian penting dalam hidup kita, sebab kita cukup banyak menghabiskan waktu untuk menyantap makanan. Luangkan sedikit saja waktu anda untuk membaca langkah-langkah berikut, semoga anda menjadi lebih bijak terhadap masakan.

Langkah-langkah utama dalam memasak mengikuti fase-fase SDLC (Software Development Life Cycle):

  • Requirements. Memasak bermula gagasan seseorang mengenai lapar dan keinginan untuk menghilangkan rasa lapar tersebut. Timbul gagasan mau makan apa, apakah nasi padang, nasi goreng, nasi uduk, nasi kuning, soto, sate atau yang lainnya. Keinginan tersebut masih tergambar secara umum.
  • Specification. Sebuah penjelasan mengenai masakan apa dan detail yang diinginkan. Setiap masakan yang berbeda punya spesifikasi yang berbeda. Sebagai contoh, nasi putih, nasi uduk, nasi goreng dan nasi kuning punya spesifikasi yang berbeda. Bahkan kadangkala masakan menetapkan penggunaan framework tertentu, seperti diet sehat, vegetarian atau muslim food.
  • Design. Untuk memasak masakan sesuai spesifikasi maka diperlukan rancangan. Sebab untuk tiap masakan yang berbeda memiliki modul bumbu-bumbu yang berbeda, juga algoritma meracik bumbu dan cara memasak yang berbeda, peralatan yang berbeda, format penyajian dan struktur lauk-pauknya berbeda. Design dituangkan dalam bentuk resep.
  • Coding/Cooking. Langkah berikutnya adalah memasak. Biasanya untuk suatu resep baru dimulai dengan membuat prototipe, kemudian ada masakan versi alfa dan versi beta. Untuk resep lama atau cooker berpengalaman bisa langsung membuat masakan sebenarnya. Penggunaan ICE juga sangat membantu melaksanakan cooking. ICE singkatan dari Integrated Cooking Environment ataubiasa disebut dapur.
  • Testing. Apakah sudah masak? Sudah enak? Sudah mak nyus? Lakukan pengetesan dengan cara mencicipi. Sangat bagus melibat pihak lain dalam mencicipi. Kalau ternyata gak enak, bisa jadi salah memasaknya, atau desainnya yang salah. Yang jelas, requirement gak pernah salah.
  • Debugging. Kesalahan, kekurangan dan ketidakpuasan yang ditemukan dalam testing dicari penyebabnya. Mungkin ada jenis bumbu yang kurang atau lebih, atau terlalu lama di atas pengapian. Jadi di sini, debugging tidak diterjemahkan menjadi mencari kutu di dalam masakan kita, tetapi menemukan penyebab kekurangan. Emang sih, kalau ditemukan kutu pasti gak enak.
  • Release. Masakan yang sudah mantap dan lezat disajikan dalam penyajian yang menarik. Ada pula yang dikemas dalam box dan dikasih label, lalu dikirimkan ke meja-meja programmer yang malas beranjak.
  • Revision/Updating. Sudah puas dengan masakan yang disajikan ini, mungkin anda ingin ada perubahan. Anda ingin cita rasa dan sensasi yang berbeda. Mungkin anda ingin mengubah resep atau desainnya, atau mengubah modul-modulnya, algoritmanya atauformat dan outputnya. Kalau sudah muncul keinginan seperti itu, maka sudah waktunya anda untuk kembali melakukan programming.

Tulisan ini tidak ada hubungannya dengan CakePHP :)

]]> http://blog.lentera.web.id/2008/06/25/cara-memasak-ala-programmer/feed/ Validasi JavaScript untuk input[] Array http://blog.lentera.web.id/2008/06/25/validasi-javascript-untuk-input-array/ http://blog.lentera.web.id/2008/06/25/validasi-javascript-untuk-input-array/#comments Wed, 25 Jun 2008 07:11:24 +0000 anghuda http://blog.lentera.web.id/?p=33 Salah satu hal menarik yang diperkenalkan PHP dalam pembuatan form input data adalah pengenalan input array sebagai nama variabel input, misalnya input[ ]. Dengan format seperti itu, untuk meng-upload 10 image sekaligus, anda tak perlu membuat variabel image_1, image_2, image_3, …, image_10. Cukup image[ ]. Misalnya:

  1. <input name="image[]" type="file" />
  2. <input name="image[]" type="file" />
  3. <input name="image[]" type="file" />
  4. …
  5.  
  6. <input name="image[]" type="file" />

Permalasahannya adalah ketika melakukan validasi data, JavaScript tidak menganggap legal variabel yang mengandung tanda siku [], sehingga JavaScript tidak bisa mengakses variabel tersebut sebagaimana yang diinginkan.

Ini triknya. Untuk mengakses input array, gunakan sintaks berikut:

  1.  
  2.  var inputArray = document.forms[0].elements['image[]'];
  3.  
  4.  if(inputArray.length>0) {
  5.  
  6.   for(i=0;i<inputArray.length;i++) {  
  7.    alert(inputArray[i].value);
  8.   }
  9.  } else {
  10.    alert(inputArray.value);
  11.  }

Sangat mudah bukan?

]]> http://blog.lentera.web.id/2008/06/25/validasi-javascript-untuk-input-array/feed/ MySQLdump: Sedia Backup Sebelum Terlambat http://blog.lentera.web.id/2008/06/24/mysqldump-sedia-backup-sebelum-terlambat/ http://blog.lentera.web.id/2008/06/24/mysqldump-sedia-backup-sebelum-terlambat/#comments Tue, 24 Jun 2008 04:10:23 +0000 anghuda http://blog.lentera.web.id/?p=32 Sedia payung sebelum hujan, begitu bunyi peribahasa. Maknanya bersiaplah terhadap apa yang mungkin terjadi. Apa pun kejadiannya bersiaplah, baik kejadian yang menyenangkan apalagi yang menyedihkan. Pepatah itu pun berlaku bagi pranata database, sedia backup sebelum terlambat.

Lalu, sudahkan anda hari ini melakukan backup terhadap database anda? Jika belum, tinggalkan bacaan ini, lakukan backup secepatnya. Adapun bacaan ini sendiri, tenang saja, sudah ada backupnya.

MySQLDump

Kabar baiknya, sistem database menyediakan sarana gampang untuk backup, tak ketinggalan juga pada database kita, MySQL. Ia memiliki mysqldump yang dapat membuat backup database secara cepat.

Mysqldump adalah utilitas yang digunakan untuk membuat salinan database dalam bentuk text file berisi pernyataan-pernyataan SQL. Dari kandungan pernyataan SQLnya, dapat disimpulkan bahwa mysqldump tidak saja dimaksudkan untuk membackup data, melainkan juga digunakan untuk menciptakan ulang (re-create) database tersebut.

Untuk menggunakan mysqldump, gunakan console dan masuklah ke root mysql lalu masuk ke direktori bin, ketik:

mysqldump

]]> http://blog.lentera.web.id/2008/06/24/mysqldump-sedia-backup-sebelum-terlambat/feed/ DHTML dengan Content yang Dinamis http://blog.lentera.web.id/2008/06/24/dhtml-dengan-content-yang-dinamis/ http://blog.lentera.web.id/2008/06/24/dhtml-dengan-content-yang-dinamis/#comments Tue, 24 Jun 2008 03:39:40 +0000 anghuda http://blog.lentera.web.id/?p=31 Dynamic HTML atau DHTML secara Wikipedia adalah gabungan antara HTML, JavaScript, CSS dan DOM. Bertujuan menyajikan halaman web yang interaktif dan animatif, seperti penyajian menu dropdown, menu tree, dan elemen-elemen lainnya pada halaman web.

Berbeda dengan dynamic web page, di mana halaman web ini dihasilkan secara dinamis oleh web server melalui proses yang dilakukan oleh server-side engine seperti ASP, PHP dan JSP. Isi halaman web ini dinamis, bisa diganti-ganti berdasarkan tanggal, kategori atau kriteria lain. Untuk membedakannya dari halaman web yang tidak memerlukan proses di server, halaman web diberi ektensi khusus seperti php, asp atau jsp.

Kelemahan pada dynamic web page adalah setiap kali pengguna web menginginkan content baru, seluruh bagian halaman yang akan ditampilkan diproses terlebih dahulu di server. Proses tersebut meliputi akses database untuk mengambil data, html generation untuk menghasilkan halaman web dan proses-proses lainnya.

Ini menyita waktu, resource dan bandwidth. Padahal yang diperlukan hanya content yang berbeda saja, sedangkan bagian lain halaman webnya tetap sama. Jadi mengapa harus mereload seluruh halaman web jika yang diperlukan hanya content-nya saja?

Kehadiran Ajax memberikan solusi atas masalah tersebut. Ajax bertugas melakukan pertukaran data antara browser dan web server. Content halaman web bisa dibuat dinamis tanpa harus mereload seluruh halaman web. Bahkan sebuah halaman web bisa saja hanya berkekstensi .html namun dapat menyajikan content layaknya dynamic web page.

Nah, kalau kita gabungkan antara DHTML dan Ajax, maka jadilah Double Dynamic HTML. Tidak saja dinamis HTML-nya, tetapi isinya juga dinamis. Kalau begitu, nama yang cocok mungkin Dynamic DHTML ? Atau kita singkat DDHTML, dengan rumusan:

Dynamic DHTML = DHTML + Ajax

]]> http://blog.lentera.web.id/2008/06/24/dhtml-dengan-content-yang-dinamis/feed/ URL yang Baik http://blog.lentera.web.id/2008/06/18/url-yang-baik/ http://blog.lentera.web.id/2008/06/18/url-yang-baik/#comments Wed, 18 Jun 2008 00:26:24 +0000 anghuda http://blog.lentera.web.id/?p=28 Pada website-website berbasis CMS, penulisan URL (Uniform Resource Locator) dari content website dibuat secara otomatis melalui programming. Namun sebagian programmer agaknya tidak peduli pada aspek user friendly. Programmer hanya membuat format URL agar parsingnya mudah.

Berikut adalah contoh-contoh link yang saya pungut secara diam-diam:

  • http://www.mediaindonesia.com/index.php?ar_id=MTAxNDU=
  • http://www.sctv.co.id/view.php?114,18382,,0,1213747894
  • http://www.depkominfo.go.id/portal/?act=detail&mod=berita_kominfo&view=1&id=BRT080613173201

Dari URL-URL tersebut, dapat kita lihat:

  • URLnya mengandung kode-kode yang tidak perlu bagi pengunjung, apalagi susah dieja dan dibaca [ dirty URL ]
  • URLnya tidak secara spesifik menjelaskan sesuatu
  • URLnya mengandung tanda tanya, tidak jelas pertanyaannya apa. Tanda tanya juga menyebabkan mesin search engine tidak melakukan pengindeksan terhadap string yang ada di belakang tanda tanya.

Kita ambil contoh lain. URL di bawah ini saya ambil dari detiksport.com:

http://pialaeropa.detiksport.com/index.php/detik.read/tahun/2008/bulan/06/tgl/18/
time/030244/idnews/958096/idkanal/514

Apa yang bisa kita tangkap dari link di atas?

  • Lumayan …
  • Tetapi masih kotor, banyak item-item yang tidak diperlukan disertakan dalam URL perhatikan, untuk apa index.php/detik.read/ disertakan dalam URL? tahun/2008/bulan/06/tgl/18 bukankah cukup ditulis 2008/06/18?
  • Tidak user friendly, URL di detiksport tersebut terlalu panjang, kalau kita kirimkan linknya ke forum atau email, bisa terpecah menjadi beberapa baris, bisa menyebabkan broken link.
  • tidak dapat dipotong, karena kalau kita menulisnya tidak lengkap, misalnya: http://pialaeropa.detiksport.com/index.php/detik.read/tahun/2008 akan timbul broken link.

Adapun URL di bawah ini saya ambil dari kompas.com:

http://bolaeropa.kompas.com/read/xml/2008/06/18/05082916/robben.kami.bermain.untuk.menang

  • Nampak lebih baik, meskipun masih ada yang bisa dihilangkan dari URL tersebut, yaitu read/xml.

Bagaimanakah sebaiknya URL?

Nathan dalam artikelnya URLs: Principle menyebutkan 5 hal yang patut diperhatikan dalam membuat URL, yaitu:

  • Readability: URL seharusnya mudah dibaca
  • Brevity: URL seharusnya pendek.
  • Cleanliness: URL seharusnya bersih, tidak mengandung sampah, clean URL. Clean URL juga membantu mesin search engine dalam mengindeks website kita, sehingga website kita mudah menjadi populer.
  • Hierarchy: URL seharusnya bisa dipenggal-penggal secara hirarki, pemenggalan tidak mengakibatkan broken link.
  • Permanence: URL seharusnya link permanen dan unik. Jangan sampai menggunakan ulang URL yang sudah pernah dipakai untuk artikel lain.

Saya tambahkan satu lagi:

  • Self Descriptable: URL seharusnya dapat menjelaskan dirinya sehingga mudah dipahami dan pengunjung sudah bisa menerka apa isi halaman web dari URL tersebut.

Dengan menganut enam prinsip di atas, URL kita menjadi user friendly, memudahkan pengunjung dalam menjadikannya referensi, mencatat link tersebut, mengirimkannya lewat email, YM atau media handheld lainnya.

URL yang baik juga baik buat search engine, merupakan URL yang search engine friendly, dampaknya baik buat website anda. Sebab di Era Google ini, sebagian besar pengunjung website datangnya dari Google. Termasuk anda yang sedang membaca artikel ini, mungkin anda datang dari Google.

Format Clean URL

Beberapa format clien URL lazim digunakan dan bisa dijadikan alternatif, di antaranya :

  • http://namadomain/tanggal/judul-artikel
  • http://namadomain/kategori/judul-artikel
  • http://namadomain/kategori/id
  • http://namadomain/kategori/subkategori/id
  • http://namadomain/modul/aksi/parameter

Tidak ada patokan baku, bebas menggunakan format yang mana atau membuat format sendiri.

Blog Wordpress memberikan contoh cara menuliskan URL yang baik, seperti URL dari artikel ini. URL cukup berisi titimangsa dan judul artikel. Singkat dan jelas.

Bacaan pendukung :

]]> http://blog.lentera.web.id/2008/06/18/url-yang-baik/feed/ Abadikan URL Anda http://blog.lentera.web.id/2008/06/17/abadikan-url-anda/ http://blog.lentera.web.id/2008/06/17/abadikan-url-anda/#comments Tue, 17 Jun 2008 16:51:35 +0000 anghuda http://blog.lentera.web.id/?p=27

“It is the duty of a Webmaster to allocate URIs which you will be able to stand by in 2 years, in 20 years, in 200 years”. — Tim Berners-Lee

Internet sudah menjadi perpustakaan besar dan lengkap. Sejak itu pula, pengunjung perpustakaan berkurang drastis, perpustakaan menjadi sepi, bahkan beberapa kunjungan menjadi tidak berarti karena seringkali tidak menemukan yang dicari. Para peneliti, perekayasa, dosen, mahasiswa dan siswa memilih berlama-lama di lab komputer yang berakses Internet untuk mencari referensi dan publikasi.

Sebagai perpustakaan, dokumen-dokumen di Internet mempunyai kemampuan hypertext yang dapat menghubungkan satu URL ke URL yang lainnya. URL bukanlah sekedar link, URL adalah alamat referensi. URL sesuai dengan namanya Uniform Resource Locator adalah digunakan untuk menunjukkan lokasi di mana referensi berada.

URL tersusun dalam daftar referensi di buku-buku, laporan-laporan ilmiah, karya tulis, blog dan dalam tulisan bentuk-bentuk lainnya. Entahlah, apakah sudah ada aturan resmi penulisan referensi URL untuk penulisan karya ilmiah. Yang pasti, daftar referensi URL sudah satu halaman sendiri.

Mempertimbangkan hal tersebut, menjaga URL adalah kewajiban bersama para webmaster atau blogger. Jangan sampai URL yang sudah dijadikan referensi hilang. Langkah pertama bisa dimulai ketika kita membuat halaman web baru, buatlah URLnya sebaik mungkin: pendek, bersih, mudah dibaca, mudah ditulis dan mudah diingat, ini untuk menghindari kesalahan penulisan ketika dijadikan referensi. Langkah kedua, jangan mengganti URL yang sudah dibuat kecuali terpaksa. Langkah ketiga, jika terlanjur mengganti URL, lakukan redirect ke URL baru atau menampilkan halaman khusus yang memberikan informasi mengenai kepindahan URL.

URL yang sudah kita buat, misalnya ketika memosting blog, bisa saja dalam waktu singkat tersebar ke segala penjuru Internet, bisa saja kemudian menjadi rujukan artikel-artikel lainnya, menjadi referensi mahasiswa yang sedang menyusun skripsi dan thesis. Apabila anda menghapusnya, maka ada satu jejak ilmu pengetahuan yang hilang

]]> http://blog.lentera.web.id/2008/06/17/abadikan-url-anda/feed/ Desain User Interface untuk Aplikasi Web http://blog.lentera.web.id/2008/06/16/desain-user-interface-untuk-aplikasi-web/ http://blog.lentera.web.id/2008/06/16/desain-user-interface-untuk-aplikasi-web/#comments Mon, 16 Jun 2008 08:00:36 +0000 anghuda http://blog.lentera.web.id/?p=26 Web awalnya dimaksudkan untuk menyebarkan dan berbagi informasi melalui teknologi hypertext dalam ruang maya bernama information highway. Pada perkembangannya, teknologi web semakin canggih dan mengesankan, memungkinkan jadi antarmuka aplikasi secara jarak jauh [remote interface], bahkan belakangan teknologi web diterapkan pada aplikasi desktop sekalipun.

Namun seringkali, karena pekerjaan desain diserahkan kepada desainer web, sementara ia belum punya pengalaman membuat software aplikasi, maka antarmuka aplikasi web terjebak ke dalam desain mirip dengan website. Hal ini tentu mengakibatkan aplikasi web tidak berfungsi sebagaimana mestinya. Bayangkan, sebuah aplikasi dengan tampilan pertamanya adalah berita terbaru ?! Bukannya pengguna melaksanakan tugasnya, melainkan ia sibuk membaca berita.

Aplikasi web berbeda dari situs web dalam beberapa hal, dari segi peruntukannya, aplikasi adalah program komputer untuk menyelesaikan tugas [ task oriented ], sedangkan situs adalah tempat berkunjung di mana pengunjung memperoleh informasi [ content oriented ].

Untuk mendalami materi ini, silakan simak referensi berikut :

]]> http://blog.lentera.web.id/2008/06/16/desain-user-interface-untuk-aplikasi-web/feed/