Code Quest: The Developer’s Adventure

March 2024
Title

Code Quest: The Developer’s Adventure

Summary

Code Quest: The Developer’s Adventure" is a web-based game designed to meet the

growing demand for web development skills by offering a gamified learning experience that

simplifies coding concepts in HTML, CSS, and JavaScript. This engaging platform enhances

students' practical coding skills and confidence, while teachers can use it to create a dynamic

classroom environment. Schools can modernize their technology programs, and aspiring web

developers can learn in a low-pressure setting. Key features include interactive challenges,

collaborative gameplay, progress tracking, and a resource library. With an estimated budget of

PHP 600,000, the project will undergo careful planning, content creation, and testing to ensure

educational effectiveness, culminating in a comprehensive evaluation of its impact on student

engagement one year after launch.

Background of Problem

The increasing demand for web development skills in the job market highlights the need

for effective educational tools. Many students struggle to grasp complex coding concepts

through conventional teaching methods, leading to frustration and disengagement. "Code

Quest" addresses this issue by providing a gamified learning experience that simplifies web

development concepts and encourages active participation.

Beneficiaries

Students. Junior and Senior high school students will gain practical coding skills in

HTML, CSS, and JavaScript through hands-on challenges in "Code Quest." This interactive

learning experience will not only enhance their technical knowledge but also boost their

confidence in pursuing further studies or careers in technology-related fields.

Teachers and Educators. Computer science and technology teachers can integrate

"Code Quest" into their lesson plans as a supplementary tool. By using the game to reinforce

coding concepts, educators can create a more dynamic classroom environment that

encourages collaboration and critical thinking among students.

Schools and Educational Institutions. Schools can enhance their technology

programs by integrating "Code Quest" into the curriculum, offering an engaging way to learn

web development. This game fosters collaboration in after-school coding clubs and positions

schools as innovative institutions that prioritize digital literacy. It also creates opportunities for

partnerships with local tech companies, providing mentorship and real-world experience for

students.

Aspiring Web Developers. Individuals interested in web development, including high

school graduates and career changers, will benefit from "Code Quest" as a practical introduction

to coding. The game offers a low-pressure environment to learn essential skills, build a portfolio,

and gain confidence before entering formal education or the workforce. By engaging with the
game, they can develop a foundational understanding of web development concepts that will

serve them in future studies or job opportunities.

Proposed Solution

The proposed solution is to develop "Code Quest," an engaging web-based game that

seamlessly integrates storytelling with hands-on coding challenges tailored for students. Players

will embark on an immersive journey through various themed levels, each focusing on key

aspects of web development, including HTML, CSS, JavaScript, and responsive design. This

game will have the following features:

Features Description

Players will solve coding puzzles and real-world scenarios, such as

Interactive creating a simple webpage with HTML or adding interactivity with
Challenges JavaScript. Challenges will progressively increase in difficulty to build
skills step-by-step.
Players can form teams to tackle specific challenges, encouraging
Collaborative collaboration and peer learning. A chat function will facilitate real-time
Features communication, fostering a sense of community.
Players will have a personalized dashboard to monitor their learning
Progress progress, view completed challenges, and track mastered skills. They will
Tracking earn badges and certificates for milestones, which can be shared on
social media or included in portfolios.
A built-in library of tutorials, coding references, and video lessons will
Resource Library provide additional support. Organized by topic and difficulty, it will help
players find resources that align with their challenges and include links to
external coding forums and courses.
Methodology

A. Planning and Development

The planning phase will focus on defining the core game mechanics, storyline,

and educational objectives of "Code Quest." A multidisciplinary team, including game

developers, educators, and graphic designers, will collaborate to create a

comprehensive project plan that aligns with educational standards and best practices

in teaching coding.

B. Production

The production of "Code Quest" will follow these key steps:

1. Game Design:

Develop a detailed game design plan that outlines gameplay mechanics,

level progression, and user interface elements specifically tailored for middle

and high school students.

2. Content Creation:

Collaborate with web development experts and educators to design

engaging coding challenges and storylines that reinforce key concepts in

HTML, CSS, and JavaScript.

3. Development:
 Utilize web development technologies (HTML, CSS, JavaScript) to build a

responsive and user-friendly game platform that is accessible on various

devices, including desktops and mobile devices.

4. Testing:

Conduct beta testing with a select group of students over a period of 4 to

6 weeks to gather feedback on gameplay, educational value, and user

experience. This phase will include surveys and focus groups to identify

areas for improvement.

5. Launch

Officially release "Code Quest" to schools and educational institutions,

ensuring accessibility on multiple platforms. The launch will include targeted

marketing efforts, such as outreach to educators through newsletters and

social media promotions aimed at students and parents. Collaborations with

coding clubs will also help showcase the game's educational benefits and

encourage classroom adoption.

C. Testing and Evaluation

The game will undergo rigorous testing to ensure functionality, user experience,

and educational effectiveness. Feedback from beta testers, including students and

teachers, will be systematically analyzed to refine gameplay mechanics and

educational content before the official launch.

 D. Partnership

Establishing collaborations with educational institutions like the Department of

Education(DepEd), coding boot camps, and tech companies will be crucial for the

project's success. These partnerships will not only help promote "Code Quest" but

also provide valuable insights into the specific needs and preferences of students

learning web development.

E. Post-Implementation Analysis

One year after the launch, we will conduct a comprehensive evaluation of the

game's impact on students' coding skills and engagement levels. This will involve

collecting data through surveys, analytics, and user feedback to assess overall

satisfaction and identify opportunities for future enhancements.

Cost Analysis

Item Cost (PHP) Notes

Game Development 200,000 Estimated cost for development and design

Marketing and 50,000 Costs for advertising and outreach to schools

Promotion

Server Hosting 30,000 Annual hosting fees for the game platform.
 Testing and Quality 20,000 Costs for beta testing and feedback collection
Assurance
Personnel Costs 300,000 Salaries for developers, educators, and designers

Total Estimated 600,000 Total cost for the project

Costs
References

EDUCAUSE. (2024). Game-changing education: Transforming learning experiences

with gamification and generative AI. Retrieved from [Link]
conference/2024/agenda/gamechanging-education-transforming-learning-experiences-with-
gamification-and-generative-ai-1

Hamari, J., Koivisto, J., & Sarsa, H. (2023). Examining the effectiveness of
gamification as a tool promoting teaching and learning in educational settings: A meta-
analysis. Frontiers in Psychology, 14, Article 1253549. Retrieved from
[Link]

Karpov, A., & Karpova, E. (2022). The effectiveness of gamification in programming

education: Evidence from a meta-analysis. Education and Information Technologies, 27(5), 1-
20. Retrieved from [Link]

Deterding, S. (2015). The role of gamification in education: A literature

review. ResearchGate. Retrieved from
[Link]
_a_literature_review