STI COLLEGE CALOOCAN • BSCS THESIS

AN ERROR HAS OCCURRED.
DEBUG THE SYSTEM.

> FOR STUDENTS

Scan the QR code to install SyntaxError on your phone. Play 19 C# levels of short coding tasks, from data types to more advanced topics, and get instant feedback on every answer.

> FOR TEACHERS

Sign in with the account from the Super Admin to open the Data Analysis Portal. See your sections' game records live: levels completed, time and errors per topic, and each student's attempt history.

Get the game View manuals

SCAN TO PLAY

Mobile Android Build

SCAN TO DOWNLOAD

SCAN TO PLAY

Mobile iOS Build

iOS

TESTFLIGHT PENDING

> HOW SYNTAXERROR WORKS

One mobile game, one database and one faculty portal, connected in real time.

01

Students play

Students solve short C# coding tasks level by level on their phone. A wrong answer gets an instant message, like Missing quotation marks!
02

Every attempt is saved

Each attempt is stored in Firebase as it happens: time spent on every task, wrong submissions, error messages and finished levels.
03

Teachers review live

The portal turns those records into clear charts and tables for each section, and updates by itself while students play.

> INSIDE THE SYSTEM

What students get in the game and what teachers get in the portal.

FOR STUDENTS

SyntaxError mobile game

19 levels, step by stepStarts with data types, printing text, user input, comments and arithmetic, then moves to more advanced C#.
Instant feedbackEvery wrong submission shows a message that explains what to fix.
Teacher-unlocked levelsAfter finishing a level, a 6-digit code from the teacher opens the next one.
Practice anywhereRuns on Android phones, so practice is not limited to lab hours. iOS is coming through TestFlight.

FOR TEACHERS

Data Analysis Portal

Live class overviewLevel completion, time recorded and wrong submissions for each section, updated as students play.
Time and errors per topicSee which topics take longest, which tasks get the most wrong submissions, and the most common error messages.
Student recordsEvery attempt, task and error message for each student, plus CSV export for reports.
Secure, section-based accessAccounts are created by the Super Admin, sign-in uses an email PIN, and teachers only see their own sections.

USER DOCUMENTATION / 01

LEARN THE SYSTEM

Short animated walkthroughs of the mobile game and the faculty portal. They play on their own; pause anytime or jump to any chapter.

Open the full user manual for teachers and the Super Admin

MOBILE APP / WALKTHROUGH

Screenshot for step 01: Sign in with your school account

YOUR SCREENSHOT GOES HERE manual/game-01.jpg

STEP 01 — 06

Sign in with your school account

Access the mobile game using your official school account. Your default password is your birthdate in YYYYMMDD format (e.g., 20080115 for January 15, 2008).

Use your school account and your birthdate as your default password to log in and start playing.

MOBILE APP / WALKTHROUGH

Top section of the Terms and Conditions — 01 / Read the terms

Bottom section with the agreement checkbox — 02 / Accept the agreement

STEP 02 — 06

Accept the Terms and Conditions

Before accessing the game, read the Terms and Conditions. Scroll to the bottom, tick the agreement checkbox, then tap Accept to proceed.

Agree to the Terms and Conditions to start playing.

MOBILE APP / WALKTHROUGH

Form for updating the default password — 02 / Update your password

STEP 03 — 06

Update Your Default Password

After signing in, a popup will ask whether you want to change your default password. Select Yes to open the Change Password form, where you can create and save a new password. Select No to continue using your current password.

For better account security, changing your default password is recommended.

MOBILE APP / WALKTHROUGH

Screenshot for step 04: Main Menu and Settings

YOUR SCREENSHOT GOES HERE manual/game-04.jpg

STEP 04 — 06

Explore the Main Menu and Settings

From the Main Menu, select Play to access the Level Menu and begin your programming challenges. You can also open Settings to adjust the game's audio or log out of your account.

Choose Play to start a level, or open Settings to manage audio preferences and account logout.

MOBILE APP / WALKTHROUGH

Level menu showing available and locked levels — 01 / Select an available level

Level menu showing completed levels and progress — 02 / Track completed levels

STEP 05 — 06

Select a Level and Track Your Progress

Begin your C# programming journey by playing Level 1. Once you successfully complete the level, your teacher will provide a unique PIN code to unlock the next level. Enter the correct PIN code to gain access and continue your learning journey. Each succeeding level requires a teacher-provided PIN code. Your completion times and overall game progress are displayed to help you track your achievements.

Complete Level 1, then enter the PIN code provided by your teacher to unlock the next level. Each PIN code is valid for 5 minutes. Completed levels display your recorded time, while the progress bar shows your overall game completion.

MOBILE APP / WALKTHROUGH

Screenshot for step 06: Gameplay controls and interface

YOUR SCREENSHOT GOES HERE manual/game-06.jpg

STEP 06 — 06

Explore the Gameplay Controls

Use the virtual joystick to move around the 3D environment and follow the displayed objectives to complete each challenge. Tap Ask Codie for helpful guidance, or use the Pause button to temporarily stop the game. The timer at the top tracks your gameplay duration.

Follow the task instructions, use the joystick to explore, and ask Codie for help whenever you need guidance.

WEB DASHBOARD / WALKTHROUGH

STEP 01 — 06

Sign in to the faculty portal

Select Sign In and use the school email and default password given by the Super Admin, then enter the 6-digit PIN sent to your email. On your first sign-in you accept the Terms and Privacy Notice and can change your default password.

There is no public sign-up. Teacher accounts are created by the Super Admin.

WEB DASHBOARD / WALKTHROUGH

STEP 02 — 06

Read the Class Overview

The Dashboard summarises the game records of your sections: how many students started playing, levels completed, total time recorded and wrong submissions. Use the Section menu to look at one class.

Every number is counted directly from the records the game saves.

WEB DASHBOARD / WALKTHROUGH

STEP 03 — 06

Compare levels and topics

See how many students completed each level, the time and wrong submissions per topic, the coding tasks with the most wrong submissions, and the error messages students saw most often.

Use Export to download a CSV summary of every student for your reports.

WEB DASHBOARD / WALKTHROUGH

STEP 04 — 06

Open a student record

On the Students page, search, filter and sort your class. Select Details to see a student's levels, time and wrong submissions, and every attempt with each task and the exact error messages.

You can also import a class list from the Excel template, add, edit or archive students here.

WEB DASHBOARD / WALKTHROUGH

STEP 05 — 06

Give level access codes

On the Levels page, generate a five-minute code that lets students in your section unlock the next level in the game after finishing the previous one.

Codes only work for the sections assigned to you.

WEB DASHBOARD / WALKTHROUGH

STEP 06 — 06

Archive and sign out

Archived students can be restored from the Archive page within seven days. When you are done, select LogOut, especially on a shared computer.

Signing out also ends the PIN-verified session on that device.

Plays automatically. Tap a chapter, use the arrow keys, or swipe to move between steps.

> DEVELOPMENT TEAM

The minds behind the Syntax Error thesis project.

Laila O. Angeles

Developer

Tristan Carl Bugas

Developer

John Vincent Co

Developer

Cristian Condez

Developer

AN ERROR HAS OCCURRED. DEBUG THE SYSTEM.

> FOR STUDENTS

> FOR TEACHERS

SCAN TO PLAY

SCAN TO PLAY

> HOW SYNTAXERROR WORKS

Students play

Every attempt is saved

Teachers review live

> INSIDE THE SYSTEM

LEARN THE SYSTEM

Sign in with your school account

Sign in to the faculty portal

> DEVELOPMENT TEAM

Laila O. Angeles

Tristan Carl Bugas

John Vincent Co

Cristian Condez

AN ERROR HAS OCCURRED.
DEBUG THE SYSTEM.