Responsive Web

By Adhista Dera Hardaningtyas DEPARTEMEN RISTEK Kategori : Umum

Responsive Web

Belakangan ini, dunia website sedang marak dengan trend responsive. Hal tersebut semakin di dukung dengan banyak bermunculan device Smartphone dan gadget-gadget terbaru yang mendukung berbagai kebutuhan seperti berjejaring sosial, melakukan upload dan download data dan juga melakukan browsing kedalam sebuah website. Dengan keadaan yang seperti ini, mau tidak mau kita sebagai pemilik website harus memiliki website yang bisa diakses melalui device SmartPhone tersebut. Bagi yang menggunakan CMS seperti WordPress mungkin sudah tersedia pluginnya, tapi bagaimana dengan yang membuatnya dari awal atau nol atau menggunakan CMS yang belum tersedia plugin mobile tersebut? Tentunya harus membuat ulang websitenya dalam bentuk mobile bukan. Lalu bagaimana solusinya? Nah dengan hadirnya teknologi Responsive ini, kita hanya perlu menggunakansatu design saja untuk berbagai device yang ada. Ini adalah cara terbaik jika kita malas untuk mendevelop ulang website kita agar sesuai dengan mobile device.

1. Pengertian Responsive Web

Responsive adalah teknik untuk membuat layout website dapat secara otomatis menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya.

Istilah Responsive web design awalnyadicetuskan oleh Ethan Marcotte dalam sebuah artikelnya di ListApart ( http://www.alistapart.com/articles/responsive-web-design/). Ia  mengulas tiga teknik yang telah ada yakni Flexible grid layout, flexible images, dan media and media queries kedalam satu pendekatan dan menamakannya Responsive Design. Beberapaistilah yang digunakan untuk mengacu hal yang sama antara lain fluid design, elastic layout, rubber layout, liquid design, adaptive layout, cross-device design, dan flexible design. Salah satunya dari situs terkemuka wikipedia.Responsive web design adalah salah satu metode pendekatan dalam proses design web site yang bertujuan untuk menghadirkan kemudahan dalam membaca dan melakukan navigasi dengan meminimalisasi proses resize,panning dan scrolling baik saat website dilihat dari desktop (PC) ataupun perangkat mobile lainnya (tablet dan smartphone).Singkatnya sebuah website yang bersifat responsive (responsve web design) akan secara otomatis mengadaptasi terhadap resolusi (ukuran) layar dan orientasi (potrait/landscape).

Teknik responsive adalah teknik yang digunakan untuk membuat layout menyesuaikan diri dengan tampilan device pengunjung, baik dari resolusi dan orientasinya. Jadi tampilan pada desktop komputer dengan pada smartphone akan berbeda. Dengan teknik responsive ini maka tidak perlu sebuah web development membuat banyak tampilan untuk satu situs.

Keuntungan menggunakan Responsive WEB

1. Satu Website dapat digunakan Semua devices

Salah satu aspek menarik dari design web responsive adalah peingkatan kualitas website serta user-experience yang digunakan dari berbagai macam device dengan ukuran berbeda-beda.Ini adalah karakteristik yang penting untuk diketahui ,apalagi kita tidak mungkin membatasi pengguna kita dengan device yang mereka gunakan. Pengguna yang penasaran atau menggunakan multiple-device baik PC,ataupun mobile,setelah mereka mendapatkan ketertarikan positif terhadap desain responsive yang kita sajikan,tidak menutup kemungkinan mereka akan membuka dari komputer setelah mereka menggunakan dari device mobile. Keuntungan yang dapat kita ambil adalah Active Vicitor akan menjadi pembaca setia dari setiap informasi yang disajikan.

2. Lebih Mudah Dalam Pengelolaan

Jika anda masih menggunakan dua versi yang berbeda(desktop dan Mobile) pasti akan kesulitan untuk mengelola konten apalagi SEO.Hal ini akan menguras tenaga dan waktu untukl dapat mengoptimalkan website yang tidak dirancang memiliki desain responsive. Inilah keunggulan desain website responsive,kita akan menyimpan banyak waktu dan tenaga untuk melakukan hal-hal yang

Responsive Web

Belakangan ini, dunia website sedang marak dengan trend responsive. Hal tersebut semakin di dukung dengan banyak bermunculan device Smartphone dan gadget-gadget terbaru yang mendukung berbagai kebutuhan seperti berjejaring sosial, melakukan upload dan download data dan juga melakukan browsing kedalam sebuah website. Dengan keadaan yang seperti ini, mau tidak mau kita sebagai pemilik website harus memiliki website yang bisa diakses melalui device SmartPhone tersebut. Bagi yang menggunakan CMS seperti WordPress mungkin sudah tersedia pluginnya, tapi bagaimana dengan yang membuatnya dari awal atau nol atau menggunakan CMS yang belum tersedia plugin mobile tersebut? Tentunya harus membuat ulang websitenya dalam bentuk mobile bukan. Lalu bagaimana solusinya? Nah dengan hadirnya teknologi Responsive ini, kita hanya perlu menggunakansatu design saja untuk berbagai device yang ada. Ini adalah cara terbaik jika kita malas untuk mendevelop ulang website kita agar sesuai dengan mobile device.

1. Pengertian Responsive Web

Responsive adalah teknik untuk membuat layout website dapat secara otomatis menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya.

Istilah Responsive web design awalnyadicetuskan oleh Ethan Marcotte dalam sebuah artikelnya di ListApart ( http://www.alistapart.com/articles/responsive-web-design/). Ia  mengulas tiga teknik yang telah ada yakni Flexible grid layout, flexible images, dan media and media queries kedalam satu pendekatan dan menamakannya Responsive Design. Beberapaistilah yang digunakan untuk mengacu hal yang sama antara lain fluid design, elastic layout, rubber layout, liquid design, adaptive layout, cross-device design, dan flexible design. Salah satunya dari situs terkemuka wikipedia.Responsive web design adalah salah satu metode pendekatan dalam proses design web site yang bertujuan untuk menghadirkan kemudahan dalam membaca dan melakukan navigasi dengan meminimalisasi proses resize,panning dan scrolling baik saat website dilihat dari desktop (PC) ataupun perangkat mobile lainnya (tablet dan smartphone).Singkatnya sebuah website yang bersifat responsive (responsve web design) akan secara otomatis mengadaptasi terhadap resolusi (ukuran) layar dan orientasi (potrait/landscape).

Teknik responsive adalah teknik yang digunakan untuk membuat layout menyesuaikan diri dengan tampilan device pengunjung, baik dari resolusi dan orientasinya. Jadi tampilan pada desktop komputer dengan pada smartphone akan berbeda. Dengan teknik responsive ini maka tidak perlu sebuah web development membuat banyak tampilan untuk satu situs.

Keuntungan menggunakan Responsive WEB

1. Satu Website dapat digunakan Semua devices

Salah satu aspek menarik dari design web responsive adalah peingkatan kualitas website serta user-experience yang digunakan dari berbagai macam device dengan ukuran berbeda-beda.Ini adalah karakteristik yang penting untuk diketahui ,apalagi kita tidak mungkin membatasi pengguna kita dengan device yang mereka gunakan. Pengguna yang penasaran atau menggunakan multiple-device baik PC,ataupun mobile,setelah mereka mendapatkan ketertarikan positif terhadap desain responsive yang kita sajikan,tidak menutup kemungkinan mereka akan membuka dari komputer setelah mereka menggunakan dari device mobile. Keuntungan yang dapat kita ambil adalah Active Vicitor akan menjadi pembaca setia dari setiap informasi yang disajikan.

2. Lebih Mudah Dalam Pengelolaan

Jika anda masih menggunakan dua versi yang berbeda(desktop dan Mobile) pasti akan kesulitan untuk mengelola konten apalagi SEO.Hal ini akan menguras tenaga dan waktu untukl dapat mengoptimalkan website yang tidak dirancang memiliki desain responsive. Inilah keunggulan desain website responsive,kita akan menyimpan banyak waktu dan tenaga untuk melakukan hal-hal yang