LESSON 1 WEB 2.

• The term Web 2.0 was first used around 2004.

Technology
• Internet technology became more and more
The application of scientific knowledge for
interactive.
practical purposes, especially in industry. A machinery
and equipment developed from the application of • The internet became more available for
scientific knowledge. everyone.
ICT – Information and Communications Technology. • The users can now interact, contribute, and
create their own internet space and content
It is an extended term of Information Technology (IT).
(Explosion of Information & social media).
It stresses the role of unified communications
WEB 3.0
and the integration of telecommunications,
computers, as well as necessary enterprise software, • It is described by Tim Berners-Lee (Father of
middleware, storage, and audio-visual systems, which the WWW) as the read-write-execute web.
enable users to access, store, transmit, and
manipulate information. • It is referred to as the semantic web or data
driven web content and response.

• The semantic web provides a common

What is WWW? framework that allows data to be shared and
reused across application.
In simple term, WWW is a way of exchanging
information between computers on the internet, lying • It will not make Web 2.0 obsolete.
them together into a vast collection of interactive
multimedia resources. Technology Convergence

What is the correct syntax/line when opening a site It is an evolution of technological

like google or when typing the URL in the address bar? developments that merge into a new system bringing
together different types of applications and media.

SOCIAL MEDIA

It is a collection of internet-based
communication tools and computer assisted channels
dedicated to allow users to interact, communicate,
What is HTTP? HyperText Transfer Protocol
and share information in a virtual community and
HTTP are the system or procedures that network.
enables the transfer of information in the internet. FACEBOOK

It is a popular free social networking site with

WEB 1.0 more than a billion users around the globe that allows
its users to create profiles, upload photos and videos,
 It is a term coined to differentiate the first create and join groups, react to friend’s posts,
stage of the World Wide Web (www) in creative events, send messages, keeping in touch with
comparison with the present stage of the close friends, and relatives.
internet technology.
 At the beginning, there were few web content TWITTER
creators. With more than 300 million users in 2016, this
 Webpages were static and were called read social networking site allows users to microblog or
only web. broadcast short messages called “tweets.” Registered
Tweeter members can also read and follow tweets of
other users.

1
MOBILE MEDIA What is a Platform?

A range of handheld devices,  So, the key term in the definition of platform
from mobile phones, tablets, and e-readers to game is “programmed”. “
consoles, primarily used as personal, interactive,
 “If you can program it, then it is a platform. If
Internet-enabled and user-controlled portable
you can’t, then it is not.”
platforms that allow interconnected users to
exchange personal and nonpersonal information (Wei, ---Marc Andreessen---
2013).
Online Platforms in ICT
Mobile Devices Operating System
It makes it easier for users to interact, to
iOS collect, and use the data from the user’s interactions
for their own particular needs.
 used in apple devices such as the iphone and
ipad. Online Platform Categories
Android • Search Engines
 an open-source operating system developed • Communication Services
by google. Being open source means several
mobile phone companies use this OS for free. • Payment Systems

Symbian • Advertising Platforms

 the original smartphone OS; used by Nokia • Creative Content Outlets

devices • Social Media
WebOS Web Search Engines
 Originally used for smartphones; now used for It is a software system that is designed to
smart TVs search for information on the World Wide Web
ASSISTIVE MEDIA (WWW). The search results are generally presented in
a line of results referred to as Search Engine Results
• It is a nonprofit organization founded in 1996 Page (SERPs).
in Michigan, USA. It was founded by David H.
Harvey. The information may be a mix of webpages,
images, and other types of files.
• The organization was the first internet-based
reading service for persons with visual and Browser
reading impairments. The web browser is an example of application
• The produce and publish voice-recorded software that is developed to retrieve and view the
written materials on cassettes, cds, and in the information from web pages or HTML files present on
internet. the web servers

Search Engines
LESSON 2
 A search engine is a kind of website through
What is a Platform? which users can search the content available
a “platform” is a system that can be on the Internet.
programmed and therefore customized by outside  For this purpose, users enter the desired
developers – users – and in that way adapted to keywords into the search field.
countless needs and niches that the platform original
developers could not have possibly contemplated,
much less had time to accommodate.

2
Top 10 Search Engines (2016)

1. Google

2. Bing (Microsoft)

3. Yahoo (No. 1 email provider)

4. Ask.com (Ask Jeeves)

5. AOL.com (America Online)

6. Baidu (China)

7. Wolframalpha (Computational Knowledge

Engine)

8. DuckDuckGo (simple)

9. Internet Archive (histories of a domain)

10. ChaCha.com (similar to Ask.com)

Communication Services

These are outsourced enterprise

communications solutions that can be leased from a
single vendor or provider. Advertising Platforms

A Communications Service Provider (CSP) is a It allows users to create and manage

provider that transports information electronically advertising campaigns, generate reports, and retrieve
and can encompass public and private companies in information about the ads, campaigns, and
telecom, internet, cable, satellite, and managed organizations that are associated with an account.
services business. Facebook (PLATFORM FOR ADVERTISING)

Facebook advertising is picking up speed in

the business world. It uses social graph and activities
to pinpoint those who fall into your buyer
demographics, making Facebook ads incredibly useful.
Facebook ads are more likely to bring in strong leads
that are looking for your services. They help make
sure your advertising budget is not wasted on those
who are not interested in what you are offering.
Facebook makes your product or service put into the
Payment System hands of the exact person who wants it.
It is any system used to settle financial Twitter (PLATFORM FOR HASHTAGGING)
transactions through transfer of monetary value, and
includes the institutions, instruments, people, rules, Twitter is a fast-paced, concise, and easy way
procedures, standards, and technologies. to connect with your audience.

With over 310 million registered users (and

growing), Twitter is a sea of information of 140
characters or less content waiting to be read, clicked,
followed, and re-tweeted. When marketing on
Twitter, you need to have content that is enticing to
stop and click through. People are usually scrolling
quickly, to take more than just a simple text to stop

3
them in their tracks. Make sure when you are 2. Photo Editing Tools – Picasa, Adobe
constructing your tweets, you are making people Photoshop, GIMP
want to click through.
3. Video Editing Tools – Sony Vegas Pro,
LinkedIn (PLATFORM FOR GROUPING) Windows Movie Maker, Adobe Premier Pro

LinkedIn is different from the rest of the social 4. Cloud Computing – Dropbox, Google Drive,
media outlets because it is specially designed for Microsoft One Drive
businesses and professionals. Users mainly go to
5. Blog Tools – Blogger, WordPress, LiveJournal
LinkedIn to showcase their job experience and
professional thoughts, making it one of the most 6. Mapping Tools – Google Maps, Waze,
important platforms to use for those in B2B. Wikimapia
LinkedIn is a valuable tool not only for driving 7. Music Production – Sony Vegas Pro,
traffic but prospecting, establishing thought Audacity, Virtual DJ
leadership, as well as recruiting.
8. Web Design Platforms – Wix, Weebly, Adobe
YouTube (PLATFORM FOR TEACHING) Dreamweaver
YouTube is the leading video-sharing platform
LESSON 3
in the world. On your channel, your brand can share
and edit videos, create playlists, and prompt Online safety, Security, Ethics
discussions.

Pinterest (PLATFORM FOR ANALYZING BUSINESS)

And Etiquette

Pinterest is one of the unique marketing What is Internet?

platforms on this list. Instead of posting content for is defined as the information superhighway. This
your audience to read, on Pinterest, you will post just means that anyone has access to this highway, can
a clickable picture and a short place info, and can grab that info.
Creative Content Outlets What is Internet Safety?
It is content that needs to be translated it refers to the online security or safety of people and
creatively. their information when using internet.
Topic/concept  Creative presentation What is Netiquette?
Social Media  is a network etiquette, the do's and don'ts of
online communication.
 is a platform for broadcasting information  Netiquette, or network etiquette, is
 also called communications channel concerned with the "proper" manner of
communication in the online environment.
Social Networking
Types of Information with Risk
 is a platform for communicating with one
another 1. First Name

 Users join a social network platform and  Chances are, a cybercriminal may already
begin connecting -- or networking -- with know plenty of stuff about you even if you
other users. only give out your first name.

OTHER ICT PLATFORMS 2. Last Name

1. Presentation Tools – Prezi, Zoho Shows, MS  Very vulnerable to being searched for using
PowerPoint. search engines like image search. Matching a

4
 name with a face is modus to several
cybercrimes like identity theft.
Internet Threats
3. Cellphone Number
1. Malware – stands for Malicious software
 Random strangers might text or call you or
Examples of Malware:
worse, pretend that they are someone else.
a. Virus
4. Name of your Parents and Siblings
 a malicious program designed to replicate
 Disclosing this is a huge risk. Strangers may
itself and transfer from one computer to
pretend or use their identity to dupe you.
another (internet, local networks, FDs, CDs,
5. Your Address etc.)

 Giving your address would be easier for the b. Worm

criminals to find you.
 a malicious program that transfers from one
6. Your Home Phone Number computer to another by any types of means.

 More risky than sharing your phone number. Ex. ILOVEYOU Worm

Scams usually use this information to deceive c. Trojan

you.
 a malicious program that disguises as a useful
Some Tips to Stay Safe Online program but once downloaded or installed,
leaves your PC unprotected and allows cyber
1. Be mindful on what you share online. criminals to get your information.
2. Do not just accept terms and conditions, read it. d. Spyware
3. Do not share your password with anyone.  a program that runs in the background
4. Do not talk to strangers whether online or face-to without you knowing.
face.  It has the ability to monitor what you are
5. Never post anything about a future vacation. currently doing and typing through
keylogging.
6. Add friends you know in real life.
e. Adware
7. Do not share your password with anyone.
 a program designed to send you
8. Avoid visiting untrusted websites. advertisements, mostly as pop-ups.
9. If you have WIFI at home, make it private by adding
a password.
2. Spams - an unwanted email mostly from bots or
10. Install and update an antivirus software on your advertisers. It can be used to send malware.
computer.

Some Antivirus software:

3. Phishing - an unwanted acquisition of sensitive
personal information like passwords and credit card
details.

4. Denial of Service Attack - disrupts computer access

to internet services

Best Rules of Netiquette

1. The Golden Rule

5
  Treat others as you would like to be treated. š LIBREOFFICE WRITER

2. No Flaming š POLARIS OFFICE

 FLAME - is a personal insult communicated š KINGSOFT WRITER

through the internet.
š WORDPERFECT
 watch your posts or comments
š WORDPAD
3. Don’t type in ALL CAPS
š MICROSOFT WORD
 People may misinterpret it.
MICROSOFT WORD
4. Don’t Spam
Is a word processor developed by Microsoft. It
 SPAM- it is any unsolicited email from was first released on October 25, 1983. It is also
unknown sources known as MS word.

5. Don’t talk with people you do not know Image Placement

 do not arrange to met anyone you meet
online

6. Obey Copyright Laws

 don’t steal someone else’s idea, property, and

rights.

7. Use Proper Grammar and Spelling

 don’t steal someone else’s idea, property, and

rights.

 errors diminish the credibility of the message

In Line with Text

8. Be HONEST / Be Yourself
This is the default setting for images that are
 tell the truth inserted or integrated in a document.
 do not pretend to be someone else. SQUARE
9. Follow the TOS This setting allows the image you inserted to
be placed anywhere within the paragraph with the
 TOS – Terms of Service
text going around the image in a square pattern like a
 Rules and policy of the sites. frame.

LESSON 4 Tight

This is almost the same as the square setting,

Advanced Word Processing Skills but here the text “hugs” to the general shape of the
image.
What is Word Processor?
Through
Is an electronic device or computer software
application that performs the task of composing, This setting allows the text on your document
editing, formatting, and printing of documents. to flow even tighter, taking the contour and shape of
the image.
EXAMPLES OF WORD PROCESSORS:

šOPENOFFICE WRITER
6
top and Bottom 2. Clip Art

This setting pushes the text away vertically to  This is generally a .GIF type; line art drawings
the top and/or the bottom of the image so that the or images used as generic representation for
image occupies a whole text line on its own. ideas and objects that you might want to
integrate in your document.
Behind Text
3. Shape
This allows your image to be dragged and
placed anywhere on your document but with all text These are printable objects or materials that
floating in front of it. you can integrate in your document to enhance its
appearance or allow you to have some tools to use for
In Front of Text
composing and representing ideas or messages.
This setting allows your image to be placed
MS word ADDITIONAL FEATURES
right on top of the text as if your image was dropped
right on it.  Page Border

Integrating Images and External Materials  Page Color

1. Pictures  Watermark

These are electronic or digital pictures or  Header

photographs you have saved in any local storage
 Footer
device.
 Page number
Image file formats
 Line spacing
jpeg/jpg
Page Border
 This is pronounced as “jay-peg “and is the
short form of. Jpeg or joint photographic  Adds a stylish touch to your document.
experts’ group.
 Page border can be found in Design Tab
 Full color photographic images
Page Color
GIF
 Adds a splash of color to your document or
 This stands for graphics interchange format. page
 This type of image file is capable of displaying  Page color can be found in Design Tab
transparencies.
Watermark
 It is also capable of displaying simple
animation.  Ghost text behind the content of the page.

PNG  It is a great way to show that the document

requires special treatment without distracting
 This is pronounced as “ping “. It stands for the content
portable network graphics.
 Watermark can be found in Design Tab
 Its development was basically for the purpose
of transporting images on the internet at Header
faster rates.  Helps you to repeat content at the top of
 Allows the control of the transparency level or every page.
opacity of images.  Useful for showcasing information like title,
author, etc.
7
  It can be found in Insert Tab

Footer

 Helps you to repeat content at the bottom of

every page.

 Useful for showcasing information like title,

author, etc.

 It can be found in Insert Tab

Page Number

 Helps you to show number of every pages.

 It can be found in Insert Tab

Line Spacing

 Helps you to set space in every line like single

double or multiple lines.

Two ways to set line spacing

1. Home Tab > Paragraph > Indents and spacing

> Line spacing > Select Line spacing > Ok

2. Layout Tab > Paragraph > Indents and spacing >

Line spacing > Select Line spacing > Ok

MAIL MERGE

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.

Two Components of Mail Merge

1. Form Document

It is generally the document that contains the

main body of the message we want to convey or send.
The main body of the message is the part of the form
document that remains the same no matter whom
you send it to from among your list.

2. 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 from within the Microsoft word
application itself, or it gets data from a file created in
Microsoft excel or other data formats.