Tugas6 rekayasaweb-1412511519-andhikadestapermana

5
Tugas 6 Rekayasa Web Nama : Andhika Desta Permana NIM : 1412511519 Kelompok : KI

Transcript of Tugas6 rekayasaweb-1412511519-andhikadestapermana

Page 1: Tugas6 rekayasaweb-1412511519-andhikadestapermana

Tugas 6 Rekayasa WebNama : Andhika Desta Permana

NIM : 1412511519Kelompok : KI

Page 2: Tugas6 rekayasaweb-1412511519-andhikadestapermana

1. Apa yang anda ketahui tentang Responsive Web Design? Berikan beberapa contoh web dengan karakter Responsive Web Design!

Page 3: Tugas6 rekayasaweb-1412511519-andhikadestapermana

Desain Web Responsif (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 resolusi layar 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 dengan ponsel seperti iPhone. Koneksi internet menjadi sebuah keharusan dalam masyarakat modern, dan tidak dapat dimungkiri 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. 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.

Page 4: Tugas6 rekayasaweb-1412511519-andhikadestapermana

Contoh Karakteristik Web Responsive :

Page 5: Tugas6 rekayasaweb-1412511519-andhikadestapermana

2. Bandingkan beberapa contoh framework yang telah mengimplementasikan Responsive web design, seperti Bootstrap, Foundation,dll !

Bootstrap :

Bootstrap saat ini adalah salah satu kerangka kerja (framework) templating yang paling banyak digunakan di seluruh dunia. Kerangka kerja bootstrap ini mencakup HTML dan komponen CSS, plugin jQuery dan sistem pembagian grid - gridnya. Grid bootstrap memiliki 12 kolom, metode grid di bootstrap ini telah menjadi sangat populer sehingga banyak tema CMS (dirancang untuk WordPress, Drupal, dan lain-lain) telah mengadopsi itu untuk memfasilitasi desain.

Zurb Foundation :

Salah satu fitur yang paling menarik tentang foundation adalah Flat, tidak terlalu khas dalam segi estetika. Maksudnya adalah jika menggunakan foundation, maka orang lain tidak akan tau, dikarenakan tidak adanya ciri khas seperti Bootsrap. Dan fitur yang menarik lainya adalah Building Blocks, yaitu pattern library yang diperuntukan untuk UI komponen di foundation.