Mendengar kata Bootstrap pastinya para Frontend Developer sudah tidak asing lagi dengan nama tersebut. Twitter Bootstrap ini adalah sebuah framework HTML-CSS yang digunakan untuk membantu atau memudahkan para Frontend Developer untuk membuat layout sebuah halaman baik yang responsive maupun yang non-responsive. Sudah banyak website yang memakai Twitter Bootstrap ini sebagai framework-nya, contohnya bisa dilihat di http://expo.getbootstrap.com/.

Twitter Bootstrap ini menjadi inspirasi tim DMD dalam pembuatan frontend untuk aplikasi di BINA NUSANTARA yaitu BINUS CSS Framework. Di BINUS, CSS Framework tersebut tidak memakai Twitter Bootstrap sebagai framework-nya, tetapi dibuat ulang sesuai kebutuhan aplikasi dan juga disesuaikan desainnya baik layout maupun komponennya dengan standar desain yang ada di BINUS (Corporate Identity). Jadi tim DMD hanya mengambil konsep yang ada di Bootstrap saja tanpa memakai produk Twitter Bootstrap itu sendiri.

Tujuan dibuatnya BINUS CSS Framework ini sama dengan Twitter Bootstrap yaitu memudahkan untuk membuat layout. Bedanya kalau Twitter Bootstrap untuk semua orang, sedangkan BINUS CSS Framework hanya untuk Frontend Developer di BINUS saja.

Untuk demo dari BINUS CSS Framework ini, tidak dapat diakses oleh sembarang orang karena takut disalahgunakan untuk kepentingan lain. Namun akan saya tampilkan beberapa halaman dan komponen penting yang terdapat pada BINUS CSS Framework ini. Berikut contohnya:

01. Halaman Login

login
Halaman login disamakan desainnya dengan yang ada pada halaman login website binus.ac.id.

(more…)