BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
CAPSTONE PROJECT TITLE
VIRTOME: Voice Integrated Digital Book for Reading Comprehension Improvement
among Grade Six Students of Balucuc Elementary School
NAME OF GROUP MEMBERS
Alcanar, John Kenneth M.
Banag, Jomar H.
Canlas, Lawrence I N.
Cruz, Mark Andre F.
NAME OF CAPSTONE PROJECT ADVISER
NAME OF CAPSTONE PROJECT
COORDINATOR
Berthrand Kerwin T. Sevilla
Signature over printed name
RV Cyrille D. Merto
Signature over printed name
MEDIUM
Mobile Application
CAPSTONE PROJECT DESCRIPTION
The voice-integrated reading book designed in this capstone project has the potential to significantly
improve reading comprehension in children and provide a more engaging and effective tool for learning
to read. The results of this capstone project will provide valuable insights into the effectiveness of voiceintegrated reading books for improving reading comprehension in children. By developing a more
engaging and effective tool for improving reading comprehension skills, we can help children succeed
academically and in their future endeavors.
CAPSTONE PROJECT SUMMARY
A Voice Integrated Digital Book for the Improvement of Reading Comprehension in grade six students
that use voice recognition technology to incorporate digital books and increase reading comprehension.
The project most likely entails the creation of a voice recognition-enabled digital book platform and an
analysis of how effectively this strategy enhances the reading comprehension of students. The summary
of the project would be that it attempted to increase the reading comprehension of grade six pupils by
employing the technology of voice recognition on a digital book platform.
To achieve our main objective, the researchers first conducted a literature review to gain an
understanding of the current state of reading comprehension programs and technologies and to identify
key features that could be incorporated into our design. Then the researchers created a voice-integrated
reading book prototype using speech recognition and custom software, which we will test with a group
of children. The application's effectiveness will be assessed through a pre-test and post-test design in
which users will complete a reading comprehension assessment before and after using the application.
The researchers will gather data on their reading comprehension progress as well as feedback on the
book's
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
usability and effectiveness. The book will give children real-time feedback and guidance on their reading
comprehension skills while allowing them to practice at their own pace. Furthermore, children expressed
high levels of satisfaction with the book, describing it as engaging and assisting them in feeling more
confident in their reading abilities.
The project's methodology may involve creating voice-integrated interactive digital novels that would be
pilot-tested with sixth-grade students. To evaluate the efficiency of the digital books with voice
integration, the teachers may assign the students to read the digital books and then respond to
comprehension questions. This method aids in measuring how well the digital books improve readers'
comprehension abilities. The project summary's results section would provide information on the test's
findings, including any modifications to the students reading comprehension scores. Along with a review
of the digital book's usability and user-friendliness, the report ought to include the opinions of the
students who took part in the trial.
Voice-integrated digital books can be a valuable tool for improving reading comprehension, especially
for individuals with reading difficulties to enhance their reading. It provide an alternative way of
interacting with text that can be beneficial to create a multisensory learning experience. The technology
can be used in different ways such as independent reading practice, in combination with other reading
strategies and tools, or in educational settings to support literacy development. It's important to note
that it's not a one-size-fits-all solution, and it should be used in combination with other reading strategies
and tools to achieve the best results.
PROBLEM/CHALLENGE TO BE SOLVE OR CURRENT SITUATION TO IMPROVE
One of the main challenges facing of grade six students at Balucuc Elementary School in the
municipality of Apalit Pampanga from the previous years, is the increasing level of instructional and
frustrated students are lack of ability to effectively comprehend and retain the content of a story they
are reading based on the previous Phil-IRI test that the school conducted. The school and the teachers
already used a different methods to improve the reading comprehension level of the students especially
when the pandemic happens where the interaction with the students are also limited. This can be
particularly challenging for struggling readers, who may have difficulty with decoding or vocabulary
where most of them has a limited gadgets to use in their online classes. As a result, many readers
struggle to fully understand and engage with the material they are reading, which can lead to frustration
and a lack of motivation to continue reading and learning.
Furthermore, traditional reading tools and strategies, such as re-reading or taking notes or any
traditional learning style, can be time-consuming and may not be effective for all readers. There is a
need for a tool that can assist readers in understanding and retaining the content of a story in a more
efficient and effective manner. The voice-integrated reading book aims to address this problem by
utilizing speech recognition technology to provide real-time audio support as reader’s progress through
a book. By providing audio feedback on comprehension, the system aims to help readers better
understand and retain the content of a story, making reading more accessible and enjoyable for all.
PROJECT OBECTIVE/S
General:
To explore how effective technological tools are when used to teach and learn English reading
comprehension in sixth graders at Balucuc Elementary School.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
Specific:
• To determine the extent to which the use of voice integrated reading books is effective in
improving students' reading comprehension through words recognition accuracy, number of
seconds\minutes in reading, and number of correct answers.
•
To critically investigate the use of voice integrated reading books and its applications in
education as a supplement for regular classroom environment.
•
To understand the effects of voice integrated reading books on student’s behavior while
implementing the reading activities.
TARGET USERS
The target users for a project on voice-integrated reading books to improve reading comprehension
could include:
•
•
•
Grade six students who may be required to read and comprehend a wide range of texts as part
of their coursework.
Struggling readers, who may have difficulty with decoding, vocabulary, or other language skills
and may benefit from additional support and assistance with comprehension.
Specifically, this study will apply to ten children in grade six level of Balucuc Elementary School
at Apalit Pampanga with Instructional and frustration level of reading comprehension in previous
Phil-IRI reading test.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
COMPETITOR ANALYSIS
Local:
One of the possible local competitors that Virtome has is Kwentong Pambata it is an application that
is made for Filipino children to read Filipino short stories, legends, epic, fables and parables. To analyze
its competitor the research has researched and downloaded the app to gather some information and
these are the strengths and weaknesses of Kwentong Pambata:
Strengths:
• This will be helpful for children who love to read.
• This will teach Filipino children to love our own stories and appreciate it.
• The app has an interactive reading style.
• This will help parents to teach their children Filipino language and speak by using their mother
tongue.
• It has 4.7 stars reviews and more than 100,000 downloads on google playstore.
Weaknesses:
• The audio in each story is incomprehensible, and the words are mispronounced. Instead of using
Filipino language to tell the stories, the app uses an American accent.
• The app contains numerous advertisements, which disrupted the children's reading.
• The app was always forced to close.
• The app uses text-to-speech which the emotions while reading the stories are missing.
The font choices are difficult to understand, which will confuse readers, particularly children who are
just learning to read.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
International:
One competitor that the proponents think and have researched about is Yap Books. This is an
application that is especially made for children to read and it innovates the traditional reading book. In
order to analyze its competitor, the researchers watch and tried to download the application and these
are the strengths and weaknesses of Yap Books:
Strengths
• It offers a variety of activities that children can enjoy
• It is colorful and appealing to the eyes.
• By utilizing and using this app children’s will be able to love reading.
• This is an innovative way of traditional books that children can enjoy.
• The app can help both teachers and students in terms of giving homework’s and feedbacks.
Weakness
• The app is not easy to navigate. As we viewed and watches videos about Yap Books it is seen
there that it is there are so many things children can do to be able to watch or study.
• It is only accessible and downloadable through tablet and iPad. Which means that the school or
parents needed to invest in a tablet or iPad to be able to use the application.
• This app is not friendly to those children who doesn’t know how to uses a tablet and who don’t
know how to scroll and swipe.
Parents or teachers should always beside their children to help them choose the stories they needed
and we all know that parents allow their children to watch because they have to do household chores
and others, which they will be interrupted since once one story or activity is done, they have to teach
their children to click to proceed.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
USER PERSONA/S
Name
Balucuc Elementary School
Who are they?
Grade six students of Balucuc Elementary School who
undergo Phil-IRI or the Philippine Informal Reading
Inventory, with the frustration and instructional level of
reading comprehension.
Location
What is their main goal?
Centro Balucuc Apalit,
Pampanga
To improve the level of reading comprehension of the
grade six students in Balucuc Elementary School using
technology-based reading books and teaching materials.
Ages
What is their main concern/barrier to achieving this goal
11 – 13 years old
They are the struggling students in reading
comprehension in English which is increasing yearly
according to the Phil-IRI results from the past years.
Especially when pandemic happens, most of the students
has a limited materials to use in online classes and even
the face-to-face classes was already lifted, the number of
struggling readers is still increasing.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
USER JOURNEY
User journey for a voice-integrated reading book to improve reading comprehension:
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
USER FLOW
User flow for a voice-integrated reading book to improve reading comprehension:
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
INFORMATION ARCHITECTURE
Information Architecture for a voice-integrated reading book to improve reading comprehension:
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
SKETCH/WIREFRAME
Wireframe for a voice-integrated reading book to improve reading comprehension:
HOME PAGE
SIGN IN PAGE
REGISTER PAGE
HOME PAGE
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
MENU HAMBURGER
BUTTON PAGE
READING TEST PAGE
ASSESSMENT TEST PAGE
VIEW RESULT PAGE
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
VISUAL STYLEGUIDE
LOGO STUDY
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
COLOR PALLETE
Color Blue is more effective and best used in stressful learning situations. Like using blue paper, blue
ink, or blue underlining to help with reading comprehension, and seems that blue is a soothing and
peaceful hue in general. Black and white were consistently rated as the most readable.
TYPOGRAPHY
Bold text is used in reading comprehension to show emphasis or to attract attention to particular words
or phrases that are crucial for understanding the text. Additionally, it can be used to draw contrast
between other forms of data, such as between core concepts and supplementary information. This
can be particularly helpful for students and readers who are seeking to learn new concepts or
information.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
USER INTERFACE STYLEGUIDE
User Interface for a voice-integrated reading book to improve reading comprehension:
SLIDERS
ICON
BUTTONS
PROGRESS
BAR
HOVER
PLAY BUTTON
SELECTION BUTTONS
HAMBURGER MENU
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
BUTTON FUNCTIONS
Icon Buttons: A common design element in application design, this will be utilized to provide a visual
representation of an action or function. They are typically small, graphical elements that are placed in
a prominent location within the interface such as Download, Settings, and Menu etc.
Play Button: They are commonly used in media player applications that will utilize to play the readers
reading book choice to initiate playback of audio or video content. They are typically represented by a
triangular icon and are often used in conjunction with other buttons such as pause, stop, and skip.
Selection Buttons: It also known as radio buttons, are used in user interface design to allow users to
make a single selection from a group of mutually exclusive options which will be use in Assessment
Test. When a button is selected, it is filled with a dot, whereas when it's deselected, it appears as an
empty circle.
Hamburger Menu: A navigation menu is used to toggle the display of a navigation menu in a mobile
application. It is designed to save space and provide a clean and simple navigation for users.
Sliders: A common user interface element used in application design to allow users to adjust a value
within a certain range. They can be used to adjust settings such as volume, brightness, contrast, and
sensitivity of the application.
Progress Bar: This can help to improve the user experience by providing an indication of how much
time is remaining for a task to complete and give users a sense of progress while reading.
Hover: An interaction state of a user interface element when the user moves their cursor or pointer
over it they will be redirected into another page of the application. It will utilize in Sign In and
Registration Page, Home Page and Assessment Test.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
USER EXPERIENCE STYLEGUIDE
User Experience for a voice-integrated reading book to improve reading comprehension:
STARTING PAGE
•
•
Application Logo
Tap to continue directed to
the Sign up Page
SIGN IN PAGE
•
•
Sign In Details
Register Button
REGISTER PAGE
•
•
Registration Form
Sign In Button
HOME PAGE
•
•
•
Account Profile
Hamburger Menu Button
Pre-test and Post-test
thumbnail
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
HAMBURGER
MENU PAGE
•
•
•
•
•
Previous Result Button
Download Result Button
Rename Button
Setting Button
Sign Out Button
READING TEST PAGE
•
•
•
2D Animation
Subtitles
Progress Bar
ASSESSMENT TEST PAGE
•
•
Story Questions
Hover and Selection
Button
VIEW RESULT PAGE
•
•
•
•
Reading Accuracy, Reading
Speed and Assessment
Exam Thumbnails
Download Button
Previous Result Button
Back Button
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
STORY SAMPLE
Phil-IRI Oral Reading Test (English) – Posttest
Galileo, The Scientist
Galileo was different even as a boy. He invented toys that moved.
At young age, Galileo liked Science books written by Aristotle. In one
of his book Aristotle said, “Heavy objects fall faster than the lighter objects.”
Galileo disproved Aristotle’s theory. He tested the theory, proved it was
wrong and discovered that objects fell at the same rate of speed.
During Galileo’s time, sun was believed to travel around the earth. To
prove the belief, he invented a “spyglass” and called it “telescope”.
STORYBOARD
GALILEO THE SCIENTIST STORYBOARD
Scene 1: Playing Robot
Galileo was different even as a boy. He
invented toys that moved.
Scene 3: Testing Objects
Galileo disproved Aristotle’s theory. He
tested the theory, proved it was
wrong and discovered that objects fell at the
same rate of speed.
Scene 2: Reading Books
At young age, Galileo liked Science books
written by Aristotle. In one of his book
Aristotle said, “Heavy objects fall faster than
the lighter objects.”
Scene 4: Sun and Earth Theory
During Galileo’s time, sun was believed to
travel around the earth.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
Scene 6: Invented Telescope
To prove the belief, he invented a
“spyglass” and called it “telescope”.
Scene 6: Testing Invention
END…
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
DESIGN PEG 1
Attach screenshots of your peg here. You may also attach pictures of samples.
PROJECT TITLE:
Wattpad
CREATOR:
Allen Lau, Ivan Yuen
SOURCE:
Wattpad, Google
PEG DESCRIPTION
Wattpad is an online literature platform intended for users to read and write original stories. The
founders Allen Lau and Ivan Yuen say that the platform aims to create social communities around
stories and remove the barriers between readers and writers.
ELEMENTS OF PEGGING (Discuss the specific elements you are pegging)
Color: They chose the orange color as it gives warmth and joy to the stories given by the authors. It
also improves its readability of it.
Elements: The playful elements that they use, will improve the readers' engagement.
Typography: They used rounded fonts that will make the readers feel friendly, inviting and easy-toread stories.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
PEG RELATIONSHIP (Discuss the relationship of the peg to the project/ How this peg became
a reference to a particular element of your project?)
This app will be one of the references in our project because of its homepage wherein different eBooks are displayed and highlighted within the app. Also, this contains icons and navigations that
will guide the user on what they will press and what will be the interaction after they pressed it.
DESIGN PEG 2
Attach screenshots of your peg here. You may also attach pictures of samples.
PROJECT TITLE:
Kindle
CREATOR:
Jeff Bezos
SOURCE:
Amazon & Google
PEG DESCRIPTION
A Kindle is a small hand-held electronic device designed by online retailer Amazon for reading
books. Which are made for 4 years old and above. Rather than downloading music to an iPod or
MP3 player, you download books (via wireless technology) to a Kindle and read them on it.
ELEMENTS OF PEGGING (Discuss the specific elements you are pegging)
Text: The app has an adjustable text size, a special high-contrast screen that allows you to read
even in bright sunshine with no glare and clear text and fonts, and a sharp display. This can include
the use of standard fonts that are easy to read, such as Arial and the use of appropriate font sizes
and line spacing to ensure that the text is easily legible.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
Color: A single color palette in the app can be a powerful tool for creating a consistent, simple, and
emotionally impactful design. A single color palette can create a cohesive and consistent look and
feel throughout the app, making it easier for users to navigate and understand the app.
UX: The app has a simple interface and typically has a minimalistic design, with clear and intuitive
navigation and layout.
PEG RELATIONSHIP (Discuss the relationship of the peg to the project/ How this peg became
a reference to a particular element of your project?)
This app will serve as our reference in creating our Voice Integrated Digital Book. The elements of
the app we can apply in our mobile application like being able to adjust the text size to conveniently
read all the information in the books and a high contrast display. Those elements that we can use
most especially if the reader has a poor eyesight.
DESIGN PEG 3
Attach screenshots of your peg here. You may also attach pictures of samples.
PROJECT TITLE:
Google Play Books
CREATOR:
Google
SOURCE:
Google
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
PEG DESCRIPTION
Google Play Books, formerly Google eBooks, is an eBook digital distribution service operated by
Google, part of its Google Play product line.
ELEMENTS OF PEGGING (Discuss the specific elements you are pegging)
Color Palette: Google Play Books uses the color palette of blue with a combination of white. This
combination of colors brings a cool and eye-friendly effect to its users. It is applicable to our project
since our project was for reading comprehension it is important that the colors are not harsh
Typography; The typography that they use is simple text. It helps to ensure that the app is
accessible to users with visual impairments. It is also important that the text is clear and easy to
read.
UX: Navigation items are clearly labeled so that users know where they will be taken when they tap
on them. Navigation elements are consistent throughout the app so that users can easily learn how
to navigate the app.
PEG RELATIONSHIP (Discuss the relationship of the peg to the project/ How this peg became
a reference to a particular element of your project?)
This peg is one of the possible references for us to develop our project. Because this peg or
application somehow has the same idea for what will be the features of our own mobile application
for improving and enhancing the level of reading comprehension of the grade six students.
BMMA PROJECT BRIEF AND CONTENT DEVELOPMENT (MOBILE APP)
CONTENT APPROVAL
ADVISER’S COMMENTS
APPROVED PORTIONS:
ASPECTS FOR REVISION:
TO BE FILLED OUT BY THE ADVISER
APPROVED FOR
PROPOSAL DEFENSE
DISAPPROVED FOR
PROPOSAL DEFENSE
NAME AND SIGNATURE OF THE ADVISER