RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
Development of an English Proficiency Assessment System: A Web-Based Approach Anwar Hilman1*.
Wafiqah Yasmin A.
Vivi Ayu Lestari3.
Ahmad Najib Mutawaly4.
Supriyadi5 Program Studi Informatika.
Fakultas Teknologi Informasi dan Komputer.
Universitas Horizon Indonesia.
Program Studi Sistem Informasi.
Fakultas Teknologi Informasi dan Komputer.
Universitas Horizon Indonesia.
Jalan Pangkal Perjungan No.
1 By Pass.
Karawang.
Provinsi Jawa Barat, 41316.
Indonesia e-mail : anwar.
krw@horizon.
Abstract: English proficiency assessment is a vital component of the learning process, especially in tailoring instructional materials to students' needs and abilities.
This study aims to develop and implement a web-based English proficiency assessment system that is efficient, adaptive, and capable of providing real-time feedback to users.
The research adopts a Design and Development Research (DDR) approach, utilizing the Spiral Model as the software development methodology.
The implementation results demonstrate that the system improves the efficiency of assessment processes, reduces manual grading errors, and offers a more interactive learning experience.
User evaluations indicate a high level of satisfaction, particularly in terms of accessibility, quick result display, and user-friendly interface design.
The study concludes that the developed system not only enables more accurate and relevant language skill assessment, but also contributes to enhancing studentsAo learning motivation and the overall effectiveness of English language instruction in digital environments.
Keywords: english assessment.
web-based system.
system development INTRODUCTION In the globalization era.
English proficiency has become a fundamental skill required in education, career development, and international communication.
The increasing demand for a competent English-speaking workforce encourages educational institutions to conduct effective and efficient assessments of language skills.
However, traditional English proficiency assessments are often time-consuming, subjective, and inefficient when applied on a large scale, creating gaps in accurate evaluation and timely reporting.
Advancements in information technology, especially web-based applications, offer solutions to these challenges by enabling integrated, automated, and accessible assessment processes.
web-based English proficiency assessment system can streamline the entire assessment workflowAifrom participant registration, online testing with automatic scoring for objective question types, to result processing and reportingAithus improving the efficiency, objectivity, and scalability of the evaluation process.
Previous studies have shown that such systems also enhance data analysis, support decision-making in curriculum development, and increase assessment The following table presents a comparison between the previous state of the web-based assessment system .
hown in the Present colum.
and the ideal conditions expected in the newly RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
developed system .
hown in the Expectation colum.
This comparison covers various technical and functional aspects that previously posed challenges, such as network issues, browser compatibility, and user interface limitations, while outlining expected improvements in system stability, user experience, and the reliability of core assessment features.
Table 1.
Comparison Between Existing System Conditions and Expected Improvements Present Network problems .
etwork problem.
Browser compatibility issues Espectation Improved network stability and automatic recovery when disconnected Optimization to be compatible across all browsers and devices Audio doesn't work Improved audio listening quality and clarity The test page does not load or freezes Autosave feature for answers to each question Login error or account locked The test is interrupted and answers are not saved The interface (UI) is more responsive and userfriendly Clear error notifications with suggested solutions This study focuses on the development of a web-based English proficiency assessment system tailored to educational needs.
It explores the design process, system development, and practical implementation, while identifying the challenges and opportunities faced during its application in the educational context.
The results of this research are expected to contribute to a better understanding of how web-based assessment systems can improve the quality of English proficiency evaluations and provide practical recommendations for future system development.
LITERATURE REVIEW
Web-based English proficiency assessments offer an alternative approach that improves the validity and reliability of the evaluation process.
Research by Emmiyati et al.
confirmed that online testing systems provide high validity and acceptable reliability levels, with practical benefits for both learners and administrators.
Complementing this.
Fitriyah and Widiati .
emphasized that classroom-based assessments allow teachers to conduct continuous evaluations that reflect real learning conditions, thus improving studentsAo comprehension and satisfaction.
Taken together, these studies highlight the need for an effective English assessment method that combines validity, efficiency, and contextual relevance, making technology-enabled solutions increasingly vital.
RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
Septiarananda et al.
also demonstrated that students perceive web-based assessments positively, appreciating their convenience and accessibility, although technical constraints such as server stability and internet connectivity remain challenges.
From these studies, it can be concluded that web-based assessment systems not only improve the efficiency and accessibility of language testing but also enhance user engagement and data-driven analysis for continuous improvement.
Design and Development Research (DDR) is a methodological approach that emphasizes both the creation and validation of innovative educational technologies (Sabri Sahrir et al.
, 2.
In educational technology development.
DDR facilitates the iterative creation of prototypes and continuous formative evaluations to refine products in real learning contexts.
Sabri Sahrir et al.
successfully applied DDR in developing a web-based Arabic vocabulary learning game, showing the approachAos effectiveness in aligning product design with user needs.
In parallel.
Boehm .
introduced the Spiral Model as a software development approach characterized by iterative cycles that integrate risk analysis, system design, implementation, and evaluation.
Sommerville .
and Pressman .
reinforced the Spiral ModelAos relevance in developing complex and adaptive systems, such as web applications, where continuous refinement based on feedback and risk management is Combining the DDR approach with the Spiral Model offers a robust framework for educational system development, ensuring user-centered design, iterative testing, and risk-mitigated development processes.
RESEARCH METHODS
Research Approach This study adopts a Design and Development Research (DDR) approach.
DDR is a research method aimed at designing and developing specific products or systems, as well as evaluating their effectiveness and efficiency.
In the context of this research.
DDR is used to develop a web-based information system that functions as an English proficiency assessment tool.
System Development Model The system development process in this research follows the Spiral Model, one of the models in the Software Development Life Cycle (SDLC).
The Spiral Model is selected because it emphasizes iterative and incremental development, allowing the system to be developed in stages through repeated evaluation and improvement.
This model also facilitates risk identification at RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
each cycle, resulting in a more stable system that meets user needs.
The software development model using the spiral method is illustrated in the following figure, adapted from the study by Sidiki et al.
Figure 1.
SDLC Spiral Model Research Procedure The overall procedure of this research consists of the following stages:
Needs Analysis Conducting literature reviews and interviews with potential users .
uch as teachers or school administrator.
to determine the functional and non-functional requirements of the system.
System Design Designing the system using diagrams such as use case diagrams, activity diagrams, and database schemas according to the applicationAos needs.
Application Development Developing the web-based application using appropriate web programming technologies and System Testing Testing the system using black box testing methods to verify whether the system functions as Implementation and Evaluation Deploying the system in an educational environment for actual use, followed by evaluating its RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
RESULTS
Needs Analysis This process was carried out through a literature review related to web-based English proficiency assessment systems and best practices in educational assessment.
In addition, qualitative interviews were conducted with potential users, such as English lecturers and students, to understand their expectations, the assessment processes they commonly perform, and the challenges they face.
The outcome of this stage was a system requirements document that outlined the core application functions, user interface design considerations, security aspects, and system performance expectations.
System Design The system design stage was carried out using various modeling tools, such as class diagrams.
A use case diagram was created to describe the interactions between users and the system.
Activity diagrams were developed to illustrate the process flows, such as user registration, test execution, and assessment mechanisms.
Class Diagram Figure 2.
Class Diagram This class diagram illustrates the structure of a web-based English proficiency assessment system consisting of several main entities, including question_bank, type_question, exam, grade, batch, user, prodi .
tudy progra.
, kelas .
, and ta .
cademic yea.
The question_bank entity stores question data categorized by type_question.
Exam results are stored in the exam entity, which is linked to batch .
xam RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
, user .
, and grade .
core categorie.
The batch entity organizes exams based on periods and question types.
The user entity contains student information, including relationships with prodi, kelas, and ta .
cademic yea.
Each entity has clear one-to-many relationships, such as one user participating in multiple exams and one batch containing many exams.
The diagramAos structure demonstrates a modular and well-organized system, supporting effective and structured management of questions, participants, and exam results.
Use Case Diagram Figure 3.
Use Case Login This use case diagram illustrates the interaction between the User actor and the system in the authentication process.
The user can perform two main activities: login and logout, both represented as independent use cases directly connected to the actor.
In the login process, there is an additional feature, forgot password, represented as an extension use case using the <<extend>> relationship, indicating that this feature is optional and only triggered when the user encounters login issues.
The structure of this diagram adheres to UML standards, with a clear distinction between primary processes and supporting features.
Figure 4.
Use Case Diagram Lecturer Actor RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
This use case diagram illustrates the interactions between the Lecturer actor and the system's core functionalities, including managing questions, managing exams, and managing users.
Each of these main use cases is connected to the read, add, edit, delete operations through <<extend>> relationships, indicating optional or extended actions.
The authentication process is included as a shared prerequisite for executing all main tasks, represented using the <<include>> relationship.
This structure highlights how access control and CRUD (Create.
Read.
Update.
Delet.
operations are integrated within each management process while maintaining modularity through reusable components.
Figure 5.
Use Case Diagram Student Actor This use case diagram illustrates the interaction between the Student actor and the exam system.
The student accesses the main use case exam, which is extended by optional features view question and download grade via <<extend>> relationships, indicating these are conditional parts of the exam process.
Prior to taking the exam, the student must complete the login process, represented by an <<include>> relationship to enforce authentication as a required step.
After the exam, the student may perform a logout, shown as a separate and independent use case.
RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
Activity Diagram Figure 6.
Activity Diagram Login.
Add Question.
Add Exam These three activity diagrams illustrate the main workflows in a web-based assessment The first diagram shows the user login process, starting from opening the login form, entering authentication data, and if valid, proceeding to the dashboard.
The second diagram describes how a lecturer adds questions by opening the question form, filling in the content, saving it, and receiving a confirmation notification.
The third diagram outlines the process of creating an exam, where the lecturer inputs exam data, adds a batch, questions, question types, and students, then saves the data and receives a success notification.
Figure 7.
Activity Diagram Exam proccess This activity diagram illustrates the process flow of a lecturer creating an exam within the system.
The process begins when the lecturer opens the exam form, after which the RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
system displays it.
The lecturer then fills in the exam data, adds a batch, question types, and Once all data is complete, the lecturer saves the exam, and the system displays a notification confirming that the exam has been successfully saved.
The diagram highlights the interactive steps between the user and the system in organizing the exam in a structured Website Design Figure 8.
Login Form Design The login form interface of the English Assessment Application features a clean, modern, and user-friendly design.
On the left side, a visual illustration represents the learning and assessment process, showing a magnifying glass, a light bulb, and digital On the right, the login form includes input fields for Email and Password, along with a Keep me logged in checkbox.
The Login button is styled in a bright teal color to stand out clearly.
A Sign Up link is also provided at the bottom for new users who do not have an account.
Figure 9.
Question Page Design RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
The exam form interface is designed to clearly present questions and multiple-choice options in a structured layout.
At the top of the screen, the question number and text are displayed in an easy-to-read format.
Below the question, four answer choices .
ptions A to D) are shown, each with a corresponding radio button for the user to select their answer.
This design ensures that all key elementsAiquestion, choices, and navigationAiare easy to access and understand.
The interface typically includes Next.
Previous, and Submit buttons to navigate between questions and submit answers at the end of the exam session.
The overall layout is kept minimal to help students stay focused during the test.
Figure 10.
Grading Page Design The exam grading interface is designed to display the final results of the test completed by the student.
On the screen, students can view a visual representation of their score in the form of a letter grade .
uch as A.
B, or C), presented clearly and attractivelyAioften accompanied by icons or colors that reflect their achievement.
Below that, the numerical score is shown, based on the number of correct answers from all the questions completed.
The design may also include additional information, such as a download button to allow students to download their grade transcript.
This interface aims to provide quick, visual, and easily understandable feedback for students.
Application Development The application was developed using the Laravel 12 framework, running on PHP Laravel is a modern and widely adopted PHP framework that supports clean architecture, built-in security features, and efficient development through features such as routing, middleware, authentication, and Eloquent ORM for database handling.
Web Development Stack:
Backend Framework : Laravel 12 (PHP) Programming Languages : PHP 8.
HTML5.
CSS3.
JavaScript RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
Frontend Tools : Laravel Blade Templating Engine Database Management : MySQL or MariaDB Version Control System : Git Environment Configuration : Managed using LaravelAos .
env file system System Testing Unit Testing AuthenticationController Table 2.
AuthenticationController Testing Test Case Description Expected Result Test valid login Provide correct email and password Redirect to dashboard Test invalid login Provide incorrect password Show error message Test middleware Access dashboard without login Redirect to login ExamController Table 3.
ExamController Testing Test Case Description Expected Result Store Exam Pass valid exam form data Save exam and return success Missing Field Leave required field empty Return validation error Edit Exam Load existing exam Data prefilled in form Delete Exam Send delete request Exam deleted and redirected QuestionController Table 4.
QuestionController Testing Test Case Description Expected Result Add Question Submit valid question data Question stored in database Invalid Input Submit with missing or invalid options Validation error shown Retrieve Questions Call index() Return list of questions Implementation and Deployment To ensure stable, secure, and high-performance deployment of the web-based English Proficiency Assessment System, the application is hosted on a Linux-based server The following are the recommended technical specifications for the production server:
RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
Server Configuration:
Operating System: Ubuntu Server 22.
04 LTS
Web Server: Apache Database: MySQL 8.
Package Manager: Composer Memory (RAM): Minimum 4 GB .
GB recommended for production stabilit.
Processor (CPU): At least 2-Core .
-Core recommende.
Storage: SSD with at least 40 GB of free space SSL Certificate: LetAos Encrypt .
or secure HTTPS acces.
Firewall & Security: UFW (Uncomplicated Firewal.
Fail2Ban .
, and OpenSSL for encryption.
CONCLUSION AND RECOMMENDATIONS
Conclusion The web-based English assessment system supports adaptive evaluation tailored to students' learning needs, enhancing engagement and motivation.
It allows for the design of tests that accurately reflect practical English skills and align with learning areas.
Furthermore, the system provides effective assessment tools with immediate feedback, contributing positively to student motivation and the overall quality of English language education.
Recommendations Integration with Learning Management Systems (LMS) To improve efficiency and scalability, the system can be further developed by integrating it with Learning Management Systems (LMS) such as Moodle or Google Classroom.
This would allow assessment results to be directly linked to overall teaching and learning activities within the educational institution.
Continuous Evaluation It is recommended that regular evaluations be conducted on system performance, user experience, and its alignment with current educational needs to ensure that the platform remains relevant, effective, and responsive to future developments.
RISTEC : Research in Information Systems and Technology Vol.
6 No.
1 Tahun.
BIBLIOGRAPHY