Electronic Theses and Dissertation

Sistem Informasi Borang Akreditasi (SIBA) adalah suatu sistem yang menampung data terkait akreditasi program studi. Banyaknya data penting yang ditampung di dalam SIBA memerlukan visualisasi terhadap data tersebut. Visualisasi data sangat berperan penting dalam pengambilan keputusan. Saat ini, dashboard SIBA hanya memiliki beberapa visualisasi sederhana yang menggunakan pustaka berbayar, hal ini mengakibatkan informasi yang tersampaikan terlalu sedikit. Oleh karena itu, penelitian ini bertujuan untuk merancang bangun dashboard visualisasi data pada SIBA menggunakan pustaka JavaScript Data-Driven Document (D3.js). Dashboard ini dibangun untuk masing-masing kelompok pengguna admin dan dosen dengan menggunakan metode protyping dan dikembangkan menggunakan framework Laravel. Kelompok pengguna admin memiliki tiga halaman dashboard visualisasi data, yang terdiri dari visualisasi data mahasiswa, visualisasi data dosen, dan visualisasi data lainnya. Sedangkan kelompok pengguna dosen, hanya memiliki satu dashboard visualisasi data, yaitu visualisasi data dosen yang sama
dengan halaman dashboard visualisasi data dosen pada admin. Pengujian usability pada SIBA menggunakan Post Study System Usability Questionnaire (PSSUQ) dengan melibatkan 15 orang responden dengan rincian 4 staf administrasi dan 11 dosen. Kuesioner ini terdiri dari 16 soal dengan 7 skala likert, dengan acuan semakin tinggi angka
pada skala maka semakin rendah kualitas sistem yang diuji. Hasil pengujian mendapatkan nilai rata-rata untuk skala System Quality (SYUSE) sebesar 1,94, skala Information Quality (INFOQUAL) sebesar 2,43, skala Interface Quality (INTERQUAL) sebesar 2,02, dan skala Overall mendapatkan nilai 2,05. Berdasarkan nilai tersebut, dapat disimpulkan bahwa sistem ini sudah memenuhi kebutuhan pengguna.

Kata Kunci: Dashboard, Visualisasi data, D3.js, Prototyping model, PSSUQ

The Accreditation Support System (SIBA) is a system that stores data related to program accreditation. The amount of important data stored in SIBA requires data visualization. Data visualization plays an important role in decision-making. Currently, the SIBA dashboard has only a few simple visualizations that use paid libraries, resulting in too little information being conveyed. Therefore, this research aims to design a data visualization dashboard on SIBA using the Data-Driven Document (D3.js) JavaScript library. This dashboard was built for each admin and lecturer user group using the prototype method and developed using the Laravel framework. The admin user group has 3 data visualization dashboard pages, consisting of student data visualization, instructor data visualization, and other data visualization. While the lecturer user group, has only one data visualization dashboard, namely lecturer data visualization, which is the same as the lecturer data visualization dashboard page on the admin. Usability testing on SIBA uses the Post Study System Usability Questionnaire (PSSUQ) with 15 respondents, including 4 administrators and 11 lecturers. This questionnaire consists of 16 questions with 7 Likert scales, where the higher the number on the scale, the lower the quality of the system being tested. The test results give an average value of 1.94 for the System Quality (SYUSE) scale, 2.43 for the Information Quality (INFOQUAL) scale, 2.02 for the interface quality (INTERQUAL) scale, and 2.05 for the overall scale. Based on these values, it can be concluded that this system has met the users' needs. Keyword: Dashboard, Data Visualization, D3.js, Prototyping model, PSSUQ