Pengertian Web Responsif

Ditulis Oleh:
pengertian web responsif

Apa itu web responsif ? Mungkin ini pertanyaan yang ada dalam pikiran sahabat sekalian. Entah karena tugas sekolah, kuliah atau yang sedang menyusun naskah skripsi misalnya, yang mengambil topik ini. Pengertian Web responsif adalah salah satu teknologi yang telah berkembang sejak tahun 2013 dimana munculnya perangkat mobile baik android maupun iphone yang sangat pesat dan meningkat penjualannya.

Tidak seperti saat ini sebelum tahun 2013 web yang bertebar di internet belum mendukung desain untuk perangkat mobile atau tablet. Desain web pada saat itu memang masih statis dan belum responsif seperti sekarang ini. Itu karena pada tahun-tahun tersebut memang kebanyakan orang mengakses internet hanya lewat perangkat PC maupun laptop. Sehingga kebutuhan tampilan web hanya diperuntukan untuk perangkat-perangkat tersebut.

Dengan berkembangnya teknologi maka perubahan pun terjadi. Berbagai website diharuskan mengikuti perkembangan ini jika tidak ingin tertinggal. Karena pada saat ini penggunaan perangkat mobile smartphone sangat banyak maka tampilan website pun harus mempunyai kemampuan untuk mefasilitasi pengguna smartphone tersebut, Dan itulah yang dinamakan dengan web responsif.

Apa itu Web Responsif ?

Web responsif adalah kemampuan sebuah website untuk dapat menampilkan halaman websitenya di berbagai jenis perangkat. Perangkat-perangkat tersebut memiliki spesifikasi ukuran layar yang berbeda-beda. Sehingga menuntut kemampuan website untuk menyeimbangkan setiap perangkat tersebut.

Setiap komponen pada halaman website dapat disesuaikan dengan responsive desain ini. misalnya untuk tata letak, huruf, gambar dan lainnya akan menyesuaikan dengan lebar dan resolusi layar yang tersedia. Dengan demkian akan memberikan kenyamanan dan kemudahan bagi pengguna yang mengakses website tersebut.

Saat mengaplikasikan web responsif ini kita akan mengenal istilah-istilah seperti fluid desain/ atau fluid grid yang mana konsep ini mengacu pada penggunaan ukuran relatif dengan basis persentase %, dibandingkan menggunakan ukuran absolut seperti pixel atau point.

Selain itu juga terdapat istilah flexibel image yang mana konsepnya sama dengan fluid grid tujuannya adalah untuk menyeimbangkan tampilan gambar pada website kita. Penggunaan ukuran pun menggunakan basis persentase dan tidak menggunakan basis ukuran absolut seperti pixel. Hal ini dilakukan agar gambar saat ditampilkan tidak melebihi ukuran kontainer yang tersedia.

Manfaat menggunakan web responsif

Banyak sekali manfaat yang kita dapatkan dengan menggunakan teknik web responsif ini. Seperti yang sudah saya bahas diatas dengan teknik ini maka secara otomatis website kita mempunyai kemampuan untuk menyesuaikan pada berbagai perangkat yang mengakses. Dengan demikian maka akan meningkatkan pengalaman pengguna (user experience) saat mengakses website kita.

Selain itu teknik ini pun sangat direkomendasikan bahkan teknik ini harus ada untuk webiste saat ini,. Hal itu dikarenakan berkaitan dengan SEO (search engine optimization). Mesin pencari seperti Google sangat menyukai website yang mempunyai kemampuan responsif ini. Bahkan tidak jarang website yang tidak responsif akan kehilangan posisi di SERP (Search Engine Result Page) milik Google. Dan kita tau ketika kita kehilangan posisi di SERP maka dampaknya adalah penurunan pengunjung pada website kita.

Bagaimana menggunakan Web responsif ?

Saat ini telah banyak website yang menyediakan template yang sudah support responsive desain. Salah satunya adalah w3layouts.com disana teman-teman bisa menemukan banyak templates yang sudah mendukung teknik responsif ini. Selain itu template yang disedikan semuanya bisa didownload secara gratis.

Selain template yang disedikan oleh w3layouts.com, teman-teman bisa membuat sendiri template dengan menggunakan css. Saya akan memposting pembahasan ini pada artikel lainnya.

Yang terakhir yang mungkin cukup saya rekomendasikan adalah sahabat bisa mempelajari framework front end bootstrap untuk mulai belajar desain reponsive desain ini. Bootstrap telah mendukung teknik ini dan penggunannya pun sangat mudah.

Rekomendasi bacaan:

Kesimpulan

Dengan pembahasan mengenai pengertian web responsif ini dapat saya simpulkan bahwa web responsif adalah solusi untuk mendukung multi devices access pada website kita, yang akan membuat halaman menyesuaikan dengan perangkat yang mengaksesnya. Dengan banyak manfaat yang didapatkan lewat penggunaan responsive desain ini maka tentunya hal ini sangat direkomendasikan untuk diterapkan saat kita ingin membuat sebuah website.

Setiawan Dimas

Penulis di Kelasprogrammer.com, Senang dengan dunia programming khusus web development. Lulusan Sarjana Teknik Informatika STMIK Akakom Yogyakarta. Ingin berfokus pada Pemrograman web dan Internet Marketing.
Setiawan Dimas

Latest posts by Setiawan Dimas (see all)