Migrasi foundation 6 ke bootstrap 4 dalam studi kasus Bluetape

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.