Catatan Yan Arief

Setiap desainer web tentunya mengalami proses pembelajaran dalam menekuni profesinya. Di awal belajar mebuat web, kebanyakan masih kesulitan menghafal html tag dan sangat tergantung dengan wysiwyg html editor. Sementara tampilan grafisnya, layout disusun dengan table, cenderung menggunakan banyak gambar yang meriah dan menggunakan javascript yang kurang bermanfaat, seperti blinking text, runing text di sana-sini ataupun efek-efek lainnya.

Seiring dengan pengalaman dan referensi yang dimiliki si desainer web, selanjutnya mulai memahami bagaimana membuat web yang baik. Tidak sekedar memiliki tampilan grafis yang bagus, animasi yang menarik maupun dengan aplikasi web yang canggih. Namun harus memperhatikan aspek-aspek accessibility, user friendly, usability, dan berpedoman pada web standards.

Sedikit intermezo di atas membuka tulisan saya kali ini dan hal tersebut di atas juga saya alami sendiri . Saya akan membahas sebagian portfolio desain web yang pernah saya kerjakan. Seperti judul tulisan ini, portfolio yang saya tampilkan di sini mewakili proses pemahaman saya tentang desain web dari waktu ke waktu. Selain itu, website tersebut memiliki traffic yang cukup tinggi dan content management serta template saya develop sendiri. Mengenai web standards secara detail, silahkan mengakses www.webstandards.org atau wikipedia.

Bantul.go.id

Website ini saya bangun pada tahun 2004 dan mulai online bulan Oktober 2004. Saya akui agak terlambat mengimplentasikan web standards karena waktu itu saya lebih mendalami pengembangan aplikasi web berbasis PHP dan MySQL. Sehingga kurang memperhatikan konsep struktur halaman html yang baik.

Desain website Pemkab Bantul versi ini sangat jauh dari etika-etika web standards, masih menggunakan table sebagai penyusun layout halaman dan html tag yang masih belum valid ketika dicek di validator.w3c.org. Meski demikian bantul.go.id versi ini pernah meraih 2 penghargaan dalam Innovative Government Award 2005.

Tofi.or.id

Tim Olimpiade Fisika Indonesia (TOFI) pencetak calon pakar fisika dan selalu mengharumkan nama Indonesia di IPO maupun APhO. Pekerjaan ini merupakan redesign tampilan dan content management yang lama, tentu saja saya kerjakan after-hours ( thanks to Fauzan for this job ), online pertengahan Maret 2007.

Saya mencoba mengimplentasikan web standards dalam membangun website ini. Menggunakan XHTML, CSS, tableless layout, well structured html, meaningfull div and class, and valid html. Meski terdapat embeded object (flash movie) namun terdeteksi sebagai valid html dengan memakai cara flash satay.

What’s next ?

Apa selanjutnya ? tentu saja berpedoman pada Web standards dalam setiap membangun website dan mengikuti perkembangan teknologi website.

Tautan tentang Web Standards

• The Web Standards Project
• The benefits of Web Standards
• Web Standards Group
• Web standards - Wikipedia