NIM : 1311511354

Nama : Samsul Arifin

Mata Kuliah : Rekayasa Web

Penjelasan Responsive Web Design

Pengertian Responsive Web Design

Desain Web Responsif (bahasa Inggris:Responsive Web Design (RWD)) adalah sebuah metode atau

pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam

berbagai perangkat, baik mobile maupun komputer meja. Dengan metode ini, web akan beradaptasi jika

dibuka dari perangkat mobile berukuran kecil maupun perangkat komputer meja dengan ukuran monitor

besar. Ukuran huruf,user interface, gambar dan tata letak akan menyesuaikan dengan lebar layar

dan resolusilayar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah

membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat

komputer meja.

Berawal sekitar tahun 2013, terjadi perubahan peningkatan penggunaan mobile device dengan munculnya

beragam perangkat cerdas yang terintegrasi denganponsel seperti iPhone. Koneksi internet menjadi

sebuah keharusan dalam masyarakat modern, dan tidak dapat dipungkiri kemajuan teknologi dan industri

ini menuntut setiap individual untuk bergabung dalam sebuah jaringan internet melalui

berbagai perangkat cerdas tersebut. Dengan menggunakan ponsel cerdas dan koneksi internet yang

mumpuni, berselancar di internet menjadi hal yang biasa. Individu dapat meng-update statusnya

di Facebook, membaca email, mengirim foto ataupun membaca berita melalui perangkat cerdasnya

kapanpun dan dimanapun dia berada. Namun terkadang keterbatasan teknologi web dengan HTML-nya

masih sering terjadi pada saat itu. Tidak semua web bisa dibuka atau berjalan secara baik di ponsel cerdas

dan Komputer tablet yang umumnya berukuran kecil dibanding perangkat Komputer meja. Bahkan

beberapa fitur terkadang tidak bisa beroperasi. Hal inilah yang membuat para web desainer dituntut

berfikir menggunakan cara baru dalam menyampaikan informasi di dalam web yang bersahabat dengan

perangkat mobile. Desain Web Responsif, membantu menjembatani hal tersebut, dengan menggunakan

teknologi baru HTML5 dan CSS3. Berlahan berbagai situs web besar seperti Google, Amazon.com,

Facebook, Portal berita BBC dan CNN mulai mengadaptasi metode tersebut.

Ciri Web dengan Responsive Web Design :

- User interface-nya beradaptasi di berbagai perangkat berbeda

- Ukuran huruf, tata letak dan gambarnya beradaptasi di berbagai ukuran layar yang berbeda

- Umumnya menggunakan scrolling dan swipe untuk bernavigasi di perangkat mobile

- Lintas Platform

Intinya, Responsive Web Design digunakan supaya tampilan sebuah website dapat dibuka disemua device

dengan berbagai resolusi monitor yang berbeda-beda.

Layar Monitor juga terbagi menjadi 2 jenis:

1. Potrait (Vertical)

2. Landscape (Horizontal)

Ukurannya pun bermacam-macam:

1. 800x600

2. 1024x768

3. 1024x600

4. 1280x1024

5. dan lain-lain

Bisa dikatakan Responsive Web Design sebuah teknik yang menunjukkan bahwa Desain dan

pengembangan harus menanggapi perilaku pengguna berdasarkan pada layar, platform ukuran dan

orientasi.

Dalam pengimplementasiannya, teknik Responsive Web Design terdiri dari campuran grid fleksibel ,

layout, images dan penggunaan query CSS media yang baik.