Development of a Cross-Platform School Archive Management Information System Using the Vue.js and Flutter Frameworks
DOI:
https://doi.org/10.51903/r2th4315Keywords:
E-Archive, Cross-Platform, Vue.js, Flutter, School AdministrationAbstract
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
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
Issue
Section
License
Copyright (c) 2026 Muhammad Fazli Mukhtar, Tia Nur Alfiatun Nissa, Dini Nurpatimah, Trisnaldi Erlangga

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
All articles published in this journal are open access and licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0 International License (CC BY-SA 4.0).
Under this license:
-
Authors retain copyright of their work.
-
Others are free to:
-
Share — copy and redistribute the material in any medium or format;
-
Adapt — remix, transform, and build upon the material for any purpose, even commercially;
-
-
As long as they:
-
Give appropriate credit to the original author(s) and the source;
-
Provide a link to the license;
-
Indicate if changes were made;
-
Distribute their contributions under the same license as the original.
-
This ensures that derivative works will also remain free and open under the same terms.













.png)