Abstract:
Proses mendesain sebuah website merupakan pekerjaan yang memakan waktu, sehingga
untuk mempermudah dan mempercepat proses tersebut para pengembang web menggunakan
library seperti CSS Framework yang dapat langsung dimanfaatkan untuk mendesain web dengan
cara menggunakan kelas - kelas yang sudah disediakan untuk masing - masing CSS Framework.
Saat ini beragam CSS framework dikembangkan dan sudah digunakan untuk kebutuhan desain
web seperti Foundation dan Bootstrap. Skripsi dengan judul "Migrasi Foundation 6 ke Bootstrap
4 dalam Studi Kasus BlueTape" menjabarkan proses perubahan CSS Framework dalam website
BlueTape. BlueTape merupakan aplikasi yang digunakan FTIS UNPAR untuk melayani layanan
yang berbasis paper-based menjadi paperless, saat ini web tersebut menggunakan Foundation 6
untuk CSS Frameworknya. Tujuan skripsi ini adalah merubah penggunaan Foundation 6 pada
aplikasi BlueTape menjadi menggunakan Bootstrap 4 untuk CSS frameworknya.
Skripsi ini mempelajari keseluruhan framework untuk membangun website BlueTape. Sumber
data yang digunakan berasal dari kode yang berada di github untuk proyek BlueTape dan Official
Documentation dari framework Foundation 6 dan Bootstrap 4. Proses perubahan diawali dengan
kode website BlueTape dianalisa keseluruhan komponen beserta kelas yang digunakan lalu
diubah kode nya menggunakan komponen dan kelas dari Bootstrap 4. Kemudian dilakukan
uji kualitas dengan menjalankan website pada perangkat dengan layar yang berbeda untuk
memeriksa kenyamanan website saat diakses pengguna. Berdasarkan proses perubahan desain
yang dilakukan dengan memperhatikan komponen dan kelas yang digunakan pada masing-masing
CSS framework, diperoleh kesimpulan bahwa komponen yang digunakan dalam website BlueTape
pada Foundation 6 ada pada Bootstrap 4 sehingga proses migrasi dapat dilakukan.
