A Conceptual Framework for a Progressive Web App-Based Student Data Management System

Haldi  Alfaisal; Nia  Rahmadani; Ahmad  Ashar; Elsa; Riksal  Rivaldi; Sri  Rejeki; Dimas  Rezkianto; Iin  Sugiarti; Zulfikar  Isnansah

Authors

Haldi Alfaisal Muhammadiyah University of North Kolaka Author
Nia Rahmadani Muhammadiyah University of North Kolaka Author
Ahmad Ashar Muhammadiyah University of North Kolaka Author
Elsa Muhammadiyah University of North Kolaka Author
Riksal Rivaldi Muhammadiyah University of North Kolaka Author
Sri Rejeki Muhammadiyah University of North Kolaka Author
Dimas Rezkianto Muhammadiyah University of North Kolaka Author
Iin Sugiarti Muhammadiyah University of North Kolaka Author
Zulfikar Isnansah Muhammadiyah University of North Kolaka Author

Abstract

Perkembangan teknologi informasi yang pesat menuntut adanya Perkembangan teknologi informasi telah mendorong digitalisasi dalam berbagai bidang, termasuk pengelolaan data siswa di lingkungan pendidikan. Pengelolaan data secara manual masih menghadapi berbagai kendala, seperti kesalahan pencatatan, kesulitan pencarian data, serta risiko kehilangan informasi. Penelitian ini bertujuan untuk merancang dan mengembangkan aplikasi pengelolaan data siswa berbasis Progressive Web App (PWA) menggunakan PHP dan MySQL sehingga dapat meningkatkan efisiensi pengelolaan data sekaligus memberikan pengalaman pengguna yang lebih baik. Metode penelitian yang digunakan adalah metode pengembangan sistem berbasis web dengan pendekatan terstruktur yang meliputi tahapan analisis kebutuhan, perancangan sistem, implementasi, dan pengujian. Perancangan sistem dilakukan menggunakan Use Case Diagram, Flowchart, dan Entity Relationship Diagram (ERD) sebagai dasar pembangunan aplikasi. Implementasi antarmuka menghasilkan beberapa fitur utama, yaitu autentikasi pengguna, dashboard, pengelolaan data siswa, penambahan dan pengeditan data, pencarian data, serta dukungan responsive web design. Pengujian sistem dilakukan menggunakan metode Black Box Testing terhadap empat belas skenario pengujian yang mencakup fungsi login, pengelolaan data siswa, dashboard, pencarian data, responsivitas sistem, hingga fitur Progressive Web App. Hasil pengujian menunjukkan bahwa seluruh fitur berjalan sesuai dengan kebutuhan fungsional yang telah dirancang dengan tingkat keberhasilan sebesar 100%. Penerapan teknologi Progressive Web App juga memungkinkan aplikasi diinstal pada perangkat pengguna, mendukung pemanfaatan service worker, serta meningkatkan kecepatan akses melalui mekanisme caching. Dengan demikian, aplikasi yang dikembangkan mampu menjadi solusi yang efektif, efisien, dan responsif dalam mendukung pengelolaan data siswa secara terkomputerisasi di lingkungan pendidikan.

References

Kotler, P., Keller, K. L., & Chernev, A. (2022). Marketing management (16th Global ed.). Pearson.

Nielsen, J. (2020). Usability engineering (Updated ed.). Morgan Kaufmann.

Pressman, R. S., & Maxim, B. R. (2020). Software engineering: A practitioner's approach (9th ed.). McGraw-Hill Education.

Russell, A. (2022). Progressive web apps. A Book Apart.

Sommerville, I. (2021). Software engineering (11th ed.). Pearson.

Biørn-Hansen, A., Majchrzak, T. A., & Grønli, T. M. (2017). Progressive web apps for the unified development of mobile applications. In International Conference on Web Information Systems and Technologies (pp. 64–86). Springer.

Fortunato, D., & Bernardino, J. (2018). Progressive web apps: An alternative to native mobile apps. In 2018 13th Iberian Conference on Information Systems and Technologies (CISTI) (pp. 1–6). IEEE. https://doi.org/10.23919/CISTI.2018.8399283

Gambhir, A., & Raj, G. (2018). Analysis of cache in service worker and performance scoring of progressive web application. In 2018 International Conference on Advances in Computing and Communication Engineering (ICACCE) (pp. 294–299). IEEE.