tugas 6 rekayasa web

1. TUGAS INDIVIDU REKAYASA WEB 0316
1. Apa yang anda ketahui tentang Responsive Web Design?berikan
beberapa contoh web dengan karakter Responsive Web Design!
2. Bandingkan beberapa contoh framework yang telah
mengimplementasikan Responsive web design, seperti Bootstrap,
Foundation,dll !

2. Jawaban No 1
Responsive web design adalah sebuah pendekatan sistem web design yang
bertujuan memberikan pengalaman yang optimal dalam berbagai perangkat , baik
mobile maupun komputer meja. Dengan metode ini, web akan beradaptasi jika di
buka 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.
Ciri-ciri Responsive Web Design :
1. User interface nya beradaptasi di berbagai perangkat berbeda
2. Ukuran huruf, tata letak dan gambarnya beradaptasi di berbagai ukuran layar
yang berbeda
3. Umumnya menggunakan scrolling dan swipe untuk bernavigasi di perangkat
mobile

5. Jawaban No 2
Framework (kerangka kerja) adalah kumpulan tools atau library untuk
membuat website aplikasi mobile. Sehingga mempermudah dan
mempercepat pekerjaan seorang programmer tanpa harus membuat fungsi
atau class dari awal. Akan meng hemat waktu dan usaha. Framework
merupakan pondasi awal sebelum menentukan memakai bahasa
pemrograman apa yang akan kita pakai.
Setiap bahasa pemrograman bisa dibuat frameworknya, jadi tidak hanya
untuk website saja. Framework untuk pemrograman website yang sering di
gunakan adalah framework php dan framework css. Contoh framework PHP
adalah Zendframework . Sedangkan contoh framework css adalah
Bootstrap.

6. Bootstrap adalah sebuah framework css yang menyediakan kumpulan komponen-
komponen antarmuka dasar pada web yang telah dirancang sedemikian rupa yang
digunakan untuk mempermudah membangun tampilan web. Bootstrap
menyediakan sarana untuk membangun layout halaman dengan mudah dan rapi,
serta modifikasi pada tampilan dasar HTML untuk membuat seluruh halaman web.
Kelebihan Bootstrap :
1. Teknologi css yang sederhana dan mudah di gunakan
2. Bootstrap adalah kerangka ini dibangun menggunakan Less
3. Template yang menggunakan Bootstrap lebih rapi dan lebih ringan
4. Responsive dan not responsive dapat di pilih sesuai keinginan
Kelemahan Bootstrap :
1. Harus dilakukan secara manual sehingga resiko menimbulkan masalah cukup
besar
2. Pengiriman pesan yang tidak dapat diandalkan karena menggunakan UDP
Keunggulan foundation:
1. template pada foundation lebih berat
2. komponen dan fitur lebih banyak
3. dokumentasi terbatas