Progressive Web App Kuis Online Menggunakan ReactJS dan Firebase
DOI:
https://doi.org/10.17977/um068v2i52022p211-219Keywords:
aplikasi web progresif, bereaksi pemrograman fungsional, firebaseAbstract
Quiz is one of the media used to measure students' abilities. Traditional quizzes sometimes require a lot of money because the teacher must print and photocopy the questions that will be distributed to students. After finishing working on the questions on the answer sheets, students submit their answer to the teacher. And the teacher still must check, assess, and announce the results of the quiz at the next meeting. But teachers often don't have time to discuss the quizzes that have been held, so students cannot learn from the results of the quizzes. In the current era of information technology, most students bring smartphones to the place of learning as a means of communication. And the browser supports Progressive Web App. Moreover, internet access is also available in schools. Another solution for automating quizzes is to use personal computers, mobile applications, and mobile web applications. However, these solutions were not chosen because students must bring or moving class to use personal computers, students must install the app before they can use the mobile application and using the mobile web application is slow because the application must send data to the server before the page to be displayed. Meanwhile, by using the Progressive Web App, students are not required to do that. From the reasoning previously described, a Progressive Web App can be built to makes it easier for teachers to hold quizzes and provides opportunities for students to learn from the results of the quizzes.
Kuis adalah salah satu media yang digunakan untuk mengukur kemampuan siswa. Pengadaan kuis kadang kali membutuhkan biaya yang besar karena pengajar harus, mencetak dan memfotokopi soal yang akan dibagikan kepada siswa. Setelah mengerjakan soal pada lembar jawaban, siswa mengumpulkan lembar jawaban kepada pengajar. Dan pengajar masih harus memeriksa, menilai, dan mengumumkan kembali hasil dari kuis pada pertemuan berikutnya. Namun, sering kali pengajar tidak sempat membahas kuis yang telah dilaksanakan, sehingga siswa tidak dapat belajar dari hasil kuis yang telah mereka kerjakan. Pada era teknologi informasi saat ini, mayoritas siswa membawa smartphone baik yang berbasis Android maupun iOS ke tempat pembelajaran untuk sarana komunikasi. Dimana browser dari smartphone yang mereka bawa, mayoritas telah mendukung Progressive Web App. Apalagi, akses internet juga tersedia di sekolah. Solusi lain untuk mengotomatisasi pengadaan kuis adalah dengan menggunakan personal computer, aplikasi mobile dan aplikasi web mobile. Namun, solusi-solusi tersebut tidak dipilih karena siswa harus membawa atau berpindah tempat pengajaran untuk menggunakan personal computer, siswa harus melakukan instalasi terlebih dahulu sebelum dapat menggunakan aplikasi mobile dan pengerjaan kuis akan terkesan lambat ketika menggunakan aplikasi web mobile karena aplikasi tersebut harus mengirim data dari halaman yang akan ditampilkan ke server terlebih dahulu. Sementara dengan menggunakan Progressive Web App siswa tidak diharuskan untuk melakukan instalasi ke smartphone mereka. Dari latar belakang yang telah dipaparkan sebelumnya dapat dibangun sebuah Progressive Web App yang mempermudah pengajar dalam mengadakan kuis dan memberikan kesempatan kepada siswa untuk belajar dari hasil kuis yang telah mereka kerjakan.
References
Ashley, D. (2020). HTML Pages and CSS. Foundation Dynamic Web Pages with Python, 29–69. https://doi.org/10.1007/978-1-4842-6339-6_2
Biswas, N. (2022a). Beginning React and Firebase. Beginning React and Firebase. https://doi.org/10.1007/978-1-4842-7812-3
Biswas, N. (2022b). Building a To-Do App with React and Firebase. Beginning React and Firebase, 19–44. https://doi.org/10.1007/978-1-4842-7812-3_2
Love, C. (2018). Progressive Web Application Development by Example: Develop Fast, Reliable, and Engaging User Experiences for the Web. 344.
Moroney, L. (2017). The Firebase Realtime Database. The Definitive Guide to Firebase, 51–71. https://doi.org/10.1007/978-1-4842-2943-9_3
Sanchit, A. (2018). Modern Web-Development using ReactJS. International Journal of Recent Research Aspects, 5, 133–137.
Satyal, A. (2020). Designing and Developing a Website with ReactJS: Progressive Web Application.
Singh, H., & Tanna, M. (2018). Serverless web applications with React and Firebase: develop real-time applications for web and mobile platforms. 284.
Tandel, S. J. A. (2018). Impact of progressive web apps on web app development. International Journal of Innovative Research in Science, Engineering and Technology, 7(9), 9439–9444.
Thakur, P. (2018). Evaluation and implementation of progressive web application.




3.png)
1.png)
1.png)
