Implementasi Modul Front-End Website Portal Komunikasi Internal berbasis Vue.js dengan Arsitektur Single Page Application

Abstract

Salah satu mitra PT Indonesia Comnets Plus belum memiliki sistem terpusat untuk mengakses aplikasi internal, mengelola permintaan layanan teknologi informasi, dan menyimpan dokumentasi kegiatan perusahaan. Kondisi tersebut mendorong pengembangan portal internal COMPORGAS sebagai solusi terintegrasi. Penelitian ini bertujuan mengimplementasikan modul front-end portal internal pada modul Application, Gallery, dan IT Helpdesk menggunakan arsitektur Single Page Application berbasis Vue.js, serta mengevaluasi fungsionalitas dan penerimaan pengguna. Pengembangan dilakukan dalam empat sprint menggunakan kerangka kerja Agile Scrum dengan memanfaatkan Vue Router, Axios, dan Vuetify. Setiap modul menerapkan Role Based Access Control sehingga fitur yang ditampilkan disesuaikan dengan hak akses pengguna. Pengujian black-box testing terhadap 40 skenario menghasilkan seluruh skenario memperoleh status "Sesuai", sedangkan User Acceptance Testing terhadap 42 skenario menghasilkan tingkat penerimaan 100%. Hasil tersebut menunjukkan bahwa modul front-end portal internal COMPORGAS berhasil diimplementasikan dan dapat memenuhi kebutuhan fungsional serta kebutuhan operasional pengguna di perusahaan.

One of PT Indonesia Comnets Plus’s partners did not yet have a centralized system for accessing internal applications, managing information technology service requests, and storing documentation of company activities. This situation led to the development of the COMPORGAS internal portal as an integrated solution. This study aims to implement the internal portal’s front-end modules Application, Gallery, and IT Helpdesk, using a Vue.js, based Single Page Application architecture, as well as to evaluate their functionality and user acceptance. Development was carried out over four sprints using the Agile Scrum framework, leveraging Vue Router, Axios, and Vuetify. Each module implements Role Based Access Control so that the features displayed are tailored to the user’s access rights. Black-box testing of 40 scenarios resulted in all scenarios receiving a “Pass” status, while User Acceptance Testing of 42 scenarios yielded a 100% acceptance rate. These results indicate that the COMPORGAS internal portal front-end module was successfully implemented and can meet users’ functional and operational needs within the corporate environment.