Compleapp: An Educational Learning Mobile Application for
Intermediate Level about Computer Education Subject
Allen B. Manalo John Joseph Ordona
MinSCAT Main Campus MinSCAT Main Campus
Alcate Vctoria, Oriental Mindoro Alcate Vctoria, Oriental Mindoro
manaloallen2@gmail.com jjordona@gmail.com
ABSTRACT
The mobile application developed is basically an
educational and interactive mobile app tutorial for intermediate
level through Microsoft Office and Computer Hardware Parts.
With the objectives of being able to create a mobile app which
should be able to educate and entertain its users about relevant
information about the Microsoft Office and Computer parts, with
the tutorial, quiz, and trivia within the developed mobile
application with ensured user-friendly design, the mobile app was
developed with user learning and entertainment in mind along the
process.
The researchers used Prototyping Model wherein they
built, tested and reworked the prototype when errors persisted until
the system’s objectives were finally achieved.
The system was evaluated by fifty (50) respondents in
MinSCAT Main Campus Alcate, Victoria, Oriental Mindoro. They
evaluated the system using the eight metrics prepared by the
researchers based from ISO 25010 to rate the developed mobile
application’s quality as a software. The evaluation criteria were
ranged 5 for Very Acceptable, 4 for Acceptable, 3 for Moderately
Acceptable, 2 for Not Acceptable and 1 for Very Not Acceptable.
The evaluation form contained eight questions regarding the
functional suitability, performance efficiency, compatibility,
usability, reliability, security, maintainability, and portability of the
developed mobile application. All in all, the system got an overall
description of very acceptable among the different criteria set.
KEYWORDS
Compleapp, Computer Education , Educational
Learning, Intermediate Level , Mobile Application
1 INTRODUCTION
Mobile application & games have become a useful tool
in learning Computer Hardware Parts and Application Software
like Microsoft Word, Microsoft Excel and Microsoft PowerPoint.
Quiz about the learning of this topic is also available. Advances in
mobile technology have enabled a wide range of application to be
developed that can be used by the people on the move. Technology
John Edgar S. Anthony
MinSCAT Main Campus
Alcate Victoria, Oriental Mindoro
jeanthony73@gmail.com
for now, is the most important aspect in one’s daily life. People
always use it as a tool to get information. With the use of
technology, the researchers develop a system and application as a
guide.
The researchers used different devices to make a simple
application in order to give enjoyment while learning and reliable
information while answering the quiz. One of the most widely used
device is the mobile phone which has a big impact in the world
organization.
Students have consumed more time gathering the tools of
Hardware Parts and Microsoft nowadays. Other students are not yet
familiar in using and function of Computer Hardware Parts and
Application Software like Microsoft Word, Microsoft Excel, and
Microsoft PowerPoint and exerted time and effort for their studies.
Because of that, the developers came up to an application which
will help the students and others to learn more about Microsoft,
Computer Hardware Parts and other application.
OBJECTIVES OF THE STUDY
Generally, the study aimed to create a mobile application
Compleapp, An Educational Learning Mobile Application for
Intermediate Level About Computer Education Subject which is
related to documentation to entertain the users and give information
about the different computer parts and tools.
Specifically, the study aimed to:
1. indicate the names and functions of computer
hardware parts and Microsoft Office interface
components.
2. learn how to manipulate Microsoft Word, Microsoft
Excel and Microsoft Powerpoint documents using
functions such as save and open documents; and
3. give an insight regarding to computer hardware
parts and Microsoft Word, Microsoft Excel and
Microsoft Powerpoint.
3 METHODOLOGY OF THE STUDY
3.1 Development Methods
The developers used the Prototype Model also known as
Software Development Life Cycle (SDLC) model as a method in
the development of this application. This methodology includes the
planning, analyzing, designing, coding, testing and maintenance.
The prototyping model comprised the following activities:
Planning, Analyzing, Designing, Coding, Testing and Evaluating.
Planning was the first phase wherein the developers decided what
kind of system they were going to develop. In this process, the
researchers set their goals and thoughts of how to develop the best Figure 1: Main Menu Interface
project. The researchers also presented different project proposals The user is introduced to the main interface of the application
and selected the best one. They also planned on the prototyped upon start-up of it. The interface displays the Play, Learn, About
requirements, materials and data to be gathered. Analyzing is the and Exit buttons. By tapping on the different buttons, the system
second activity wherein the developers analyzed what will be the will show the respective feature of the button tapped.
concept of the system and how its flow, and the requirements and
specification needed in able to build the system.
The analysis was the second phase in which the developers
discussed and analyzed the specification and the desire output of
the system. The researchers sought information by creating
questionnaires. The developers also searched in the internet for the
useful information they can use to improve the output of their
application.
This process greatly helped the researchers to have more
knowledge and ideas for the system. This process also served as an
asset to the developers to finish this piece of work. They also
discussed the possible program used and how the application run
Figure 2: Category Selection Interface
on Android Mobile phones.
Upon tapping Learn button, the categories Microsoft Word,
The third phase was the design phase. In this phase, the researchers
Excel and PowerPoint and Computer Parts will be displayed. In this
created a design for their application wherein the developers
phase, the user can choose one of these categories.
decided on the graphical interfaces that would be relevant to the
topic, the color suitable to the users, and the design which will
achieve the interactivity. Using their knowledge in photo editing,
the developers designed the background and buttons using Adobe
Photoshop CS6. They also showed the representation of the system
such as data flow diagrams, and the use case diagram to easily
understand the flow of the system.
The next phase was coding wherein the developers conducted a
research on how to code properly and appropriately. Coding is very
important in every system that is why the developers took careful
coding to minimize the errors. During the coding phase, the
developers searched the programming codes on the internet to learn
how to run the system. They also asked for help from their co-
developers to make the application functional. Figure 3: Microsoft Word Categories Interface
Testing is the fifth activity in which the developers tried to know if This figure shows an example if the user clicks the Microsoft
the system is properly working and if there’s a bug. It was followed Word button on the Category selection interface. The interface has
by the evaluation of the system. buttons: MS Word Basics which contains the learnings about the
basic parts of Microsoft Word window and MS Word Ribbon
3.2 System Outputs which contains the learnings about the components of the Microsoft
Word ribbon.

2
 Figure 4: MS Word Basics Tutorial Interface Figure 7: MS Excel Interface
Figure 4 shows the MS Word Basics Tutorial interface of the Figure 7 is the page where the basic tutorial for Microsoft Excel
game. In this section, it shows the basic introduction about is displayed.
Microsoft Word.

3.3 Mean Scale

Table 1: Mean Scale

Scale Statistical Verbal Description
Limit
5 4.50 – 5.00 Very Acceptable
4 3.50 – 4.49 Acceptable
3 2.50 – 3.49 Moderately Acceptable
2 1.50 – 2.49 Not Acceptable
1 1.00 – 1.49 Very Not Acceptable

In computing the mean of result of the evaluation, the

developers used the table 1 for the equivalent of each mean.
Figure 5: MS Word Ribbon Interface
This interface shows the information about the Microsoft Word
Ribbon. 3.3 Results and Analysis

Table 2: Results and Analysis of the Project

Criteria Mean Verbal
Interpretation
1. Functional
4.28 Acceptable
Suitability
2. Performance
4.73 Very Acceptable
Efficiency
3. Compatibility 4.67 Very Acceptable
4. Usability 4.77 Very Acceptable
5. Reliability 4.75 Very Acceptable
6. Security 4.69 Very Acceptable
7. Maintainability 4.72 Very Acceptable
Figure 6: Play Interface 8. Portability 4.82 Very Acceptable
Figure 6 shows if the user clicks the Play button. There are three
categories: Easy, Average and Hard. Table 2 shows the summary results and analysis of the
project based on ISO 25010 criteria. It was evaluated in 8
criteria.
First one is functional suitability which the assessment of
the respondents’ level of acceptance on the developed system
in terms of functional suitability.

3
 When the respondents were asked to assess their level of
acceptance on the developed system in terms of functional
suitability, indicators 1.1 “The mobile application achieves its
expected output”, and 1.2 were described as very acceptable
while 1.3 “The mobile application is running according to its
uses and functions” was described as acceptable with mean
scores of 4.76, 4.70, and 3.38, respectively.
The assessment of the respondents’ level of acceptance
on the developed mobile application in terms of functional
suitability got an overall mean of 4.28 with a verbal
interpretation of Acceptable. This only indicates that the
respondents’ agreed that the developed mobile application is
functional suitable to the needs of the users.
Second criteria is performance efficiency which the
assessment of the respondents’ level of acceptance on the
developed system in terms of performance efficiency.
When the respondents were asked to assess their level of
acceptance on the developed system in terms of performance
efficiency, indicators 2.1 “The mobile application achieves its
expected output”, 2.2 “The mobile application is well
structured according to the needs of the user”, and 2.3 “The
mobile application is running according to its uses and
functions” were described as very acceptable with mean scores
of 4.78, 4.78, and 4.64, respectively.
The assessment of the respondents’ level of acceptance
on the developed mobile application in terms of performance
efficiency got an overall mean of 4.73 with a verbal
interpretation of Very Acceptable. This only indicates that the
respondents’ agreed that the developed mobile application is
efficient to the needs of the users.
Third is compatibility of the system which Table 10
illustrates the assessment of the respondents’ level of
acceptance on the developed system in terms of compatibility.
When the respondents were asked to assess their level of
acceptance on the developed system in terms of compatibility,
indicators 3.1 “The mobile application achieves its expected
output”, 3.2 “The mobile application is well structured
according to the needs of the user”, and 3.3 “The mobile
application is running according to its uses and functions” were
described as very acceptable with mean scores of 4.86, 4.54,
and 4.60, respectively.
The assessment of the respondents’ level of acceptance
on the developed mobile application in terms of compatibility
got an overall mean of 4.67 with a verbal interpretation of Very
Acceptable. This only indicates that the respondents’ agreed
that the developed mobile application is compatible to the
needs of the users.
Fourth, usability of the system which illustrates the
assessment of the respondents’ level of acceptance on the
developed system in terms of usability.
When the respondents were asked to assess their level of
acceptance on the developed system in terms of usability,
indicators 4.1 “The mobile application achieves its expected
output”, 4.2 “The mobile application is well structured
according to the needs of the user”, and 4.3 “The mobile
4
application is running according to its uses and functions” were
described as very acceptable with mean scores of 4.86, 4.74,
and 4.72, respectively.
The assessment of the respondents’ level of acceptance
on the developed mobile application in terms of usability got
an overall mean of 4.77 with a verbal interpretation of Very
Acceptable. This only indicates that the respondents’ agreed
that the developed mobile application is usable to the needs of
the users.
Fifth, reliability of the system which illustrates the
assessment of the respondents’ level of acceptance on the
developed system in terms of reliability.
When the respondents were asked to assess their level of
acceptance on the developed system in terms of reliability,
indicators 5.1 “The mobile application achieves its expected
output”, 5.2 “The mobile application is well structured
according to the needs of the user”, and 5.3 “The mobile
application is running according to its uses and functions” were
described as very acceptable with mean scores of 4.82, 4.74,
and 4.68, respectively.
The assessment of the respondents’ level of acceptance
on the developed mobile application in terms of reliability got
an overall mean of 4.75 with a verbal interpretation of Very
Acceptable. This only indicates that the respondents’ agreed
that the developed mobile application is reliable to the needs of
the users.
Sixth, security of the system which illustrates the
assessment of the respondents’ level of acceptance on the
developed system in terms of security.
When the respondents were asked to assess their level of
acceptance on the developed system in terms of security,
indicators 6.1 “The mobile application achieves its expected
output”, 6.2 “The mobile application is well structured
according to the needs of the user”, and 6.3 “The mobile
application is running according to its uses and functions” were
described as very acceptable with mean scores of 4.74, 4.62,
and 4.70, respectively.
The assessment of the respondents’ level of acceptance
on the developed mobile application in terms of security got an
overall mean of 4.69 with a verbal interpretation of Very
Acceptable. This only indicates that the respondents’ agreed
that the developed mobile application is secured to the needs of
the users.
Seventh, maintainability of the system which illustrates
the assessment of the respondents’ level of acceptance on the
developed system in terms of maintainability.
When the respondents were asked to assess their level of
acceptance on the developed system in terms of
maintainability, indicators 7.1 “The mobile application
achieves its expected output”, 7.2 “The mobile application is
well structured according to the needs of the user”, and 7.3 “The
mobile application is running according to its uses and
functions” were described as very acceptable with mean scores
of 4.74, 4.76, and 4.66, respectively.
 The assessment of the respondents’ level of acceptance
on the developed mobile application in terms of maintainability
got an overall mean of 4.72 with a verbal interpretation of Very
Acceptable. This only indicates that the respondents’ agreed
that the developed mobile application is maintainable to the
needs of the users. REFERENCES
[1]
Lastly, portability of the system which illustrates the
assessment of the respondents’ level of acceptance on the
developed system in terms of portability. [2]
When the respondents were asked to assess their level of [3]
acceptance on the developed system in terms of portability,
[4]
indicators 8.1 “The mobile application achieves its expected
output”, 8.2 “The mobile application is well structured
according to the needs of the user”, and 8.3 “The mobile [5]
application is running according to its uses and functions” were [6]
described as very acceptable with mean scores of 4.90, 4.74,
and 4.82, respectively.
The assessment of the respondents’ level of acceptance
on the developed mobile application in terms of portability got
an overall mean of 4.82 with a verbal interpretation of Very
Acceptable. This only indicates that the respondents’ agreed
that the developed mobile application is portable to the needs
of the users.
3. The developed mobile application must be used as a
form of educational and entertainment purposes
only, and not a general source of information about
its content.
Amber, at el (2016). Open source software scaffolds. Smartphone in ecology
and evolution: a guide for the application-defensive
https://www.ncbi.nlm.nih.gov/pmc/articles/PMC382334
Datum, A (2016). Transportation. Retrieved on March 1, 2018.
https://en.wikipedia.org/wiki/Transport
Lucidchart (2016, May). Diagrams. Retrieved on: December 15, 2017.
https://www.smartdraw.com
Catuira (2012). Juan Tamad: An Android Game Application. Retrieved
from:www.researchpublish.com/download.php?file=Juan%20Tamad3123.
pdf&act=b ook android quiz game related literature.
Darboe (2012). The Importance of Agriculture Education. Retrieved from:
http://users.jyu.fi/~jeparika/report_E2_2013ver2.pdf
Despotou (2013). Understanding the benefits of learning through mobile
devices. Retrieved from:
http://journals.plos.org/plosone/article?id=10.1371/journal.pone.015 6164.

4 CONCLUSIONS
The following conclusions were derived based on the
results of the evaluation of the system.

1. The system helped the users to have an additional

knowledge about computer hardware parts and
Microsoft Office;

2. The system helped the end users to be educated while

being entertained.;

3. The system is easy to manipulate thus, the interaction

between the system and the user is therefore smooth;
and

4. The system provides an easy access because of its

portability.

5 RECOMMENDATIONS
Based on the conclusions, the following have been
recommended:

1. The user must read the proper installation of the

system.

2. The hardware and software specification must

follow to avoid a problem.