A. Pengertian Responsive Web
Responsive website adalah website yang bisa menyesuaikan tampilan layoutnya berdasarkan ukuran viewport dari device yang digunakan mulai dari smartphone, tablet atau computer screen. Dengan responsive website bisa memberi pengalaman yang optimal bagi pengguna dengan resizing, scrolling dan panning seminimal mungkin. Perkembangan teknologi mobile device begitu pesat melahirkan mobile device dengan ukuran layar yang berbeda dengan merek yang begitu variatif. Smartphone yang diproduksi oleh berbagai vendor memiliki varian ukuran. Dengan responsive website, website bisa menyesuaikan dengan ukuran viewport device pengaksesnya.
B. Pengertian Non Responsive Web
Mobile website secara prinsip adalah sama dengan website secara umum, yang dibuat dengan HTML, CSS, javascript, PHP. Namun perbedaannya adalah mobile website dibuat agar optimal untuk ukuran layar mobile device seperti smartphone atau tablet. Bila kita mengakses web yang memang dibuat untuk layar desktop komputer/laptop menggunakan mobile device maka akan ada scroll horizontal dan zoom yang tentu mengganggu kenyamanan pengguna (bad user experience). Adanya mobile website tentu tidak akan ada lagi masalah scrolll horizontal dan zoom dimaksud.
Dengan fenomena pertumbuhan mobile device penyedia konten merasa perlu membuat website secara terpisah, yakni website untuk pengguna dekstop dan mobile web untuk mobile user. Namun sejak gagasan responsive web design oleh Ethan Marcotte ada trend baru berupa ide satu website untuk semua device. Walaupun tidak lepas dari pro kontra juga ide satu website untuk semua device di kalangan web profesional, berikut kita lihat sisi kelebihan dan kelemahannya.
Kelebihan :
1. Responsive Website
• Dengan adanya responsive website berarti hanya memiliki 1 website namun bisa diakses oleh berbagai device dengan ukuran layar berbeda-beda
• Dengan hanya memiliki 1 website berarti kemudahan dalam maintenance
• Degan hanya memiliki 1 website tentu lebih hemat biaya
• Dengan hanya memiliki 1 hanya butuh 1 alamat domain
• Dengan hanya memiliki 1 website tidak perlu upaya dan biaya tambahan untuk marketingnya, berbeda bila memiliki responsive website sekaligus mobile website
2. Mobile Website
• Membuat mobile website tidaklah serumit membuat responsive website
• Untuk news dan publikasi website kita bisa melakukan customisasi agar berita yang paling update, berita penting saja yang ditampilkan di mobile website
• Dirancang sejak awal untuk diakses melalui smartphone dengan layar relatif kecil, sehingga pengguna akan mendapatkan user experience maksimal
Kekurangan :
1. Responsive Website
• Waktu loading yang lebih lama dibandingkan mobile web, karena responsive web harus me- loading semua image dan skrip yang ada
• Mengganggu penempatan banner iklan, posisi banner iklan jelas akan terpengaruh dengan sifat responsive web yang menyesuaikan layoutnya berdasarkan ukuran layar devicenya. Seperti kita tahu banyak blog, news web yang mengandalkan pendapatan dari iklan
• Pengembangan responsive website membutuhkan biaya lebih tinggi karena kompleksitas yang ada pada responsive website
2. Mobile Website
• Dengan mobile website berarti harus memiliki dua URL berbeda. Sebagai contoh mobile website memiliki URL yang diawali huruf m. Bisa kita ambil contoh : www.m.detik.com
• Dengan memiliki mobile website berarti ada 2 website yang berbeda yang harus dimaintain : website utama dan mobile website. Ini berarti ada tambahan biaya.
• Mobile website biasanya dibuat hanya untuk 1 ukuran layar, sebagai contoh smartphone dengan ukuran tertentu
PERBEDAAN WEB DINAMIS DAN STATIS
Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web tersebut tidak memliki database, data dan informasi yang ada pada web statis tidak berubah-ubah kecuali diubah sintaksnya. Dokumen web yang dikirim kepada client akan sama isinya dengan apa yang ada di web server.
Contoh dari web statis adalah web yang berisi profil perusahaan. Di sana hanya ada beberapa halaman saja dan kontennya hampir tidak pernah berubah karena konten langsung diletakan dalam file HTML saja.
2. Pengertian Web Dinamis
Dalam web dinamis, interaksi yang terjadi antara pengguna dan server sangat kompleks. Seseorang bisa mengubah konten dari halaman tertentu dengan menggunakan browser. Request (permintaan) dari pengguna dapat diproses oleh server yang kemudian ditampilkan dalam isi yang berbeda-beda menurut alur programnya. Halaman-halaman web tersebut memiliki database. Web dinamis, memiliki data dan informasi yang berbeda-beda tergantung input apa yang disampaikan client. Dokumen yang sampai di client akan berbeda dengan dokumen yang ada di web server.
Contoh dari web dinamis adalah portal berita dan jejaring sosial. Lihat saja web tersebut, isinya sering diperbaharui (di-update) oleh pemilik atau penggunanya. Bahkan untuk jejaring sosial sangat sering di-update setiap harinya.
3. Perbedaan Web Statis dan Web Dinamis
a. Interaksi antara pengunjung dan pemilik web
Dalam web statis tidak dimungkinkan terjadinya interaksi antara pengunjung dengan pemilik web. Sementara dalam web dinamis terdapat interaksi antara pengunjung dengan pemilik web seperti memberikan komentar, transaksi online, forum, dll.
b. Bahasa Script yang digunakan
Web statis hanya menggunakan HTML saja, atau paling tidak bisa ditambah dengan CSS. Sedangkan web dinamis menggunakan bahasa pemrograman web yang lebih kompleks seperti PHP, ASP dan JavaScript.
c. Penggunaan Database
Web statis tidak menggunakan database karena tidak ada data yang perlu disimpan dan
diproses. Sedangkan web dinamis menggunakan database seperti MySQL, Oracle, dll untuk menyimpan dan memroses data.
d. Konten
Konten dalam web statis hanya diberikan oleh pemilik web dan jarang di-update, sementara konten dalam web dinamis bisa berasal dari pengunjung dan lebih sering di-update. Konten dalam web dinamis bisa diambil dari database sehingga isinya pun bisa berbeda-beda walaupun kita membuka web yang sama.
EmoticonEmoticon