PENERAPAN SINGLE PAGE APPLICATION PADA PENGEMBANGAN APLIKASI E-LEARNING NUSABOT

  • Salwa Nur Atifah Universitas Singaperbangsa Karawang
  • Aji Primajaya Universitas Singaperbangsa Karawang
  • Dadang Yusup Universitas Singaperbangsa Karawang

Abstract

Nusabot is an  e-learning application that provides various paid online class programs with a focus on the Internet of Things (IoT). Instructors can hold the desired class by following the existing flow including checks carried out by the admin. Currently, the interaction between the admin and the instructor is still manual, starting from class and curriculum preparation, class submissions, and class approval or rejection. Only admins are given access rights for class management, especially adding and publishing classes and their curriculum. The process of adding classes and curriculum is also still inefficient because the addition forms are on different pages so the browser will reload the page every time data is added. For this reason, the system was developed by implementing a Single Page Application, especially in making access to instructors in preparing class curriculum. The method used in development is the Prototype model which focuses on users in development. This system uses the PHP programming language with the Laravel framework as the back-end and API services, React JS as the front-end, Inertia JS as the liaison between Laravel and React JS, and MySQL as the database. The results of this system development make classroom management more effective and efficient.

Downloads

Download data is not yet available.

References

[1]. Seputra, K. A., & Dewi, L. J. E. (2022, March 30). A Design of Patient Registration Apps using Flutter, Laravel and, Vue JS. https://doi.org/10.4108/eai.27-11-2021.2315532.

[2]. Solovei, V., Olshevska, O., & Bortsova, Y. (2017). The Difference Between Developing Single Page Application And Traditional Web Application Based On Mechatronics Robot Laboratory Onaft Application. http://www.atbp.onaft.edu.ua/4http://creativecommons.org/licenses/by/4.0/

[3]. Santoso, M. F. (2021). Teknik Single Page Application (Spa) Layout Web Dengan Menggunakan React Js Dan Bootstrap. Jurnal Khatulistiwa Informatika, 9(2). https://doi.org/10.31294/jki.v9i2.11357.

[4]. Wibowo, A. T., & Wiguna, A. S. (2019). Pemanfaatan Teknologi Single Page Application (SPA) dalam Pembuatan Aplikasi Feedback Dosen dari Mahasiswa Sebagai Bentuk Pengawasan Lembaga Terhadap Kinerja Dosen di Bidang Pengajaran. SMARTICS Journal, 5(1). https://doi.org/10.21067/smartics.v5i1.3327.

[5]. Nasution, & Iswari, L. (2021). Penerapan React JS Pada Pengembangan FrontEnd Aplikasi Startup Ubaform. Jurnal Automata - UII, 2(2).

[6]. Bustamin, S. (2021). Aplikasi dekstop multi platform untuk redis client framework Electron JS dan React JS. Dewantara Journal of Technology, 2(1).

[7]. Sukamto, R. A., & Salahuddin, M. (2018). Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. In Informatika Bandung.

[8]. Nursaid, F. F., Hendra Brata, A., & Kharisma, A. P. (2020). Pengembangan Sistem Informasi Pengelolaan Persediaan Barang Dengan ReactJS Dan React Native Menggunakan Prototype (Studi Kasus : Toko Uda Fajri). J-Ptiik.Ub.Ac.Id, 4(1).

[9]. Pressman, R. S., & Maxim, B. R. (2010). Software Engineering.

[10]. Nugroho, A. (2014). Rekayasa Perangkat Lunak Menggunakan UML & Java. In Rekayasa Perangkat Lunak Menggunakan UML & Java.
Published
2024-04-15
How to Cite
[1]
S. Atifah, A. Primajaya, and D. Yusup, “PENERAPAN SINGLE PAGE APPLICATION PADA PENGEMBANGAN APLIKASI E-LEARNING NUSABOT”, Jurnal Informasi dan Komputer, vol. 12, no. 01, pp. 69-77, Apr. 2024.