BINUS CSS Framework

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.

Read More

View All Products

BINUS Website Structure & WP Multisite limitation, How we implement

multisite-WordPress-binus

WordPress Multisite :

A multisite network is a collection of sites that all share the same WordPress installation. They can also share plugins and themes. The individual sites in the network are virtual sites in the sense that they do not have their own directories on your server, although they do have separate directories for media uploads within the shared installation, and they do have separate tables in the database.

Rekan-rekan pembaca pasti sudah tidak asing dengan fitur multisite WordPress, fitur ini memungkinkan kita membuat sebuah jaringan website yang memiliki struktur main-site & sub-site. Fitur ini sangat efektif untuk membentuk arsitektur sebuah website perusahaan berskala besar yang biasanya memiliki banyak anak-usaha/divisi/unit/cabang perusahan di bawahnya.

BINUS University sebagai sebuah institusi besar di bidang pendidikan tinggi di Indonesia pun memiliki kebutuhan serupa, sebagai universitas, BINUS memiliki banyak fakultas, jurusan & biro/divisi pendukung.
Berikut daftar sederhana untuk menggambarkan kebutuhan hirarki website dari BINUS University

Kebutuhan ini dapat terjawab dengan baik oleh sistem WordPress Multisite lewat pengontrolan dan pemeliharaan sistem dalam satu instalasi WordPress, sehingga kualitas dari keseluruhan website dapat senantiasa terjaga.

 

Read More

View All Case Studies

DMD @ 3rd JAKARTA WORDPRESS MEETUP with Matt Mullenweg

It’s our pleasure that 3rd Jakarta WordPress Meetup held in BINUS University Auditorium and hosted by Matt Mullenweg it self. The great opening were performed by Indra Aziz and all participant sang Indonesian Anthem. After that, Matt started to share his presentation. It was so inspiring to hear his amazing stories about history, present, and what plan for the future WordPress. Thanks a lot for all participant, volunteer, BINUS University, and Matt Mullenweg.

 

 

 

Before the Meetup started, we conducted a small internal Meetup for Binusian to gahter BINUS WordPress Enthusiast. So next, we can create BINUS WordPress Community. Here’s the documentation :

 

View All Stories

Sprites

Apa itu Sprites?Sprites pertama kali digunakan dalam dunia game 2D seperti “Super Mario Bros“. Lalu sekitar tahun 2004, sprites pun sudah mulai digunakan dalam dunia website. Sprites dalam dunia game bisanya berisikan gambar sang karakter (dalam berbagai gerakan), background dan elemen pendukung menjadi 1 gambar besar. Sedangkan dalam dunia website, sprites terdiri dari penggabungan gambar atau elemen pendukung seperti navigasi (termasuk kondisi saat hover & klik), icon  dan button, yang kemudian menjadi satu gambar besar disebut Sprite Sheet.

Sebagian kecil dari Sprite Sheet Super Mario Bros

 

Mengapa harus digabungkan menjadi satu?

Dalam dunia game, sprites sangat berguna dalam mengurangi penggunaan memori, mempercepat proses penampilan gambar dan menjaga frame rate tetap tinggi. Menggunakan sprites pada website dapat mengurangi permintaan browser ke server (HTTP request). Contoh, di halaman home memiliki 10 gambar kecil dengan masing-masing berukuran 1 kB. Maka browser akan mengirimkan 10 permintaan ke server. Tapi jika menggunakan sprites, 10 gambar menjadi 1 dengan ukuran 10 kB, maka browser hanya akan mengirim 1 permintaan ke server. Dengan begitu load sebuah halaman web akan lebih cepat. Sprites
biasanya terdiri dari kumpulan gambar untuk digunakan sebagai navigasi, button dan elemen-elemen pendukung.

Read More

View All Notes

Products & Services

Aktivasi pengembangan web institusi BINUS University menghasilkan produk dan dukungan yang saling terintegrasi, berikut metode, produk dan bentuk dukungan yang telah kami hasilkan.

methods

methods

Kami mengembangkan metode kerja yang memanfaatkan tiga aspek utama. Ketiga aspek tersebut saling bersinggungan menghasilkan eksplorasi dan sintesa diterjemahkan ke dalam produk dan jasa yang kami hasilkan. Metode ini kami terapkan hampir di seluruh proses pekerjaan kami.

Read More

products

products

Tidak hanya web yang kami hasilkan, namun juga aplikasi berbasis web. Hal tersebut kami lakukan guna memaksimalkan pola pengembangan web institusi pendidikan. Kemudahan akses dan pengelolaan menjadi syarat mutlak aplikasi yang kami kembangkan.

All products

services

services

Memutar roda aktivitas digital-internet dibutuhkan lebih dari sekedar produk/aplikasi saja, namun diperlukan bahan bakar sebagai penggeraknya. Bentuk dukungan tersebut menjadi bagian utuh dari layanan yang kami berikan di DMD BINUS University.

All services

Copyright © BINUS UNIVERSITY. Developed by DMD BINUS. All rights reserved.