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 https://events.educause.edu/annual-
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
https://www.frontiersin.org/journals/psychology/articles/10.3389/fpsyg.2023.1253549/full#ref68
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 https://www.sciencedirect.com/science/article/pii/S2666920X22000510
Deterding, S. (2015). The role of gamification in education: A literature
review. ResearchGate. Retrieved from
https://www.researchgate.net/publication/287480678_The_role_of_gamification_in_education_-
_a_literature_review
