Page 57 - Majalah Berita Indonesia Edisi 86
P. 57
BERITAINDONESIA, Februari 2013 57YBERITA IPTEKLima Responsive Framework Populerkat/alat yang tersedia gratis untukmembuat website dan aplikasiweb. Di situ terdapat templatetemplate untuk forms, buttons,charts, navigation dan komponenkomponen tampilan lainnya termasuk ekstensi-ekstensi Javascript. Kode inti Bootstrap dibangun dengan LESS. Banyak orangsuka pada sistem 12-column gridnya dan plugin-plugin javascriptnya yang bagus seperti modal windows, tooltips, dan carousel.dunia. Dengan Foundation, Andabisa segera membuat website danaplikasi yang mampu bekerja disemua jenis perangkat. Foundation mempunyai koleksi pondasilayout yang besar (misal, full responsive grid), dan elemen-elemensiap pakai. Foundation dibangundengan Sass.HTML5 Boilerplatehtml5boilerplate.comsifik seperti memesan tiket atau memeriksa status penerbangan. Lain halnyabila mereka mengakses website via komputer, yang bisa menyajikan data penerbangan lebih lebih lengkap dan variatif.Oleh sebab itu, Carin van Vuuren, chiefmarketing officer di Usablenet, dalamtulisannya di Forbes.com mencatat bahwaresponsive web design cocok untuk website-website berita online, majalah dansurat kabar karena konten pada dasarnyahanya ditata ulang. Namun responsiveweb design menjadi tidak berfungsi efektifbila website berita tersebut ingin menjualkontennya mengingat aplikasi mobileuntuk transaksi jual beli terbilang rumit.Hal lain yang menjadi perhatian padaresponsive web design adalah lamanyawaktu untuk membuka website. Bilasebuah website memiliki fitur-fitur rumitseperti transaksi jual beli yang memanfaatkan bahasa pemrograman umum tapi'gemuk' seperti CSS, Javascript dan PHP,halaman website itu pasti rumit dandijejali banyak kode. Mau tidak mau,membuka halaman web seperti itu diperangkat mobile butuh waktu lama danakan membuat pengunjung lari. Lainhalnya bila dibuat aplikasi khusus sesuaiperangkat yang digunakan oleh pengunjung. Aksesnya pasti lebih cepat danminim masalah. cidmenyadari bahwa website yang responsifakan membuat pengalaman browsingpengunjung lebih baik. Apalagi penggunaperangkat mobile akan meningkat drastisdi tahun 2015.Menurut comScore, ada sekitar 800juta pengguna internet mobile di tahun2009 dan akan meningkat hingga 1,9 miliar pada 2015. Sedangkan jumlah pengguna internet di desktop ada sekitar 1,4miliar orang pada 2009 dan akan meningkat menjadi sekitar 1,6 miliar pada tahun2015. Bahkan menurut survei TechCrunch2012, perangkat mobile akan mengambilalih posisi desktop sebagai perangkatutama untuk mengakses internet.Meski demikian, responsive web designtidak untuk semua orang. Banyak bankdan perusahaan-perusahaan tertentuyang menyediakan aplikasi mobile untukmenjual produk dan jasanya tidak menggunakan responsive web design karenamembatasi ruang gerak mereka. Misalnyaaplikasi mobile banking yang bisa mencairkan cek dengan memfoto cek itu.Aplikasi yang menyediakan fasilitas untukkonsumen seperti itu biasanya rumit dantidak bisa diterapkan dengan grid layout.Begitu pula dengan situs-situs jasapenerbangan. Bagi pengunjung yangmengakses website via smartphone,mereka biasanya punya kebutuhan speyang cantik di semua ukuran,entah itu di layar laptop 17 inchatau iPhone. Sejumlah websitetemplate komersial sudah menggunakan skeleton.Ada banyak responsive web design framework di internet mulaidari yang sederhana hingga yang rumit. Untuk yang sederhana ada,The 1140 Grid, Responsive Aeon 2.0, Columnal, Gridiculous, Ingrid,Responsive Grid System by Denis LeBlanc, Responsive Grid System by Graham Miller, Titan, Ivory, dan Toast. Untuk yang lebihrumit ada, Base, Zurb Foundation, Gumby, Kube, Skeleton, danTwitter Bootstrap.ADAPTIF: Tampilan situs bostonglobe.comdalam berbagai ukuran layar dan perangkatMenurut pengembangnya, Boilerplate bukanlah sebuah frameworkmelainkan hanya memberikan beberapa trik agar proyek web responsif Anda bisa cepat selesai dengancara yang benar. Dengan kata lain,boilerplate bisa digunakan sebagailangkah awal untuk proyek HTML5apa saja. Boilerplate menawarkancross-browser normalization, performance optimizations, bahkancross-domain XHR dan Flash.Twitter Bootstraptwitter.github.com/bootstrapZurb Foundationfoundation.zurb.comFramework yang semakin populerini merupakan kumpulan perangMenurut pengembangnya, Foundation adalah responsive frontend framework paling canggih diSkeletongetskeleton.comSkeleton merupakan kumpulanfile CSS yang bisa membantu kitauntuk cepat membuat websiteHTML KickStartwww.99lime.comHTML Kickstart merupakankumpulan file HTML5, CSS, danjQuery (javascript), layout-layout dan elemen-elemen yangmembantu kitamembuat websiteresponsif lebih cepat.
