Pengembangan lanjut sistem informasi penjadwalan kuliah dengan menggunakan Framework Vue.JS

Abstract

Sistem informasi penjadwalan kuliah adalah sebuah aplikasi berbasis web yang dibuat untuk melakukan penjadwalan kuliah pada sebuah semester secara otomatis dengan algoritma genetik maupun dengan cara memasukan aktivitas secara manual. Sistem informasi penjadwalan kuliah ini telah selesai dibuat dengan menggunakan framework Laravel, Springboot, Bootstrap, dan library jQuery oleh pengembang sebelumnya. Sistem informasi penjadwalan ini telah selesai dibuat, tetapi terdapat beberapa masalah pada sistem ini di antaranya adalah kode program yang tidak terstruktur dengan baik atau seluruh kode program digabung pada sebuah file sehingga kode menjadi rumit (dalam sebuah file terdapat HTML, PHP, CSS, JavaScript) dan terdapat beberapa bagian kode yang sama tetapi disalin ulang pada beberapa file yang berbeda. Sistem informasi penjadwalan kuliah tersebut dibangun ulang dengan tujuan agar kode pada sistem tersebut menjadi lebih rapi dan terstruktur dengan baik. Bagian frontend pada sistem informasi ini dibangun ulang dengan menggunakan paradigma Component-Based Software Engineering (CBSE) dengan bantuan framework Vue.js. Framework Vue.js ini dapat digunakan untuk membangun ulang bagian frontend dengan menggunakan komponen dan beberapa fungsi yang telah disediakan. Fitur pada sistem yang dibangun ulang akan sama dengan sistem sebelumnya. Beberapa fitur yang sama pada halaman berbeda dibuat menjadi sebuah komponen, sehingga komponen tersebut dapat digunakan kembali pada semua halaman yang memiliki fitur tersebut. Penyebab terjadinya kode program yang menjadi sangat rumit ini dikarenakan terdapat banyak fitur pada sebuah halaman dan seluruh fitur tersebut digabung pada sebuah file, terdapat juga beberapa fitur yang sama tetapi kode program pada fitur tersebut ditulis berulang kali pada file yang berbeda. Dengan adanya komponen, maka fitur-fitur tersebut dapat dibuat menjadi masing-masing komponen dan komponen tersebut dapat digunakan kembali. Agar kode program menjadi lebih terstruktur dan rapi, penempatan kode dibagi menjadi tiga bagian yaitu bagian style, bagian tampilan, dan bagian logika. Hasil dari pengujian yang dilakukan menyimpulkan bahwa sistem informasi penjadwalan kuliah yang dikembangkan ulang dengan menggunakan framework Vue.js menjadi clean code, mudah dilakukan pemeliharaan dan terstruktur dengan baik. Pengujian fungsionalitas juga menunjukkan bahwa fitur pada sistem informasi yang telah dikembangkan masih memiliki fungsi yang sama dengan sistem informasi sebelumnya.