EMPOWERMENT

TECHNOLOGIES
SECOND GRADING - MODULE 16 PROTOTYPE OF
AN ICT PROJECT (CS_ICT11/12-ICTPT-IIm-p-19)

MEYCAUAYAN NATIONAL HIGH SCHOOL SENIOR HIGH

SCHOOL

MA. LEONORA S. CHOU

 EMPOWERMENT TECHNOLOGIES

INTRODUCTION
The path from an idea to a working product isn’t always straight. Prototyping saves
money and effort by creating a working model. This allows the designer to see what changes
need to be made. Making changes early in the design process is less expensive than making
changes after a product goes into production.

LEARNING TARGETS
At the end of this lesson, you should be able to:
a. enumerate the advantages of prototyping;
b. identify the elements of a concept paper; and
c. develop a working prototype of an ICT project for social change.

TRY THIS
Pre-Test Multiple
Choice
Direction:Choose the letter of your choice. Write the answer on your answer sheet.

1. These are low fidelity prototype that are used to represent the basic structure of a
website/ web page/ app.
a. Diagrams c. Wireframes
b. Storyboards d. Animation
2. This is a low-fidelity prototyping method that helps visualize the user’s experience in
using your product or how the user would interact with your product.
a. Storyboards c. Animation
b. Diagrams d. Wireframes
3. This is a low-fidelity prototyping method is used to visualize how your product works.
a. Wireframes c. Diagrams
b. Animation d. Storyboards
4. These are low fidelity prototype that represents the color schemes, typography and other
visual elements that you have chosen for the final product.
a. Animation c. Wizard of OZ Prototyping
b. Physical Models d. Interactive UI Mockups
5. This is a type of prototype with faked functions.
a. Animation c. Wizard of OZ Prototyping
b. Physical Models d. Interactive UI Mockups
6. A project or campaign must meet the SMART criteria. S stands for Specific, M is
Measurable, A is , R is Realistic, and T is Time-bounded. What is A means?
a. Attitude c. Artistic
b. Attainable d. Align
7. Which element of concept paper includes your group’s mission and vision and a brief
introduction of your project or campaign.
a. Introduction c. Description
b. Purpose d. Support
8. Which element of concept paper includes the reasons why this project is worth your
group and your sponsor’s time, effort, and money.
a. Description c. Introduction
b. Support d. Purpose
9. Which of the following statement is included in the planning stage of ICT Project
process?
a. Conceptualizing your project c. Creating a site map for tour website
b. Finding a web or blog host d. Release of the website for public view
10. Arrange the following simplified ICT project process: A. Release and Promotion, B.
Planning, C. Maintenance, and D. Development.
a. D, A, C, A c. A, B, C, D
b. B, A, D, C d. B, D, A, D

MEYCAUAYAN NATIONAL HIGH SCHOOL

SENIOR HIGH SCHOOL DEPARTMENT M.L.S. CHOU 1
 EMPOWERMENT TECHNOLOGIES

DO THIS
Direction: Think of words that may signify the word PROJECT. Think of words that start with
the letters of the word project. The first word is already given.

P R O J E C T
R
O
D
U
C
T

EXPLORE
Answer the following:

1. Do you use to plan before doing any activity? Why?

2. What are the things that you consider in doing the planning?
3. Is there an assurance that planning will end up better results? Why or why not?

DISCUSSION
PROTOTYPES

A prototype is a model version of a product. It’s used as an early, inexpensive sample

of a product that helps to test its features or identify defects so improvements can be made
to its final version.

One of the benefits of this tool is that it allows the stakeholders to discuss their
requirements for the product instead of discussing abstract representations of the project.
It also supports the concept of progressive elaboration using the mock product. It is also a
great way to generate feedback so that the appropriate revisions can be carried out on the
final product.

Following are a few advantages of prototyping:

• Collect feedback from users/ stakeholders about the functionality of the product
before the public release
• Reveal areas for improvement and help identify faults and usability issues before
the public release. Help reduce unnecessary costs.
• Improve team efficiency and collaboration
• Allow the user to interact with a working model of their product
• Help convert an abstract idea into a tangible product in a cost-effective way
• Identify if your product idea is a weak one and cost you heavily before actually
moving forward with it

MEYCAUAYAN NATIONAL HIGH SCHOOL

SENIOR HIGH SCHOOL DEPARTMENT M.L.S. CHOU 2
 EMPOWERMENT TECHNOLOGIES

PROTOTYPING TYPES

A. Low-Fidelity Prototypes
Low-fidelity prototypes represent a simple and incomplete version of the final product.
In a low-fidelity prototype, not all visual features and content elements are conveyed.

1. Wireframes
Wireframes are used to represent the basic structure of a website/ web page/ app. It
serves as a blueprint, highlighting the layout of key elements on a page and its
functionality.

2. Storyboards
Storyboards are another low-fidelity prototyping method that helps visualize the user’s
experience in using your product or how the user would interact with your product.

3. Diagrams
There are multiple diagram types that can help you visualize different aspects of a
product, which can in turn help you optimize your prototype.

4. Animation
You can use animation to visualize how your product works.

B. High-Fidelity Prototypes
Compared to low-fidelity prototypes, high-fidelity ones are more interactive and highly
functional. They represent something that is closer to the real product with most of the
design elements developed.

1. Interactive UI Mockups
A UI (User Interface) mockup is a more fleshed-out version of the wireframe. It
represents the color schemes, typography and other visual elements that you have
chosen for the final product.

2. Physical Models
If the final product is a physical one, you can use different materials to create a model
that represents the final look, shape and feel of the product. You can use materials
such as cupboards, rubber, clay etc. here.

3. Wizard of OZ Prototyping
This is a type of prototype with faked functions. This means when a user interacts
with the product, the system responses are generated by a human behind the scene
rather than by a software or code.

Wireframes Storyboards Diagrams Interactive UI

Mockups

Source: https://creately.com/blog/diagrams/what-is-prototyping-techniques-process/

MEYCAUAYAN NATIONAL HIGH SCHOOL

SENIOR HIGH SCHOOL DEPARTMENT M.L.S. CHOU 3
 EMPOWERMENT TECHNOLOGIES

CONCEPT PAPER

Before starting your project, your group should be able to do the necessary
paperwork. This allows experts to see if your project is doable over the time frame that was
given and if it is significant enough to be made into reality.
Concept paper is a document used to convince a panel of potential funders to help
product, program, or service become a reality. Your teacher will play the role of the sponsor
and you have to convince him or her that your project is worth your time and effort.

Creating a Concept Paper

Five (5) elements of a Concept Paper

1. Introduction – includes your group’s mission and vision and a brief introduction of
your project or campaign.
2. Purpose – includes the reasons why this project is worth your group and your
sponsor’s time, effort, and money.
3. Description – includes all the necessary information about the project. In ICT, it involves
the sites you are going to produce and the purpose of each and how they work in
unison.
4. Support – contains the budget needed for the project.
5. Contact Information – includes the information on how the group can be contacted

Your project/campaign must meet the SMART criteria:

S – Specific
M – Measurable
A – Attainable R
– Realistic
T – Time-bounded

Simplified ICT Project Process Overview

Release and
Planning Development Maintenance
Promotion

1. Planning – involves the conceptualize project, research about the topic, set meetings
and deadlines, assign tasks, find a host, create a site map, list down all applications
and output that needed and consider funding.
c. Conceptualizing your project
d. Researching on available data about your topic
e. Setting deadlines and meetings
f. Assigning people to various tasks
g. Finding a web or blog host
h. Creating a site map for tour website
i. Listing down all applications, that you need including web apps
j. Funding (If applicable)

2. Development – involves the actual creation of the website involves the production of images
and infographics.
Medias you can use:
• Text
• Videos
• Pictures
• Audio
• Websites

3. Release and Promotion – involves the actual release of the website for public view and
promoting it. Promotion typically starts before the actual release.

4. Maintenance – involves responding to feedback of your site visitors and continuing to

improve the website.

MEYCAUAYAN NATIONAL HIGH SCHOOL

SENIOR HIGH SCHOOL DEPARTMENT M.L.S. CHOU 4
 EMPOWERMENT TECHNOLOGIES

APPLICATION
TASK SHEET 16.1
Group Topic:

Students’ name:

Teacher’s name: Ma. Leonora S. Chou

Date:
Title: Creating Concept Paper
Performance At the end of the activity, the students are able to develop
Objective: a working prototype of an ICT Project for Social Change.
Supplies/ Materials: Paper, ballpen
Equipment: Computer
Procedure: 1. Form a group with at least 5 members.
2. Collaboratively create a Concept paper based on the
given topic for 20 minutes.
3. Using a piece of paper, write the five elements of your
concept paper.
4. Select two representatives to present your output.
Assessment Method: Demonstration of ability to work collaboratively.

Topics for the Concept Paper:

1. Animal Cruelty
2. Energy Insufficiency
3. Human Rights Violation
4. Pre-Marital Sex and Early Pregnancy
5. Drug Addiction
6. Population Explosion
7. Women Empowerment
8. Social injustice

PERFORMANCE CRITERIA RUBRICS

Excellent 4 Good Fair 2 Poor
pts 3 pts pts 1 pts
Working with Almost always Usually listens Often listens to, Rarely listens to,
Others listens to, shares to, shares with, shares with, and shares with, and
with, and and supports supports the supports the
supports the the efforts of efforts of others, efforts of others.
efforts of others. others. but sometimes is Often is not a
not a good team good team
member. player.
Quality of Provides work of Provides high Provides work that Provides work
Work the highest quality work. occasionally needs that usually
quality. Project Project looks to be checked or needs to be
looks neat and neat. redone by other checked or
student used group members to redone by others
creativity. ensure quality. to ensure
quality.
Content & Content is Content is Content is not Content is
Development thorough, comprehensive, comprehensive and incomplete.
accurate, accurate, and /or persuasive.
persuasive and persuasive. Major points are
relates to a Major points are not clear and /or
specific purpose Major points are addressed, but not persuasive.
stated clearly well supported.
Major points are and are well
specific, stated supported.
clearly, and are
well-supported.

MEYCAUAYAN NATIONAL HIGH SCHOOL

SENIOR HIGH SCHOOL DEPARTMENT M.L.S. CHOU 5
 EMPOWERMENT TECHNOLOGIES

EVALUATION
A. Matching Type
Direction: Match elements of a Concept Paper in Column A with their definition in
Column B. Answer honestly. Write your answer on a separate answer sheet.

A B

1. Purpose a. This contains the budget needed for the project.

2. Description b. This includes your group’s mission and vision and a brief
3. Introduction introduction of your project or campaign.
4. Support c. This includes all the necessary information about the project.
5. Contact d. This includes the information on how the group can be
Information contacted.
e. This includes the reasons why this project is worth your
group and your sponsor’s time, effort, and money.

B. Identification
Direction: Identify the following elements of web design. Write the correct answer on
your answer sheet.

6. It is used as an early, inexpensive sample of a product that helps to

test its features or identify defects so improvements can be made to its
final version.
7. This is a document used to convince a panel of potential funders to
help product, program, or service become a reality.
8. This process involves the continuous improvement of the project.
9. This is a low-fidelity prototyping that serves as a blueprint, highlighting
the layout of key elements on a page and its functionality.
10. This is a low-fidelity prototyping that visually tells the story on how the
user would interact with your project.

REFLECTION

Check I can…

develop a working prototype of an ICT Project for Social Change.

Reflect

*You may choose only one reflection guide here...

Today I have learned that .

I find the most interesting because .
I got checks because _ .
I need to improve on because .I
need to practice because .
I plan to .

MEYCAUAYAN NATIONAL HIGH SCHOOL

SENIOR HIGH SCHOOL DEPARTMENT M.L.S. CHOU 6
 EMPOWERMENT TECHNOLOGIES

REFERENCES
Alby, T. (2020). Prototypes. Project Management Knowledge. https://project-
management-knowledge.com/definitions/p/8-prototypes/.
Ballesteros, A. B. (2017, November 17). Lesson 12: ICT Project for Social Change. Bryan's
Lessons Summary.
https://bryanluisballesterosetech.wordpress.com/2017/11/17/lesson-12-ict-
project-for-social-change/.
Ella, R. J. C., & Lucillo, K. C. (2018, March 7). Ict project-for-social-change. SlideShare.
https://www.slideshare.net/ella_rexjune/ict-projectforsocialchange.
Oxillo, M. J. (2018, March 21). ICT Project for Social Change - Empowerment Technologies.
SlideShare. https://www.slideshare.net/markjhonoxillo/ict-project-for-social-
change.
Yuvienco, J. (2016). Lesson 10 Developing an ICT Project for Social Change. In M. I.
Santos (Ed.), Empowerment Technologies for TVL Track Teacher's Guide (First, pp. 39–44).
essay, Department of Education.

ABOUT THE AUTHOR

A graduate of Bulacan State University with the

degree of Bachelor of Science in Industrial Education
major in Drafting. An educator for 17 years in the High
School Department and a former instructor of Polytechnic
College of the City of Meycauayan (PCCM), formerly
MQAPC in the Engineering Department from 2004-2008.
She is a Senior High School Teacher III of Meycauayan
National High School, handling Empowerment
Technologies and Media and Information Literacy in
Grade 11 and 12 and Technical Drafting in the Junior
High School Department.
MA. LEONORA S. CHOU She was the National coach for Technical Drafting
held at Ilagan, Isabela last March 9-13, 2020. She was the
2019 Regional Champion coach in Technical Drafting
(RFOT) and three consecutive years as Division Champion
coach in the same event. She was also a consistent
Division Champion coach in poster making and won
herself 2nd Place in the Poster Making Contest in the
Division of Bulacan (Tagisan ng Talento ng mga Guro).
She has certification in Trainer’s Methodology Level I and
with National Certificates (NC) from TESDA in Video
Graphics Design NC III and Technical Drafting NC II.

MEYCAUAYAN NATIONAL HIGH SCHOOL

SENIOR HIGH SCHOOL DEPARTMENT M.L.S. CHOU 7