Dokumen tersebut membahas tentang responsive web design, contoh website yang menggunakan teknik tersebut, dan framework Bootstrap dan Foundation untuk membangun desain web yang responsif.

1. NIM : 1311511099
NAMA : MOHAMMAD ARIEF
TUGAS 6
REKAYASA WEB

2. RESPONSIVE WEB DESIGN
Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat
layout website 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. Responsive
Web Design Untuk mengetes tampilan yang menggunakan teknik Responsive tersebut
tidak harus mengaksesnya melalui mobile device ataupun device lainnya, namun cukup
dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita
sudah dapat melihat tampilan website kita pada layar mobile device.

3. CONTOH WEB
http://outdoorplus.co.uk/

4. HTTP://SAMPEDRO.DK/EN/
CONTOH WEB

5. FRAMEWORK BOOSTRAP
Bootstrap merupakan framework untuk membangun desain web secara
responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan
menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop,
tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan
sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk
tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan
dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap
kita juga bisa membangun web dinamis ataupun statis.

6. FRAMEWORK BOOSTRAP
Bootstrap adalah Boot atau booting. Dalam perangkat keras berarti proses
mengaktifkan komputer sampai diambil alih oleh sistem operasi. Proses boot ini
dikenal dengan dua cara, yaitu warm boot dan cold boot.
Warm boot, berarti mengaktifkan kembali, tanpa harus dimatikan terlebih
dahulu, misalnya dengan menekan tombol reset, atau memencet sekaligus tombol
CTRL+ALT+DEL pada sistem operasi Disk Operating System (DOS).
Cold boot, Proses menghidupkan komputer saat komputer dalam keadaan
mati (dingin)

7. KELEBIHAN DAN KEKURANGAN
 Kelebihan bootstrap
1. Tidak perlu harddisk, karena dapat digantikan perannya oleh Ethernet card dan BOOT Lan Memiliki
log file sehingga dapat dilihat sewaktu-waktu penyebab error dengan melihat logfile tersebut.
2. Responsive Layout dan 12-column grid system. Dengan Responsive Layout maka aplikasi web yang
didesain dengan menggunakan Bootstrap akan langsung menyesuaikan dengan lebar dari media
perambahnya.
3. tampilan web akan tetap rapi dibuka dengan media apapun baik itu handphone, tablet, laptop ataupun
PC desktop.
 Kelemahan bootstrap
Harus dilakukan secara manual sehingga resiko menimbulkan masalah cukup besar. Pengiriman
pesan yang tidak dapat diandalkan karena menggunakan UDP. OS sekarang misalnya Windows sudah
tidak memasukkan BOOTP dalam konfigurasi jaringannya.

8. FRAMEWORK FOUNDATION
Foundation adalah framework untuk membuat disain web responsive
dengan cepat. mengetahui dasar HTML dan CSS akan sangat membantu
menggunakan framework ini,foundation ini cuma ready made CSS dan
javascript untuk membantu para disainer.

9. KELEBIHAN DAN KEKURANGAN
 Kelebihan Foundation
 Grid sistem yang baik
 Komponen dan fitur lebih banyak
 Baik untuk penggunaan Gambar
 Kekurangan Foundation
 Template yang menggunakan foundation lebih berat ketimbang yang menggunakan
bootstrap, hal ini mungkin ditimbulkan dari komponen foundation yang lebih banyak
dari bootstrap.
 Dokumentasi terbatas