1. TUGAS 6 – REKAYASA
WEB
NAMA : ARIS JUNEDI
NIM : 1311510919
2. RESPONSIVE WEB DESIGN
Desain Web Responsif adalah sebuah metode atau pendekatan sistem web
desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam
berbagai perangkat, baik mobile maupun komputer meja.
Web akan beradaptasi jika dibuka 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.
3. CONTOH WEB DENGAN KARAKTER
RESPONSIVE WEB DESIGN
deren.me foodsense.is
4. FRAMEWORK
Framework adalah kerangka kerja.
Framework juga dapat diartikan sebagai kumpulan script (terutama class dan
function) yang dapat membantu developer/programmer dalam menangani
berbagai masalah-masalah dalam pemrograman seperti koneksi ke database,
pemanggilan variabel, file,dll sehingga developer lebih fokus dan lebih
cepat membangunaplikasi.
5. FRAMEWORK BOOTSTRAP
Bootstrap adalah sebuah framework CSS yang menyediakan kumpulan
komponen-komponen antarmuka dasar pada web yang telah dirancang
sedemikian rupa untuk digunakan bersama-sama. Selain komponen antarmuka,
Bootstrap juga menyediakan sarana untukmembangunlayout halaman dengan
mudah dan rapi, serta modifikasi pada tampilan dasar HTML untuk membuat
seluruh halaman web yang dikembangkan senada dengan komponen-komponen
lainnya.
6. KELEBIHAN FRAMEWORK BOOTSTRAP
• Waktu pembuatan yang lebih cepat : Karena elemen-elemen yang biasa ada dalam sebuah
website pada umumnya sudah dibuatkan class-nya oleh Bootstrap ini, jadi kita tinggal
memanggilnya dalam theme.
• Template yang menggunakan Bootstrap lebih rapi : Mungkin ini akan sedikit relatif, karena
kebiasaan masing-masing developer membuat coding pasti berbeda-beda. Namun pada
dasarnya, karena bootstrap sudah terstruktur, untuk modifikasi class dan penambahan class
memang sebaiknya mempertahankan kerapihan code yang sudah ada lebih dulu.
• Template yang menggunakan Bootstrap lebih ringan.
• Responsive dan tidak responsive : Ya, dengan sedikit modifikasi template, kita bisa memilih
antara mengaktifkan sifat ‘responsive’ dan tidak ‘responsive’.
7. KEKURANGAN FRAMEWORK BOOTSTRAP
• Minim gambar : salah satu kekurangan bootstrap adalah minim dalam fasilitas
mengelolaan gambar, karena memang sebenarnya framework bootstrap dibuat untuk
dapat meminimalisasi gambar karena kebanyakan dari bootstrap lebih
memanfaatkan scrpit css.
• Mudah dikenali : Itulah salah satu hal buruk ketika sesuatu telah menjadi terkenal,
semakin banyak orang yang mudah mengenali hal tersebut. tidak terkecuali dengan
bootstrap.
mungkin bagi para pengembang front end website akan cukup merasa familiar ketika
melihat sebuah template yang dibuat dengan bootstrap. Dan akan terlihat sedikit
seragam dengan template lain yang dibuat dengan bootstrap, hal ini akan menjadi
sedikit permasalahan ketika kita dituntut untuk membuat sebuah template yang
berbeda dari kebanyakan.
8. FRAMEWORK 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.
9. KELEBIHAN FRAMEWORK FOUNDATION
• Grid sistem yang baik : Foundation memberikan anda kenyamanan dalam didalam
dua belas grid yang di sediakan dimana grid foundation lebih direspond dengan baik
oleh browser ketika menjalankan media query.
• Komponen dan fitur lebih banyak : foundation menyediakan komponen yang lebih
banyak bila dibandingkan denga bootstrap. Itu bisa dilihat dari button yang relative
lebih banyak jenisnya serta penggunaan effek javascript yang lebih dinamis.
• Baik untuk penggunaan Gambar : Foundation memiliki fungsi class untuk
memaksimalkan anda menggunakan gambar dalam sebuah website, hal ini menjadi
salah satu pembeda ketika anda membandingkan dengan bootstrap yang memang
lebih minim dalam pengelolaan gambar.
10. KEKURANGAN FRAMEWORK FOUNDATION
• Grid sistem yang baik : Foundation memberikan anda kenyamanan dalam
didalam dua belas grid yang di sediakan dimana grid foundation lebih direspond
dengan baik oleh browser ketika menjalankan media query.
• Dokumentasi terbatas : apabila dibandingkan dengan framework css Bootstrap,
dokumentasi foundation memang lebih dikatakan lebih terbatas. Ketika sahabat
melakukan pencarian tutorial foundation di mesin pencari, akan sedikit sulit untuk
menemukan dokumentasi dan tutorial penggunaan foundation apabila di
bandingkan dengan bootstrap.