makala tentang bootstrap

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

1.      Sumber : http://id.wikipedia.org/wiki/HTML5

2.      Sumber : http://sukamikir.wordpress.com/2009/10/20/html-5-menjadi-solusi-para-web-development/