Dunia web 2.0 membawa teknologi baru dalam hal layouting tampilan, yaitu layout tanpa tabel (tableless layout) dengan menggunakan CSS (Cascading Stylesheet). Keunggulan CSS dibandingkan dengan tabel adalah pada fleksibilitasnya. Dengan topografi yang sama, desain bisa dirombak secara dramatis hanya dengan mengubah stylesheet-nya. Contohnya, layout-layout WordPress dan Joomla yang begitu mudah diubah dengan berbekal stylesheet dan dengan sedikit modifikasi pada topografi desain.

Komponen utama CSS adalah floating-div. Setiap kotak div bisa dilempar kesana kemari, tumpah ke kiri atau ke kanan, bertumpuk-tumpuk sesuka hati. Dengan kemampuan seperti ini, desainer web bisa mengeksplorasi desain web yang tidak terbatas pada layout konvensional: bagian navigasi situs di kiri/kanan, halaman utama mendapat porsi yang lebih besar di sebelah bagian navigasi situs. Kalau Anda menyempatkan diri berkunjung ke situs CSS Mania, Anda akan menemukan berbagai desain yang begitu kreatif memanfaatkan kehebatan CSS.

Bukan berarti tabel tidak bisa menampilkan desain yang aneh dan kreatif. Tetap bisa, tetapi terbatas. Sifat tabel adalah kaku. Kalau ia sudah diam di suatu tempat, ia akan tetap diam di situ tidak akan bisa digeser oleh siapapun termasuk Javascript. Atribut tabel yang bisa dinamis dikendalikan oleh script sangat sedikit, terbatas pada warna dan font, bukan pada tata letak, posisi, dan lebarnya.

Kedinamisan CSS membawa petaka: konsistensi tampilan di setiap browser yang berbeda. Kekakuan tabel membawa keuntungan: konsistensi tampilan di setiap browser yang berbeda.

Saya selalu kagum pada desainer web CSS. Kemampuan untuk tetap konsisten di browser yang berbeda-beda (minimal IE, Firefox, Opera, dan Safari) adalah sesuatu yang sulit dilakukan. Ketidak-standar-an dalam menerjemahkan kode-kode CSS jauh lebih parah daripada ketidak-standar-an Javascript. Di Firefox tampil cantik, di IE porak-poranda. Di IE sudah tampil memukau, di Firefox kacau balau. Demikian seterusnya. Melakukan kodifikasi dengan CSS adalah mimpi buruk bagi desainer web bau kencur seperti saya. Belum lagi kalau sudah dikejar-kejar deadline.

CSS bukan pilihan kalau kita dikejar deadline yang sempit: katakanlah dalam dua hari Anda harus menyelesaikan sebuah website. Saya tidak berani melakukan hal itu dengan CSS.

Tentu saja, saya akan lari ke tabel. Dengan tabel, kita tak perlu pusing-pusing dengan masalah kompabilitas antar browser. Konsentrasi dengan apa yang kita kerjakan. Apa yang perlu ditampilkan. Apalagi kalau ada tool dahsyat Adobe Photoshop dan Macromedia Adobe Dreamweaver. Pekerjaan desain web dalam waktu dua hari bukanlah sesuatu yang mustahil dilakukan. :)

Posted in Desain Web 11 Comments »

FLICKR
Lokasi: Pasar Ngemplak, Tulungagung
Nikon D40 | Sigma 10-20mm HSM

Saya menemukan baliho ini masih terpasang di depan Pasar Ngemplak Tulungagung. Saya ambil ini dalam perjalanan pulang dari stasiun Tulungagung (saya naik Gajayana) dan mampir dulu mengantarkan ibu membeli sesuatu. Kelihatannya ibu ingin membuatkan masakan spesial untuk saya (dan ternyata iya :D ).

Kabarnya, pemenang dari Pilkada ini adalah calon incumbent: bapak Heru Tjahjono. Isunya, calon yang lain hanyalah boneka karena posisi pak Heru ini begitu kuat di Tulungagung.

Posted in Catatan Harian, Fotografi 9 Comments »

Ponsel saya, Sony Ericsson W200i, memiliki dukungan untuk akses internet via GPRS (2,5 G). Di dalamnya terdapat sebuah browser internal yang membuat kita berseluncur di dunia maya tanpa harus menyambungkannya ke notebook. Browser ini memiliki sangat banyak kelemahan, utamanya ketika harus me-load halaman besar dan kompleks yang sama sekali tidak didesain untuk pengunjung yang memakai mobile device. Sempat saya berpikir untuk memodifikasi halaman pencarian google yang sangat mobile-friendly untuk menjadi semacam jembatan perantara setiap situs yang akan saya kunjungi dengan ponsel saya.

Sampai pada ketika saya menemukan browser imut-imut ini: Opera Mini!

Berbasis Java ME (Java Micro Edition), Opera Mini bekerja dengan sangat baik pada hampir semua situs yang kompleks. Ia memiliki dua pilihan, mobile view dan standard view. Mobile view memiliki perilaku seperti browser internal W200i, yaitu melakukan konversi halaman dan memindahkan isinya sehingga lebih nyaman dibaca. Meski demikian, Opera melakukannya jauh lebih baik daripada browser internal W200i.

Standard view mempertahankan tampilan semirip mungkin dengan aslinya. Agar muat di layar ponsel yang portrait dan kecil (sementara desain web kebanyakan berbentuk landscape), Opera mengecilkan tampilan (zoom out). Jika kita ingin membaca detailnya, ada alat pembesar (magnification) untuk mendetailkan tampilan pada area tertentu. Di beberapa situs, Opera menampilkan semirip aslinya, namun dalam beberapa situs yang lain lagi, Opera menampilkan tampilan yang porak poranda. Bukan suatu masalah yang berarti saya kira, karena kita bisa saling berganti-ganti mode view: mobile view atau standard view.

Satu lagi yang saya suka dari Opera Mini. Scrolling yang begitu halus dan nyaman. Di browser W200i, saya memerlukan waktu yang lama untuk melakukan scrolling halaman dari atas ke ujung bawah karena banyaknya teks. Solusi membagi halaman menjadi banyak seperti yang dilakukan Google kurang menarik bagi saya. Tetapi Opera melakukannya dengan lebih baik, ia membuat mode scrolling yang menggulung halaman dengan lebih banyak dan lebih cepat tanpa mengorbankan kenyaman.

Bravo Opera!

Posted in Internet, Review 6 Comments »

CMS (Content Management System) adalah sebuah sistem (saya lebih suka menyebutnya framework – bingkai kerja) yang ditujukan untuk manajemen isi suatu situs, misalnya portal. CMS yang sudah jadi sendiri sudah sangat banyak, baik yang bersifat lisensi berbayar (propietary) maupun yang open source. CMS Open Source juga sangat banyak yang populer, diantaranya adalah Joomla dan Drupal.

Kemudahan memakai CMS tentu saja adalah kecepatan pengembangannya. Tinggal lakukan instalasi, set up database, lakukan penyesuaian (customize) sesuai kebutuhan, sesuaikan tampilan, dan selesai. Siap launching. Live. Ini sangat berguna ketika kita diminta untuk menyelesaikan sebuah situs portal dengan deadline yang hampir tidak masuk akal. Apa pasal? Dalam pengembangan sebuah situs, paling tidak kita memerlukan beberapa pekerjaan besar, yaitu:

• Desain tampilan, dan potong-potong (kawan saya yang pakai Adobe Photoshop pasti mengerti maksud potong-potong ini :D ) menjadi HTML
• Serahkan HTML mentah kepada tim programmer untuk membuatnya dinamis dan bisa memuat data dari database
• Tahap desain: database, site map, site flow
• Pembuatan halaman administrasi situs, lengkap dengan validasinya
• Set up database, set up webserver, set up DNS Server, dan lakukan proses deployment agar siap diluncurkan

Dalam waktu singkat, semua pekerjaan itu hampir mustahil dilakukan dengan sangat baik. Oleh karena itu, kemudahan dan kecepatan pengembangan situs dengan menggunakan CMS yang sudah jadi menjadi salah satu pilihan yang patut menjadi pertimbangan serius.

Namun demikian, memakai CMS yang sudah jadi apalagi open source mendatangkan masalah baru: sisi keamanan. Karena open source, semua orang menjadi tahu sudut-sudut terkecil dari infrastruktur CMS. Dengan demikian, semua orang (inilah contoh generalisasi hiperbolistik :D ) juga tahu kelemahan setiap CMS. Semua orang berpotensi menjadi penyerang sistem keamanan yang menggunakan CMS open source. Apalagi, dalam forum-forum terbuka, selalu ada saja kelemahan titik keamanan yang dipublikasikan, lengkap dengan cara penyerangannya.

Oleh karena itu, sebenarnya situs yang menggunakan CMS open source harus rajin-rajin dirawat, diteliti, dan diupdate agar celah-celah keamanan yang muncul dapat ditutup dengan cepat. Inilah yang jarang tidak pernah terjadi di sebagian besar portal yang memakai CMS open source. Biasanya memang pembuatan sebuah portal adalah outsourcing, dan kontrak yang ada tidak melibatkan proses perawatan. Sehingga tentu saja, portal-portal itu demikian mudah diserang oleh para script kiddies¹.

Bagi saya, ini adalah pilihan yang dilematis. Kalau saya pakai CMS, saya harus merawatnya baik-baik. Kalau saya buat CMS sendiri, tentu saja saya lebih bisa mengendalikan infrastruktur keamanannya, tapi saya babak belur di waktu pembuatannya. Ironisnya, jika melihat bagaimana kontrak pembuatan sebuah website yang tidak menyertakan klausul perawatan, kebanyakan orang memilih memakai CMS yang jauh lebih cepat dan mengabaikan sisi keamanannya.

Catatan Kaki:
¹: Penyuka kegiatan penyerangan sisi keamanan sistem dengan mencontek informasi yang sudah ada yang tersedia di forum-forum underground di internet atau IRC.

Posted in Desain Web, Developer, Internet 11 Comments »

FLICKR
Lokasi: Pameran Fotografi FOCUS 12-16 Maret 2008, JCC, Jakarta
Nikon D40 | Nikkor AF-S 55-200mm 

Ekspresinya begitu takzim waktu menimang-nimang Canon Ixus di booth Datascrip Canon waktu pameran fotografi Focus kemarin. Kata kawan saya yang pengamat infotainment, wajah ini milik Nikita Willy. Saya memotretnya dengan Nikkor AF-S 55-200mm VR beberapa kali karena wajahnya mengingatkan saya pada sesuatu.

Sesuatu yang dingin… dan angkuh

Bonus:

Foto-foto ada di Flickr saya. Bagi yang ingin resolusi besarnya (2200 pixel), hubungi saya via email. Okey :)

Posted in Model 86 Comments »