TUGAS 6 – REKAYASA WEB KELOMPOK (KU)RADEN DONI WIJOYO - 1311511057

01. Responsive Web Design

Responsive Web Design adalah sebuah pendekatan yang menunjukkan bahwa desain dan pengembangan harus menanggapi perilaku dan lingkungan pengguna  berdasarkan pada ukuran, platform dan orientasi layar. Praktik ini meliputi penggunan perpaduan grid fleksibel dan layout, gambar dan CSS media query. Sebagaimana pengguna saat ini yang beralih dari laptop ke tablet, website secara otomatis harus menyesuaikan resolusi, ukuran gambar dan kemampuan scriptingnya. Dengan kata lain, website harus memiliki teknologi untuk secara otomatis merespon preferensi pengguna yang didasarkan pada resolusi layar gadget yang digunakan (komputer pc, laptop, netbook,tablet, smart phone dan mobile phone).

Contoh Perbandingn Web Responsive dengan yang No Responsive

RESPONSIVE WEB DESIGNWEB NO RESPONSIVE

Framework

Framework - secara bahasa adalah sebuah kerangka kerja. dalam dunia pemrograman framework berarti sebuah kerangka kerja yang disusun agar dapat memudahkan dan mempercepat developer untuk membuat suatu aplikasi atau software. Yang didalamnya terdapat berbagai fungsi, plugin, dan konsep sehingga membentuk suatu sistem tertentu.Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi ada banyak sekali jenis framework yang telah dikembangkan hingga saat ini. framework bisa di kategorikan berdasarkan bahasa pemrograman yang digunakan. dan salah satunya adalah framework css.

Mengenal framework css Bootstrap

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 & Kekurangan Framework Css Bootstrap

KEUNGGULAN : Waktu pembuatan yang lebih cepat Template yang menggunakan

Bootstrap lebih rapi Template yang menggunakan

Bootstrap lebih ringan. Responsive dan tidak responsive Dokumentasi Lengkap

KEKURANGAN : Minim gambar Mudah dikenali

Mengenal framework css Foundation 

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 & Kekurangan Framework Css Foundation

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

KEKURANGAN : Template yang menggunakan

foundation lebih berat ketimbang yang menggunakan bootstrap, hal ini mungkin ditimbulkan dari komponen foundation yang lebih banyak dari bootstrap.

Dokumentasi terbatas

“ Terima Kasih “