Empowerment

Technologies
QUARTER 2
MODULE Developing and Constructing the
8 ICT Project

TECHNICAL VOCATIONAL LIVELIHOOD

Empowerment Technologies – Grade 12
Quarter 2 – Module 8: Developing and Constructing the ICT Project
First Edition, 2020

Republic Act 8293, Section 176 states that no copyright shall subsist in any
work of the Government of the Philippines. However, prior approval of the
government agency or office wherein the work is created shall be necessary for
exploitation of such work for profit. Such agency or office may, among other things,
impose as a condition the payment of royalties.

Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand

names, trademarks, etc.) included in this module are owned by their respective
copyright holders. Every effort has been exerted to locate and seek permission to use
these materials from their respective copyright owners. The publisher and authors
do not represent nor claim ownership over them.

Published by the Department of Education - Schools Division of Pasig City

Development Team of the Self-Learning Module

Writer: Chirelyn P. Delavega
Editor: Name
Reviewers: Janeth M. Pineda
Illustrator: Name
Layout Artist: Rizza Joy Magno
Management Team: Ma. Evalou Concepcion A. Agustin
OIC-Schools Division Superintendent
Aurelio G. Alfonso EdD
OIC-Assistant Schools Division Superintendent
Victor M. Javeña EdD
Chief, School Governance and Operations Division
Manuel A Laguerta EdD
Chief, Curriculum Implementation Division

Education Program Supervisors

Librada L. Agon EdD (EPP/TLE/TVL/TVE)

Liza A. Alvarez (Science/STEM/SSP)
Bernard R. Balitao (AP/HUMSS)
Joselito E. Calios (English/SPFL/GAS)
Norlyn D. Conde EdD (MAPEH/SPA/SPS/HOPE/A&D/Sports)
Wilma Q. Del Rosario (LRMS/ADM)
Ma. Teresita E. Herrera EdD (Filipino/GAS/Piling Larang)
Perlita M. Ignacio PhD (EsP)
Dulce O. Santos PhD (Kindergarten/MTB-MLE)
Teresita P. Tagulao EdD (Mathematics/ABM)

Printed in the Philippines by Department of Education – Schools Division of

Pasig City
 Empowerment
Technologies

QUARTER 2

MODULE
Developing and Constructing
8 the ICT Project
Introductory Message

For the Facilitator:

Welcome to the Empowerment Technologies with Grade 12 Self-Learning

Module on Developing and Constructing the ICT Project!

This Self-Learning Module was collaboratively designed, developed and

reviewed by educators from the Schools Division Office of Pasig City headed by its
Officer-in-Charge Schools Division Superintendent, Ma. Evalou Concepcion A.
Agustin, in partnership with the City Government of Pasig through its mayor,
Honorable Victor Ma. Regis N. Sotto. The writers utilized the standards set by the K
to 12 Curriculum using the Most Essential Learning Competencies (MELC) in
developing this instructional resource.

This learning material hopes to engage the learners in guided and independent
learning activities at their own pace and time. Further, this also aims to help learners
acquire the needed 21st century skills especially the 5 Cs, namely: Communication,
Collaboration, Creativity, Critical Thinking, and Character while taking into
consideration their needs and circumstances.

In addition to the material in the main text, you will also see this box in the
body of the module:

Notes to the Teacher

This contains helpful tips or strategies that
will help you in guiding the learners.

As a facilitator you are expected to orient the learners on how to use this
module. You also need to keep track of the learners' progress while allowing them to
manage their own learning. Moreover, you are expected to encourage and assist the
learners as they do the tasks included in the module.
 For the Learner:

Welcome to the Empowerment Technologies Self-Learning Module on

Developing and Constructing the ICT Project!

This module was designed to provide you with fun and meaningful
opportunities for guided and independent learning at your own pace and time. You
will be enabled to process the contents of the learning material while being an active
learner.

This module has the following parts and corresponding icons:

Expectations - This points to the set of knowledge and skills

that you will learn after completing the module.

Pretest - This measures your prior knowledge about the lesson

at hand.

Recap - This part of the module provides a review of concepts

and skills that you already know about a previous lesson.

Lesson - This section discusses the topic in the module.

Activities - This is a set of activities that you need to perform.

Wrap-Up - This section summarizes the concepts and

application of the lesson.

Valuing - This part integrates a desirable moral value in the

lesson.

Posttest - This measure how much you have learned from the
entire module.
 EXPECTATIONS

At the end of the learning period, the students shall have:

1. define the term “prototype”;
2. developed a working prototype of an ICT Project for Social Change;
3. collaboratively participate in the creation and development of an ICT
project; and
4. observe proper attitude in dealing with your partner/s in developing
and creating ICT project.

PRETEST

Directions: Unscramble the following set of letters by rewriting it correctly.

1. I T S E E W B

2. R O P P Y O E T T

3. R E S S P R O W D

4. I A L O C S H C G N A E

5. V E P O E E M D T L N

RECAP

Directions: Unscramble the following set of letters by rewriting it correctly.

1. N E C O C P T

2. G R E E E I D S W N B

3. T I P N W Y G O C I R

4. O L I C T O N L A A B R O

5. U O C T O I M N C A I M N
 LESSON

After all the planning and conceptualizing stage, let us proceed with the
stage that involves the actual creation of your project. For this module, we
aimed to develop a working prototype for your ICT project.

It is defined as a sample model of a product or

representation of a design concept which is used to communicate
or test the concept, process, or design (Medium.com). Since
prototype’s purpose is for testing, it often failed, and this failure
revealed the defects and issues that needs to refine or to solve.
Prototype helps creator avoids wasting of energy, time, and
money when implementing weak or inappropriate solutions.

Types of Prototype:
1. Low fidelity prototype refers to paper prototype such as
sticky notes and sketches that is ideal for brainstorming and
high-level collaboration. It does not focus on the details, use
cheaper materials, or use different interaction techniques.
2. High fidelity (Hi-fi) prototype refers to a prototype that
almost represent the final product.

The types of prototype may differ depending on its fidelity. It

determines to what degree the prototype looks like its real-world version or
behaves like it. As mentioned in the article (Ergomania UX, 2017), the idea
behind the five dimensions of fidelity was developed by Carolyn Snyder.
 Now, let us begin the development stage. It involves the production of
images, infographics, et cetera that you will use to promote your group’s
advocacy, to share awareness, to reach your target audience and to bring a
social change.

These are the hosting platforms you can use to create your website:

1. Wordpress is an open source software you can use to create a beautiful

website or blog, and the most popular online pulblishing platform. Describe
by Steele (2020), it is world-known Content Management System. Before
proceeding to website creation, it requires download and installation.

2. Wix is a leading cloud-based development platform. It gives you the

freedom to build, design, operate and grow your website exactly the way you
want it, whether you support your activism, display your creations, or try out
new ideas. Here are the 6 steps:

a) Sign up for a free website builder. Choose what kind of website you want to
create.
a) Customize a template or get a website made for you. Choose your
starting point.
b) Drag and drop 100s of design features. Add text, galleries, videos,
vector art and more.
c) Get ready for business. Add an online store, booking system, members
area and blog.
d) Publish your website and go live. Start building your professional
online presence.
e) Drive traffic to your site. Use advanced SEO tools and integrated
marketing solutions.

3. Jimdo is known as cloud website builder. It was founded in 2007, and

became popular due to its simplicity, functionality, affordability and
customizability. You can start different types of web projects such online
portfolios, landing pages, business website, etc. It is both useful for newbies
and web design pros (Steele, 2020).

4. Google Site is a structured wiki- and Web page-creation tool offered by

Google. It was released on February 28, 2008. It has 2 version, namely New
Sites (sites.google.com) and Classic Sites (sites.google.com/classic).

5. Facebook is an example of social networking site. Set up your Facebook

profile with your name or your company's name by clicking the “Info” button
below the profile picture. One of its advantages is how simple and easy it is to
share media such as photos, videos, and other website links. Unlike the other
website hosting platform, Facebook page is not customizable so you have
limited color schemes and personal branding.

Image source: https://www.facebook.com/TEDEducation

 ACTIVITIES

ACTIVITY 1: ASK YOURSELF

Directions: Write your answer with this question, “what kind of content
would encourage or motivate you to participate in a call to action?”

___________________________________________________________________________

___________________________________________________________________________

___________________________________________________________________________

___________________________________________________________________________

___________________________________________________________________________

___________________________________________________________________________

ACTIVITY 2: ICT PROJECT (PROTOTYPE)

Directions: Create a hi-fi prototype website of your ICT project. Choose
whatever platform you want to use. Follow your drawn design from the Module
7. In addition, produce 2 multimedia contents such as video, audio, or
interactive game.

Website Name: ___________________________________________________________

Website Link: ____________________________________________________________

Short Description about your Website:

___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
__________________________________________________________________________
Please, be guided by this rubric.
10 12 15 20
Content is simple
Web page is and direct.
Web page is too
somewhat busy.
busy.
Appealing Content is simple
Simplicity

People reading it graphic elements and direct.

People reading it
will have difficulty are included
cannot fine what
finding what they appropriately. Design is easy to
they want quickly.
want quickly. understand in
Differences in many ways.
Excessive use of
Excessive use of type size and/or
graphic elements.
graphic elements. color are used
well.
Background, text Background, text
Background, text
Consistency

Background, text format, and color format, and color

format, and color
format, and color usage are usage are
usage are
usage are randomly somewhat carefully chosen
randomly chosen.
chosen with few consistent with to produce a
consistent elements little consistent screen
Pages seem
throughout. inappropriate layout for all your
unrelated.
variation. pages.
Color is used
Little thought Little thought went Color is
Color Scheme

somewhat
went into the into the choice of appropriately
appropriately to
choice of colors. colors. used to produce
produce an
an atmosphere
atmosphere that
Choice of colors Colors do not match that expresses
expresses the
and combinations the character of the the character of
character of the
are negative. site. the Web site.
Web site.
Tone of language
Tone of language appropriate for
Tone of language is mostly audience.
Audience is not
not appropriate. appropriate.
Audience

defined or poorly
Use of graphics
defined through
Use of graphics Use of graphics and colors is
confusing use of
and/or colors is and colors is appropriate for
tone and language
not appropriate for mostly audience
structure.
audience. appropriate for
audience. Audience is well
defined.
Content is
presented in a
Structured/ Navigation /

Content is clear manner

somewhat confusing Content is that is easy to
Content is and difficult to presented in a follow.
confusing and follow. clear manner
Format

difficult to follow. that is easy to Readers can get

Site is somewhat follow. around your
Site is difficult to difficult to navigate. website with
navigate. Navigation is ease.
Too much textual difficult.
information. There are no
blind links.
 All text, graphics,
sounds, and
documentation
multimedia
Resource

Documentation is
None of the Documentation is resources are
mostly complete
resources used are incomplete or poorly documented and
with one or two
documented. done. correctly
errors.
organized in
alphabetical
order.

WRAP-UP

I. Directions: Complete the K-W-L chart below about the module’s topic.

VALUING

Directions: Write down your realization during the production of your

website. Did you do your prototype as a team, or individual? List down your
experiences, realizations, and observations on the image below.
 POSTTEST

Directions: Unscramble the set of letters by rewriting it correctly.

1. F E T I D L Y I

2. I O D J M

3. B A H D T R E

4. D H P E T

5. E C F A K B O O

KEY TO CORRECTION

Here are the answers:

 References
• Yuvienco, Joel. Empowerment Technologies (Student Reader). 1st ed.
Pasig City: Department of Education, 2016.
• Innovative Training Works, Inc. Empowerment Technologies. 1st ed.
Manila: Rex Bookstore, 2016.
• Ramirez, Virginia. “What is a Prototype?” Medium.com. Posted on
August 5 ,2018. Accessed October 25, 2020 https://medium.com/nyc-
design/what-is-a-prototype-924ff9400cfd
• Ergomania UX. “Paper prototype fidelity.” Posted on December 5, 2017.
Accessed on October 25, 2020
https://medium.com/@ergomania_UX/paper-prototype-fidelity-
f021d7044bad
• Sconde, Hera. “Developing and Constructing ICT Project” Power point
presentation. Prezi.com. Posted on February 13, 2018. Accessed on
October 25, 2020 https://prezi.com/p/zid-_ir_xac0/developing-and-
constructing-ict-project/
• About the Wix.com Accessed on October 25, 2020
https://www.wix.com/
• Steele, Howard. “Jimdo vs WordPress: Which is Better?” Posted on July
10, 2020. Super Website Builders. Accessed on October 25, 2020
https://superbwebsitebuilders.com/jimdo-vs-
wordpress/#:~:text=While%20Jimdo%20is%20a%20code,and%20intui
tive%20web%20design%20approach.
• n.d. “Google Sites” Accessed on October 25, 2020
https://en.wikipedia.org/wiki/Google_Sites#:~:text=Google%20Sites%
20is%20a%20structured,support%20collaboration%20between%20diff
erent%20editors.

Rubric Source:

Liquigan, Boots. DIWA Senior High School Series: Media and Information
Literacy. Makati City: Diwa Learning Systems Inc.