Republic of the Philippines

Department of Education
Region IX, Zamboanga Peninsula
Schools division of Zamboanga del Norte
Bacungan National High School
Poblacion, leon b. postigo, Zamboanga del Norte

Project Digital Quiz Essentials:

An Offline Paperless Examination with DepEd-based Recording and Reporting System

Project Digital Quiz Essentials is a system designed to help

educators create and serve interactive and engaging assessments and
quizzes with custom scoring and automatic recording of results and
reporting anchored to the context of the Department of Education
with a minimal knowledge and technical ICT skills required. The
main objective of the system is to save school resources and
reduce the workload of the teachers that comes from
administering examination such as questionnaire reproduction,
checking and recording of results, and generating reports such as
MPS, TCR and others while keeping examinations engaging.
The system comprises of three applications namely; Digital Quiz
Maker, Digital Quiz Server and Digital Quiz Browser, bundled in a
single package named Project Digital Quiz Essentials. Each of the
application has different functions that makes the system standalone and independent from the internet.
The system has the capacity to serve and browse examination even in the absence of internet connection.

System Beneficiaries
1. School
2. Teachers
3. Students

Digital Quiz Maker

The quiz maker is responsible for creating professional and interactive examinations. Educators
have a variety of options ranging from the different types of questions to the different settings and exam
properties which makes the quiz dynamic and can suit up to a various exam situation.
Educators have huge arsenal of questions: True/False, Multiple Choice, Multiple Response,
Identification, Fill in the Blank, Word Bank, Enumeration, Sequence and Matching Type. Creating quiz is
just as easy as entering your questions in the Microsoft word application. Simply they can choose
appropriate type of question and quickly put it together for a quiz.
Exam properties and settings can be configured according to the needs of the teachers. Such
configurations define and affect the difficulties of the examinations. Properties and settings can be
configured by questions, by parts and by examination.
Settings that pertains with by questions are the following
- Points
- Penalty
- Time limit per questions
- Random Options (if applicable)
- And showing feedback per questions
Settings that pertains with by parts are the following
- Question Pool
- Navigation
Settings that pertains with by examination are the following
- Passing Rate
- Time Limit
- Part Pool
- Part Navigation
- Update Score
- Enable Quiz Review
With the variety of settings and configurations, teachers can experiment them to maximize the
use of assessment in the learning process.

Digital Quiz Server

The main function of the server is to serve the quiz/examination created from the Digital Quiz
Maker and to monitor and consolidate the result of the examination for recording and analyze the result
for reporting based on the context of the Department of Education.
Serving website required prior and underpinning knowledge and ICT skills which is not really the
fortress of our dear teachers. Considering this fact, the system makes serving examination easier and user
friendly by eliminating some of the complicated steps that an ordinary teacher may not be able to follow.
Batch registration of examinees are being supported which makes adding exam takers faster while adding
takers manually is being considered. The system will not allow the uploading of exam if not all
configurations are being satisfied to prevent error in serving the examination.
After successfully serving the examination, the newly uploaded examination will now be
available on the online list of examination showing the URL in which examination can be browsed by
the students. Results generated from the Digital Quiz Browser will be recorded automatically without any
interventions from the teacher making monitoring of exam’s progress and status come in handy.
Teachers also has the capacity to let the students retake the examination as the server will not allow
student to login/take examination twice or more.
Reports can be downloaded once the examination is over. Such reports are the following: MPS,
TCR, E-Class Record and the consolidated E-Class Record. This features greatly save the time and efforts
of the teachers in generating and analyzing the results of the examination.

Digital Quiz Browser

The quiz browser is responsible for browsing examination being serve from the Digital Quiz
Server, logging in exam takers, previewing examinations based on how it was configured, comparing the
taker’s answer with the answer key and sending the result of examination to the server.
Browsing examination requires examinees’ gadget to be connected to the same computer network
where Digital Quiz Server is also connected to be able to access the URL shown in the server’s Exam/s
Online page. Connection type can be wired or wireless. This is the same on connecting to a wireless
hotspot.
Logging in examinees requires only their LRN. Students already logged in or had already taken
the examination are not allowed to login again unless they are permitted to retake the examination from
the server.
Comprehensive and thorough analysis on the algorithms and logic being used on checking
examinee’s answer and treatment on the results of examination had been done rationally to avoid
inconsistency of results. Examinees can be given a feed back automatically per question/per examination
and can review the result depending on how the examination is being configured.

System Dependencies
Project Digital Quiz Essentials was created and powered by various JavaScript frameworks.
React JS framework was used for developing the frontend as it followed the concept of a single page app
and Node JS framework was used for developing the backend. Axios framework was used for handling
HTTP requests and Express JS for serving static web pages and it replaces apache. Material UI was used
to design the user interface of the system and finally, Electron JS is used to wrap all the components and
build it into a desktop application. The system is not using any database as it works directly with the files.

System Requirements
For the Server:
- Desktop/Laptop with the following minimum specifications to wit:
Processor: Intel core I3 / AMD Ryzen 5
HDD: 500 GB
Memory: 8 GB
- Windows 10 Operating System
Not yet tested on Windows lower or higher than windows 10
- Router/Access Point
With GigaBit support (Optional for best performance)
 For the Client:
- Desktop/Laptop/Tablet/Smartphones
- Internet Browsers
o Google Chrome (Recommended)
o Microsoft Edge (latest version)
o Opera (Latest Version)

Features and Highlights

- 3 in 1 package
The system has a complete application for a teacher to be able to serve an examination.
No extra software is needed.
- Huge arsenal of questions
There are 9 different types of questions to choose from such as True/False, Multiple
Choice, Multiple Response, Identification, Fill in the Blank, Word Bank, Enumeration, Sequence
and Matching Type.

- Setting up points and testing rules

Educators has various settings and configurations to choose making examination
dynamic. With the Quiz Maker, you can set the overall passing score or assign points for each
answer individually, use penalties and set limits for time and attempts.

- Banking and Randomizing questions

To avoid cheating, you can bank and randomize questions in your quizzes. When you
have more questions in the group, the Quiz Creator can select random questions from each
group, creating countless variations of the same quiz.

- Batch Registration of examinees

System supports batch registration of examinees with the use of SF1 downloaded from
the LIS or with the template that can be downloaded from the system which makes adding of
examinees a hassle free.

- Monitoring of results
The system automatically receives, records and consolidate results from the quiz browser.
This way you can keep track on the examination’s progress and status.

- Downloading of reports
Reports that come after examination can be download with just a simple step. This saves
educators’ time and effort on generating and analyzing such reports.

- Answer feedback
Give detailed feedback to help learners review their mistakes and improve performance.

- Review Result
Enable quiz review let the taker review the result of the examination which makes
examination as source of review material.
System Framework
Digital Quiz Maker

Create and Configure Exam

Save Examination

Load Exam file

Digital Quiz Server

P r o je c t
Serve Examination
Di g i t a l Qu i z
Record and Monitor Result
Es s e n t i a l s Download Reports

Send Exam Result

Get Exam Data

Digital Quiz Browser

Browse Examination
Login Examinee
Preview Examination
Check answer
Send Result to the server

How does it work?

Teacher’s Activity
1. Create quiz using Digital Quiz Maker.
a. Enter question
b. Enter choices/options
c. Enter answer key
2. Configure quiz properties.
a. Set questions points and penalty
b. Set feedback
c. Configure question pool
d. Set time limits per question/per quiz
e. Set passing rate
f. Configure running of score
g. Set review options
3. Save and download quiz data.
 4. Prepare list of examinees using SF1 or template downloaded from the
Digital Quiz Server.
5. Setup local computer network/wireless hotspot.
6. Serve quiz using Digital Quiz Server.
a. Upload quiz data being saved from Digital Quiz Maker
b. Upload list of examinees
c. Serve examination
7. Monitor and download results from the server.
Student’s Activities
1. Connect gadget to the local computer network/wireless Hotspot.
System Developer: Oliver C. Silvano
SST - II
System Critic: Richard C. Villanueva
MT - I
Documentation: Richard M. Baguio

SST - III