Articles

Web Application Article:

03 November 2014

Form dasar dengan Bootstrap

Dalam website kita mungkin menyediakan form untuk menghubungi kita. Dalam aplikasi, form juga sangat penting untuk memasukkan data proses atau data transaksi. Saat ini kita akan membuat tampilan form menggunakan Bootstrap. Source code utam

More

01 November 2014

Mengarahkan tindakan dengan Bootstrap

Dalam melakukan informasi iklan atau penawaran terbatas, kita mungkin ingin menyampaikan kepada pengunjung website untuk mengambil suatu tindakan misalnya segera melakukan pembelian. Kita dapat membuat tampilan seperti itu pada Bootstrap dengan so

More

31 October 2014

Menonjolkan paragraf dengan Bootstrap

Dalam memberikan penjelasan melalui tulisan, kita mungkin ingin menonjolkan paragraf-paragraf tertentu untuk menunjukkan nilai pentingnya. Dalam Bootstrap kita dapat menonjolkan suatu paragraf tertentu menggunakan class well. Source code u

More

30 October 2014

Link dengan tampilan button menggunakan bootstrap

Dalam membuat aplikasi kita mungkin menemukan adanya suatu form dengan button yang kalau diklik akan masuk ke suatu halaman tertentu. Ini terjadi misalnya pada form Submit dan Cancel, pada submit melakukan pemrosesan data sedangkan pada Cancel aka

More

30 October 2014

Posisi halaman dengan Bootstrap

Dalam melakukan disain website, kita ingin membuat navigasi yang nyaman bagi pengunjungnya. Salah satu komponen penting adalah informasi posisi halaman yang sedang kita baca. Inilah yang disebut breadcrumbs. Misal kita ingin membuat sebuah

More

30 October 2014

Navigasi responsive dengan Bootstrap

Pada tutorial kali ini kita akan membuat sistem navigasi menu yang responsif dengan menggunakan Bootstrap. Tampilan navigasi menu akan tampil dengan baik pada Mobile maupun Desktop. Kita akan merancang dengan tampilan: Tampi

More

24 October 2014

Navigasi yang mudah pada Bootstrap

Navigasi website merupakan komponen penting dalam website yang kita kembangkan. Navigasi berfungsi mengarahkan pengunjung website untuk mendapatkan informasi-informasi yang dibutuhkan. Dengan menggunakan framework Bootstrap, kita dengan mu

More

21 October 2014

Thumbnail advance menggunakan Bootstrap

Pada artikel sebelumnya kita telah membuat thumbnail dasar menggunakan Bootstrap. Pada artikel kali ini kita akan membuat thumbnail yang lebih advance. Thumbnail adavance kali ini akan dilengkapi dengan judul (captain) dan juga penjelasan singkat.

More

20 October 2014

Membuat thumbnail dengan Bootstrap

Dengan menggunakan Bootstrap kita mudah membuat tampilan thumbnail. Misalnya kita ingin membuat tampilan seperti ini: Kunjungi www.proweb.co.id untuk menambah wawasan anda.

More

19 October 2014

Tampilan comment dengan Bootstrap

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 se

More