MELVIN M.

ARIAS
Subject Teacher
LESSON OBJECTIVES
A. Improve their knowledge on how
ICT affects their everyday lives
and the state of our nation
B. Compare and contrast the
differences between` online
platforms, sites, and content
C. Understand the features of Web
2.0
D. Understand the future of the
World Wide Web through Web
3.0
E. Learn the different trends in ICT
and use them to their
advantage.
 WORDS TO UNLOCK
 WEB 1.0 - static websites without
interactivity
 WEB 2.0 – websites that contain dynamic
content
 WEB 3.0 – a concept of the World Wide
Web that is designed to cater to the
individual user
 STATIC – refers to web pages that are the
same regardless of the user
 DYNAMIC – refers to web pages that are
affected by user input or preferences
 WORDS TO UNLOCK
 FOLKSONOMY – allows users to
categorize and classify or arrange
infor mation
 HASTAG – used to categorize post in
website
 CONVERGENCE – the synergy of
technological advancement to work on a
similar goal or task
 SOCIAL MEDIA – websites, application, or
online channels that enable users to
create, co-create, discuss, modify, and
exchange user-generated content.
LESSON MOTIVATION
Form a groups with five members
each. Take turns answering the
question and discuss it to the class.

A. How many times have you

checked your phone this
morning?
B. How many status updates have
you posted in Facebook or
Twitter today?
C. Did you use the Internet for an
hour after you woke up this
morning?
D. Do you follow a celebrity via
his/her social media account?
LESSON DISCUSSION

As the popular saying goes,

“Love makes the world go round .“
But before you start looking for
someone to fall in love w ith, you could
argue how the Internet has made the
w orld go round for decades. Likew ise in
the motivation activity, the Internet has
probably made your w orld go round. In
this lesson, w e w ill understand how
Information and Communication
Technologies have improved our lives in
such a short period of time.
TYPES OF WEBSITE
There are basically two main types
of website - static and dynamic.

A STATIC site is one that is

usually written in plain
HTML and what is in the
code of the page is what is
displayed to the user.

A DYNAMIC site is one that

is written using a server-
side scripting language such
as PHP, ASP, JSP, or Cold-
fusion.
STATICS VS. DYNAMIC
STATICS VS. DYNAMIC WEBPAGE
WEB 2.0 FEATURES
STATIC AND DYNAMIC

The key Features of Web 2.0

include:
 FOLKSONOMY – allows users
to categorize and classify or
arrange information using
freely chosen keyword (e.g.,
tagging). Popular social
networking sites such as
Twitter, Instagram, Facebook,
etc. use tags that start with the
pound sign (#). This is also
referred to as Hastags.
WEB 2.0 FEATURES
The key Features of Web 2.0
include:
 RICH USER EXPERIENCE –
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.
WEB 2.0 FEATURES
The key Features of Web 2.0
include:
 USER PARTICIPATION– the
owner of the website is not the
only one who is able to put
content. Others are able to
place a content of their own by
means of comments, reviews,
and evaluation. Some websites
allow readers to comment on
an article, participate in a poll,
or review a specific product
(e.g., Amazon.com – online
store.)
WEB 2.0 FEATURES
The key Features of Web 2.0
include:
 LONG TAIL– service that are
offered on demand rather than
on a one-time purchase. In
certain cases, time-based
pricing is better than file size-
based pricing or vice versa.
This is synonymous to
subscribing to a data plan that
changes you for the amount of
time you spent in the internet,
or a data plan that charges you
for the amount of bandwidth
you used.
WEB 2.0 FEATURES
The key Features of Web 2.0
include:
 SOFTWARE AS A SERVER–
users will subscribe to a software
only when needed rather than
purchasing them. This is a cheaper
option if you do not always need
to use a software. For instance,
Google Docs is a free web-based
application that allows the user to
create and edit word processing
and spreadsheet documents
online. When you need a
software, like a Word Processor,
you can purchase it for a one-time
huge amount and install it in your
computer and it is yours forever.
WEB 2.0 FEATURES

The key Features of Web 2.0

include:

MASS PARTICIPATION –
diverse information sharing
through universal web access.
Since most users can use the
internet, Web 2.0’s content is
based on people from various
cultures.
 WEB 3.0
SEMANTIC WEB

The Semantic Web is a movement led by the World

Wide Web Consortium (W3C). The W3C standard
encourage web developers to include semantic content in
their web pages. The term was coined by the inventor of
the World Wide Web, Tim Berners-Lee. Lee also noted
that the Semantic Web is a component for Web 3.0.
According to the W3C, "The Semantic Web
provides a common framework that allows data
to be shared and reused across application,
enterprise, and community boundaries".

The aim of Web 3.0 is to have machines (or

server) understand the user’s preferences to be
able to deliver web content specifically
targeting the user.
 For example, when doing a web search in Web 2.0, the
topmost result is based on the preferences of several users
who already searched for the item.

- The search engine then labels it the most common

answer to the search query.
- Though there are instances wherein several
preferences are considered like geographic location,
Web 3.0 aims to do better. This studying personal
preferences of an individual user and showing results
based on those preferences.
- The internet is able to predict the best possible answer to
your question by learning form your previous choices.
 For example, when doing a web search in Web 2.0, the
topmost result is based on the preferences of several users
who already searched for the item.

- The search engine then labels it the most common

answer to the search query.
- Though there are instances wherein several
preferences are considered like geographic location,
Web 3.0 aims to do better. This studying personal
preferences of an individual user and showing results
based on those preferences.
- The internet is able to predict the best possible answer to
your question by learning form your previous choices.
 For example, when you search for the best restaurant
to visit in a specific area.

- First, it may look for your previous visits from other

restaurant and if you have rated them whether good
or bad.
- In return, Web 3.0 will search for restaurants that
have a similar menu, good rating, and budget that fit
your preferences in the past.
 • HTML
• READ
WEB 1.0

• XML, PHP, RSS, ASP, JSON

• SEARCH, TAG, COLLABORATE
WEB 2.0 • REAND, WRITE

• RDF, XHTML, RDFS, OWL

• PERSONALIZATION, KNOWLEDGE
WEB 3.0 • READ, WRITE, UNDERSTAND
WEB 3.0 IS YET TO BE FULLY REALIZED
BECAUSE OF SEVERAL PROBLEMS:

Compatibility – HTML files and current web bowsers

1 could not support Web 3.0

Security – The user’s security is also in question

2
since the machine is saving his or her performances.

Vastness – The World Wide Web already contains

3 billions of web pages.
WEB 3.0 IS YET TO BE FULLY REALIZED
BECAUSE OF SEVERAL PROBLEMS:

Vagueness– Certain words are imprecise. The

4 words “old” and “small” would depend on
the user.

Logic – Since machines use logic, there are

5 certain limitations for a computer to be able to
predict what the user is referring to at a given
time.
TRENDS IN ICT
As the world of ICT
continues to grow, the
industry has focused on
several innovations.
These innovations cater to
the needs of the people
that benefit most out of
ICT.
Whether it is for business
or personal use, these
trends are the current
front runners in the
innovation of ICT.
CONVERGENCE
 Technological Conver gence is
the synergy of technological
advancement to work on a
similar goal or task.
 For example, besides using your
personal computer to create
word documents, you can now
use your smartphones.
 It can also use cloud
technologies to sync from one
device to another while also
using LTE technology which
means you can access your file
anytime, anywhere.
 Conver gence is using several
technologies to accomplish a
task conveniently.
SOCIAL MEDIA
 Social Media is a website,
application, or online channel
that enables web users to
create, co-create, discuss,
modify, and exchange user-
generated content.

 According to Nielsen, a global

information and measurement
company, Internet users spend
more time in social media sites
than in any other type of site.

 With this, more and more

advertisers use social media to
promote their product.
SOCIAL MEDIA
Types of social media:
 Socil network – These are
sites that allow you to connect
with other people with the
same interest or background.
Once a user creates his or her
account he or she can set up a
profile, add people, create
groups, and share content.

 Examples: Facebook and

Google+
SOCIAL MEDIA
types of social media:
 Bookmarking sites. – These
are sites that allow you to store
and manage links to various
websites and resources. Most
these sites allow you to create
a tag that allows you and
others to easily search or share
them.

 Examples: StumbleUpon and

Pinterest
SOCIAL MEDIA
types of social media:
 Social news. – These are sites
that allow users to post there
own news items or links to other
news sources. The user can also
comment on the post and
comment may also be ranked.
There are also capable of voting
on this news article of the
website. Those who get the most
amount of votes are shown
prominently.

 Examples: Reddit And Digg

SOCIAL MEDIA
Six types of social media:
 Media sharing. – these are
sites that allow you to upload
and share media content like
images, music, and video. Most
of these sites have additional
social futures like liking,
commenting, and having user
propels.

 Example: Flickr, YouTube,

Instagram
SOCIAL MEDIA
Six types of social media:
 Micro blogging. – these are
sites that focus on short
updates from the user those
subscribed to the user will be
able to resave these updates.

 Examples: Twitter and Plur k.

SOCIAL MEDIA
types of social media:
 Blogs and forums. – these
websites allow users to post
there content. Other users are
able to comment on the said
topic. There are several free
blogging plat forms like
Blogger, WordPress, and
Tumblr. On the other hand
forums typically part of a
certainty website or web
service.
MOBILE TECHNOLOGY
 The popularity of smartphones
and tables has taken a major
rise over the years.
 This largely because of the
devices’ capability to do task
that were originally found in
personal computers.
 Several of these devices are
capable of using high-speed
Internet.
 Today, the latest mobile devices
use 4G Networking Long Term
Evolution (LTE), which is
currently the fastest mobile
network.
 Mobile devices use different
operating system.
MOBILE OPERATING SYSTEM

iOS – used in Apple devices such

as the iPhone and iPad. An
operating system used for mobile
devices manufactured by Apple
Inc.

Android – An open source

operating system developed by
Google. Being open source means
several mobile phone companies
use this Operating System for
free. An open-source operating
system used for smartphones and
tablet computers.
MOBILE OPERATING SYSTEM

Blackberr y OS – A proprietary
mobile operating system developed
by BlackBerry Limited for
its BlackBerry line of smartphone
handheld devices.
Symbian – The original
smartphone Operating System; used
by Nokia devices. The operating
system developed and sold
by Symbian Ltd. The OS is used
primarily by Nokia with its S60 user
interface and by Sony Ericsson with
its UIQ user interface, but
the Symbian OS is also used by a
number of Japanese mobile phone
manufacturers for handsets sold
inside of Japan.
MOBILE OPERATING SYSTEM

WebOS – originally smartphones

Operating System; now used for
smart TVs. WebOS is an LG-
owned, Linux-based, smart TV
operating system that is set up to
allow control and access of LG
Smart TV's more advanced
features and connected devices
through a graphical user interface
(GUI). WebOS was developed by
Palm as a mobile OS.
MOBILE OPERATING SYSTEM

Windows Mobile – Developed

by Microsoft for smartphones and
pocket Personal Computers. A family
of mobile operating systems
developed by Microsoft for
smartphones and Pocket PCs. ... It
was renamed "Windows Mobile" in
2003, at which point it came in
several versions (similar to the
desktop versions of Windows) and
was aimed at business and
enterprise consumers.
ASSISTIVE MEDIA
Assistive Media –
F ounded by David Erdody in
1996 and was the first
Internet-based spoken-word
audio reading service for
persons with print reading
barriers thereby opening a
unique avenue of accessibility
for many individuals with
cognitive, physical, and
communication disabilities. A
non-profit service designed to
help people who have visual
and reading impairment and
etc. A database of audio
recording is used to read to the
user.
 EXPLORATION
Identify the Correct Web Platfor m for
Social Change
1. Identify a problem in your community (e.g., Littering,
Garbage Disposal, Blocked Drainages, etc.)
2. Imagine that you are going to create a website to persuade
both community leaders and members to solve this problem.
3. Fill out the form.
Community Problem: ______________________________________
Vicinity: ______________________________________
Campaign Name: ______________________________________
Type of Social Media Used: ______________________________________
Website Used: ______________________________________

What will be the content of your social media site?

___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________

Why did you choose that type of social media?

___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________
__________________________________________________________________________________

Why did you choose that website?

___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________