Codeq: An Educational Game Application For Computer Programming

CodeQ: An Educational Game Application for Computer Programming.
A Thesis
Presented to the Faculty of
Mobile Application and Web Development
STI College Davao
In Partial Fulfilment
of the Requirements for the Program
James Anthony M. Liu

Christian F. Suarez
Johaynni O. Hadji Hakim
Mariel G. Quesada
Andrei Jacob Elman
January 30, 2019
5
ENDORSEMENT FORM FOR ORAL DEFENSE
TITLE OF RESEARCH: CodeQ
NAME OF PROPONENTS: James Anthony M. Liu

Christian F. Suarez
Mariel G. Quesada
Andrei Jacob Elman
In Partial Fulfilment of the Requirements

for the Program
has been examined and is recommended for Oral Defense.
ENDORSED BY:
Mr. Vincent Bryan F. Calija

Thesis Adviser
APPROVED FOR PROPOSAL DEFENSE:
Mr. Rodrigo Jr. Rodriguez

Thesis Coordinator
NOTED BY:
Ms. Sheila I. Marapao

Senior High School Asst. Principal
January 30, 2019
STI College Davao ii

APPROVAL SHEET
This thesis titled: CodeQ prepared and submitted by James Anthony M. Liu; Christian
F. Suarez; Johaynni O Hadji Hakim; and Mariel G. Quesada; Andrei Jacob Elman,
in partial fulfilment of the requirements for the degree of Bachelor of Science in Mobile
Application and Web Development, has been examined and is recommended for
acceptance an approval.
Mr. Vincent Bryan F. Calija

Thesis Adviser
Accepted and approved by the Thesis Review Panel

in partial fulfilment of the requirements for the program
Mr. Rodrigo Jr. Rodriguez Ms. Jennyfer S. Pactor

Panel Member Panel Member
Mr. Vincent Bryan F. Calija Mr. Roje Escuadro

Panel Member Panel Member
APPROVED:
Mr. Rodrigo Jr. Rodriguez Ms. Sheila I. Marapao
Thesis Coordinator Senior High School Asst. Principal
January 30, 2019
STI College Davao iii

ACKNOWLEDGEMENTS
The researchers would like to thank the following:
Thesis Coordinator: To guide and to explain the thesis documentation;
Thesis adviser: To guide and teach us the software application where the project was create;
Thesis Review Panel: To a give comments in our ouput;
Parents and/ or Guardian, Providing our needs in research like financial;
Friends and inspirations, Dont give up;
STI College Davao iv

ABSTRACT
Title of research: CodeQ
Researchers: James Anthony M. Liu

Christian F. Suarez
Mariel G. Quesada
Andrei Jacob Elman
Program: Mobile Application and Web Development
Date of Completion:
Key words:
The contribution provides and overview of developing the mobile application in this
project where namely CodeQ. As a smartphone and other digital devices continues to grow
and as mobile application continue to dominate the digital engagement in this generation.
CodeQ mobile application was develop to enhance the study capability of a user, this
generation is dominate by the digital, most of people use mobile application than books
and papers. By using this CodeQ application may help the researchers to collect a variety
of objective and how this application contribute to the users.
CodeQ Mobile application can run in IOS and android device because it was develop in
cross-platform software any users can run this application. The purpose of this mobile
application is to give the users to gain insight, this makes it for creator easy to identify the
gaps in knowledge and to view their sections what they have made mistake and to make it
improve themselves in general it can use as reviewer or to get improve some knowledge to
the users.
There are 10 citation in the application that are related to our mobile application that who
are support and against in this study, this mobile application was improve some new
features to make more excitement and enjoyable.
STI College Davao v

TABLE OF CONTENTS
Page
Title Page i
Endorsement Form for Proposal Defense ii
Approval Sheet iii
Acknowledgements iv
Abstract v
Table of Contents vi
List of Tables vii
List of Figures Viii
List of Appendices ix
Introduction 1
Background of the problem
Overview of the current state of technology
Objectives of the study
Scope and limitations of the study
Literature Review
Review of related literature, studies or systems
Synthesis
CodeQ
Results and Discussions
Conclusions and Recommendations
References
Appendices
STI College Davao vi

LIST OF TABLES
Table Page
1
STI College Davao vii

LIST OF FIGURES
Figure Page
Architectural Model ………………………………………………. 20
Flow Chart ………………………………………………………..
Entity Chart …………………………………………………………
STI College Davao viii

LIST OF APPENDICES
Appendix Page
A. Gantt chart of activities ……………………………………………… 24
B. Actual Thesis Expenses …………………………………………….... 26
C. User’s Manual
D. Curriculum Vitae of Researchers ……………………………………. 30
STI College Davao ix

INTRODUCTION
In today’s modern age where gadgets and computers become useful in our daily life
because it helps to stimulate the senses and imagination of every person and most people
use smart phones in this generation because of rapid technology, millions of android
application where develop because it becomes most useful, like it helps to promote
listening ability, learning sounds and speech through educational apps. Quiz was only in
the paper sheet and today because of modern technology there is an application in smart
phones can play a quiz app to make people more convenient.
Background of the Problem
According to Kapp (2012). Identifies several important elements of gamification, such as

a story or plot, game play, characters, competition, rewards, increasing levels of
complexity, challenges, and individualized feedback. Not just a students have their
problems but they are, because people needed the quiz to improve and enhance thinking
that wanted to become a top ranking or has a qualified to join an international competitive
quiz. The App developers created the CodeQ to provide the people and persuade, so people
may be having a pay attention because it is also a competitive game and has a ranking
system via worldwide.
According to Beaval et al. (2014). Games and quizzes and some principles of gamification
have been used in education for many years, primarily in school-aged pedagogical
environments. Many students in the Philippines have mostly wanted to become a qualified
of quizzes competition because they wanted to experienced their challenges they have.
Nowadays, mostly student's strands are IT and the researchers wanted to persuade the
CodeQ app so the researchers wanted to give some interest of this app or to test it because
it is related to the study of IT so they can learn and improve their studies of being an IT
student.
5
Overview of the Current State of the Technology
The application will provide the basic knowledge, this mobile application the CodeQ was
develop using the modern technology software using visual studio 2017 xamarin and a
cross- platform mobile development that compatible to iOS and android OS. For the
designing the button, color and the background of the UI in the application is photoshop
cs3, and the database that use in the mobile application where the questions was store inside
is MySQL.
To build the code by the help of search engine, the code study step by step and to get more
knowledge about creating the mobile application and build it.
STI College Davao 2

Objectives of the study
The proponents will develop an mobile application named codeQ as a source information
or background about programming for those people who've wants to be a programming.
1.) The proponents will develop a module that contain questions group in 3 labels of
different.
2.) The proponents will develop a module that will generate points for every correct
answer.
3.) The proponents will develop a module for the timer in every question.
4.) The proponents will develop a module for the progress bar base on the accumulated
points.
5.) The proponents will develop a module where the system shuffle the question when
the user want to retry the game.
STI College Davao 3

Scope and limitations of the study
Scope
 This mobile application has three levels the easy, average ,and difficult each
category has ten questions
 This mobile application has 4 language that can you take a quiz C#,HTML
,Java and java script but the questions is random.
 This mobile application is capable providing offline knowledge that related

to IT.
Limitation
 Not everyone can use this application because not all studied the IT
subject
 This mobile app is cannot be played by multi-players.
 This mobile application is applicable only in Android and iOS devices.
 Cannot connect to internet.
STI College Davao 4

LITERATURE REVIEW
Review of related literature, studies or systems
This chapter presents the review related literature that will discuss the ten system and ten studies
in our quiz mobile application.
Studies
According to Asghar, M. Z.(2012) The application Quizzy was create in Android Platform, this
application is developed for educational purpose and allowing the users to prepare the multiple
choice question. The main goal of the application is to enable users to practice for subjective tests
conducted for admissions and recruitment, with focus on computer science field. This study relates
because it is a multiple choice and also an educational purpose.
According to Addarsh P., Rajat K. S., Singh, J., Tulasi, S. S. (2017) in SRM University, Tamil
Naidu, India. The Concept of quizzes is currently very popular among educated circles as well as
in entertainment shows, android quiz application can conducted manually it also needs elaborate,
this quiz app program in Java focuses on creating interactive quizzes with a considerably large
database questions. The System reduce paperwork and and all the information will be stored safety
5
in database. This application was created to their school for the students to minimize paper works,
only the administrator can change the questions if you update the application in campus. The
comprog quiz is for all people not just in campus only.
According to Sandeep, R. P. (2013) in Kansas State University in Manhattan Kansas Tutorials and
Quiz Android Mobile application is an application which gives you brief tutorials on various
programming language and technologies. And also conducts a quiz to the users who is interested
in a particular technology for checking their knowledge on the subject. This application is added
some tutorials related to their studies. It conclude their performance grade with this mobile
application to improve their learnings.
STI College Davao 6

According to Mohamed, N. A. and H. A. Marwa (2017) in University of Technology in Iraq,
development of quiz application is required by the both learner students to prepare themselves for
various examination through smart phones and tablets. The main goal of the application is
mitigating administrative work. This research deals with the development of Android based
Google Forms Application
STI College Davao 7

According to Gupta P. and Kumar M. (2014) in Vivekanada Institute of Technology, Kolta India,
a learning environment is any environment in which students become totally involved in the
learning process. Android Quiz Application enables the learner to access the learning object and
interact with the instructor and other learner. Mobile Learning provides the freedom from learning
environments, learning devices and learning content format, allowing teaching and learning to
extend to spaces beyond traditional classroom and it is an educational app.
According to Casitas, M. (2016) in Lyceum of the Philippines University – Cavite, This study
entitled Larong Pinoy an android game app. The main function of the application its games that
users can play with, there is a game for quizzes, outdoor games and more. Mobile Application are
easier to than the traditional Filipinos games. And traditional games are played manually in the
streets while this application can use in gadgets. The purpose of this application is now the
generation kids today just forgot the tradition of playing games because of the gadgets and then
this application will help to know and remember.
STI College Davao 8

According to Lacson, A., M. (2011) In University of Philippines the application and software is
mostly use in terms of modern technology, there are millions of application create worldwide
because of easy to use. The application of Medium Quiz is a question which the proper tagalog
language correct. Many Filipinos did not know other tagalog words this application has deep
language and to know.
According to Reddy A. (2015) in International Journal of Advanced Research in Computer

Engineering & Technology the mobile quiz is an android application that provides a new technique
STI College Davao 9

of playing quiz using mobile phones. This application is especially developed for people who like
to play challenging the quiz. The project provides an effective challenge quiz. The project provides
an effective challenge to the player. Generating random questions for the user who participate on
the quiz. Whenever Wi-Fi is connected in android mobile, the user can play quiz. Users can have
their own interest in particular are to participate.
According to T.Meenakshi,Sk.Salma Sulthana,G.Hema sai ram(2016) This is a “QUIZ” android

app which gives the information about CSE core subjects. First of all, every student should register
in registration page by using his/her name unique roll number, by creating username and password.
After registering, they need to login every time to access their account. Here we provide two menus
i.e., test and reference books, these references provide necessary information which is needed to
write test.
STI College Davao 10

According to Dr. Muhammad Zubair Asghar Iqra Sana(2016) The Quiz Hub [5] is an online
Interactive Learning Quiz Games, focused on facts. This quiz has many sub categories. It provides
many fields to users, students and learners for the learning purpose. The categories are Math facts,
U.S. History, Multiply fractions, Vocabulary Quiz, Spelling Quiz Game, Physics and others. It is
not a multiple choice quiz; one has to select the matching pairs in this quiz. The current
documentation [6, 7, 8, 9, 10, 11, 12] of different studies are organized in the context of opinion
mining and lexicon based sentiment analysis related to quiz applications. However most of such
systems are either web- based or desktop-based and directs the user generated content.

System
According to Asghar, M. Z.(2012) The application Quizzy was create in Android Platform. The
application used only once by a user their modules are computer science, verbal, and analytical
and the quiz includes three functions hint for the clue, skip and pause. Each modules compose of
20 questions and every questions has four multiple choice and the function of this quiz app is just
tap it ever questions only one correct and automatically the question will proceed to another. This
was develop in Gomal University in Pakistan.
According to Addarsh P., Rajat K. S., Singh, J., Tulasi, S. S. (2017) in SRM University, Tamil
Naidu, India. This application mainly stores questions in the database of each set has six questions
stored, every section has Quantitative, Verbal and Logical, Computer Fundamentals, Programming
languages. First is to Login and choose section and has 6 to 8 questions after you choosing the
answer, to questions is manually move backward and forward to recheck the answer after that there
is a scoreboard if you finish.
According to Sandeep, R. P. (2013) in Kansas State University in Manhattan Kansas Tutorials and
Quiz Android Mobile application it has different levels like Basic Level, Advance Level quiz, this
application conducts a quiz in the form of multiple choices questions. After completion of the quiz
the application generates reports based on quiz you conduct, this is a time quiz with above
technology questions,each questions can give 20 seconds to answer. Their will have the
technologies where the categories are Android, Java, C++ and C language.
According to Mohamed, N. A. and H. A. Marwa (2017) in University of Technology in Iraq, This

is application is an educational purpose, allowing the staff to prepare the questions for different
examination to conduct in school only. The categories are Data Structure, Web Security, Web
Language and etc. The functions of this application is the staff administrator can provide the
question just update to the gadgets and then it is multiple choices each category has 50 questions
and after you complete the questions it will save to the database administrator in campus. The
function of this application you input the name first and then the section and course code and the

quiz topic is automatically in ordered and you can choose any multiple choices and automatically
proceed to next question.
According to Gupta P. and Kumar M. (2014) in Vivekanada Institute of Technology, Kolta India,
The evolution of today’s mobile device increases the number of mobile application developed and
among them the mobile learning application. The function of this applications is choose the
multiple choices and depends a questions only. With different lesson history, art, technology, math
and English, and it has 25 items each lesson in the mobile application.
According to Casitas, M. (2016) in Lyceum of the Philippines University – Cavite, This study
entitled Larong Pinoy an android game app. The function of this application is the quizzes compose
of 30 question there are no categories, the questions are only traditional games in streets and just
choose the answers in multiple choice and after that the result either fair, good, very good or
excellent.
According to Lacson, A., M. (2011) In University of Philippines the application and software is
mostly use in terms of modern technology, the question is more in tagalog language and it has 100
items with multiple choices and this will serve the total score of how many Filipino people have
excellent in Filipino language. There will have a given name to the application and a total score
how excellent you are in tagalog words.
According to Reddy, A. (2015) in International Journal of Advanced Research in Computer

Engineering & Technology, questions are loaded from the cloud database if and only if there is
internet connection otherwise it asks to check internet connection. At the last of the game it
displays the score like number of answers correct, skipped and total questions will be shown.
According to Oladele, O. (2014) in University of Applied Science, the project is a mobile learning
application. It is developed on android platform for android mobile devices. The questions are set
based on subject areas. The subject areas are grouped into categories. A user who wants to take an
examination from a particular subject area will have to choose a category after which he/she can

choose a subject. For each examination, there is a set number of questions. These questions are
retrieved from an external database and are selected at random so that if two users start examination
from the same subject at the same time, it is very unlikely that they will have the same order of the
questions.
The time allowed for each examination is set on the database. A hint on answering each of the
questions is provided. This hint is shown to the user when he/she clicks on the hint button. When
a user starts the examination, the duration for the examination starts decreasing. This time is shown
on the top right corner of the question view page. It is possible to go to the next question without
answering the current question. The user can navigate back to the unanswered questions with the
help of a previous button. If the time duration is up before the user finishes with the examination,
the application submits itself and displays the result to the user.
According to Planeto, A. B. (2016) in University of Oslo this app is found in many languages
including English, Norwegian, Danish, Dutch, Finnish and Swedish. The same can be found in
English version with the name of Quiz Board. This app is much more fun and interactive than the
Quizkampen and is also more popular than the other. The main motive and gameplay of this app
is also the same as in Quizkampen, i.e. trying to beat opponent. But the main feature of this app is
that the players have to play quiz on a board consisting of many squares. The players have to move
around the board one square at a time and try to score more points than the opponent before
completing the board. Players move forward for each right answer they give. The board also have
some bonus points which can be of specific category which when answered correctly provides user
with extra points. So the game ends when any player reaches to the center of the board and the
winner who has the most points. (Google Play, 2013.) Players can choose a specific opponent or
app can give a random opponent and play on 10 different boards. Each question can be one of six
different categories like, sport and history.

Synthesis
Similarities:
All of the studies mention in review related literature, CodeQ mobile application used in mobile
smart phones where the application will run. It is a mobile quiz game application. The user will
access the game application to play in mobile devices where the questions store using database.
As for Sandeep, R. P. (2013) Quiz Android Mobile application also conducts a quiz to the users
who is interested in a particular technology. The study of to Addarsh P., Rajat K. S., Singh, J.,
Tulasi, S. S. (2017) this quiz application program in Java focuses on creating interactive quizzes
with a considerably large database questions. With Asghar, M. Z.(2012) The application Quizzy
was create in Android Platform. The application used only once by a user their modules are
computer science, verbal, and analytical and the quiz includes three functions.

Differences:
According to Mohamed, N. A. (2017) development of quiz application is required by the both

learner students to prepare themselves for various examination through smart phones and tablets.
By using this the school use this academic system by using mobile smart phones for their exam.
By Reddy A. (2015) the project provides an effective challenge to the player. Generating random
questions for the user who participate on the quiz. Whenever Wi-Fi is connected in android mobile,
the user can play quiz.

CODEQ
Methodology
Overview of the project
To solve the problem in objectives the proponents will use the visual studio and my SQL to code
or to completely create the proposed mobile application which is the CodeQ application. The
proponents will develop the listing objectives which is the 3 levels of group question in different
levels and second one is the generate points for every correct answer and the timer also for every
question and the progress bar base on the accumulated points and last one is the how the system
shuffle the question when the user want to retry the game. And after the proponents finishing the
problem in objectives the application will help to the given problem the way they can use the
application as their source of information and background about information technology.
RAD Model
Rapid Application Development model relies on prototyping and rapid cycles of iterative
development to speed up development and elicit early feedback from business users. After each
iteration, developers can refine and validate the features with stakeholders. RAD model is also
characterized by reiterative user testing and the re-use of software components. Hence, RAD has
been instrumental in reducing the friction points in delivering successful enterprise applications.
The proponents plans for the developing mobile application, and after that the proponents start
developing the system design. And second one is the user interface (UI) the proponents will also
develop that and also the function, the function of all buttons. And also the database of the
developing mobile application, and after the proponents achieve all of that and lastly is the
implementing for the mobile application which is the codeQ application.
5
RAD MODEL
Planning
Implementing System
Design
Database Functions UI
Database Management System
The Database design use in this mobile application is SQLite, it is an in-process library that
implements a self-contained, zero-configuration, server less, transactional SQL database engine.
The source code for SQLite exists in the public domain and is free for both private and commercial
purposes.
SQLite has bindings to several programming languages such as C, C++, BASIC, C#, Python, Java
and Delphi. The COM (ActiveX) wrapper makes SQLite accessible to scripted languages on
Windows such as VB Script and JavaScript, thus adding capabilities to HTML applications. It is
also available in embedded operating systems such as iOS, Android, Symbian OS, Maemo,
Blackberry and WebOS because of its small size and ease of use.

System Design Specification
Hardware Requirements
All tools and technology are installed for development work at windows 10 Operating System 64
bit platform. Minimum hardware requirements for development:
 1 GigaHertz GHz processor
 1 Gigabyte RAM Random Access Memory
 DirectX 9 later with WDDM 1.0 Driver
 16GB Free hard drive space
To test and deploying the mobile application, an Android smartphone is required. The Minimum
specifications are:
 Android Operating System OS 4.2 jelly Bean
 Atleast 512 MB of RAM
 Atleast 500 MB of free internal storage
Software Requirements
 Android
 IOS
 Android version Jellybean 4.2
 API 16-18

Architectural Design
According to Summers, M. (2018) Mobile application architecture is a set of techniques and

patterns used to develop fully structured mobile applications based on industry and vendor specific
standards. While formulating the app architecture, the procedures that work on the wireless mobile
device like smartphones and tablets are also taken into consideration.
Presentation layer contains UI components as well as the components processing them, the main
focus of this layer is how to present the app to the end user. When designing it, app developers
must determine the correct client type for the intended infrastructure. Client deployment
restrictions should also be kept in mind. and business layer composed of workflows, business
entities and components and caching, logging, authentication, exception management and security
are all matters of concern. According to our developers, you need to split tasks into different
categories to reduce the complexity of this layer.
Lastly the data layer comprises data utilities, data access components and service agents.
The Mobile application architectural design of the CodeQ mobile application is the Administrator
can only access the database system and then the questions of the game application was placed on
the database. For the user student and teacher are can play this application because they are among
know to play this game application and then android and iOS are accessible in the mobile game
application.

Architectural Design
Start
Easy -Average -Difficult

Admin
C#, Java,Javascript,HTML
Score
Android
iOS
User
SQLite Database
CodeQ
Questions
Student
Teacher

Hierarchical Chart
According to Colorado, GC (2004). A hierarchical chart is described as a visual representation of

a system of hierarchy and can also be referred to as a structure chart. Roles, ranks or positions
are clearly laid out in an illustrated format that depicts the relationship between the elements.
Hierarchical charts are based on the idea of a hierarchy. A hierarchy is a system of classification
or ranking for people based on ability or status. In the example of the Catholic Church, the pope
is at the top of the hierarchy, followed by cardinals, archbishops, bishops and so on. Hierarchy
does not have to refer solely to people. It can also apply to other ideas or concepts, such as a
hierarchy of values or needs where one element is ranked above the other in descending order
according to importance.
The Mobile application hierarchy design of the CodeQ mobile application. Structure an
organization using different levels of authority and a vertical chain of command, between
superior and subordinate levels of the organization. Higher levels control lower levels of
the hierarchy. You can think of an organizational hierarchy.

Hierarchical chart
TAKES USER
TAKES
QUIZ
HAS APP HAS QUESTIONS

HAS
HAS
CATEGORIES
QUIZ

Flow Chart
Christensson, P. (2008, October 23). Flowchart Definition. Retrieved 2019, Feb 19, from
https://techterms.com a flowchart is a diagram that describes a process or operation. It includes
multiple steps, which the process "flows" through from start to finish. Common uses for
flowcharts include developing business plans, defining troubleshooting steps, and designing
mathematical algorithms. Some flowcharts may only include a few steps, while others can be
highly complex, containing hundreds of possible outcomes.
Flowcharts typically use standard symbols to represent different stages or actions within the
chart. For example, each step is shown within a rectangle, while each decision is displayed in a
diamond. Arrows are placed between the different symbols to show the direction the process is
flowing. While flowcharts can be created with a pen and paper, there are several software
programs available that make designing flowcharts especially easy. Common programs that can
be used to create flowcharts include SmartDraw and Visio for Windows and OmniGraffle for the
Mac.
The function of the CodeQ mobile application through flowchart, first is the start where the user
will begin then it will proceed to the categories were Javascript, java, C# and HTML and there
are game modes the ea sy, average and difficult where the user will pick and start only easy.
If the answer are correct there are additional +2 score in the progress bar and if it is incorrect -2
score to the progress bar.

Flow Chart
CodeQ
Categories
Start Javascript
Java
C#
HTML
Modes
Easy
Average
Difficult
Correct +2
-2 Wrong 10 Question
Progress Bar

Score
RESULTS AND DISCUSSIONS
In this chapter will show the theoretical proof and evidence of the mobile application that how this
app work on its performance. It will indicate about the performance in the application such as the
functions and errors.
Introduction
The main objective of the mobile application is to develop and design a quiz mobile application
that will stimulate the learning of programming language The specific objectives in this mobile
application is to create a module that the every users learn in this quiz mobile application, this quiz
mobile application has 4 categories of programming languages such as C#, Java, Javascript and
HTML have a modes with questions, develop an interactive module such as modes the easy,
average and difficult and develop a module that provides scores of each questions.
This mobile application is designed to help the users especially who related in this quiz mobile
application to learn more because this is a mobile educational game provides knowledge and
learnings.
Experiment
In developing and designing the CodeQ mobile application needs the users to run the mobile
application in android and iOS mobile devices. The proponents did the experiments to determine
the functions based on the objectives.
5
CODEQ MOBILE APPLICATION DISPLAY:
Test no. TEST EXPECTED RESULT
1. Start (button) Display the 5 categories of

programming languages.
2. Score (button) Display the total score of the

quiz game mobile application.
3. C# (button) Display the game modes easy,

average and difficult.
4. Java (button) Display the game modes easy,

5. Javascript (button) Display the game modes easy,

6. HTML (button) Display the game modes easy,

7. Back (button) Display the previous quiz

game.
8. Easy (button) Display the 10 basic questions
9. Average (button) Display the 10 medium

questions.
10. Difficult (button) Display the 10 hard questions.
11. Try Again (button) Display to continuously the

quiz game.

Result and Analysis
The proposed developing mobile application is working, the categories are functional to open the
modes in programming language by clicking and the modes are also functional to open and start
the quiz with 10 questions each modes, all questions are answerable. The try again button are
working by clicking it and lastly the score is finally working and functional.
Summary
The proposed mobile application can enhanced knowledge and learnings about the programming
languages to the users, this mobile application is an educational app to play this game and it is
open to all users by using android and iOS mobile devices. The programming languages quiz can
make this as a reviewer to the users especially to the students and it can retake the quiz to master
the quiz game and to memorize it. It will make the user enjoyable in this quiz mobile application.

CONCLUSIONS AND RECOMMENDATIONS
Nowadays, mobile phone, computer and laptops or the modern technology are dominating in this
generation. People all over the world use and benefit from modern technology. Technology has
simplified the access to many tools people need in education. Some student forget to study so this
generation many students holds phone every day so, as one of the proponents that proposed an
Educational Mobile application: CODEQ to let IT students learn while they are using modern
technologies.
In chapter one, proponents planned everything about game, its objectives, limitation, and scope.
What will happen when the game started, how can IT student adopt each question?
In chapter two, the proponents find some articles that are related to the proposed study. Using
those articles, proponents gathered some ideas and apply it to the study conducted
In chapter three, the proponents discuss the design of the flow of the game. A flow chart that is a
summary guide to a game. It indicates how the game played.
In chapter four, the proponents tested the mobile application that proposed to the panel list.
Supposedly all the objective would meet trough testing the application. After tested it is verified
the proponents somehow get errors and bugs.
After the research conducted, the proponents started to develop user-friendly application. It
provides 4 language questions that can be a tool that helps IT students to develop their skill on IT,
at the same time they will enjoy playing.
5
REFERENCES
Asghar M. Z. (2012). United Technology Arts. Istanbul State University.
Paul, A., Singh, K. R., Singh, J., Shweta, T. S. (2017). UG.Scholar, Computer Science &
Engineering. SRM University, Tamil Naidu India.
Pakker, S. R. (2013). Department of Computing & Information Science College of Engineering.

Kansas State University.
Abdullah, M. N., & Ali, M. H. (2017). International Journal of Science and Research: University
of Technology, 79,7
Gupta, P., & Kumar, M. (2014) Vivekanada Institute of Technology, Kolta India
Casitas, M. P. (2016) College of Technology, Lyceum of the Philippines University
Lacson A. M. (2011). Science of Technology. University of Philippines
Elyaman H. F., Diaz. A., (2016) Computer House Research, Laguna State University
Lakshmi, B., Sai Durga, V., and Anji, K. R.,(2015) International Journal of Advanced Research in
Computer Engineering &Technology, Andhra Pradesh, India
Dulay, A. E., Pangan, K. M., and Requilman M. L. (2016) DLSU Research Congress in De La
Salle University, Manila, Philippines
Shoyeb, I. H. (2015) Department of Computer Science and Engineering East West University,
DhakaBangladesh
T.Meenakshi,Sk.Salma Sulthana,G.Hema sai ram,Y.Ayyappa Swami IV B.Tech. - I Sem., Dept.

of CSE, St. Ann’s College of Engineering & Technology
5
Dr. Muhammad Zubair Asghar Iqra Sana, Gomal University, Dera Ismail Khan, Pakistan Hina
Iqbal Khushboo Nasi
Oladele, O. (2014) in University of Applied Science, Mumbai, India
According to Planeto, A. B. (2016) in University of Oslo, Norway
Mcconatha, D., Praul, M. and Lynch, M.J., (2008). Mobile learning in higher education: An
empirical assessment of a new educational tool.
Summers, M. (2018) https://magora-systems.com/mobile-app-development-architecture/
Christensson, P. (2008, October 23). Flowchart Definition. Retrieved 2019, Feb 19, from
https://techterms.com
Kapp, K. (2012). The Gamification of Learning and Instruction: Game-Based Methods and
Strategies for Training and Education.
John Wiley & Sons. Kirriemuir, J. & McMarlane (2004.). Literature Review in Games and
Learning Literature Review in Games and Learning.

APPENDICES

APPENDIX A. GANTT CHART

MONTH JANUARY FEBUARY MARCH APIRL MAY JUNE JULY AUGUST
SEPTEMBE
OCTOBER
R
ACTIVITY
Chapter 1
Chapter 2
Chapter 3
Install Visual Studio
Creating Mobile
Application
Chapter 1 revise
Chapter 2 revise
Chapter 3 revise
Mobile app developing
Database
Title Defense
Mock Defense
Final Defense
Chapter 4
Chapter 5
5
APPENDIX B. ACTUAL THESIS EXPENSES
5
THESIS EXPENSES
Approximate
Quantity Specifics Actual Cost
Cost
5 Panel fees 500 500
1 Thesis Adviser fees 300 300
4 Title Defense Documents 150 150
4 Mock Defense Documents 200 180
5 Final Defense Documents 500

Prepared by:
James Anthony M. Liu Christian F. Suarez
Mariel Quesada Johaynni O. Hadji Hakim

Andrei Jacob Elman
Approved by:
Mr. Vincent Bryan F. Calija Mr. Rodrigo Jr. Rodriguez

APPENDIX C.USER’S MANUAL

Appendix C. User’s Manual

APPENDIX D. CURRICULUM VITAE OF RESEARCHERS

Curriculum Vitae of
James Anthony M. Liu
22 Carmen St. Inigo Ext. Davao City
JamesAnthonyLiu@gmail.com
09127630166
EDUCATIONAL BACKGROUND
Level Inclusive Dates Name of school/ Institution
Tertiary
TechVoc 2017-2019 STI College of Davao
High School 2012-2017 Sta. Ana National High School
Elementary 2006-2012 Elpidio Quirino Elementary School
PROFESSIONAL OR VOLUNTEER EXPERIENCE

Nature of Experience/ Name and Address of Company or
Inclusive Dates
Job Title Organization
AFFILIATIONS
Inclusive Dates Name of Organization Position
SKILLS
SKILLS Level of Competency Date Acquired
NC4 2017-2019
TRAININGS, SEMINARS OR WORKSHOP ATTENDED

Inclusive Dates Title of Training, Seminar or Workshop
Curriculum Vitae of

Christian F. Suarez
110 Sapphire St. Phase 1, Matina Davao City
Gchansuarez@gmail.com
09952250391
Tertiary
High School 2012-2017 F.Bangoy National High School
Elementary 2006-2012 Kapitan Tomas Monteverde Sr. Central Elementary
School

Inclusive Dates
Listed in reverse chronological order (most recent first).
AFFILIATIONS
SKILLS
NC4 2017-2019


Curriculum Vitae of
B8 L27 Ezra St. Emily Homes Davao City
Johaynnigampong@gmail.com
09284521245
Tertiary
High School 2012-2016 Malabang National High School
Elementary 2006-2012 Jose Abad Santos Central Elem. School

Inclusive Dates
AFFILIATIONS
SKILLS
NC4 2017-2019

Curriculum Vitae of

Andrei Jacob L. Elman
2720, Purok 4, Salavacion, Panabo City
Andreijacobelman@gmail.com
09490477332
Tertiary
High School 2013-2017 Panabo Christian School
Elementary 2007-2013 Salvacion Elementary School

Inclusive Dates
2013-2017 School Drum and Bugle Panabo Emcor
AFFILIATIONS
2016-2017 Choir
SKILLS
NC-4 2017-2019

Curriculum Vitae of

Mariel G. Quesada
Buhangin Panorama Street ilang-ilang Davao City
Marielquesada123@gmail.com
09506664509
Tertiary
High School 2013-2017 Davao City National High School
Elementary 2007-2013 Buhangin Central Elementary School

Inclusive Dates
AFFILIATIONS
SKILLS
NC4 2017-2019


Codeq: An Educational Game Application For Computer Programming

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Codeq: An Educational Game Application For Computer Programming

Uploaded by

Copyright:

Available Formats

CodeQ: An Educational Game Application for Computer Programming.

James Anthony M. Liu

January 30, 2019

TITLE OF RESEARCH: CodeQ

NAME OF PROPONENTS: James Anthony M. Liu

In Partial Fulfilment of the Requirements

Mr. Vincent Bryan F. Calija

APPROVED FOR PROPOSAL DEFENSE:

Mr. Rodrigo Jr. Rodriguez

Ms. Sheila I. Marapao

January 30, 2019

STI College Davao ii

Mr. Vincent Bryan F. Calija

Accepted and approved by the Thesis Review Panel

Mr. Rodrigo Jr. Rodriguez Ms. Jennyfer S. Pactor

Mr. Vincent Bryan F. Calija Mr. Roje Escuadro

Mr. Rodrigo Jr. Rodriguez Ms. Sheila I. Marapao

Thesis Coordinator Senior High School Asst. Principal

January 30, 2019

STI College Davao iii

The researchers would like to thank the following:

Thesis Coordinator: To guide and to explain the thesis documentation;

Thesis Review Panel: To a give comments in our ouput;

Parents and/ or Guardian, Providing our needs in research like financial;

Friends and inspirations, Dont give up;

STI College Davao iv

Title of research: CodeQ

Researchers: James Anthony M. Liu

Program: Mobile Application and Web Development

STI College Davao v

STI College Davao vi

STI College Davao vii

STI College Davao viii

STI College Davao ix

Background of the Problem

According to Kapp (2012). Identifies several important elements of gamification, such as

STI College Davao 2

STI College Davao 3

 This mobile application is capable providing offline knowledge that related

 This mobile app is cannot be played by multi-players.

 This mobile application is applicable only in Android and iOS devices.

 Cannot connect to internet.

STI College Davao 4

Review of related literature, studies or systems

STI College Davao 6

STI College Davao 7

STI College Davao 8

According to Reddy A. (2015) in International Journal of Advanced Research in Computer

STI College Davao 9

According to T.Meenakshi,Sk.Salma Sulthana,G.Hema sai ram(2016) This is a “QUIZ” android

STI College Davao 10

STI College Davao 11

According to Mohamed, N. A. and H. A. Marwa (2017) in University of Technology in Iraq, This

STI College Davao 13

According to Reddy, A. (2015) in International Journal of Advanced Research in Computer

STI College Davao 14

STI College Davao 15

STI College Davao 16

According to Mohamed, N. A. (2017) development of quiz application is required by the both

STI College Davao 17

Overview of the project

Database Management System

STI College Davao 19