Web-Based E-Learning Application to Support the Teaching and Learning Process at Genta Syaputra Senior High School

Along with the rapid development of technology today


Introduction
The development of increasingly advanced technology also affects the progress of education so that it can help improve the quality of human resources, the development of multimedia and information technology, as well as the use of the internet as a new teaching technique [1].
Genta Syaputra High School is accredited as one of the best high schools in Tangerang district. However, the teaching-learning system during the COVID-19 pandemic [2], which still does not use web-based E-learning applications for the teaching and learning process, does not apply standardization that regulates the running of online teaching and learning activities, causing the teaching and learning activities to be less effective student [3].
Based on the background of the problems that have been described and see the importance of developing a web-based E-learning system to optimize the teaching and learning process more effectively and efficiently which helps make it easier for students and teachers to give lessons, assignments [4], students are able to interact flexibly wherever and whenever, to provide motivation to learn by using smartphones in supporting the learning process using e-learning [5].

Research Method
In order to produce works that are in accordance with scientific theory and are effective, then in their preparation, there are several methods applied, including

Observation
In this method, researchers make observations to the school SMA Genta Syaputra so that the authors can get the data needed to conduct research

Analyze
Stages of analysis of a system or application is carried out before the design stage is carried out. The purpose of applying analysis to a system is to find out the reasons why the system is needed, formulate the needs of the system to reduce excess resources [10], and help plan the scheduling of system formation, minimizing distortions that may exist in the system so that the functions in the system works optimally. The analytical method used by the researcher here is to use the PIECES method, namely.

Parameter Result
Throughput Less effective for the online learning process, it is still manual and has not used applications that support the online learning process [11] Response time Response time in the learning system is often absence of online-based learning applications [12] Tabel 2. Perponce parameter Web-Based E-Learning Application…….

■ 14
International Journal of Cyber and IT Service Management (IJCITSM) The delivery of material is often less effective because of the lack of material delivery so that every student working on an assignment must use paper and additional costs Tabel 4. Economy Parameter

Design Method
The design method in this study uses the SDLC (Software Development Life Cycle) Extreme Programming PHP method. To provide an overview and design of the system development to be made, the author uses the UML (Unified Modeling Language) model using the Visual Paradigm application which consists of Use Case Diagrams, Activity Diagrams [14], Sequence Diagrams, and Class Diagrams. In this design the author also uses the PHP programming language with the Sublime Text code editor application. and the author also uses xampp as a PHP framework and a CSS framework to support the appearance and performance of the website to make it better, attractive, and dynamic. For phpmyadmin database design from xampp [15].
Web-Based E-Learning Application……. 15 Use Case Cases that are usually carried out by these actors include: teacher absences,entering class,giving student absences,giving materials, giving assignments, asking questions, conducting student absences, receiving materials, doing assignments, correcting materials, giving grades, crate and send learning outcomes, record grades, make reports [16].

Result and Discussions
In the research that has been done, at this stage will display the results obtained from the proposed use case diagram that is suitable as a proposal in this study [17].

A. Procedure Difference Between Current System and Proposed System
Based on the analysis and design that has been done, there are several differences between the Using short messages to work on exam questions It's fully computerized using a local server and web-based system 2 Processing for exams is still manual Exam questions can be displayed automatically 3 Monitoring of exam question by teachers still uses short messages and paper media [18] Monitoring process can be carried out via a web-based application by adding teacher's role and given access [19] B. Prototype Design 1. Login Page

Conclusion
E-learning learning technology can be developed into an online learning system, and is able to improve student learning in the pandemic era (covid 19),The results achieved are very good and help students in the student learning system without face to face [20], E-learning media that can produce a more effective and efficient learning system,The online learning system can assist teachers in delivering assignments, subject matter and school final exams without the need for face-to-face so students can study more effectively.