NIM : 1311511099NAMA : MOHAMMAD ARIEF

TUGAS 6REKAYASA WEB

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.

CONTOH WEBhttp://outdoorplus.co.uk/

HTTP://SAMPEDRO.DK/EN/

CONTOH WEB

FRAMEWORK BOOSTRAPBootstrap 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.

FRAMEWORK BOOSTRAPBootstrap 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)

KELEBIHAN DAN KEKURANGAN

Kelebihan bootstrap1. 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 bootstrapHarus 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.

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.

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