EMPOWERMENT TECHNOLOGY

Module

Fe Airam R. Dakig
Instructor
 1

LESSON 1: WHAT IS INFORMATION AND COMMUNICATIONS TECHNOLOGY?

LESSON 2: ONLINE SAFETY, SECURITY, ETHICS, AND ETIQUETTE

LESSON 3: CONTEXTUALIZED ONLINE SEARCH AND RESEARCH SKILLS

LESSON 4: ADVANCED WORD PROCESSING SKILL

LESSON 5: ADVANCED SPREADSHEET SKILLS

LESSON 6: ADVANCED PRESENTATION SKILLS

LESSON 7: MANIPULATING TEXT, GRAPHICS, AND IMAGES TO CREATE ICT CONTENT

INTENDED FOR AN ONLINE ENVIRONMENT

LESSON 8: THE PRINCIPLES AND TECHNIQUES OF DESIGN USING ONLINE

CREATION TOOLS, PLATFORMS, AND APPLICATIONS TO DEVELOP ICT CONTENT

FOR SPECIFIC PROFESSIONAL TRACKS

LESSON 9: COLLABORATIVE ICT DEVELOPMENT

LESSON 10: MULTIMEDIA AND ICT

LESSON 11: ICTS AS PLATFORM FOR CHANGE

LESSON 12: HOW TO MANAGE AN ONLINE ICT PROJECT FOR SOCIAL CHANGE

F.A.R.D
 2

LESSON 1: WHAT IS INFORMATION AND COMMUNICATIONS TECHNOLOGY?

GOAL
At the of the lesson, you will be able to independently compose an insightful
reflection paper on the nature of ICT in the context of your lives, society, and chosen
professional (i.e. Arts, Technical Vocational, Sports, and Academic Tracks) track.

Information and Communication Technology

 ICT deals with the use of different communication technologies such as mobile phones,
telephone, Internet, etc. to locate, save, send, and edit information.
 These are digital forms of communication including tools available in the internet , such as
blogging and e-mail, as well as computer software, such as Microsoft PowerPoint and
Word
Take note: ICT focuses on communication
Internet- Connections with different networks: global system of interconnected networks or
devices.
Empowerment Technologies
 To create foundation in understanding the world if ICT (Information and Communication
Technologies), understand and demonstrate the proper etiquette in using ICT and more.
With the help of empowerment technologies, students and other millennials will be able to
understand the real value of technology; that with it, they can make their lives and future
a better one.
WWW (World Wide Web)
 Composed of many web pages that are accessible anytime.
Website- location where there are many web pages.
Web browser- search engine: a tool for searching.

Web 1.0 or Static Webpage

 Static (also known as flat page or stationary page) in the same that the page “as is” and
cannot be manipulated by the user. This referred to as Web 1.0.
 It contains Web pages with fixed content. Each page is coded in HTML and displays the
same information to every visitor. Static sites are the most basic type of website and are
the easiest to create.
Web 2.0 or Dynamic Webpage
 Web 2.0 allows the user to interact with the page known as DYNAMIC PAGE; instead
of just reading a page, the user may be able to comment or create a user account.
Dynamic page refers to the web pages that are affected by user input or preference.
 It is a webpage that displays different content each time it’s viewed. For example, the
page may change with the time of day. The user that accesses the webpage, or the
type of user interaction.
Key Features of Web 2.0
 Folksonomy – allows users to categorize and classify/arrange information using freely
chosen keywords (e.g. tagging). Popular social networking sites such as Twitter,
Instagram, Facebook, etc. use tags that start with a pound sign (#) or hashtag. It is also
known as social tagging, collaborative tagging, social classification and social
bookmarking. It is the process of using digital content tags for categorization or annotation

F.A.R.D
 3

to classify websites, pictures, documents and other forms of data so that the content may
be easily categorized and located by users.
 Rich User Interface – content is dynamic and is responsive to user’s input. An example
would be a website that shows local content. In the case of social networking sites, when
logged on, your account is used to modify what you see in their website.
 User Participation– the owner of website is not the only one who is able to put content.
Others are able to place content on their own by means of comments, reviews, and
evaluation.
 Long Tail – services are offered on demand rather than on a one-time purchase. This is
synonymous to subscribing to a data plan that charges you for the amount of time you
spent on Internet or a data plan that charges you for the amount of bandwidth you used.
 Software as a service
 Mass Participation- sharing through universal web access.

Semantic Web
 It is a movement led by the World Wide Web Consortium (W3C). The semantic web
provides a framework that allows data to be shared and reuse to deliver web content
specifically targeting the user.
Factors for not fully recognizing semantic as web 3.0:
 Compatibility-HTML files and current web browsers could not support Web 3.0.
 Security – The user’s security is also question since the machine is saving his or her
preferences.
 Vastness-The World Wide Web already contains billions of web pages.
 Vagueness – Certain words are imprecise. The words “old” and “small” would depend to
the user.
 Logic- since machines use logic, there are certain limitations for a computer to be able to
predict what the user is referring to at a given time.

Trends in ICT
1. Convergence- It is the synergy of technological advancements to work on a similar goal
or task. For example, besides using your personal computer to create word documents,
you can now use your smart phone. It is a platform that can create multiple tasks.
2. Social Media– is a website, application, or online channel that enables web users to
create, co-create, discuss, modify, and exchange user generated content.
Six types of social media:
a. Social Networks – These are sites that allow you to connect with other people with the
same interests or background. Once the user creates his/her account, he/she can set
up a profile, add people, share content, etc. Example : Facebook and Google+
b. Bookmarking Sites– These are sites that allow you to store and manage links to
various website and resources. Ex. : StumbleUpon/Pinterest
c. Social News– These are sites that allow users to post their own news items or links to
other news sources. The users can also comment on the post and comments may
also be rank. Example: reddit and Digg
d. Media Sharing – These are sites that allow you to upload and share media content like
images, music and video. Example: Flickr, Youtube and Instagram.

F.A.R.D
 4

e. Microblogging– These are sites that focus on short updates from the user. Those that
subscribed to the user will be able to receive these updates. Example: Twitter and
Plurk
f. Blogs and Forums– These websites allow user to post their content. Other users are
able to comment on the said topic. Example: Blogger, WordPress and Tumblr

3. Mobile Technologies – The popularities of smart phones and tablets has taken a major
rise over the years. This is largely because of the devices capability to do the tasks that
were originally found in PCs.
Several of these devices are capable of using high-speed internet. Today the latest model devices
use 4G Networking (LTE), which is currently the fastest mobile network.
Mobile OS
o iOS– use in apple devices such as iPhone and iPad.
o Android – an open source OS developed by Google. Being open source means mobile
phone companies use this OS for free.
o Blackberry OS– It is use in Blackberry devices.
o Windows Phone OS – a closed source and proprietary operating system developed by
Microsoft.
o Symbian– the original smart phone OS; used by Nokia devices.
o Web OS– originally used in smart phones; now used in smart TVs.
o Windows Mobile – developed by Microsoft for smart phones and pocket PCs.

4. Assistive Media – is a non- profit service designed to help people who have visual and
reading impairments. A database of audio recordings is used to read to the user.

Status of ICT in the Philippines

 Philippines as the “ICT Hub of Asia”.
 Huge growth of ICT related jobs around the country, one of which is call center or BPO
(Business Process Outsourcing) centers.
 According to 2013 edition of Measuring the Information Society by the International
Telecommunication Union, there are 106.8 cellphones per 100 Filipinos in the year 2012.
 In a data gathered by the Annual Survey of Philippines Business and Industries in 2010,
the ICT industry shares 19.3% of the total employment population.
 Time magazines declared Makati City, Philippines-Rank 1 as the “Selfiest Cities around
the world and Rank 9 is Cebu City.

F.A.R.D
 5

LESSON 2: ONLINE SAFETY, SECURITY, ETHICS, AND ETIQUETTE

GOAL
At the end of the lesson, you will be able to understand better the 24/7, social nature
of digital media. In particular, you will be able to:
● Explore your digital life; and
● Learn that it is important to act responsibly when carrying out relationships over digital
media.

CHALLENGE QUESTION
How is your digital media life like?
Hint: You have to think figuratively.

The Internet is defined as the information superhighway. This means that anyone has
access to this highway, can place information, and can grab that information. Any information,
even things that you have set privately, can be accessed one way or another. This is why social
networking sites like Facebook continue to improve their security features. The threat of
cybercrime is very real. While you may not experience the threat now, whatever information we
share today could affect our future.
Here are some of the threats you should be aware of when using the internet:
1. Malware – stands for malicious software

 Virus – a malicious program designed to replicate itself from one computer to another.
 Worm – a malicious program that transfers itself to one computer to another.
 Trojan – a malicious program that is disguised as a useful program but once
downloaded or installed, leaves your PC unprotected and allows hackers to get your
information.
 Rogue Security Software – tricks the user into posing that it is a security software. It
asks the user to pay to improve his/her security but in reality, they are not protected at
all.
 Spyware – a program that runs in the background without you knowing it.
 Keyloggers – used to record keystrokes done by users.
 Adware – a program desinged to send you advertisements, mostly as pop-ups.

2. Spam – unwanted email mostly from bots or advertisers. It can be used to send malware.

3. Phishing – Its goal is to aquire personal information. This is done ny sending you an email
that will direct the user to visit a website abd be asked ti update his/her username,
password, etc.

4. Pharming – it’s phishing but it involves exploiting the DNS system.

PROTECTING REPUTATIONS ONLINE

Once you post something over the Internet, search engines keep them in their archives
for search results. This makes anything you post to last forever even if you delete it in your page.
Something you and your friends find funny today may be something that could harm someone’s
reputation later.

F.A.R.D
 6

THINK BEFORE YOU CLICK

Here are some things you might want to consider before posting something over the internet:

1. Before you post something on the web, ask these questions to yourself: Would you want
your parents or grandparents to see it? Would you want your future boss to see it? Once
you post something on the web, you have no control of who sees your posts.
2. Your friends depend on you to protect their reputation online. Talk to your friends about
this serious responsibility.
3. Set your post to “private”. In this way, search engines will not be able to scan that post.
4. If you feel that a post can affect you or other’s reputation, ask the one who posted it to pull
it down or report it as inappropriate.

COPYRIGHT INFRIDGEMENT
If you create something– an idea, an invention; a form of literary work, or a research, you
have the right as to how it should be used by others. This is called intellectual property. In other
words, the copyright law includes your rights over your work, and anyone who uses it without
consent is punishable by law.
As a responsible user of the internet, you have to consider that not everything out there is
free for you to use. Just like your own, contents that you see from websites have their respective
copyrights. There are several instances where employees or business owners face copyright
infringement and are sentenced to a huge fine due to reckless copying of materials.

Here are some tips that could help you avoid copyright infringement:
 Understand.
 Be responsible
 Be creative

Think about your life with media. First consider the questions below. Use your responses
to help you finish the statement, “My media life is like a...” This statement is a simile, a literary
device for comparing two unlike things. For instance, someone who does not use much media
might say that her media life is like a desert, because there is little life there. Someone might say
that his media life is like a track meet, because he is exhausted at the end of the day.

Questions to consider:
● Are digital media a big part of your life?
● What kind of impact do digital media have on you (a little, some, a lot)?
● What are your favorite and least-favorite things to do with digital media?
● Do you connect with others or create things with digital media? Finish this statement:
My media life is like ___________________________ because __________________.

Now, consider the following statement.

“Instead of promoting social behavior, social media promotes disengagement, self-
absorption, loneliness and sadness.” Do you agree?
Now think about this:
Social media or media enabled by digital tools are 24/7 and socially connected as
demonstrated by popular ICT.

F.A.R.D
 7

LESSON 3: CONTEXTUALIZED ONLINE SEARCH AND RESEARCH SKILLS

GOAL
At the end of the lesson, you will be a better user of search engines. In particular,
you can be more deeply aware of search techniques that will give results that are useful
for your academic and chosen career.

CHALLENGE QUESTIONS
1. Are you a smarter user of search engines?
2. Do you always rely on the first search results online?
3. Have you “Googled”14 yourself lately? Are you happy with the results?
4. How do you find answers to questions from the simple to the complex?
5. Google might naturally come to mind. Did you know that you could also use Wolfram
as an alternative search engine?

Indeed, Google might be our “friend” but using search engines for the sake of plain
information could actually lead you misinformed. In order to stay meaningfully informed, you
should start appreciating the use of the right combination of words or key phrases.
The following is a set of tips to help you build smart search skills, as adapted from
Common Sense Media.
A wealth of built-in—but sometimes hidden—features can help you find the information
you need much more efficiently than your usual shot-in-the-dark searches. A little Google
technique can open up a world of trusted facts, homework boosters, and cool tricks to
impress your friends (or your parents).

A. Find the Hidden Calculator

If number crunching just isn't your thing—and you need an answer fast—Google's
hidden calculator is a lifesaver. Head straight to the search bar and type in the problem
or equation you're looking to solve. You'll know you've gotten to the right place when
a gray, calculator-like tool pops up as the search result.

Bonus tip: How many teaspoons equal a tablespoon? When the homework is put
away and you need an extra hand at the Chemistry lab, this tool converts
measurements, too.

B. Definitions and More

Browsing the Merriam-Webster dictionary for hours might be a lost art, but
broadening kids' vocabulary doesn't have to be. Simply add the word "define" before
a search term (for example, “define onomatopoeia”) to bring up the proper spelling,
definition, origin, and even fun tools like voice and translation options.

Bonus tip: If you struggle with spelling, don't worry. Google will suggest and search
based on the appropriate spelling of most words, just as it does for regular searches.

C. Age-Appropriate Results
Tools like Google SafeSearch and YouTube's Safety Mode can help filter out
mature content that's beyond what those below 18 are ready to see or read. This can
also be taken a step further with search results filter by reading level so you or your
younger siblings or friends feel comfortable with what's in front of them. Let Google
annotate the results with reading levels labeled, or choose to only show basic,
intermediate, or advanced level content.

F.A.R.D
 8

If you are looking for credible information—or your first taste of scholarly
research—you can check out Google's academic offshoot, Google Scholar.

Bonus tip: Explore with confidence18 by viewing content critically. Just because
you see it online doesn't mean it's true.

D. Time-Zone Challenged
If you have far-flung family and don’t want to wake them up in the middle of the
night, you can find the local time anywhere in the world by typing "time" and a city's name
into the search bar.

E. The Perfect Search

Let’s say the homework assignment requires you to use only one source of
information. Enter your query, followed by the URL for the website (i.e., weaving site:
ncca.gov.ph/) and hit enter. You'll see only results from that website.

Need help with weaving homework but getting search results for weaving for sale?
Add a minus sign before "sale" to eliminate sale-related results.

F. Photo Magic
Learning how to attribute photos is a critical research skill. With Google Reverse
Image Search, you can upload any photo to Google Images and hit "search" to find the
name of it, and a whole lot more.

Bonus tip: In Google's Chrome browser, you can just right-click on any image
and select "search Google for this image." There's a Firefox add-on, too.

G. Just for Fun

If all you really need is a little distraction, go to Google and type in "tilt," browse the
Google Doodle archives, or just tell Google to do a barrel roll. You won't be disappointed.

ACTIVITY
On the next opportunity that you have an Internet connection, do the following “What Matters in
a Query” search tips.To validate the results of your search, get a screenshot of the resulting
scenarios. Be ready to present the results in class.
What Matters in a Query?
1. Every word matters.
Try searching for [who], [the who], and [a who]

2. Order matters.
Try searching for [blue sky] and [sky blue]

3. Capitalization does not matter.

Try searching for [barack obama] and [Barack Obama]

F.A.R.D
 9

LESSON 4: Advanced Word Processing Skills

In the professional world, sending out information to convey important information is vital.
Because of ICT, things are now much faster than the traditional newsletters or posted mail. You
can now use the Internet to send out information you need to share. What if we could still do
things much faster — an automated way of creating and sending uniform letters with different
recipients? Would that not be more convenient?

In this particular part of this lesson, we will learn one of the most powerful and commonly
used features of MS Word called “Mail Merge.” As the name suggests, this feature allows you to
create documents and combine or merge them with another document or data file. It is commonly
used when sending out advertising materials to various recipients.

The simplest solution for the scenario above is to create a document and just copy-paste
it several times then just replace the details depending on whom you send it to. But what if you
have hundreds or thousands of recipients? What if you have a small database of information
where you can automatically generate those letters?

Mail Merge is a useful tool that allows you to produce multiple letters, labels, envelopes,
name tags, and more using information stored in a list, database, or spreadsheet.

The mail merge process has three documents involved in creating and printing letters and
emails, or labels and envelopes.

1. Your main document

This document contains text and graphics (a logo or an image, for example) that
are identical for each version of the merged document. An example of identical content is
the return address on the envelope or in the body of a letter or an email message.

2. Your mailing list

This document contains the data that is used to fill in information in your main
document. For example, your mailing list contains the addresses to be printed on the
labels or envelopes. Usually an Excel workbook.

3. Your merged document

This document is a combination of the main document and the mailing list.
Information is pulled from your mailing list and inserted in your main document, resulting
in the merged document—the letter, email, labels, or envelopes—personalized for
different people on the mailing list.

Kinds of Materials

The screenshot above shows the kinds if materials that can be integrated or
inserted in your MS Word Document. One can easily get excited anad instead create a
collage of what is generally called images and arts rather than an enriched tect document.
One important thing to remember is that images and other materials are not to be inserted
as images for design purposes only, but they are used to enhance or improve the
effectiveness of the message you want to convey. Let us describe them:

F.A.R.D
 10

1. Pictures – generally, these are electronic or digital pictures or photographics you

saved in any local storage device. These are the three most commonly used types
of picture types. You can identify them by the extension on their file names: Joint
Photographic Experts Group (or .jpg), Grahpics Interchange Format (or .gif).
Portable Network Graphics (or .png)

2. Clip Art – this is generally a .gif type; line art drawings or images used as generic
representation for ideas and objects that you might want to integrate in your
document.

3. Shapes – these are printable objects or materials that you can integrate in your
document to enhance its appearance or to allow you to have some tools to use for
composing and representing ideas or messages.

4. Smart Art – generally these are predefined sets of different shapes grouped
together to form ideas that are organizational or structural in nature.

5. Chart – this is quite useful when you are ==preparing reports that correlate and
present data in a graphical manner.

6. Screenshot – MS Word provides a snipping tool for your screenshots so you can
select and display only the part that you exactly like to capture on your screen.

F.A.R.D
 11

LESSON 5: Advanced Spreadsheet Skills

Whether you work in the field of accounting or not, the truth is whatever you do should be
accounted for. This is because the resources you use cost you expenses. Whether you become
a scientist, an engineer, a yoga instructor, etc. it is important ti understand how a company spends
to be able to deliver a product or service. These factors could be easily be computed using
spreadsheet programs like MS Excel or Google Spreadsheets.
Using the SUM Command
If you need to sum a column or row of numbers, let Excel do the math for you. Select a
cell next to the numbers you want to sum, click AutoSum on the Home tab, press Enter, and
you’re done.

When you click AutoSum, Excel automatically enters a formula (that uses the SUM
function) to sum the numbers.
Here’s an example. To add the January numbers in this Entertainment budget, select cell
B7, the cell immediately below the column of numbers. Then click AutoSum. A formula appears
in cell B7, and Excel highlights the cells you’re totaling.

Using the AVERAGE Command

The Microsoft Excel AVERAGE function returns the average (arithmetic mean) of the
numbers provided.
The AVERAGE function is a built-in function in Excel that is categorized as a Statistical
Function. It can be used as a worksheet function (WS) in Excel. As a worksheet function, the
AVERAGE function can be entered as part of a formula in a cell of a worksheet.

Syntax

AVERAGE( number1, [number2], ... [number_n] )

Parameters or Arguments
number1, number2, … number_n
Numeric values that can be numbers, named ranges, arrays, or references to numbers. There
can be up to 30 values entered.

COUNT function

F.A.R.D
 12

The COUNT function counts the number of cells that contain numbers, and counts
numbers within the list of arguments. Use the COUNT function to get the number of entries in a
number field that is in a range or array of numbers. For example, you can enter the following
formula to count the numbers in the range A1:A20: =COUNT(A1:A20). In this example, if five of
the cells in the range contain numbers, the result is 5.

Syntax

COUNT(value1, [value2], …)

The COUNT function syntax has the following arguments:

 value1 Required. The first item, cell reference, or range within which you want to count
numbers.
 value2, … Optional. Up to 255 additional items, cell references, or ranges within which
you want to count numbers.

NOTE: The arguments can contain or refer to a variety of different types of data, but only numbers
are counted.

REMARKS
 Arguments that are numbers, dates, or a text representation of numbers (for example, a
number enclosed in quotation marks, such as “1”) are counted.
 Logical values and text representations of numbers that you type directly into the list of
arguments are counted.
 Arguments that are error values or text that cannot be translated into numbers are not
counted.
 If an argument is an array or reference, only numbers in that array or reference are
counted. Empty cells, logical values, text, or error values in the array or reference are
not counted.
 If you want to count logical values, text, or error values, use the COUNTA function.
 If you want to count only numbers that meet certain criteria, use the COUNTIF function
or the COUNTIFS function.

F.A.R.D
 13

LESSON 6: Advanced Presentation Skills

Creating an Effective Presentation

Designing your presentation is the fun part of creating a report fir it gives you a chance to
be creative. Placing animations, transitions, and art could be on your mind right now. But whether
or not these features would help is generally up to you. Sometimes, these things could actually
distract your audience rather than help you. Here are some quick tips in creating an effective
presentation:

 Minimize – keep slide counts to a minimum to maintain a clear message and to keep the
audience attentive. Most information should still come from the reporter.

 Clarity – Avoid being fancy by using a font style that is easy to read. Make sure that it is
also big enough to be read by the audience.

 Simplicity – Use bullets or short sentences. Summarize the information on the screen to
have your audience focus on what the speaker is saying rather than on reading the slide.
Limit the content to six lines and seven words per line.

 Visuals – Use graphics to help in your presentation but not too many to distract the
audience. In addition, instead of using a table of data, use charts and graphs.

 Consistency – Make your design uniform. Avoid having different font styles and
backgrounds.

 Contrast – Use light font on dark background or vice versa. This is done so that it is easier
to read. In most instances, it is easier to read on screen if the background is dark. This is
due to the brightness of the screen.

F.A.R.D
 14

LESSON 7: MANIPULATING TEXT, GRAPHICS, AND IMAGES TO CREATE ICT CONTENT

INTENDED FOR AN ONLINE ENVIRONMENT
GOAL
At the end of this lesson, you will be able to independently apply the techniques of
image manipulation and graphic design to create original or derivative ICT content from
existing images, text and graphic elements for use in specific professional tracks.

CHALLENGE QUESTION

You may have heard a word that sounds like “pabmat”. Can you guess what it is?

OK, it is spelled as pubmat and is understood to mean a collection of visual content that
is used to promote an idea, concept, event, product or service. One application software that is
proprietary—which means you need to buy the software to use it because it is owned by an
individual or company who developed it.
In this part of the course you will be expected to demonstrate your ability to use digital
tools to produce materials for printing, posting, and at some later point in the course, uploading
images online.
As a matter of practice, you will be using the GIMP as free application software to build
publication-related materials.
While the GIMP is the tool of choice in this course, certain principles, techniques, and skills
can be demonstrated with similar tools (online or offline) using the corresponding references
below:

Topic Related Reference

http://www.makeuseof.com/tag/learn-
Basic principles of graphics and layout principles-design-preinstalled-
templates/
http://www.designmantic.com/blog/info
Principles of visual message design
graphics/15-golden-principles-of-
using infographics
visual-hierarchy/
http://www.makeuseof.com/tag/know-
Online file formats for images and text when-to-use-which-file-format-png-vs-
jpg-doc-vs-pdf-mp3-vs-flac/

Principles and basic techniques of https://designschool.canva.com/blog/i

image manipulation mage-enhancement/

Basic image manipulation using offline https://www.gimp.org/tutorials/GIMP_Q

or open source software uickies/

https://www.gimp.org/tutorials/Floating
Combining text, graphics, and images
_Logo/

http://lifehacker.com/5808625/five-
Uploading, sharing, and image hosting
best-web-sites-for-image-hosting-and-
platforms
photo-sharing/

The following are sample publicity materials, the corresponding use-cases, and related
resources. They will be used as part of your course activities for this section of the lesson:

F.A.R.D
 15

Publicity Materials Use Case Related Reference

1. Poster Announcements or http://www.gimp.org/tutorials/GIMP_Quickies/
flyers
https://docs.gimp.org/en/gimp-template-
dialog.html

2. Logo For design of http://www.wikihow.com/Make-Business-

stationery, e.g. Cards-with-GIMP
business card

3. Labels To help organize office http://registry.gimp.org/node/132

supplies or collection
of materials or for
return address in
envelopes

4. Infographic Visualizing http://www.grtuts.com/djourney/the-

combination of data orangutan-infographic-project
and narratives

The following are graphic design tools that are either free to download and use as a stand-
alone application or to use online with prior registration:

TIPS: GRAPHIC EDITING TOOLS

1. Canva.com - An online tool that allows users to create designs for Web or print: blog
graphics, presentations, Facebook covers, flyers, posters, invitations, etc.

2. GIMP (/ɡɪmp/; an acronym for GNU Image Manipulation Program) is a free and open-
source raster graphics editor used for image retouching and editing, free-form drawing,
resizing, cropping, photo-montages, converting between different image formats, and
more specialized tasks.

1. Piktochart - infographic design application “that requires very little effort to produce
beautiful, high quality graphics.”

ACTIVITY

Evaluate existing websites and online resources based on the principles of layout, graphic,
and visual message design.

F.A.R.D
 16

LESSON 8: THE PRINCIPLES AND TECHNIQUES OF DESIGN USING ONLINE

CREATION TOOLS, PLATFORMS, AND APPLICATIONS TO DEVELOP ICT CONTENT
FOR SPECIFIC PROFESSIONAL TRACKS

GOAL
At the of this lesson, you will independently apply the principles and techniques of
design using online creation tools, platforms, and applications to create original or
derivative ICT content for use in your professional tracks.

CHALLENGE QUESTIONS

What is the use of a Website?

Did you know that you can use a Website for a number of purposes? And did you know
that Websites can be considered as platforms for productivity?
This portion of the module introduces you to online platforms as tools for ICT content
development and covers the topics of:
1. The nature and purposes of online platforms and applications;
2. Basic web design principles and elements;
Topics Related Reference Related Reference
1. The nature and
Social Software and Community https://www.academia.edu/647793/S
purposes of online
Learning: Leveling the Playing ocial_Software_and_Community_Le
platforms and
Field arning_Leveling_the_Playing_Field
applications

2. Basic web
http://www.edb.utexas.edu/minliu/mu
design principles Design Elements & Principles
ltimedia/PDFfolder/DESIGN~1.PDF
and elements

In the earlier years, or sometime in the 1990s, creating a web page or a website was a
skill that required a mind of a computer programmer, working on standard lines of computer code
that need to be memorized to produce a basically flat but colorful document.
Nowadays it is so much easier that a high school student with enough creativity could
assemble textual and visual parts that are already interactive and fun to the user. Moreover,
websites have evolved into tools and platforms for discovery, sharing, connection, and co-
creation.
These online social platforms currently include, but are not limited to:
1. Presentation/ visualization (Prezi, Zoho, Slideshare, mindmeister)
2. Cloud computing (Google Drive, Evernote, Dropbox)
3. Social Media (Twitter, Facebook, Tumblr)
4. Web Page Creation (Wix, Weebly)
5. File Management and Filetype conversion (zamzar, word2pdf)
6. Mapping (Google Maps, Wikimapia)

NATURE AND PURPOSE OF ONLINE PLATFORM AND APPLICATION

 To be able create a good online presentation, webpage and content, you should know the
principle and techniques of design using online creation tool, platform and application to
develop ICT content.

F.A.R.D
 17

EXAMPLE OF ONLINE PLATFORM AND APPLICATION

1. Presentation Tools- graphic program that allow you to create slide show presenting the
topic, lecture, demonstrate to enlighten, educate, communicate, or persuade the
audience.
•Prezi
•Zoho Show
•Slide Share
•MindMeister

2. Cloud Computing- it means storing and accessing data and program over the internet
instead of your computer’s hard drive.
•Google Drive
•Evernote
•Dropbox

3. Mapping Tools- is the creation of maps, a graphic symbolic representation of the

significant features of part of the surface of the Earth.
•Wikimapia
•Google Maps

4. File Management platforms- it is a computer program that provide a user interface to

manage file and folder.
•Zamzar
•Word2pdf

5. Social Media- a website and application that enable user to create and share content or
participate in social networking.
•Facebook
•Twitter
•Instagram

6. Web Page Creation- it is document that is suitable for the World Wide Web and Web
browser. It is also written in HTML or comparable mark up language.
•Wix
•Weebly
BASIC WEB DESIGN PRINCIPLE AND ELEMENTS
Web Design it is a concept of planning, creating, updating, and maintaining the website.
A good web design allow the user to understand the message, contents, and ideas in most
convenient way.
WEB DESIGN ELEMENTS

 Text font family and type must be chosen well, clear and in readable size.
Graphics/Illustration must be good quality and well arrange with text and another
elements. Info graphics may be used.

 Shapes can be used to denoted an enclosed boundary in all over design. Background It
can help provide your website with a feeling of a surface underneath. It must be used to
bring out the content given on website to make it look more appealing.

 Color must blend well and complement the elements on the page. Use vibrant and bold
colors that will attract but not too distracting. Video/Audio Help viewer to easily understand
what you are teaching or selling. Links Allow user to connect to another page or site that
related on the content of your page

F.A.R.D
 18

WEB DESIGN PRINCIPLE

 Portable Design must be portable and accessible by user who have different browser,
operating system and computer platform. Design for Low Bandwidth It must be accessible
at variety of speed. Avoid large graphics or animation as the user may leave the site if
downloading is slow.

 Direction (Section) identify the order of importance of the various element and place
them in a sequence where the eye moves and perceive the things it see. Accessible Visitor
must be able to easily access the information. Text must be legible/readable, colors must
create visual harmony and balance, and image should be of high quality.

 White spaces use to deliberately in your design as a breathing space. It may also be used
to show division of contents. Convenience Allow visitor to make an action, click button
should be conveniently located and accessible.

 Regular Testing Website should be regularly upgraded ,updated , and tested so that
problem will quickly resolved. Simplify Remove distracting options and clutter.

ACTIVITY

Start exploring online platforms for expression of mission statements of social impact
organizations. On deeper reflection, you should be better skilled by now in online search using
relevant keywords in this activity. Likewise, from a technical and skills perspective you should be
able to do the following:

 Evaluate existing online creation tools, platforms and applications in developing ICT
content for specific professional tracks

F.A.R.D
 19

LESSON 9: Collaborative ICT Development

Goal
In this lesson, we only need to know what and how to use online collaborative tools
to effectively monitor tasks and understand how important these tools are.

But first, what is a web portal?

A web portal is a website that contains information from different sources and place them
in one location in a uniform way.
An example of a web portal is Yahoo!

These web portals were created with the help of Online Collaborative Tools. So what are online
Collaborative Tools?
ONLINE COLLABORATIVE TOOLS
Working together dos not necessarily mean you have to be physically together. Simply
put, online collaboration lets a group of people work together in real-time over the internet. Those
engaged in online collaboration can work together on word processor documents, PowerPoint
Presentations and even for brainstorming, all without needing to be in the same room at the same
time. There are many great online collaboration tools available which can help your team
accomplish its goals.

There are plenty of online collaborative tools:

1. You can use Facebook groups to create a group page that will allow people in your group
to communicate your ideas.
2. WordPress also allows you to have multiple contributors for a single blog.
3. Google Drive and Microsoft Office Online allow multiple people to work on different office
files and even have their own group’s cloud storage.
4. Microsoft Yammer offers companies to have their own social network that allows sharing
and managing content.
5. Sites like Trello offer an online to-do checklist for your entire team.
Here are some things you need to consider to decide if it is a good collaborative tool:

 Easy to use and to set-up.

 Have the features that will fit your purpose.
 Ability to upload documents.
 Has security features.

F.A.R.D
 20

LESSON 10: MULTIMEDIA AND ICT

GOAL
At the end of the week you will independently assess your experience along a range
of online rich content on the basis of the usability of the interface.

Information and communications technology or information and communication

technology, usually abbreviated as ICT, consists of IT as well
as telecommunication, broadcast media, all types of audio and video processing and
transmission and network based control and monitoring functions.
Multimedia is media and content that uses a combination of different content
forms. Multimedia includes a combination of text, audio, still images, animation, video,
or interactivity content forms.
Digital Multimedia is the field concerned with the computer-controlled integration of texts,
graphics, still and moving images, animation, sounds, and any other medium where every type of
information can be presented, stored, transmitted and processed digitally.
Interactive Multimedia is a term applied to multimedia applications that allows users to
take part, contribute and participate in online games.

TYPES OF RICH AND MULTIMEDIA CONTENT

1. Text content is by far the most common media type in computing applications. Most
multimedia systems use a combination of text and other media to deliver functionality.
Text in multimedia systems can express specific information, or it can act as
reinforcement for information contained in other media items.

2. Digital image files appear in many multimedia applications. Digital photographs can
display application content or can alternatively form part of a user interface. Interactive
elements, such as buttons, often use custom images created by the designers and
developers involved in an application. Digital image files use a variety of formats and file
extensions, most common are JPEGs and PNGs.

3. Audio files and streams play a major role in some multimedia systems. Audio files
appear as part of application content and also to aid interaction. When they appear within
Web applications and sites, audio files sometimes need to be deployed using plug-in
media players. Audio formats include MP3, WMA, Wave, MIDI and RealAudio.

4. Digital video appears in many multimedia applications, particularly on the Web. As with
audio, websites can stream digital video to increase the speed and availability of
playback. Common digital video formats include Flash, MPEG, AVI, WMV and
QuickTime.

5. Animation or Animated components are common within both Web and desktop
multimedia applications. Animations can also include interactive effects, allowing users
to engage with the animation action using their mouse and keyboard. The most common
tool for creating animations on the Web is Adobe Flash, which also facilitates desktop
applications.

USES OF MULTIMEDIA

1. Education
Multimedia is used to create and produce computer-based training (CBT) materials
and courses, including online and CD based encyclopedias. It has been observed that
learning is faster and easier with a properly assembled multimedia of voice, voice, video,
graphics, and texts.

F.A.R.D
 21

2. Entertainment
Multimedia use is very much present in many modern movies and animations to
develop especial effects and virtual worlds. Computer games also use enormous
multimedia content and features to make them more exciting and relevant.

3. Business
Multimedia is also important in advertising and selling products and services as
well as in training employees.

4. Government
Multimedia is use by the government around the world to convey information,
procedures, and regulations for their citizens and visitors. Multimedia also finds uses in
military, engineering, and many other fields.

Multimedia Applications are computer programs that use a variety of media such as video,
sound, still images and animated graphics for pre-recorded or live communications, especially
mass communication. Some multimedia applications can even create some or all of the media
elements used in creating multimedia presentations.

CATEGORIZATION OF MULTIMEDIA
Multimedia may be broadly divided into linear and non-linear categories.

 Linear active content progresses without any navigational control for the viewer such as
a cinema presentation.
 Non-linear user interactivity to control progress as used with a video game or used in self-
paced computer based training. Hypermedia is an example of non-linear content.
Multimedia presentations can be live or recorded. A recorded presentation may allow
interactivity via a navigation system. A live multimedia presentation may allow interactivity via an
interaction with the presenter or performer.

ELEMENTS OF DIGITAL CITIZENSHIP

1. Digital Access
2. Digital Commerce
3. Digital Communication
4. Digital Literacy
5. Digital Etiquette
6. Digital Law
7. Digital Rights & Responsibilities
8. Digital Health & Wellness
9. Digital Security

F.A.R.D
 22

LESSON 11: ICTS AS PLATFORM FOR CHANGE

ICTs as platform for change, covering the topics of:

● ICT as medium for advocacy and developmental communication

● The social power of social media
● Digital citizenship and the Filipino people

Goal
At the end of the week, you will independently articulate how ICT tools and
platforms have changed the way people communicate, and how social change has been
brought about by the use of ICTs.

CHALLENGE QUESTIONS

How does it feel having your work liked by people? Is there any difference whether or not
you know those who liked your work?

ICT – A Medium for Advocacy

 The act or process of supporting a cause or proposal

 The act or process of advocating something

“Advocacy in democracy is about getting what you want out of the government. In a
democracy, which is a collection of voices, it is everyone’s job to use their voice to remind the
government about what people want.” – Matthew Kaplan

 EDSA Dos and the use of text messaging to mobilize people

 Million people march against pork barrel via Facebook.
 Disaster relief operations and mobilization via Internet and Text brigades.
 Social Media – Boon or Bane?’

F.A.R.D
 23

ICT –A Tool for Development Communication

Development Communication

 An approach to communication which provides communities with information they can use
in bettering their lives.
 An art and science of human communication applied to the speedy transformation of a
country and the mass of its people from poverty to a dynamic stater of economic growth
that makes possible greater social equality and the larger fulfillment of the human
potential.

ICT4D (ICT for Development)

An initiative aimed at bridging the digital divide (the display between technological “have”
and “have not” geographic locations or demographic groups) and aiding economic
development by ensuring equitable access to up-to-date communications technologies.

ICT- A Force for Social Reform

“On January 17, 2001, during the impeachment trial of Philippine President Joseph
Estrada, loyalists in the Philippine Congress voted to set aside key evidence against him. Less
than two hours after the decision was announced, thousands of Filipinos, angry that their
corrupt president might be let off the hook, converged on Epifanio de los Santos Avenue, a
major crossroads in Manila. The protest was arranged, in part, by forwarded text messages
reading, “Go 2 EDSA. Wear, blk.” The crowd quickly swelled, and in the next few days, over
a million people arrived, choking traffic in downtown Manila.”
“The public’s ability to coordinate such a massive and rapid response – close to seven
million text messages was sent that week – so alarmed the country’s legislators that they
reversed the course and allowed the evidence to be presented.”

F.A.R.D
 24

The Three Faces of Social Media

1. The Good – used for communication where distance no longer matter.
2. The Bad – allowed people to hide behind the screens and avatars and it has taken over
our lives rather than us being in control.
3. The Ugly – it has become a common cause to broken relationships, self-centeredness
and egocentricity. It is also for frauds and child abuse.

“SOCIAL MEDIA CAN BE A FORCE OF BOTH GOOD AND EVIL”

Question: What is your take in the role of social media in the campaign of President Rodrigo
Duterte against drug abuse?

F.A.R.D
 25

LESSON 12: HOW TO MANAGE AN ONLINE ICT PROJECT FOR SOCIAL CHANGE

Goal
At the end of this lesson, you should be able to plan and conceptualize an ICT
project for social change and identify the platforms that will help in the success if the
campaign.

ICT ON SOCIAL CHANGE

 Social Change refers to an alteration in the social order of a society. Social Change may
include social institutions, social behaviors, or social relations. It can be done in any form
of multi-media.
You can make social changes through the use of campaigns. Campaigns are a work in an
organized and active way toward a particular goal; typically a political or social one. A campaign
will help you promote and organize your project properly.

SIMPLIFIED ICT PROJECT PROCESS OVERVIEW:

Planning —> Development —> Release and Promotion —> Maintenance

1. Planning – involves the following task (but not limited to):

 Conceptualizing your project project
 Researching on available data about your topic
 Setting deadlines and meetings
 Assigning people to various tasks
 Finding a web or blog host
 Creating a site map for tour website
 Listing down all applications, that you need including web apps
 Funding (If applicable)

CREATING A CONCEPT PAPER

A concept paper is a document used to convince a panel of potential funders to help a
product, program, or service to become a reality.
There are five elements of a concept paper:

 Introduction-includes tour group’s mission and vision and a brief introduction of

your project.
 Purpose-includes the reasons why this project is worth your group and your
sponsor’s time, effort and money.
 .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.
 Support-contains the budget needed for the project. Some concept papers do not
specify any amount requested from the sponsor.
 Contact information-includes information on how the group be contacted.

2. Development – involves the actual creation of the website(s), involves the production of
images, infographics, etc.

Medias you can use:

 Text

F.A.R.D
 26

 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 your website.

CHALLENGE QUESTIONS
After beginning to work for a period setting up and planning the activities on the earlier lesson,
have you discovered what type of a worker you are?

 Do you work best alone?

 Or do you operate best in a group setting?

F.A.R.D