Tugas 6 rekayasa web laily fitria 1412510511

7
TUGAS 6 REKAYASA WEB Nama : Laily Fitria NIM : 1412510511

Transcript of Tugas 6 rekayasa web laily fitria 1412510511

Page 1: Tugas 6 rekayasa web laily fitria 1412510511

TUGAS 6 REKAYASA WEBNama : Laily FitriaNIM : 1412510511

Page 2: Tugas 6 rekayasa web laily fitria 1412510511

1.apa yang anda ketahui tentang Responsive Web Design ? berikut beberapa contoh web dengan karakter 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.

Page 3: Tugas 6 rekayasa web laily fitria 1412510511

Beberapa Contoh Responsive Web Design• http://www.markeluk.com/portals/direct/graphic/index.html

Page 4: Tugas 6 rekayasa web laily fitria 1412510511

Beberapa Contoh Responsive Web Design• http://www.beoplay.com/products/beoplayh2#at-a-glance

Page 5: Tugas 6 rekayasa web laily fitria 1412510511

Beberapa Contoh Responsive Web Design• http://sampedro.dk/en/

Page 6: Tugas 6 rekayasa web laily fitria 1412510511

Bootstrap adalah sebuah framework yang dikembangkan pengembang Twitter pada pertengahan tahun 2010. Sebelum menjadi kerangka kerja open-source, Bootstrap dikenal sebagai Twitter Blueprint. Dan terus berkembang sampai saat ini dan Bootstrap telah menjadi salah satu front-end framework yang paling populer dan merupakan proyek open source di dunia.

Keunggulan Framework Css Bootstrap – berikut ini beberapa keunggulan dan kelebihan yang dari framework css bootstrap :

Waktu pembuatan yang lebih cepat Template yang menggunakan Bootstrap lebih rapi Template yang menggunakan Bootstrap lebih ringan. Responsive dan tidak responsive Dokumentasi Lengkap

2.Bandingkan beberapa contoh framework yang telah mengimplmentasikan Responsive Web Design, seperti Bootstrap, Foundtaion dll!

Page 7: Tugas 6 rekayasa web laily fitria 1412510511

Foundation adalah framework css yang dikembangkan oleh ZURB pada tahun 2011. Edisi pertama framework css Foundation adalah versi 2.0 dan hingga saat ini foundation telah mengalami beberapa kali pengembangan hingga muncul versi 5 nya. Dari awal pembuatanya ZURB mengusung sebuah misi untuk membuat framework yang lebih cepat dan lebih baik untuk membuat tampilan sebuah website. Dan sama seperti bootstrap, foundation pun mengusung responsive fitur didalamnya.

Keunggulan Framework Css Foundation – sama seperti bootstrap foundation memiliki berbagai keunggulan fitur didalamnya apabila dibandingkan dengan framework lain, dan diantaranya adalah :

Grid sistem yang baik Komponen dan fitur lebih banyak Baik untuk penggunaan Gambar  

2.Bandingkan beberapa contoh framework yang telah mengimplmentasikan Responsive Web Design, seperti Bootstrap, Foundtaion dll!