Development of a Cross-Platform School Archive Management Information System Using the Vue.js and Flutter Frameworks

Authors

  • Muhammad Fazli Mukhtar Fakultas Ilmu Komputer, Universitas Subang, Subang, Jawa Barat, Indonesia
  • Tia Nur Alfiatun Nissa Fakultas Ilmu Komputer, Universitas Subang, Subang, Jawa Barat, Indonesia
  • Dini Nurpatimah Fakultas Ilmu Komputer, Universitas Subang, Subang, Jawa Barat, Indonesia
  • Trisnaldi Erlangga Fakultas Ilmu Komputer, Universitas Subang, Subang, Jawa Barat, Indonesia

DOI:

https://doi.org/10.51903/r2th4315

Keywords:

E-Archive, Cross-Platform, Vue.js, Flutter, School Administration

Abstract

The archival management system at SMPN 1 Pabuaran currently relies on manual methods, which lead to document loss risks, inefficient search processes, and fragmented data storage. This study aims to design and implement a cross-platform E-Archive Information System to enhance administrative efficiency and data security. The development employed the System Development Life Cycle (SDLC) model, utilizing the Object-Oriented Analysis and Design (OOAD) approach visualized through Unified Modelling Language (UML) diagrams. The system was developed using Vue.js for the web platform and Flutter for the mobile platform, integrated with a Pocket Base backend and Min-IO S3 for decoupled object storage. Data for this study were collected through field observations and questionnaires involving five respondents. The findings indicate that the system successfully addresses manual documentation challenges by providing an integrated, structured digital repository. Functionality testing using Black Box Testing confirmed that all features are valid. Furthermore, User Acceptance Testing (UAT) resulted in an 87.2% approval rating, categorized as "Very Good," indicating high system usability. Penetration testing results showed a "Zero High Risk" vulnerability score, confirming the system's resilience against cyber threats. The contribution of this study is the integration of a Smart Scanner mobile feature and a robust DevSecOps-based security architecture, which provides a scalable and secure solution for modern school administration

Author Biography

  • Muhammad Fazli Mukhtar, Fakultas Ilmu Komputer, Universitas Subang, Subang, Jawa Barat, Indonesia

    Fokus kajian meliputi pengembangan Sistem Informasi, E-Archive, Digital Archive, Sistem Disposisi Dokumen, dan implementasi teknologi informasi untuk mendukung pengelolaan administrasi sekolah yang efektif dan efisien.

     

References

[1] T. Kurahmadan, “Analisa dan Perancangan Sistem Informasi Kearsipan Berbasis Digital,” Jurnal Teknologi Informasi, 2024.

[2] F. Z. Simbolon, F. Izhari, and Z. Sitorus, “Implementasi Sistem Arsip Elektronik dalam Meningkatkan Efisiensi Operasional di SMK Gelora Jaya Nusantara Medan,” Jurnal Minfo Polgan, vol. 13, no. 2, pp. 1582–1589, Oct. 2024, doi: 10.33395/jmp.v13i2.14157.

[3] B. Hartono, Danang, and M. Tofik, “Sistem Informasi Arsip Digital Kartu Catatan Siswa Berbasis Web,” Jurnal Ilmiah Teknologi Informasi Dan Komunikasi, vol. 12, no. 2, pp. 1–11, 2021, [Online]. Available: http://ejurnal.provisi.ac.id/index.php/JTIKP

[4] S. S. S. Daeli and Moh. A. Romli, “Penerapan Flutter sebagai Framework Cross-Platform pada Aplikasi Booking Online Berbasis Web Mobile,” Jurnal Sistem Informasi dan Telematika, vol. 16, no. 2, p. 278, Dec. 2025, doi: 10.36448/jsit.v16i2.4587.

[5] F. Fauzi and R. Irvansyah, “Transformasi Digital pada Sistem Kearsipan di SMAN 1 Takengon Kabupaten Aceh Tengah,” Manajemen Pendidikan, vol. 17, no. 1, pp. 36–49, Jun. 2022, doi: 10.23917/jmp.v17i1.15911.

[6] R. Hafsari, E. Aribe, and N. Maulana, “Perancangan Sistem Informasi Manajemen Inventori dan Penjualan pada Perusahaan PT. Inhutani V,” Jurnal PROSISKO, vol. 10, no. 2, 2023.

[7] S. D. Anggraeni and Z. Fatah, “Perancangan Sistem Informasi Manajemen Pengarsipan Berbasis Web pada MA Salafiyah Syafi’iyah Tenggarang,” JAMASTIKA, vol. 4, 2025.

[8] I. M. S. Dwipa and P. A. P. Sari, “Sistem Informasi Sekolah pada SMP Negeri 2 Mengwi Berbasis Website,” Jurnal Teknologi Informasi dan Komputer, 2024.

[9] A. Rumengan, A. Mewengkang, and D. R. Kaparang, “Sistem Informasi Manajemen Kearsipan Berbasis Web,” Jurnal Pendidikan Teknologi Informasi dan Komunikasi, vol. 1, p. 700, 2021.

[10] N. Alinuddin Kaharu, “Sistem Informasi Arsip Berbasis Web pada Kelurahan Kawatuna,” Jurnal Pengabdian Dosen dan Mahasiswa, vol. 3, no. 1, 2024, [Online]. Available: https://ejournal.indrainstitute.id/index.php/ikhlas/index

[11] A. Sujarwadi and A. A. Musyafa, “Perancangan Sistem Pengelolaan Arsip di SMPN 3 Godean Yogyakarta,” Jurnal Tera, 2025, [Online]. Available: http://jurnal.undira.ac.id/index.php/jurnaltera/Page

[12] P. R. Perkasa and E. Mailoa, “Adopsi Devsecops untuk Mendukung Metode Agile menggunakan Trivy sebagai Security Scanner Docker Image dan Dockerfile,” Jurnal Indonesia : Manajemen Informatika dan Komunikasi, vol. 4, no. 3, pp. 856–863, Sep. 2023, doi: 10.35870/jimik.v4i3.291.

[13] H. Jihadi and A. F. Syarabil, “Perbandingan React Js dan Vue Js dalam Pengembangan Aplikasi Web Interaktif: Sebuah Studi Komparatif,” Jurnal Sistem Informasi Bisnis, vol. 4, no. 2, 2023.

[14] N. M. N. Farid and A. Rizaldy, “Analisis Perbandingan Antara Framework Flutter dengan Native untuk Pengembangan Aplikasi Mobile Absensi Face Recognition,” Jurnal Teknologi Informasi dan Komputer, vol. 3, no. 1, pp. 33–41, 2025.

[15] A. Mahandis Shama and D. W. Chandra, “Implementasi Static Application Security Testing Menggunakan Jenkins CI/CD Berbasis Docker Container Pada PT. Emporia Digital Raya,” Jurnal Ilmiah Informatika, 2021.

[16] P. Nur Izzati, “Static Analysis-Based Security Enhancement for Mobile Applications Using Mobile Security Framework (MOBSF),” 2025. [Online]. Available: http://jurnal.polibatam.ac.id/index.php/JAIC

[17] A. G. Prakarsa and A. Sujarwo, “Pemanfaatan Vue Js pada Fitur Pengaturan Tambak dalam Aplikasi Budi Daya Tambak Jala,” Jurnal UII, 2022.

[18] R. Putra, G. Gunadi, and A. Rini Susanti, “Redesain Sistem Informasi Sekolah MA Al-Istiqomah Caringin Berbasis Web menggunakan Laravel dan Vue.Js dengan Metode Agile Scrum,” Jurnal Sistem Informasi Dan Teknik Komputer, vol. 11, no. 1, 2026.

[19] R. R. Siematauw and M. A. I. Pakereng, “Aplikasi Arsip Surat Mobile menggunakan Framework Flutter (Studi Kasus: PT. BPD Maluku, Malut),” Jurnal Teknik Informatika dan Sistem Informasi, 2023.

[20] S. D. L. V. Dasanayake, J. Senanayake, and W. M. J. I. Wijayanayake, “Devsecops for Continuous Security in Trading Software Application Development: A Systematic Literature Review,” Journal of Desk Research Review and Analysis, vol. 2, no. 2, pp. 215–232, Jan. 2025, doi: 10.4038/jdrra.v2i2.52.

[21] M. A. Taufan, D. S. Rusdianto, and M. T. Ananta, “Pengembangan Sistem Otomatisasi use Case Diagram berdasarkan Skenario Sistem menggunakan Metode POS Tagger Stanford NLP,” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 6, no. 8, pp. 3733–3740, 2022, [Online]. Available: http://j-ptiik.ub.ac.id

[22] E. Adelia and W. Handayani, “Rancang Bangun Sistem Informasi Manajemen Gudang di PT Boma Bisma Indra Pasuruan,” Jambura Economic Education Journal, vol. 7, no. 1, 2025.

[23] M. Ibra Alfathar et al., “Penerapan Mvvm (Model View Viewmodel) pada Pengembangan Aplikasi Bank Sampah Digital,” Jurnal Riset dan Aplikasi Mahasiswa Informatika, vol. 05, 2024.

[24] M. A. H. Anwar and Y. Kurniawan, “Dokumentasi Software Testing Berstandar Ieee 829-2008 untuk Sistem Informasi Terintegrasi Universitas,” Jurnal Teknologi, Informasi dan Industri, 2019.

[25] A. Aliyah, N. Hartono, and A. A. Muin, “Penggunaan User Acceptance Testing (UAT) pada Pengujian Sistem Informasi Pengelolaan Keuangan dan Inventaris Barang,” Jurnal Sains dan Teknologi Informasi, vol. 3, no. 1, pp. 84–100, Dec. 2024, doi: 10.62951/switch.v3i1.330.

Downloads

Published

2026-10-28

Issue

Section

Multimedia and Interactive Information Systems