Web Application

Dalam mengembangkan aplikasi berbasis web pasti ada unsur penginputan data. Pada saat input data kita akan mengisi form sesuai data-data yang dibutuhkan. Setelah selesai memasukkan data, langkah berikutnya adalak klik kirim atau submit. Jika koneksi jaringan bagus maka akan tersubmit.

Saat kita membuat aplikasi, kita ingin supaya pemakai merasa nyaman dalam menjalankan aplikasi kita. Salah satu kenyamanan adalah tata letak dan disain yang baik. Begitu juga dalam mengembangkan aplikasi berbasis web, kita tentu ingin membuat tampilan yang memberikan kenyamanan bagi

Kita mungkin sedang merencanakan aplikasi yang mempunyai fasilitas tracking. Sebagai contoh aplikasi prospecting, suatu aplikasi yang digunakan team sales untuk melakukan follow up kepada calon pelanggan. Kita ingin memastikan bahwa sales benar-benar datang ke calon pelanggan dan melaporkan hasil kunjungan

Informasi yang panjang kadang memberikan kesan rumitnya sebuah informasi. Untuk memudahkan informasi dimengerti maka dibuat pengelompokan-pengelompokan informasi. Hal inilah yang dikerjakan oleh tab. Informasinya akan dikelompokkan dalam tab-tab sehingga informasi yang disajikan lebih mudah dipahami. Kali ini kita akan membuat

Bootstrap memiliki feature scrollspy. Seperti namanya scrollspy ini bertugas mengamati scroll kemudian sesuai hasil pengamatan melakukan update ke menu navigasi sesuai posisi scroll. Contoh coding navigasinya adalah seperti berikut ini:<nav id=”navku” class=”navbar navbar-default” role=”navigation”>    <div class=”container-fluid”>        <div class=”navbar-header”>      

Multilevel menu dengan aktivasi onclick memiliki keistimewaan sendiri karena tidak sinteraktif on mouse over. Dengan demikian maka konsentrasi kepada menu tidak diganggu dengan tampilan menu yang cepat berubah tampilan. Source code utama pada artikel kali ini adalah sebagai berikut  Pastikan

Dalam membuat aplikasi berbasis web, kita mungkin memberikan pilihan-piihan yang menggunakan checkbox. Kali ini kita akan membuat checkbox dengan tampilan button menggunakan framework Bootstrap. Source code utama checkbox dengan tampilan button adalah seperti contoh berikut ini:        <div class=”btn-group” data-toggle=”buttons”>  

Dengan menggunakan Bootstrap, kita juga dapat membuat alert dan kemudian dapat ditutup dengan pemrograman yang mudah. Source code utama membuat alert dengan Bootstrap adalah seperti contoh berikut ini:        <div class=”alert alert-success alert-dismissable”>        <button type=”button” class=”close” data-dismiss=”alert”>&times;</button>        

Setelah kita membuat menu dengan mudah menggunakan Bootstrap, artikel kali ini akan membuat dropdown menggunakan icon. Dengan tampilan icon ini akan memudahkan pemakai aplikasi kita membayangkan apa yang akan dikerjakan dengan aplikasi kita. Sebagai contoh source code utama kita adalah:  

Dalam membuat aplikasi berbasis web, dropdown menu adalah fasilitas yang harus ada untuk memudahkan pemakai aplikasi menggunakan aplikasi. Dengan menggunakan framework Bootstrap, kita dapat membuat dropdown menu dengan mudah. Source code utama membuat membuat dropdown menu dapat dilihat pada contoh