Web Application

Pada tutorial kali ini kita akan membuat tampilan comment dengan Bootstrap. Kita akan menggunakan Media Object untuk menampilkan sebuah comment terdiri dari foto pengguna, judul komentar dan isi komentarnya. Tampilan yang akan dihasilkan adalah seperti gambar berikut ini: Source inti

Dalam pengembangan aplikasi berbasis web, kita mungkin akan menampilkan pesan pemberitahuan seperti persetujuan mengenai syarat dan ketentuan. Dalam Bootstrap kita akan dengan mudah membuatnya dengan Panel. Misal kita ingin membuat tampilan seperti di bawah ini: Source Code utama tampilan di

Pada artikel kali ini kita akan merancang tampilan responsive design yang sederhana menggunakan grid dari Bootstrap. Kita akan merancang tampilan pada desktop, tablet dan smartphone. 1. Untuk tampilan desktop kita ingin merancang seperti berikut ini:Untuk header dan footer akan terlihat

Dalam merancang tampilan website, kita perlu memikirkan bagaimana supaya tampilan website yang sudah kita kembangkan dapat terlihat secara baik di handphone, tablet dan notebook. Secara teknis  kita dapat mengembangkan tampilan website dengan karakteristik tersebut dengan sebutan  responsive design. Kita dapat

Artikel ini merupakan kelanjutan dari Navigasi bar pada Bootstrap yang ada di http://www.proweb.co.id/articles/web_application/navigasi_bootstrap.html .  Pada artikel tersebut, Dropdown menu  hanya 1 level, pada artikel ini kita akan membuat Dropdown menu yang multilevel dengan menggunakan Bootstrap dan Smartmenus. Artikel ini bersumber

Navigasi bar merupakan elemen penting dalam sebuah website atau aplikasi web. Kali ini kita akan membuat navigasi web menggunakan framework Bootstrap. Sumber pembelajaran kali ini berasal dari http://getbootstrap.com/examples/navbar/ . Langkah-langkah membuat navigasi bar pada framework Bootstrap adalah Pada ./dist silahkan

Pada kali ini, kita akan belajar membuat kolom-kolom menggunakan framework Bootstrap. Pembelajaran kali ini diambil dari http://getbootstrap.com/examples/grid/ . Contoh-contoh membuat kolom menggunakan Bootstrap adalah Baris dengan 12 kolom sama:     <div class=”row”>        <div class=”col-md-1″>.col-md-1</div>        <div class=”col-md-1″>.col-md-1</div>        <div class=”col-md-1″>.col-md-1</div>        <div class=”col-md-1″>.col-md-1</div>        <div

Langkah selanjutnya dalam mempelajari framework Bootstrap adalah membuat template dasar bagi pemula. Kita belajar dari contoh yang ada di http://getbootstrap.com/examples/starter-template/ . Dari informasi yang ada di http://getbootstrap.com/examples/starter-template/ kita akan belajar dengan langkah-langkah Pada folder ./dist silahkan membuat file baru yaitu

Framework Bootstrap merupakan framework yang paling terkenal dalam penggunaan HTML, CSS dan JS untuk menghasilkan website yang responsive. Berikut ini kita akan memulai belajar framework Bootstrap. Langkah-langkah memulai belajar framework Bootstrap adalah seperti berikut ini Silahkan mengunjungi website Bootstrap di

Dalam melakukan pengembangan aplikasi, kita mungkin membutuhkan akses yang fleksible. Sebagai contoh kita ingin database MySQL mudah diakses secara remote. Kita mungkin mempunyai tools  yang dapat mendisain database dan langsung menjadikan script yang langsung membentuk tabel MySQL. Berikut ini ceklist