LESSON 3: Advanced Word Two Components of Mail Merge

Processing Skills
Lesson Discussion 1. Form Document

In the professional world, sending out The first component of our mail merged
information to convey important information is document is the form document. It is generally
vital. Because of ICT, things are now sent much the document that contains the main body of the
faster than the traditional newsletters or postal message we want to convey or send. The main
mail. You can now send much faster than the body of the message is the part of the form
traditional newsletters or postal mail. You can document that remains the same no matter
now use the Internet to send out information you whom you send it to from among your list.
need to share. What if we could still do things
much faster – an automated way of creating and Also included in the form document is
sending uniform letters with different recipients? what we call place holders, also referred to as
Would that not be more convenient? data fields or merge fields. This marks the
position on your form document where individual
I. Mail Merge and Label Generation data or information will be inserted. From our
sample document, the place holders are
denoted or marked by the text with double-
A. Mail Merge
headed arrows (<< >>) on each side and with a
gray background. On a printed standard form,
One of the important reasons in using this will be the underlined spaces that you will
computers per se is its ability to do recurring see and use as a guide to where you need to
tasks automatically. But this ability has to be write the information that you need to fill out. In
honed by learning the characteristics and its simplest form, a form document is literally a
features of the software you use with your “form” that you fill out with individual information.
computer. After all, no matter how good or A common example of a form document is your
advance your computer and software may be, it regular tax form or application form.
can only be as good as the person using it.

In this particular part of our lesson, we will

learn one of the most powerful and commonly
used features of Microsoft 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 and
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? Would not that take too many hours?
What if you have a small database of
information where you can automatically
generate those letters?
2. List or Data File

The second component of our mail

merged document is the list or data file. This is
where the individual information or data that
needs to be plugged in (merged) to the form
document is placed and maintained. One of the
best things about the mail merge feature is that
it allows data file to be created fro within the
Microsoft Word application itself, or it gets data
from a file created in Microsoft Excel or other
data formats. In this way, fields that needed to
be filled up on the form document can easily be
maintained without accidentally altering the form
or main document. You can also easily add,
remove, modify, or extract your data more
efficiently by using other data management
applications like Excel or Access and import
them in Word during the mail merge process.
 your knowledge on the different kinds of
materials that you can insert or integrate in a
Word document and its characteristics can help
you create a more efficient, richer document not
only in content but also in physical form. A better
understanding of the physical form of your
document as well as the different materials you
would integrate in it would allow you to be more
efficient and versatile in using Microsoft Word.

A. Kinds of Materials

There are various kinds of materials

B. Label Generation
Microsoft Word is capable of integrating to make
the documents richer, more impressive, and
Included in the mail merge feature on more informative.
Microsoft Word is the Label Generator. It just
makes sense that after you print out your form
1. Pictures
letters, you will need to send it to individual
recipients in an envelope with the matching
address printed directly on the envelope or on a Generally, these are electronic or digital
mailing label to stick on. By using virtually the pictures or photographs you have saved in any
same process as a standard mail merge, local storage device. There are three commonly
Microsoft Word will print individual addresses to used types of picture files. You can identify them
a standard form that it has already pre- by the extension on their file names.
formatted. Simply put, it creates a blank form
document that simulates either a blank label or a. .JPG/JPEG
envelope of pre-defined size and will use the
data file that you selected to print the This is pronounced as “jay-peg“ and is the
information, typically individual addresses. So short form of .jpeg or Joint Photographic Experts
even in generating labels, the two essential Group. Like all the rest of the image file
components of creating a merged document are extensions, it identifies the kind of data
present: the form document and the data file. compression process that it uses to make it
Only in this case, you did not have to type or more compatible and portable through the
create the form document yourself because it Internet. This type of image file can support 16.7
was already created and pre-formatted in million colors that is why it is suitable for use
Microsoft Word. All you need to do is select the when working with full color photographic
correct or appropriate size for the label or images. Unfortunately, it does not support
envelope and select the data file that contains transparency and therefore, images of this file
the addresses (data) to be printed. You can also type can be difficult to integrate in terms of
preview your merged labels before printing if you blending with other materials or elements in your
want to. document. But if you are looking for the best
quality image to integrate with your document
then this is the image file type for you. .JPG
does not work well on lettering, line drawings, or
simple graphics. .JPG images are relatively
small in file size.

b. .GIF

This stands for Graphics Interchange

Format. This type of image file is capable of
displaying transparencies. Therefore, it is good
for blending with other materials or elements in
your document. It is also capable of displaying
simple animation. Apparently, this may not be
too useful on a printed document but if you are
sending documents electronically or through
email, or even post documents into a website,
then this could be quite impressive. The
II. Integrating Images and External Materials downside is that it can only support up to 256
colors so it is good mostly on logos and art
Integrating or inserting pictures in your decors with very limited, and generally solid
document is fun and it improves the impression colors. .GIF is much better for logos, drawings,
of your document. A common use of inserting a small text, black and white images, or low-
picture on a document is when you are creating resolution files.
your resume. Though seemingly simple to do,
c. .PNG can get you a more realistic image than a
screenshot. Microsoft Word even provides a
This is pronounced as “ping“. It stands for snipping tool for your screen shots so you can
Portable Network Graphics. It was built around select and display only the part that you exactly
the capabilities of .GIF. Its development was like to capture on your screen.
basically for the purpose of transporting images
on the Internet at faster rates. It is also good III. Image Placement
with transparencies but unlike .GIFs, it does not
support animation but it can display up to 16
million colors, so image quality for this image file
type is also remarkably improved. .PNG allows
the control of the transparency level or opacity of
images.

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.
Microsoft Word has a library of clip arts that is
built in or can be downloaded and used freely.
There are still other clip arts that you can either
purchase or freely download and use that come
from third-party providers.
A. In Line with Text
3. Shapes
This is the default setting for images that are
inserted or integrated in your document. It treats
These are printable objects or materials
your image like a text font with the bottom side
that you can integrate in your document to
totally aligned with the text line. This setting is
enhance its appearance or allow you to have
usually used when you need to place your
some tools to use for composing and
image at the beginning of a paragraph. When
representing ideas or messages. If you are
placed between texts in a paragraph or a
designing the layout for a poster or other graphic
sentence, it distorts the overall appearance and
material for advertising, you might find this
arrangement of the texts in the paragraph
useful.
because it will take up the space it needs
vertically, pushing whole lines of texts upward.
4. Smart Art
B. Square
Generally, these are predefined sets of
different shapes grouped together to form ideas
This setting allows the image you inserted to be
that are organizational or structural in nature. If
placed anywhere with the paragraph with the
you want to graphically represent an
text going around the image in a square pattern
organization, process, relationships, or flow for
like frame.
infographic documents, then you will find this
easy and handy to use.
C. Tight
5. Chart
This is almost the same as the Square setting,
but here the text “hug” or conforms to the
Another type of material that you can integrate in
general shape of the image. This allows you to
your Word document that allows you to
get a more creative effect on your document.
represent data characteristics and trends. This is
This setting can mostly be achieved if you are
quite useful when you are preparing reports that
using an image that supports transparency like a
correlate and present data in a graphical
.GIF or .PNG file.
manner. You can create charts that can be
integrate in your document either directly in
Microsoft Word or imported from external files D. Through
like Microsoft Excel.
This setting allows the text on your document to
6. Screenshot flow even tighter taking the contours and shape
of the image. Again, this can be best used
with .GIF or .PNG type of image.
Sometimes, creating reports or manuals for
training or procedures will require the integration
of a more realistic image of what you are E. Top and Bottom
discussing on your report or manual. Nothing
This setting pushes the texts away vertically to 5. 6. Key Terms in MS Excel: • Row –
the top and/or the bottom of the image so that horizontal line of entries in a table • Column –
the image occupies a whole text line on its own. vertical line of entries in a table • Cell – the
place where info. is held in a spreadsheet
F. Behind Text 6. 7. Key Terms in MS Excel: • Active Cell – the
selected cell • Column Heading – the box at
This allows your image to be dragged and the top of each column containing a letter •
placed anywhere on your document but with all Row Heading – the row number
the texts floating in front of it. It effectively makes 7. 8. Key Terms in MS Excel: • Cell Reference
your image look like a background. – the cell address of the cell usually combine
letter and number (ex. A1, B4, C2) • Merge –
combining or joining two or more cells •
G. In Front of Text
Formula – is an expression which calculates
the value of a cell.
As it suggests, this setting allows your image to 8. 9. Key Terms in MS Excel: • Functions – are
be placed right on top of the text as if your predefined formulas and are already
image was dropped right on it. That means available in Excel • Formula Bar – the bar
whatever part of the text you placed the image that displays the contents of a cell
on, it will be covered by the image. 9. 10. FUNCTIONS
10. 11. BASIC MATH OPERATIONS: •
IV. Key Terms =SUM(x,y) or =SUM(range) – returns the
sum of x and y or (all the numbers within the
 Mail Merge – a feature that allows you to range) • =PRODUCT(x,y) – returns the
create documents and combine or merge product of x and y • =QUOTIENT(x,y) –
them with another document or data file. returns the quotient of x divided by y • =x-y –
 Form Document – the document that returns the difference of x subtracted by y
contains the main body of the message we 11. 12. BASIC MATH OPERATIONS: • =x+y –
want to convey or send. returns the sum of x and y • =x*y – returns
 Data File – includes the individual the product of x and y • =x/y – returns the
information or data or the recipient’s quotient of x divided by y • =x-y – returns the
information. difference of x subtracted by y
 Merge Field/Place Holder – marks the 12. 13. OTHER FUNCTIONS: • =ABS(x) –
position on your form document where returns the absolute value of x •
individual data or information will be inserted. =AVERAGE(x,y) – returns the average of x
 .JPG – file extension for the Joint and y • =CONCATENATE(x,y) – joins x and y
Photographic Experts Group picture file. 13. 14. OTHER FUNCTIONS: • =IF(Condition, x,
 .PNG – file extension for Portable Network y) – returns x if the condition is true, else it
Graphics image file. returns y • =ISEVEN(x) – returns true if x is
 .GIF – file extension for the Graphics an even number • =ISODD(x) – returns true if
Interchange Format image file. x is an odd number
 Clipart – line art drawings or images used as 14. 15. OTHER FUNCTIONS: • =COUNT(range)
a generic representation for ideas and – counts the number of cell containing a
objects. number within a range • =COUNTIF(range,
 Smart Art – predefined sets of different criteria) – count the number of cell that fits
shapes grouped together to form ideas that with the criteria within the range
are organizational or structural in nature. 15. 16. OTHER FUNCTIONS: • =ISNUMBER(x)
 Text Wrap – adjusts how the image behaves – returns true if x is a number • =ISTEXT(x) –
around other objects or text. returns true if x is a text • =LEN(x) – returns
the length of characters in x • =PROPER(x) –
returns the proper casing of x
LESSON 4: Advanced 16. 17. OTHER FUNCTIONS: • =LEFT(x,y) –
returns the characters of x specified by y
Spreadsheet Skills (from the left) • =RIGHT(x,y) – returns the
1. What is a Spreadsheet Software? • allows characters of x specified by y (from the right)
users to organize data in rows an columns • =PI() – returns the value of pi
and perform calculations on the data • These 17. 18. OTHER FUNCTIONS: • =MIN(x,y) –
rows and columns collectively are called returns the smallest number between x and y
worksheet. • =MAX(x,y) – returns the largest number
2. 3. Examples of Spreadsheet Software: • between x and y • =MIN(range) – returns the
LibreOffice Calc • OpenOffice.org Calc • smallest number within the range •
Google Sheets • Apple iWork Numbers • =MAX(range) – returns the largest number
Kingsoft Office Spreadsheets • StarOffice within the range
Calc • Microsoft Excel 18. 19. OTHER FUNCTIONS: • =POWER(x,y) –
3. 4. MICROSOFT EXCEL returns the value of x raised to the power of y
4. 5. To open Microsoft Excel, Press “Windows • =ROUND(x,y) – rounds x to a specified
Logo” + R then type “excel” then enter. number of digits (y) =COLUMN(x) – returns
 the column number of x • =ROW(x) – returns 1. Minimize: Keep slides counts to a minimum
the row number of x to maintain a clear message and to keep the
19. 20. OTHER FUNCTIONS: • =SQRT(x) – audience attentive. Remember that the
returns the square root of x • =TRIM(x) – presentation is just a visual aid. Most information
removes extra spaces in x • =UPPER(x) – should still come from the reporter.
returns x in all capital form • =LOWER(x) –
returns x in non- capital form 2. Clarity: Avoid being to fancy by using font
20. 21. OTHER FUNCTIONS: • =TODAY() – style that is easy to read. Make sure that it is
returns the current date • =NOW() – returns also big enough to be read by the audience.
the current date and time Once you start making your presentation,
21. 22. EXERCISES consider how big the screen is during your
22. 23. Consider this data: NAME MATH report.
GRADE SCIENCE GRADE FILIPINO
GRADE ENGLISH GRADE A.P GRADE 3. Simplicity: Use bullets or short sentences.
MARK 75 70 78 81 78 PETE 84 87 86 88 85 Summarize the information on the screen to
ANA 91 92 95 90 90 REA 73 75 74 75 70 have your audience focus on what the speaker
23. 24. Give the formulas to get : • Mark’s , is saying than on reading the slide. Limit the
Pete’s, Ana’s and Rea’s averages • The content to six lines and seven words per line.
highest grade that Ana got • The lowest This is known as the 6 x 7 rule.
grade that Mark got? • Sum of all Math
Grade? Science? A.P.? • Sum of all Rea’s 4. Visual: Use graphics to help in your
Grades • The Lowest Number among all presentation but not too many to distract the
grades • The remarks (Passed or Failed) audience. In addition, instead of using table of
24. 25. Now, consider this data: FIRST NAME data, use charts and graphs
MIDDLE NAME LAST NAME MARK CURTIS
WILLIAMS PETE MCCLOEY HARRISON 5. Consistency: Make your design uniform.
ANA MONROE FRITZ REA TAN COLLINS Avoid having different font styles and
25. 26. Give the formulas to get : • Mark’s Full backgrounds.
Name • Ana’s Full Name in Proper Case •
Count the number of letters that Pete’s Last 6. Contrast: Use a light font on dark background
Name has • “COLL” from Rea’s Last Name • or vice versa. This is done so that it is easier to
“LOEY” from Pete’s Middle Name • read. In most instances, it is easier to read on
Combining “WILL” and “LINS” from Mark and screen if the background is dark. This is due to
Rea’s Last Names respectively the brightness of the screen.

LESSON 6: Imaging and

LESSON 5: Advanced Design for Online
Presentation Skills Environment
Powerpoint is a highly innovative and versatile
program that can ensure a successful
communication whether you’re presenting in
front of potential investors, a lecture theatre or
simply in front of your colleagues. The following
are the five features you should be using-if youy
aren’t already. Learn everything about these
PHOTO EDITING
tips: they will improve your presentation skills
and allow you to communicate your message
successfully. The five features of powerpoint  Photo editing encompasses the processes of
was altering images, whether they are digital
photographs, traditional photo chemical
photographs, or illustrations. Traditional
1)adding smart art
analog image editing is known as photo
retouching, using tools such as an airbrush to
2)Inserting Shapes modify photographs, or editing illustrations
with any traditional art medium.
3)Inserting and Image

4)Slide Transitions

5)Adding Animations

Creating an Effective
Presentation
  VECTOR IMAGES alternatively, allow for
more flexibility. Constructed using
mathematical formulas rather than individual
colored blocks, vector file types such as EPS,
AI and PDF are excellent for creating
graphics that frequently require resizing.
3. 3D MODELING (OR MODELLING) is the
process of developing a mathematical
representation of any three dimensional
surface of an object via specialized software.
The product is called a 3D model. It can be
displayed as a two-dimensional image
through a process called 3D rendering or
used in a computer simulation or physical
phenomena. The model can also be
physically created using 3D printing devices.
Graphic software programs 

 Which can be broadly grouped into vector

graphics editors, raster graphics editors, and
3D modelers are the primary tools with which
a user may manipulate, enhance, and
transform images. Many image editing
programs are also used to render or create
computer art from scratch.
BASIC OF IMAGE EDITING

1. RASTER IMAGES are stored in a computer

in the form of a grid of picture elements or
pixels.
2. VECTOR IMAGES such as Adobe Illustrator,
IMAGE FORMATS
Inkscape and etc. are used to create and
modify vector images, which are stored as
descriptions of lines, Bezier curves and text Ø JPEG is a commonly used method of lossy
instead of pixels. compression for digital images, particularly for
DIFFERENCE BETWEEN RASTER AND those images produced by a digital photography.
VECTOR IMAGES
Ø PNG (PORTABLE NETWORK
GRAPHICS) is a raster graphics file format that
supports lossless data compression.

Ø GIF a lossless format for image files that

supports both animated and static images.

Ø BMP is a raster graphics image used to store

bitmap digital images

Ø EPS used in vector-based images in Adobe

Illustrator.

Ø SVG is an XML-based vector image format

for two-dimensional graphics w/ support for
interactivity and animation

Ø .3ds is one of the file formats used by the

Auto desk 3Ds Max 3D Modelling, animation
and rendering software.

RASTER IMAGES use many colored pixels or

Ø .fbx is an exchange format, in particular for
individual building blocks to form a complete
interoperability between Auto desk products and
image JPEGs, GIFs and PNGs are common
other digital content creation software
raster image types. Almost all of the photos
found on the web and in print catalogs are raster
images. FEATURES OF IMAGE EDITORS
SELECTION One of the prerequisites for many
of the app mentioned below is a method of
selecting part(s) of an image, thus applying a
change selectively without affecting the entire
picture

Ø MARQUEE TOOL for selecting rectangular

or other regular polygon-shaped regions
CLONING uses the current brush to copy from
Ø LASSO TOOL for freehand selection of a an image or pattern. It has many uses: one of
region the most important is to repair problem areas in
digital photos.
Ø MAGIC WAND TOOL selects objects or
regions in the image defined by proximity of IMAGE ORIENTATION – Image editors are
color or luminance capable of altering an image to be rotated in any
direction and to any degree. Mirror images can
be created and images can be horizontally
flipped or vertically flopped. Rotated image
usually require cropping afterwards, in order to
remove the resulting gaps at the image edges.

LAYERS which are analogous to sheets of

transparent acetate, stacked on top of each
other, each capable of being individually
positioned, altered and blended with the layers
below, w/o affecting any of the elements on the
other layers.

PERSPECTIVE – is the art of drawing solid

objects on a two- dimensional surface so as to
give the right impression of their height, width,
depth and position in relation to each other when
viewed from a particular point.

IMAGE SIZE resize images in a process often

called image scaling, making them larger, or
smaller. High image resolution cameras can SHARPENING AND SOFTENING– Sharpening
produce large images which are often reduced makes images clearer. Too much sharpening
in size for Internet use. causes grains on the surface of the image.
Softening makes images softer that removes
CROPPING creates a new image by selecting a some of the highly visible flaws. Too much
desired rectangular portion from the image being causes the image to blur.
cropped. The unwanted part of the image is
discarded. Image cropping does not reduce the
resolution of the area cropped.
 Photo manipulation involves transforming or
altering a photograph using various methods
and techniques to achieve desired results. Some
photo manipulations are considered skillful
artwork while others are frowned upon as
unethical practices, especially when used to
deceive the public, such as hat used for political
propaganda , or to make a product or person
look better.

SATURATION- is an expression for the relative

bandwidth of the visible output from a light
source. As saturation increase, colors appear
more “pure.’’ As saturation decreases, colors
appear more ‘’ washed-out.’’

CONTRAST AND BRIGHTENING

DIFFERENCES
Contrast of images and brighten or darken the PHOTO EDITING – signifies the regular process
image. Underexposed images can be often be used to enhance photos and to create them
improved by using this feature. ‘’Actual editing simple process’’. Also includes
some of the regular programs used for editing
Brightening lightens the image so the photo and expose how to use them.
brightens up. Brightness is a relative expression PHOTO MANIPULATION – includes all simple
of the intensity of the energy output of a visible editing techniques and have some manipulation
light source. techniques like erasing, adding objects , adding
some graphical effects, background correction,
creating incredible effect, change elements in an
Adjusting contrast means adjusting brightness
image, adding styles , eliminating blemishes
because they work together to make a better
from a person’s face and changing the features
image.
of a person’s body.

PHOTO MANIPULATION
 4. d)Include source and references
LESSON 7: Online
Platforms for ICT Content
Development
1.Facebook
Posted on February 13, 2017

1. Marketplace – allows members to post, read

and respond to classified ads.
2. Groups – allows members who have
common interests to find each other and
interact.
3. Events – allows members to publicize an
event, invite guests and track who plans to
attend.
4. Pages – allows members to create and
b.) Infographics promote a public page built around a specific
topic.
also known as data visualization, information 5. Presence technology – allows members to
design, and communication design see which contacts are online and chat.
Within each member’s personal profile, there are
 It is any graphic that display and explains several key networking components. The most
information, whether that be data or words. popular is arguably the Wall, which is essentially
When we use the term ‘’infographics’’, we’re a virtual bulletin board. Messages left on a
using it as a general term used to describe member’s Wall can be text, video or photos.
data presented in a visual way. Another popular component is the virtual Photo
 Infographics are important because they Album. Photos can be uploaded from the
change the way people find and experience desktop or directly from a smartphone camera.
stories. Infographics are being used to There is no limitation on quantity, but Facebook
augment editorial content on the web, it staff will remove inappropriate or copyrighted
create a new way of seeing the world of data, images. An interactive album feature allows the
and they help communicate complex ideas in member’s contacts (who are called generically
a clear and beautiful way. called “friends”) to comment on each other’s
TYPES OF INFOGRAPHICS photos and identify (tag) people in the photos.
Another popular profile component is status
updates, a microbloggingfeature that allows
1. Statistical members to broadcast short Twitter-like
2. Process Flow announcements to their friends. All interactions
3. Geographic are published in a news feed, which is
PROCESS OF MAKING INFOGRAPHICS distributed in real-time to the member’s friends.

1. Research
2. a)Know what is needed Facebook offers a range of privacy options to its
3. b)Take a reference members. A member can make all his
4. c)Know the audience communications visible to everyone, he can
5. d)Decide the type of infographics block specific connections or he can keep all his
6. Brainstorm communications private. Members can choose
7. a)Gather ideas whether or not to be searchable, decide which
8. b)Build thought process parts of their profile are public, decide what not
9. Design to put in their news feed and determine exactly
10. a) Choose your tool and start designing who can see their posts. For those members
11. Review who wish to use Facebook to communicate
12. a) Cross check the data to deliver flawless privately, there is a message feature, which
output closely resembles email.
13. Launch
14. a) Make it viral
15. b) Share on social network
BEST PRACTICES WHEN CREATING
2. Instagram
INFOGRAPHICS

1. a)Maintain a structure
2. b)Don’t use more than 3 color palletes
3. c)Typography matters a lot
Instagram is an online mobile photo-sharing site usually tweet about stuff that I read, learned or
that allows its users to share pictures and videos have good value. I have learned so much from
either publicly or privately on the app, as well as the others that is why I love twitter. It is also
through a variety of other social networking about helping others, I disagree with
platforms, such as Facebook, Twitter, Tumblr, many‘experts’ that say you should only
and Flickr. Originally, a distinctive feature was follow ‘influential’ users because I don’t judge
that it confined photos to a square shape, similar someone that way, and because I believe the
to Kodak Instamatic and Polaroid SX-70 images, people at Twitter don’t believe in them either. I
in contrast to the 4:3 aspect ratio typically used also disagree that you should only share your
by mobile device cameras. In August 2015, own stuff otherwise you will dilute your brand.
version 7.5 was released, allowing users to Sure it makes sense but 24/7 sharing your own
upload media captured in any aspect ratio. blog post and following influential people?
Users can also apply digital filters to their
images. Videos on Instagram debuted in June
2013, allowing prerecorded square standard
definition resolution clips of up to 15 seconds to
be shared; later improvements added support
BLOGGING SITES
for widescreenresolutions of up to 1080p and
longer recording times for either prerecorded (up 1.
to one minute) or disappearing live (up to one Weebly
hour) videos.

2.
Instagram was created by Kevin
Systrom and Mike Krieger, and launched in
October 2010 as a free mobile app. The service
rapidly gained popularity, with over 100 million
active users as of April 2012[10][11] and over 300
million as of December 2014.[12] Instagram is
distributed through the Apple App
Store and Google Play.[13]Support for the app is Weebly is one of the easiest website builders in
available for iPhone, iPad, iPod Touch, Windows the market. They allow you to drag and drop
10 devices and Android handsets, while third- content into a website, so it’s very intuitive to
party Instagram apps are available use (click here to see our opinion on Weebly).
for BlackBerry 10 and Nokia-Symbian Devices.

By using Weebly’s website building elements,

3. Twitter you can literally drag them into your website and
have a website built relatively quickly, and
painlessly. The beauty of this system is that you
can pretty much drag the elements to wherever
you want – so it’s not very restrictive on where
and how you place your website content.

Twitter is an online news and social Weebly’s elements include pictures, paragraphs,
networking service where users post and videos, buttons, maps, contact forms – basically
interact with messages, “tweets,” restricted to all the basics for website building.
140 characters. Registered users can post
tweets, but those who are unregistered can only
read them. Users access Twitter through its
website interface, SMS or a mobile device app.
2. Tumblr
[10] Twitter Inc. is based in San
Francisco, California, United States, and has
more than 25 offices around the world.

Twitter is about learning

Tumblr is a popular microblogging platform
and adding value designed for creative self-expression. It is
considered a mindful alternative to Facebook
and other social media websites where users
It is also about adding value to others by giving
blog on a myriad of topics.
or sharing something valuable to them so that
they are able to learn something. That is why I
You can link your Tumblr account to other social implemented by a webmaster directly on the
networks you use and you can feed your website. They also have the option of sending a
traditional blog or other RSS feed to your pin to other Pinterest users and email accounts
Tumblelog. You can also create static pages through the “Send” button. Some websites
such as your own Questions page that people include red and white “pin it” buttons on items,
are automatically taken to when they ask you a which allow Pinterest users to pin them directly.
question. If you want to make your Tumblelog
look more lie a traditional website, you can do it
by adding pages. You can make your Tumblelog Initially, there were several ways to register a
private or just make specific posts private as new Pinterest account. Potential users could
needed, and you can schedule posts to publish either receive an invitation from an already
in the future. registered friend, or they could request an
invitation directly from the Pinterest website that
could take some time to receive. An account can
Tumblr is perfect for people who don’t need a also be created and accessed by linking
full blog to publish lengthy posts. It’s also great Pinterest to a Facebook or Twitter profile. When
for people who prefer to publish quick a user re-posts or re-pins an image to their own
multimedia posts, particularly from their mobile board, they have the option of notifying their
devices. Tumblr is also a great choice for people Facebook and Twitter followers. This feature can
who want to join a larger community. If a blog is be managed on the settings page.
too much or too big for you, but Twitter is too
small or too little for you and Instagram isn’t
versatile enough for you, then Tumblr might be On the main Pinterest page, a “pin feed”
just right for you. appears, displaying the chronological activity
It’s also easy to invite other people to contribute from the Pinterest boards that a user follows.
to your Tumblelog.

If you want to track your stats, you can add

any analytics tracking code to your Tumblelog. A “board” is where the user’s pins are located.
Some users will even burn a feed with Users can have several boards for various items
Feedburner, create custom themes, and use such as quotes, travel or, most popularly,
their own domain names weddings. A “pin” is an image that has either
been uploaded or linked from a website. Once
users create boards and add pins, other users
can now repin, meaning they can pin one user’s
3. Pinterest image to their board as well. Once the user has
set up their account and boards, they can
browse, comment, and like other pins. Users
might be discouraged by repeated images and
difficult-to-follow direct linking features. Pinterest
has also added the option of making boards
“secret” so that the user can pin to and view
boards that only the user can see when logged
into their own account.

Pinterest is a free website that requires

registration to use.Users can upload, save, sort, Pinterest does not generate its own content;
and manage images—known as pins—and rather, it draws from many resources around the
other media content (e.g., videos) through web and compiles them in one convenient
collections known as pinboards. Pinterest acts location for users.
as a personalized media platform. Users can
browse the content of others in their feed. Users
can then save individual pins to one of their own
boards using the “Pin It” button, with pinboards
typically organized by a central topic or theme. LESSON 8: Basic Web
Users can personalize their experience by
pinning items, creating boards, and interacting Page Creation
with other members. The end result is that the 1.) What are the advantages and disadvantages
“pin feed” of each user displays unique, of a WYSIWYG editor?
personalized results.
ADVANTAGE :

Content can also be found outside of Pinterest -You don’t need any scripting/coding experience.
and similarly uploaded to a board via the “Pin It”
button, which can be downloaded to – It’s simple and easy for beginners.
the bookmark bar on a web browser, or be
– Everything moves fluently, and you can easily world-wide-wait
preview what you want. WWW
CNN
DISADVANTAGE : now hosts videos placed on their home page,
which was unthinkable in the past because of
-A lot of HTML code churned out by the editors is slow internet speed
superfluous which makes the web pages bulky in file on-demand
size Videos way back then were never on the home
page and can be viewed “____________” or
-WYSIWYG editors let you ignore certain aspects only when a user clicks on it.
that are important. videos (youtube)

-WYSIWYG editors simply do not provide enough sound, music, or audio (soundcloud)
support and help in optimizing your web site for
search engines.
online games (farmville)
2.) List Down (3) more WYSIWYG web hosting
services and their URL. online tests (iq and personality test)

– Weebly Web Builder ( https://www.weebly.com/ ) courseware (e-learning courses)

– Wix Web Builder ( https://www.wix.com/ ) podcasts (ted talks, ear biscuits, the starters,
stuff you should know)
– Siteground Builder ( https://www.siteground.com/)
vodcasts (video game high school and gmm)
multimedia contents (7)
online tests
LESSON 9: online survey forms and tests that automatically
display the results when finished
Collaborative ICT courseware
Development online courses that stimulate the classroom
online
Web portal podcasts
a website that contains information from different an episodic series of audio or text files streamed
sources and places them in one location in a online
uniform way embed
Yahoo! to place an object from one site to another
example of a web portal
yahoo.com
offers a web portal where news, email, weather,
etc. are found in one place
Facebook groups ; WordPress ; Google Drive ;
LESSON 11: ICT as
Microsoft Office Online ; Microsoft’s
Yammer ; Trello
Platform for Change
The Role of ICT in Recent History
examples of online collaborative tools
Facebook groups
used to create a group page that will allow Throughout recent history, the Philippines
people in your group to communicate your ideas have been one of a few nations that
WordPress demonstrate unity for a call to action or social
allows you to multiple contributors for a single change. These campaigns for social change
blog would have not been successful if it were not for
Google Drive and Microsoft Office Online ICT.
allow multiple people to work on different office
files and even have their own group’s cloud 1. EDSA (PEOPLE POWER
storage REVOLUTION). The people power revolution
Microsoft’s Yammer lasted from 1083 to 1986. During a radio
offers companies to have their own social broadcast of Radio Veritas, Cardinal Sin
network that allows sharing and managing encouraged the Filipinos to help end the
content regime of then President Ferdinand Marcos.
Trello A major protest took place along the EDSA
offer an online to-do checklist for your entire from February 22 to 25, 1986 involving two
team million Filipinos from different sectors. These
included civilians, political parties, the military
LESSON 10: and religious groups.

Interactive Multimedia 1. EDSA DOS.This is also known as the 2001

EDSA Revolution, happened during January
World Wide Web 17 to 21, 2001. It was fueled after 11
 prosecutors of the President Joseph Estrada allows experts to see if your project is doable
walked out of the impeachment trial. As a over the time frame that was given and if it is
result, the crowd in EDSA grew over the significant enough to be made into reality.
course of a few days through text brigades.
2. Million People March.This is a series pf
protest that mainly took place in Luneta Park Five elements of a concept paper
from august 22 to 26, 2013. There were also
several demonstrations that happened 1.Introduction-includes tour group’s mission
around key cities in the Philippines and some and vision and a brief introduction of your
location overseas. The organizers and project.
promoters of the Million People March used
Facebook and Change.org as their,
mediums. 2.Purpose-includes the reasons why this project
is worth your group and your sponsor’s time,
1. Yolanda People Finder.Recent storms in
effort and money.
Philippines history gave birth to the People
finder database powered by Google. During
typhoon Yolanda, the people finder was a 3.Description-includes all the necessary
vital tool for people across the globe to track information about the project. In ICT, it involves
the situation of their relatives. This proved to the sites you are going to produce and the
be successful and is now adapted by more purpose of each and how they work in unison.
organizations to help people track relatives
during calamities. 4.Support-contains the budget needed for the
Change.org project. Some concept papers do not specify
any amount requested from the sponsor.
Change.org is dubbed as the “world’s
platform for change” where anyone from the 5.Contact information-includes information on
online community can create a petition and ask how the group be contacted.
others to sign in it. During the past times
petitions are only done through signing a paper, Simplified ICT Project Process Overview
usually done by a group asking for signatures
via travel. Change.org gives access to more 1.Planning-Involves the following task (but not
people by allowing the online community to affix limited to):
their digital signatures on petition.
1. Conceptualizing your project project
Signing an Online Petition
2. Researching on available data about your
topic
1. VisitChange.org 3. Setting deadlines and meetings
1. Change.org works this way. If this is your first 4. Assigning people to various tasks
time to use Change.org, click Sign up or log 5. Finding a web or blog host
in with Facebook. Otherwise, just input your 6. Creating a site map for tour website
log in details.
7. Listing down all applications, that you need
1. You can then start your own petition, but for
including web apps
now click on any petition you want under
8. Funding (If applicable)
tending petitions.
2.Development-involves the actual creation of
1. Read the petitions description to see if this
the website(s), involves the production of
petition matters to you. If it is, sign the images, infographics, etc.
petition by filling up the information on the
right side of the screen.
1. Share the petition on Facebook to promote it. 3.Release and Promotion-involves the actual
Alternatively, you can check out petitions of release of the website for public view and
your friends on Facebook, and then click on promoting it. Promotion typically starts before
those petitions to read about it and sign it. the actual release.

LESSON 12: ICT Project 4.Maintenance-involves responding to feedback

for Social Change of your site visitors and continuing to improve
your website.
LESSON 13: ICT Project
Publication and Statistics
Monitoring Site Statistics on Different Platforms

1. WordPress
Once you log in to your WordPress account, you
are on the Reader tab by default. Simply click
Before starting your project, your group should on My Sites and from there you will see the
be able to do the necessary paperwork. This statistics for your blog.
1. Facebook 4. You will be taken to Google Form’s interface:
In your Facebook page, a summary of the Next is !
statistics will appear on the right side of your Lets move on to !
cover photo: Hovering your mouse pointer 6. Once you are done editing the question, click
over “Post Reach” will give you more insights Done.
on which recent post reached the most people: 7. To add a new question or item, click on Add
Clicking on the Insights tab will give more in- Item, clicking on the drop down arrow at the right
depth statistics: side of the Add Item button will bring up other
options for layout:
1. Overview– contains the summary of a. Section Header – adds a header for a specific
statistics about your page a part of your survey.
Definition of terms on your Facebook statistics: b. Page break- adds a page break which means
that the items at the button of the page will be
added to the next page: necessarily if your
Reach: Organic – your posts seen through the
survey is too long.
page’s wall, shares by users, and the news feed
c. Image- adds an image to your survey
d. Video- adds a video to your survey
Reach: Paid – your posts seen through paid
ads
iii. Multiple Choice – can be answered by only
one answer in a set of options
Post Clicks – number of clicks done to your Creating feedback forms using Google forms
posts Lesson objectives
• Evaluate the effectiveness of their online
Likes, Comments, and Shares – actual campaign through user feedback;
interaction done by your audience either through • Improve the online campaign using various
liking the post, commenting on it, or sharing it on tools; and
their walls. • Check the impact of their online campaign.

1. Likes– contains the statistics about the trend Steps !

of page likes
2. Reach– contains information about the 1) Open your browser and go to
number of people who was reached by your drive.google.com
post 2) Sign in or create an account.
3. Visits– contains data of the number of times 3) On the left hand hair of your My Drive page,
your page tabs (like the Timeline) are visited click New> More> Google Forms
4. Post– contains data showing when (day and
time) you site visitors visit your site Steps !
5. People– contains statistics about your 5. You may now fill out the form questions:
audience’s demographics (age, location, A. Question Title- Includes the question that will
gender, language, and country). It is also be answered by your audience.
includes demographics about the people you B. Help Text- Creates a subtext under the
have reached and engaged with. question to give more information about a
Demographics refers to the statistics question.
characterizing human population usually divided C. Question Type- changes the type question
by age, gender, income, location, and language. according to your preference. These questions
include:
i. Text – can be answered in a short text.
LESSON 14: ICT Project ii. Paragraph Text – can be answered in a long
Maintenance text.
iv. Checkboxes – a question that can be
Creating online surveys feedbacks forms. answered with multiple answers in a set of
The Internet will give you a lot of options in options.
gathering your audience’s feedback. The only v. Choose from a list- similar to a multiple-choice
difference that you and your group may notice is question but options are revealed in a drop-
how these services are presented. Some of down list.
them, because they are free to use, may have vi. Scale- a question that can be answered with
too many ads or some features are lacking. In a numerical range.
any case, it’s your group’s choice which of these vii. Grid- a question that contains sub questions
services is t cumbersome to reach your with similar options as shown;
objective. • Date- a question that can be answered with a
Google offers one of the easiest ways to gather specified date
user’s feedback. Google forms allow your • Time- a question that can be answered with a
audience to answer a set of questions you have specified time
set. These can be used for surveys, feedback, .
online registrations, and customer care support.
d. Advanced Settings: Contains more options for
the specified question type.
8. Edit the Confirmation Page option at the
bottom as you see fit.
A. Show link to submit another response- allows
the user to answer the same form again.
B. Publish and show a public link to form results-
allows users to see the summarized results for
your survey.
Spoofing attack is when a malicious party
C. Allow responders to edits responses after
impersonates another device or user on a
submitting- allows users to back and edit their
network in order to launch attacks against
answers
network hosts, steal data, spread malware or
.
bypass access controls. There are several
different types of spoofing attacks that malicious
9. Click the Send Form button. The Send Form parties can use to accomplish this.
dialog box will appear these options as you see Phishing is the attempt to acquire sensitive
fit. information such as usernames, passwords, and
credit card details (and sometimes, indirectly,
a. Link to share- contains the URL that you can money), often for malicious reasons, by
share on your website. masquerading as a trustworthy entity in an
b. Embed- contains an embed code to attach to electronic communication.
your HTML.
c. Short URL- generates a shorter URL 2. Blackmail/Extortion
necessary for limited spaces like sharing on
twitter.
d. Share link via- allows you to share the link to
Google+, Facebook, and Twitter.
e. Send form via email- allows you to share the
form via email.
f. Add collaborators- Allows others to edit your
form, necessary when working on groups.

1. The easiest way to view the result is viewing a Extortion (also called blackmail, shakedown,
summary of the responses. Click on out wresting, and exaction) is a criminal offence
Responses> Summary of Responses. of unlawfully obtaining money, property, or
2. You will be taken to a Summary of Responses services from a person, entity, or institution,
page. This is particularly useful for viewing your through coercion. Refraining from doing harm is
results from time to time. sometimes euphemistically called
protection. Using the Internet to threaten to
However, after a set amount of time, you may cause damage with the intent to extort from any
want to use this data in a spreadsheet and person any money or other thing of value.
eventually create your own charts.
3. To use the data collected through responses,
3. Accessing Stored
click View Responses button found on the upper Communications
part of the page.

Analyzing your Google Forms Result

4. Choose if you want to create a new Google
Sheet as the destination of your response
results or if you want to put it on an existing
Google Sheet.

LESSON 15:
Disadvantages of ICT
Cybercrimes are illegal acts done through the Accessing Stored Communications or
use of the internet. People all over the world use hacking; Intentionally accessing, without
the Internet to commit a host of crimes, some of authorization, a facility through which an
which the public doesn’t even know are capable electronic communication service is provided.
of being done electronically. The act of obtaining unauthorized access to data
from computer network. This is typically done to
commercial and government sites to threaten its
1. Phishing and Spoofing owner. In late 2015, a group of Anonymous
Philippines hacked the Twitter account of
actress Maine Mendoza, who plays the famous
character Yaya Dub of the popular AlDub
tandem and posted links and messages on the others by posting on blogs or social networking
account sites. Cyber harassment is often difficult to track
as the person responsible for the acts of cyber
harassment remains anonymous while
threatening others online. This usually applies to
4. Sports Betting school-age children.
7. Child Pornography

Sports Beating is engaging in the business of

betting or wagering on any sporting event or
contest over the Internet. In some countries, Using the Internet to transmit child
gambling (including sports betting) is illegal even pornography. Child pornography is distributed
if you are doing it over the Internet. nowadays mainly through the Internet. Child
5. Non-Delivery of pornography are produced not only on a
professional scale by commercial providers, but
Merchandise also privately using victims from the producer’s
own environment, from the exploitation of
children by clients of child prostitutes. Child
pornography is sold over commercial websites
and also exchanged in closed groups or via
peer-to-peer networks. Criminal groups also use
the Internet to make big money selling child
pornography.
8. Prostitution
Devising any scheme to defraud, or for obtaining
money or property by means of false or
fraudulent pretenses, or promises, and using the
Internet for the purpose of executing the
scheme. The non-delivery scam occurs when
the scammer places an item up for sale when
there is actually no item at all. The item is
subsequently never delivered to the buyer after
they purchase the item.
6. Electronic/ Cyber
Harassment
Persuading, inducing, enticing, or coercing any
individual to travel in interstate commerce to
engage in prostitution.The internet has become
one of the preferred methods of communication
for prostitution, as clients and prostitutes are
less vulnerable to arrest or assault and for its
convenience
9. Drug Trafficking

Cyber harassment refers to online harassment.

Cyber harassment or bullying is the use of
email, instant messaging, and derogatory
websites to bully or otherwise harass an
individual or group through personal attacks.
Cyber harassment can be in the form of flames,
comments made in chat rooms, sending of
offensive or cruel e-mail, or even harassing
Delivering, distributing, or dispensing a
controlled substance by means of the Internet.
Darknet markets are used to buy and sell
recreational drugs online. Some drug
traffickers use encrypted messaging tools to
communicate with drug mules. The dark
web site Silk Road was a major online
marketplace for drugs before it was shut down
by law enforcement (then reopened under new
management, and then shut down by law
enforcement again)

10. Criminal Copyright

Infringement

Criminal Copyright Infringement, the act of

piracy mainly for financial gain. In late 2014, the
number one pirate website, The PirateBay, was
raided for the second time due to years of
pirating movies, music, games, books, and other
software. These kinds of websites earn money
through advertsing.