Laporkan Masalah

Penggunaan Bootstrap Bergaya Flat dan Responsive design pada Desain Website Marching Band Universitas Gadjah Mada

DYAS SEPTANU ADI , Alif Subardono, S.T, M.Eng

2015 | Tugas Akhir | D3 TEKNIK ELEKTRO

Website merupakan media informasi yang paling banyak digunakan oleh masyarakat masa kini karena kemudahan dalam pengaksesannya yang hanya membutuhkan internet dan peralatan mobile (smartphone, tablet, dan lain-lain) menjadi pilihan yang paling banyak untuk mengaksesnya. Desain website yang responsive dengan gaya flat menjadi trend yang menawarkan banyak keunggulan dalam pengaksesan website melalui peralatan mobile dan bootstrap menjadi framework yang mempermudah pembuatan website responsive dengan gaya flat. Pada proyek akhir ini dilakukan redesign website Marching Band UGM dengan menonjolkan desain responsive bergaya flat yang menggunakan framework bootstrap dalam perancangannya. Bootstrap menawarkan kemudahan melalui kelas-kelas, variabel, dan fungsi-fungsi yang telah disediakan untuk perancangan. Konsep dasarnya perancang melakukan markup desain dan untuk fungsi-fungsi tertentu cukup memasukkan kelas yang diinginkan kedalam HTML. Penulisan CSSpun didukung dengan LESS yang membuat penulisan menjadi lebih mudah dan ringkas.

Website is a medium of information most used by today's people because of the ease in accessing use only the internet and mobile devices (smartphones, tablets, and other things.) become the most popular options to access them. Responsive web design with stylish flats to be a trend that offers many advantages in accessing websites through mobile devices and bootstrap become a framework that facilitates the creation of responsive website with flat style. In this final project redesign of Marching Band UGM's website with flat style offers a responsive design that uses a bootstrap framework in it's design. Bootstrap offers ease through classes, variables, and functions that have been provided for the design. The basic concept of design is the designer do the markup for certain functions by simply enter the desired class into HTML. Writing CSS with LESS supported which makes writing easier and more concise.

Kata Kunci : Desain website, framework, bootstrap 3, responsive