BAB
I
PENDAHULUAN
A. Latar
belakang
Bootstrap
adalah platform
baru yang dikembangkan tim twitter. Pertama kali muncul pada ajang hackweek
dan kini sudah mulai penyempurnaan. . Platform ini hanya menggunakan sedikit
coding CSS dan JavaScript namun tetap bisa membuat website yang powerfull
mengikuti perkembangan browser. Website yang menggunakan bootstrap akan
menjadi website yang fleksibel, nyaman dan tentu saja cepat.
B. Rumusan masalah
a.
Apa itu bootstrap?
b.
Apa kelebihan bootstrap?
c.
Apa kekurangan bootstrap?
d.
Aoa saja fitur-fitur di dalam bootstrap?
C. Tujuan
penulisan
Supaya
penulis dan mahasisea yang membaca makalah ini dapat mengerti pengertian
bootsrtap ini :
1.
Untuk mengetahui pengertian bootstrap
2.
Untuk mengetahui apa kegunaan bootstrap
3.
Untuk mengetahui kelebihan dan kekurangan bootstrap
BAB
II
PEMBAHSAN
A. PENGERTIAN
BOOTSTRAP
Bootstrap
adalah platform baru yang dikembangkan tim twitter. Pertama kali muncul pada
ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya
menggunakan sedikit coding CSS dan JavaScript namun tetap bisa membuat website
yang powerfull mengikuti perkembangan browser. Website yang menggunakan bootstrap
akan menjadi website yang fleksibel, nyaman dan tentu saja cepat.
Bootstrap juga memudahkan pengaturan
website bagi mereka yang kurang mahir coding atau tidak punya waktu banyak.
Sekumpulan javascript dan CSS yang dibutuhkan untuk banyak sekali widget ada
dalam satu file yang terus di update oleh pengembang. Pemilik website tidak
akan lagi disibukkan dengan pengaturan css atau javascript berlebihan. Mereka
hanya perlu menentukan gadget atau elemen apa yang ingin ditampilkan dalam
bentuk HTML standart bootstrap yang sangat simple.
Misalkan dulu untuk menambahkan
menubar di blogspot, maka Anda perlu menyisipkan file CSS, HTML bahkan
JavaScript untuk effect tertentu. Kemudian ketika Anda ingin menambahkan
dropdown menu, maka per widget, paling tidak Anda butuh menambahkan CSS dan
HTML lagi. Belum lagi jika ingin lebih menarik akan dibutuhkan javascript
tambahan. Begitu seterusnya setiap penambahan widget selalu dibutuhkan banyak
kode. Tapi setelah instalasi bootstrap, Anda hanya perlu menambahkan kode HTML
nya saja.
Tetapi Penggunaan bootstrap
kadang membuat kita jadi kurang kreatif, Coding yang sudah di buatkan oleh
pengembang membuat desain web kita terbatas. Sebenarnya kita masih bisa
tambahkan CSS manual pada elemen-elemen bootstrap untuk mempercantiknya, tapi
jelas ini membuat web kita nanggung. Menambahkan CSS manual sama saja kembali
ke cara lama.
Jadi, pilihan Anda apakah akan
mengikuti perkembangan jaman bersama bootstrap, editing dan kelola website
secara instan. Atau lebih suka oprek template sendiri berkutat dengan
kode CSS yang Anda susun-susun sendiri.
B. KELEBIHAN BOOTSTRAP
1. 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.
2. 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.
3. Template yang menggunakan
Bootstrap lebih ringan.
Untuk developer yang
efisien, mungkin akan mengatakan saya salah. Karena, tidak mungkin semua class
CSS dalam Bootstrap yang akan dipakai, Benar. Tetapi juga seperti halnya
pengguna WordPress yang belum tentu memerlukan seluruh fitur WordPress, tapi
tetap menggunakannya dengan alasan fitur itu berguna dan ada jika suatu saat
dibutuhkan. Begitulah juga kira-kira saya menganggap bootstrap lebih ‘ringan’
4. Responsive dan tidak
responsive.
Ya, dengan sedikit modifikasi
template, kita bisa memilih antara mengaktifkan sifat ‘responsive’ dan tidak
‘responsive’.
5.
Banyak template bootstrap gratis dan contoh untuk belajar
Kita memang masih baru mengenal Bootstrap, dan
sepertinya tidak percuma untuk mengenalinya lebih lanjut. Karena seperti
wordpress dengan codex-nya, Twitter Bootstrap juga memiliki codex yang cukup
mudah dipelajari. Template wordpress berbasis twitter bootstrap juga banyak
yang gratis, jadi bisa sambil dipelajari karakteristik-nya.
Kelebihan lainnya
adalah:
Kelebihan dari
menggunakan Bootstrap adalah kerangka ini dibangun menggunakan Less, sebuah
teknologi CSS yang sederhana dan mudah untuk digunakan. Less juga menawarkan
lebih banyak kekuatan dan fleksibilitas dari CSS pada umumnya. Dengan Less,
pengembang dapat mengakses dengan mudah informasi dan fungsi warna, variabel,
dan operasi penggunaan.
C.
KEKURANGAN
BOOTSTRAP
Salah satu kekurangan bootstrap adalah:
Salah satu kemampuan bootstrap adalah minim gambar
karena memanfaatkan CSS3, namun disisi itu pula kekurangan dari bootstrap, CSS3
yang dikembangkan twitter dan yang lain, belum mampu menghasilkan tampilan yang
seragam di berbagai peramban halaman web.
D. FITUR-FITUR PADA BOOTSTRAP
1. css/bootstrap.css berisi style dasar (reset, layout,
typography, button) bawaan bootstrap.
2. css/bootstrap-responsive.css berisi setting
responsive desain. Kita bisa memakainya bersama bootstrap.css untuk membuat
style bootstrap menjadi responsive.
3. css/bootstrap-min.css dan
4. css/bootstrap-responsive-min.css versi compressed
dari bootstrap.css dan bootstrap-responsive.css
5. img/g. lyphicons-halflings.png dan
6. img/glyphicons-halflings-white.png, adalah icon yang digunakan pada bootstrap dengan teknik spriting.
7. js/bootstrap.js dan
8. js/bootstrap-min.js adalah javascript untuk
mengaktifkan berbagai fitur keren bawaan bootstrap.
E. TEMPLATE RESPONSIVE
Template
responsif adalah template yang bisa menyesuaikan lebar tampilannya secara
otomatis sesuai gadget yang dipakainya
v Keunggulan Template Responsif
Dengan menggunakan template
responsif, tampilan blog secara umum tidak berubah jika diakses melalui
berbagai perangkat yang mempunyai ukuran layar kecil seperti pada Phonecell dan
Tablet sehingga pengakses (pembaca) tidak perlu mengganti menjadi mode akses
web ketika dibuka di perangkat dengan layar kecil. Situs yang tidak didesain
dengan template blog responsive akan lebih lambat dibuka jika diubah menjadi
mode akses web (bukan modemobile) sehingga biaya akses internet dapat lebih
mahal karena bandwidth yang digunakan juga lebih besar.
Dengan template responsiv, navigasi
halaman tetap mudah dan tidak terganggu meskipun dengan ukuran layar kecil baik
potrait ataupun landscape seperti ukuran 240px (layar ponsel mini), 320px
(layar ponsel), 480px (layar smartphone), 768px (layar tablet) dan 1024px
(komputer dan laptop).
Karena tampilan tidak terganggu
dengan ukuran layar yang digunakan, maka penggunaan template ini dapat
meningkatkan trafik pengunjung yang datang dari perangkat mobile seiring dengan
perkembangan teknologi di bidang itu.
Jika tema blog atau web adalah
bisnis internet, maka dimungkinkan akan meningkatkan jumlah penjualan produk
atau jasa seiring bertambahnya pengunjung yang datang.
Sebagai author akan lebih mudah
menulis atau mengedit posting dari berbagai media dengan ukuran layar yang
beragam. Meskipun Template Blogger Responsive memiliki beberapa keunggulan,
tetapi bukan berarti template ini SEO Friendly karena untuk keperluan itu
diperlukan beberapa pengeditan template yang tentunya harus mengacu pada konsep
dasar metode SEO (Search Engine Optimization) yang baik dan bijak.
F.
HTML5
HTML5 adalah
sebuah bahasa markah untuk menstrukturkan dan menampilkan isi
dari Waring Wera Wanua, sebuah teknologi inti
dari Internet. HTML5 adalah revisi
kelima dari HTML (yang pertama
kali diciptakan pada tahun 1990 dan versi
keempatnya, HTML4, pada tahun 1997[1]) dan hingga
bulan Juni 2011 masih dalam pengembangan. Tujuan utama
pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung
teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah
dimengerti oleh mesin.
HTML5 merupakan salah
satu karya Konsortium Waring Wera Wanua (World Wide
Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang
dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas
pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan
diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web
Kelebihan HTML 5 :
Dukungan
suara dan video, pengembang web bekerja tanpa lelah untuk membuat
software yang streaming video, animasi layar dan mengintegrasikan dengan situs
web Jaringan pribadi seperti Facebook dan Twitter. Dalam pencarian mereka untuk
membuat aplikasi gambar dan video mereka harus belajar dan menerapkan
alat-alat, termasuk Silverlight dan Flex atau tool JavaScript lainnya. Namun,
ha ini meningkatkan waktu dan kompleksitas untuk mengembangkan Aplikasi Web
umum dan perangkat lunak. Dengan dukungan HTML, audio dan embedding video
mungkin, serta grafik dan gambar berkualitas.
Peningkatan
membentuk elemen objek, Format HTML5 juga menawarkan bentuk ditingkatkan
untuk mencari kotak, input teks dan bidang lain yang relevan dan menawarkan
validasi data yang mudah dan interaksi dengan elemen halaman serta perbaikan
yang berarti lainnya.
Geo-Lokasi, HTML5
mendukung fitur geo-lokasi canggih, terlepas dari apakah yang diberikan
oleh GPS atau tidak, secara langsung diterapkan pada semua browser HTML5
kompatibel. Lintang Google pada iPhone adalah contoh terbaik dari Geo-lokasi.
Aplikasi geo-lokasi benar-benar platform independen.
User-friendly
interface, Format HTML5 juga fitur baru dan lebih baik Database API umum digunakan
secara lokal. Sederhananya, ia menyediakan penyimpanan yang jelas database yang
memberikan pengembang kesempatan untuk menyimpan atau menyimpan data
terstruktur. Database ini digunakan ketika Anda ingin menyimpan belanja produk
keranjang untuk situs belanja secara online.
v Kelebihan
dan kekurangan HTML 5
Beberapa kelebihan yang dijanjikan pada
HTML 5:
- Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
- Integrasi
yang lebih baik dengan aplikasi web dan pemrosesannya.
- Integrasi
(’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
- Penulisan
kode yang lebih efisien.
- Dapat
dimengerti oleh peramban lawas (backwards compatible). Sehingga istilah
‘deprecated’ tidak akan diperlukan lagi.
Yang masih diperdebatkan dalam pengembangan HTML 5:
- Makna
semantik beberapa elemen presentasioal.
- Fitur aksesibilitasnya. Seperti atribut alt dan summary
BAB
III
PENUTUP
A. KESIMPULAN
Dari
uraian materi diatas dapat kita simpulkan bahwa :
1. Bootstrap
adalah platform
baru yang dikembangkan tim twitter. Pertama kali muncul pada ajang hackweek
dan kini sudah mulai penyempurnaan.
2. Kelebihan
bootstrap :
·
Waktu
pembuatan yang lebih cepat
·
Template yang menggunakan Bootstrap lebih
rapi
·
Template
yang menggunakan Bootstrap lebih ringan.
·
Responsive dan tidak responsive.
·
Banyak
template bootstrap gratis dan contoh untuk belajar
3.
Kekurangan
bootstrap :
Salah satu kemampuan
bootstrap adalah minim gambar karena memanfaatkan CSS3, namun disisi itu pula
kekurangan dari bootstrap, CSS3 yang dikembangkan twitter dan yang lain, belum
mampu menghasilkan tampilan yang seragam di berbagai peramban halaman web.
B. SARAN
Makalah ini belum sempurna, karena
masih terdapat berbagai macam kesalahan dan lainnya. Maka dari itu penulis meminta
kritik dan saran yang mendidik dari pembaca untuk kemajuan pembutan makalah
selanjutnya.
DAFTAR PUSTAKA