Membuat Website Lebih Menawan, Contoh Kasus : sony-ak.com

Tips dan Trik IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com


Sony Arianto Kurniawan
sony-ak@sony-ak.com
http://www.sony-ak.com/
Lisensi Dokumen:
Copyright © 2003 IlmuKomputer.Com
Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau
merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen.
Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu
dari IlmuKomputer.Com.
Dari beberapa feedback yang sudah masuk kepada kami, banyak sekali yang bertanya mengenai
bagaimana dan apa saja yang digunakan dalam proses pembuatan situs Sony AK Knowledge Center
(www.sony-ak.com). Oleh karena itu pada kesempatan kali ini saya akan sedikit bercerita mengenai
segala sesuatu yang kita gunakan dalam membangun situs sony-ak.com ini.
Sony AK Knowledge Center mulai mengudara sejak bulan Oktober 2003, tapi idenya sebenarnya
sudah ada di otak saya sejak sekitar Februari 2003. Situs ini dibangun dengan software Microsoft
FrontPage sebagai editor HTML nya dan menggunakan PHP sebagai web scripting language-nya.
Ini semata-mata karena tempat hosting yang kita gunakan hanya mendukung PHP. Kami sementara
ini tidak menggunakan CMS (Content Management System) dalam proses update artikel. Setiap
artikel ditulis dalam single HTML file dan path dari artikel tersebut yang kami simpan ke database
(mySQL). Jadi bisa dikatakan sementara ini kami menggunakan phpMyAdmin sebagai media CMS-
nya, oleh karena itu sony-ak.com sifatnya juga semi dynamic content website.
Halaman depan dari sony-ak.com sebagian besar di-generate dari database, misalnya mengenai
informasi artikel terbaru, artikel yang sering diakses, menampilkan artikel acak dan keyword yang
sering diakses. Pada bagian atas setiap halaman situs kami tampilkan gambar-gambar menarik secara
acak. Semua ini dikerjakan oleh PHP plus mySQL. Tidak lupa pula kami mencatat jumlah visitor
pada setiap artikel sehingga kami tahu artikel-artikel mana saja yang disukai pembaca dan ini sangat
penting dalam menentukan artikel yang akan ditayangkan berikutnya.
Menu pulldown pada bagian atas pada setiap halaman pada sony-ak.com dibuat dengan
menggunakan komponen slide menu dari youngpup.net (www.youngpup.net), Anda bisa ambil dari
sana source code-nya. Oh ya, semua image pada sony-ak.com diolah dengan Adobe PhotoShop 7.0.
Web visitor counter sony-ak.com yang terletak pada bagian bawah kiri pada halaman depan kami
buat dengan script PHP biasa dan di sebelahnya juga terdapat informasi IP address yang mengakses
sony-ak.com, ini juga dibuat dengan script PHP (kami akan menampilkan tulisan mengenai script-
script tersebut pada kesempatan yang lain). Pada halaman depan bagian kanan bawah terdapat
informasi "last modified" dari dokumen yang bersangkutan, ini juga dibuat dengan suatu PHP script
1

Tips dan Trik IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
biasa.
Situs ini juga menggunakan CSS (Cascading Style Sheet) dalam mengatur tampilan dan format font,
format hyperlink dan layout situs tapi kami masih menggunakan tabel pada semua layout halaman
sony-ak.com. Semua halaman kami buat konsisten baik dari sisi layout dan warna sehingga kami
berharap pengunjung situs tidak merasa bingung dalam menjelajahi situs sony-ak.com. Pada
halaman depan juga ada fasilitas mendaftar newsletter kami dan ini menggunakan fasilitas newsletter
yang ditawarkan oleh Yahoogroups. Pada bagian kanan bawah di halaman depan terdapat kotak biru
kecil yang merupakan indikator statistik situs sony-ak.com, kami menggunakan jasa Nedstat Basic
(www.nedstatbasic.net) untuk web statistic dan dari sini Anda semua bisa melihat statistik
pengunjung situs sony-ak.com secara realtime dan transparan.
Kami juga menyediakan fasilitas search untuk pencarian artikel yang terdapat pada situs ini. Untuk
fasilitas search kami menggunakan script search berbasis PHP dari Orca Script
(www.greywyvern.com). Script search ini kami modifikasi lagi sesuai dengan layout situs dan format
database kami.
Pada menu pulldown di bagian atas terdapat menu Channels, pada menu ini nantinya kami akan
menambahkan banyak kanal-kanal atau fitur-fitur baru pada situs sony-ak.com. Pada halaman Team
(www.sony-ak.com/team.php) terdapat fasilitas indikator status online Yahoo! Messenger dari Sony
AK, ini kami buat dengan bantuan script IM Indicator PHP dari QAtlantis.com (www.qatlantis.com).
Kami juga menyediakan halaman Contact (www.sony-ak.com/contact.php) untuk keperluan visitor
feedback sehingga pengunjung situs sony-ak.com bisa mengirim komentar, saran atau kritik terhadap
situs ini. Semua komentar tersebut dikirimkan ke e-mail kami dengan bantuan script form mailer
berbasis PHP yang bernama Mail Manage EX (http://www.arecaweb.com/php/mmex/mmex.html).
Tidak lupa juga pada bagian channel ada channel yang bernama IndoFact, ini adalah kerjasama kami
dengan Ensiklonesia.NET (www.ensiklonesia.net) yang memberi informasi berupa fakta-fakta
menarik seputar Indonesia.
Demikianlah akhir dari cerita kami mengenai sony-ak.com. Saat ini kami juga sedang menggodok
dan membangun fitur dan fasilitas lain yang lebih menarik dan akan kami sampaikan segala proses
pembuatan maupun bahan-bahan yang kita gunakan dalam pembuatan fasilitas-fasilitas tersebut pada
Sony AK Knowledge Center Backstage bagian selanjutnya.
Jika ada saran, komentar atau kritik terhadap tulisan ini silahkan layangkan saja e-mail ke sony-
ak@sony-ak.com.
Special thanks to all PHP scripts that's works together in this site and very special thanks to Esa
Ivani for your support and love.