Professional Documents
Culture Documents
College of
Advanced Arts
And Technology Recto Ave, Quiapo,
Manila
11
EMPOWERMENT
TECHNOLOGIES
Quarter 2
FREDERICK DELIVA
Author
To The Learners
content development
Week 1
Quests
1. Determine the nature and purpose of online creation tool,
platforms and applications;
2. Differentiate various online creation tools, platforms and
applications available for ICT content development;
3. Determine the appropriate online platforms to use on a
specific purpose; and
4. Evaluate existing online creation tools, platforms and
applications in developing ICT content for professional
tracks.
Pre-test
a. Piktochart c Powtoon
b. Prezi d. Zamzar
a. Dropbox c. Twitter
b. Evernote d. Weebly
7. Which type of online platform will you use to back up your file
in your computer to the online storage?
Recalling
From the previous quarter, we discussed the different types of social media
and those are:
a. Social Networks
b. Bookmarking sites
c. Social news
d. Media sharing
e. Microblogging
f. Blogs and forums
With these platforms, we became updated from time to time and can share
our daily thoughts in just a click.
Lesson
But, what are platforms? How do these differ from applications? How
will these help you develop ICT content? What are the existing
platforms and applications that are available online that can help you
create ICT content for a specific purpose?
ONLINE PLATFORMS
They are less hassle and easy to use compared to desktop applications
since they do not require installation on computers since they are web-based.
They consume almost no storage in your computer since most of your creation
will be saved on clouds.
WHICH ONLINE PLATFORMS AND APPLICATIONS WILL YOU CHOOSE?
Always remember that there is no existing superior online platforms and
applications. Its productivity and efficiency are dependent on the purpose as well
as the knowledge and skills of the users. To help you decide which online
platforms and applications are suited for you, you should consider the following:
Activity
ACTIVITY 1: WHAT TO USE?
Directions: Identify the type of online platform that should be used in each
situation below. Choose your answer from the box. (Note: Some items may have
multiple answers)
_______2. Heidi wants to organize a grand reunion for her former classmates.
_______3. Lui has a PDF file, and he wants to convert it into word document
format.
_______4. April will be discussing her slide presentation about Philippine History
online.
_______5. Teacher Jane is instructed to create a school locator map that will be
posted online.
_______6. Terry wants to campaign her advocacy about gender equality through
blogging.
_______8. John wants to inform people about the location of his newly built
restaurant.
_______10. Andrei has a load of files on his desktop and wants to organize them
in folders and save them online.
Noting
Key terms:
➢ Content Management System (CMS) – a computer
application that allows you to publish, manipulate, organize,
and delete web contents.
Post-test
Directions: Encircle the letter of the correct answer.
1. Which of the following is an example of a file management platform?
a. Google Drive c. Word 2pdf
b. Wikimapia d. Zoho
7. Which type of online platform will you use if you want to back up your
file in your computer to the online storage?
a. Cloud Computing c. Mapping
b. File Management d. Social Media
9. Which of the following is not true about online creation tools and
applications?
a. They perform specific task
b. They do not require installation on computers.
c. They are combination of different technologies that are set in one
place.
d. They can be accessed anytime and anywhere if the user is
connected to the internet.
10.Which of the following is the best platform to use if you want have an
advocacy campaign about the advantages and benefits one can get
from your current track and strand?
a. Social Media c. Mapping
b. File Management d. Presentation/Visualization
Reflecting
What I Can Do
Directions: Choose one (1) of the topics below and write a two-parangraph
reflection about it. Post your output on your social media account. Notify your
teacher about your post for checking.
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
LESSON
2 Quest
BASIC
Week 2
WEBPAGE
CREATION
1. define HTML;
2. create a basic web page using Notepad;
3. identify the HTML structure in creating a website; 4.
design a website using an online WYSIWYG platform.
Pre-test
Directions: Choose the best answer for each question. Write the
letter of your answer on the space provided before each number.
Lesson
What does Web Page mean?
A Web page is a document for the World Wide Web that can be
accessed and displayed on a monitor or smartphone using any web
browser. Web pages are made up of Hypertext Markup Language (HTML)
and can be created and modified by using basic application like Notepad
and professional HTML editors.
HTML is Free
WYSIWYG
WYSIWYG is the acronym for What You See Is What You Get. This
means that whatever you will type, insert, draw, place, rearrange, or
whatever you do on a web page is what the audience will see. Just like
using the Microsoft Word, WYSIWYG shows and prints whatever you will
type on the screen.
HTML
Web pages can be created and modified using professional HTML editors.
However, in learning HTML, it is better to use a simple text editor like Notepad.
Follow the steps below to create your first web page with Notepad.
HTML document is divided into two main sections the head and the body.
Each section contains specific information. The head section contains information
about the documents like title, search engine or keywords but is not visible to the
reader. The body section contains the information or content that you want to
appear on the web page.
Save the file on your computer. Select File > Save as in the Notepad
menu.
2. Select "Create a New Site" from the drop down menu in the top
right corner of the dashboard. Once it's clicked, Wix will ask what
type of website you want to create. There are options for
everyone, from online stores to personal portfolios.
3. Customize your website with the Wix Editor. Once you select a
template, you can be able to customize it in the Wix Editor using
simple drag-and-drop editing.
4. Update the Texts and Images At this point, you can get to see a
preview page of your chosen template. This is where you can
play around with simple but brilliant editing features, like the
dragand drop design and text boxes.
If small images are still not enough, you can also change your
template background. The left-hand sidebar features a
'Background' button, which you can use to click and change with
ease.
6. Add Pages
Activity
Activity 2: Adding Content to Your Website
It is now the time to add the content to your website. Here are some
site pages and elements that you should add:
Post-test
Directions: Choose the best answer for each question. Write the
letter of your answer on space provided before each number. 1.
What section that holds the most of the page's information or
content?
a. HTML c. BODY
b. TITLE d. HEAD
2. What application used to convert HTML codes and display the
webpage output?
a. Browser c. Text Editor
b. Internet Explorer d. Source
Reflecting
Short Response
3
_________________
_______________________________
_________________
LESSON _______________________________
ii. What is the difference between a _________________
website created using a Notepad and
WIX created website?
_______________________________
Development of
Collaborative ICT contents
Week 3-4
Quest
Pre-test
Directions: Choose the correct answer for each question. Write
the letter of your answer on space before each number.
Lesson
A. Team Structure and Dynamics for ICT Content
Team Structure
Team Members
An effective team structure is composed of efficient team
members who have specific roles and responsibilities. These team
members include:
1. To share the folder with the team members, right-click the folder
to be shared and a pop-up window will appear, then, click "Get
shareable link."
2. A pop-up window will appear. You have two options on how you
will share a folder. It can be "Restricted” or “Anyone with the
link.” Click the drop-down list button below the text input box of
“Get link" and a popup window will appear. Then, click your
chosen mode of folder sharing.
2.1. If you choose "Restricted” Mode.
2.1A. Choosing “Restricted” in sharing a folder means that
the folder will only be accessible to the people that has
been added by the creator. Anyone who has the link but
has not been added by the creator, he or she will not be
able to access it without the creator's permission. This
mode of sharing is more secure because of the
restriction. Once you click the "Restricted," click the
"Share with people and groups" located at the upper box
then, encode the e-mails of your team members. You can
also include message for further instructions or
reminders. Make sure that the recipients have been
assigned as editor.
3. Once the team members received the link, they may now
access the folder by clicking it. They can now upload,
organize, and edit file on the shared folder.
Activity
Activity 3: Dream Team
Create your team for the web portal. Write the assigned
name for a specific role and indicate the reason for choosing
him/her.
PROJECT MANAGER
WHO? _________________
Reason for assigning the Role
DATA ANALYST
WHO? _________________
Reason for assigning the Role
WEB DESIGNER
WHO? _________________
Reason for assigning the Role
WEB DEVELOPER
WHO? _________________
Reason for assigning the role.
2. If you have talents in digital arts and capable of lay-outing the appearance
of a website, which role is fitted for you?
a. Editor c. Web Developer
b. Web Designer d. Project Manager
7. In the process of Project Management for ICT Content, what is the next
step after Executing?
a. Closing c. Monitoring & Controlling b. Initiating d. Planning
8. If your content is now ready for sharing online, in what phase of ICT Project
Management are you?
a. Execution c. Planning
b. Initiating d. Closing
9. Which of the following online collaboration tools can be used as to-do list
for organizing the tasks of the team?
a. Trello c. Tumblr
b. Skype d. Google Meet
10.If you want to publish your ICT content on a blog site, which online platform
is best to use?
a. Word press c. Facebook
b. Twitter d. Prezi
11.If you want to have a convenience in sharing an online folder from Google
Drive though link without the hassle of adding the email addresses one by
one, which folder sharing mode would you choose?
a. Restricted c. Anyone with the link
b. Open d. Everyone
online
LESSON
environment
Week 5
4 Quest
to create a
3. Understand the relevance of
content-rich in the context of online
environment and user experience
content-rich
Pre-test
Lesson
Multimedia
There are many definitions of multimedia in the internet now
a days but in general, it is a combination of one or more media such
as text, graphics, drawings, and images, audio, video and
animations.
When all these resources are combine, interactive
applications will be produced. Interactivity is the fundamental feature
of multimedia. It is the user ability to interact with a certain
application. Multimedia allows the content to be presented in a
nonlinear way, which allows the reader to be active rather than
passive. It is the user who will determine what content should be
delivered, when should be delivered, and how would it be delivered.
Now, please see the image below.
The image above shows the different types of multimedia and
its functions. It also indicates that multimedia can be used in the
business, schools, home, public places and even virtual reality. You
have seen some of these things around you.
Even your cellphones either high end or not, that is still part
of the multimedia.
Types of Multimedia
a. Text and Graphics - Slideshow, Presentation, Diagrams,
Infographics
b. Audio - Music Stations, Radio Stations
c. Video - Film, Movies, Video Clips, TV Shows
d. Animations – hand drawn, 2D, 3D, Motion Graphics, Stop
Motion
e. Games – Online games, Offline games,
f. Websites - Webinars and Online meetings, Moodle activities,
Blogs, Interactive contents
g. Others - Virtual Reality, Augmented Reality, Holograms
Activity
2. 7.
3. 8.
4. 9.
5. 10.
Post-test
2. Adobe Photoshop
3. It’s Showtime
4. Call of Duty
5. ,mp3
6. .flv
7. .jpg
8. SpongeBob Squarepants
9. .docx
Reflecting
____________________________________________
_
____________________________________________
_
____________________________________________
_
____________________________________________
_
Quest
Pre-test
Multiple Choice, Instructions: Read and answer the
questions below. Write the letter of the correct answer on space
before each number.
Lesson
History of the WWW
In March 1989, an English engineer, computer scientist and a
professor at the Massachusetts Institute of Technology, envisioned
the Web document called ““Information Management: A Proposal”.
That person refers to Tim Berners Lee. He invented the World Wide
Web.
The Three (3) fundamental technologies of today’s Web are:
1. HTML: HyperText Markup Language. A language for the Web
that comes in mark-up tags. Mark up tags is written in pair.
Example of mark-up tags is <body> </body>. You can see
this in all websites coding.
2. URI: Uniform Resource Identifier. A unique identifier of
website address on Web resources. It is also commonly
called a URL (Uniform Resource Locator).
3. HTTP: Hypertext Transfer Protocol. This allows to retrieve the
linked resources on all Web pages.
Activity
Post-test
Activity 4: Website Features Evaluation
In this activity, you are going to evaluate the version and features or
characteristics of the given websites. You are advice to browse the
following websites to answer what is being asked on the questions below.
In browsing the websites you have determine the web version, and the
purpose of the website
Websites/name Web version Website purpose
1. www.wix.com
2. www.blogger.com
3. www.facebook.com
4. www.shopee.com
5. www.linkin.com
Reflecting
2. How essential the World Wide Web today in relation to our daily
lives?
__________________________________________________
_
__________________________________________________
_
__________________________________________________
_
__________________________________________________
_
LESSON
6 Quest
ICT as Advocacy
Week 7
Medium
for
1. Understand the important role of ICT in changing the world and
how it contribute to the social change
2. Use ICT to advocate change
Pre-test
6.
10.www.wikipedia.com 7.
Lesson 8.
9.
Websi Website name
te 10.
rank
1.
The Information and Communications Technology (ICT) has
been part of our daily lives. We have been using it as part of our
daily routine.
Information and Communications Technology (ICT) is so broad
to define because it includes technologies, communications,
computers, storage, enterprise software, hardware, computer
networking and all the integration of these things.
Impacts of Information and Communications
Technology
In this activity, you will identify ten (10) examples of ICT from
your surroundings based on the definition you learned.
1. Mobile phones 6.
2. 7.
3. 8.
4. 9.
5. 10.
Activity
Activity 6: Positive and Negative Impacts of ICT In this
activity, as a student of Senior High, identify the positive or
advantages of using Information and Communications
Technology (ICT) that you know.
Complete the positive and negative impacts to the different
variables like people, education, organization, and society in the
box below.
You can write as many as you can inside the boxes. Please
refer to Ajahana blogsite https://bit.ly/2u3QEMF to get an idea
on what to write. Please do not copy from the web to avoid
plagiarism. You must answer in your own words in a short
sentence not in keywords.
Variables Positive impact Negative impact
People
Society
(Education,
health)
Organization
Reflection
Short response: In two to three sentences, answer the
following questions briefly.
Social Change
LESSON 7 and Project
Implementation
Week 8
Quest
Lesson
Did you know that Philippine Animal Welfare Society
(PAWS) is one of the popular advocacy group here in the
Philippines? Have you wondered how did they come up with the
idea of creating the organization? How did that organization reach
the different parts of the Philippines? Using Information and
Communications Technology (ICT) as a medium of communication
and even having their own official website makes it easier for them
to spread their goal to prevent animal cruelty through education. In
this module you will learn how to develop a working ICT Project for
Social Change.
Activity
Guide Questions
1. Identify a cause or issue for social change
2. Decide if Information and Communication Technology (ICT) can
offer a solution to the cause or social issue that you have
identified
3. Do you think that the problem you have selected is relevant to
your strand?
4. Does the project that you selected have an impact that can
contribute to the community?
5. As a student, can you handle the cause or social issue that you
have selected?
After identifying & evaluating a cause or issue for social
change, you need to create your own concept paper. A concept
paper plays a valuable role in the early stages of creating or
conceptualizing ideas for your project. According to a
presentation made by Mark Jhon Oxillo (2018). A concept paper
has 5 basic parts, namely:
Support The estimated budget for the project is 1,500 pesos. It is also
recommended to tap organizations such as LTO and local government unit
of barangay Bagontaas to assist in giving information about the basic
traffic rules.
Please note that there are many more causes. You can
choose causes that are specific or relevant to your locality. After
choosing what campaign you have in mind you need to accompany it
with a website that will promote the campaign and to provide more
information about the campaign.
Once done and approved by your teacher, in a 1 to 2-week
period you need to do the following for your ICT project: 1. Integrate
rich multimedia content such as text, audio, images, animations,
video and interactive content about your campaign in your website.
2. An infographic.
3. A Facebook page, wherein you can create events for your
audience to meet and collaborate about your campaign.
Reflection
Short response: In two to three sentences, answer the
following questions briefly.
Lee, Tim B. (2009) World Wide Web Foundation Retrieved January 19,
2019 http://webfoundation.org/about/vision/history-of-the-web/
Madhurkant Sharma. Web 1.0, Web 2.0 and Web 3.0 with their difference Retrieved
January 21, 2020 https://www.geeksforgeeks.org/web-1-0-web-2-0-
and-web-3-0-with-their-difference/