MELVIN M.

ARIAS
Subject Teacher
LESSON OBJECTIVES
A. Improve their know ledge on how
ICT affects their everyday lives
and the state of our nation
B. Compare and contrast the
differences betw een` 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 Wor ld W ide
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 ar range
infor mation
HASTAG – used to categorize post in
website
CONVERGENCE – the synergy of
technological advancement to wor k 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 answ ering 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
Tw itter today?
C. Did you use the Internet for an
hour after you w oke 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 subscri be to a software
only when needed rather than
purchasi ng them. Thi s is a cheaper
opti on i f you do not always need
to use a software. For instance,
Googl e Docs is a free web-based
appli cation that allows the user to
create and edi t word processing
and spreadsheet documents
online. When you need a software,
like a Word Processor, you can
purchase it for a one- ti me huge
amount and i nstall 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 exampl e, when doing a web search in Web 2. 0, the
topmost resul t is based on the preferences of several users
who al ready searched for the i tem .

- The search engi ne then l abel s it the most common

answer to the search query.
- Though there are i nstances wherei n several
preferences are consi dered l ike geographi c l ocation,
Web 3. 0 ai ms to do better. Thi s studyi ng personal
preferences of an i ndi vidual user and showing resul ts
based on those preferences .
- The i nternet is abl e to predi ct the best possi bl e answer to
your questi on by learning form your previ ous choi ces.
 For exampl e, when doing a web search in Web 2. 0, the
topmost resul t is based on the preferences of several users
who al ready searched for the i tem .

- The search engi ne then l abel s it the most common

answer to the search query.
- Though there are i nstances wherei n several
preferences are consi dered l ike geographi c l ocation,
Web 3. 0 ai ms to do better. Thi s studyi ng personal
preferences of an i ndi vidual user and showing resul ts
based on those preferences .
- The i nternet is abl e to predi ct the best possi bl e answer to
your questi on by learning form your previ ous choi ces.
 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 technol ogi cal
advancement to work on a si mi
lar goal or task.
 For example, besi des using your
personal computer to create
word documents, you can now
use your smartphones .
 It can al so use cloud technol ogi
es to sync from one
device to another whil e also
using LTE technology which
means you can access your fil e
anytime, anywhere.
 Conver gence is using several
technol ogi es to accompli sh a
task convenientl y.
SOCIAL MEDIA
 Social Media is a websi te, appli
cation, or online channel that
enabl es web users to create, co-
create, di scuss, modi fy, and
exchange user- generated
content .

 Accordi ng to Nielsen, a global

information and measurement
company, Internet users spend
more time in soci al medi a si tes
than in any other type of si te.

 With thi s, more and more

adverti sers use social media to
promote thei r 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

Pinter est
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,

Insta gram
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, Wor dPr ess, and
Tumblr. On the other hand
forums typically part of a
certainty website or web
service.
MOBILE TECHNOLOGY
 The populari ty of smartphones
and tabl es has taken a major ri
se over the years.
 This largely because of the
devices’ capabili ty to do task
that were ori ginally found in
personal computers.
 Several of these devi ces are
capabl e of using hi gh- speed
Internet .
 Today, the latest mobil e devices
use 4G Networking Long Term
Evol ution (LTE), whi ch is
currently the fastest mobil e
network.
 Mobil e devi ces use di fferent
operati ng 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

Blackber r y OS – A propri etary

mobil e operating system developed
by Bl ack Berry Limi ted for i ts Black
Berry li ne of smartphone handheld
devi ces .
 Symbian – The ori ginal
smartphone Operating System; used
by Nokia devi ces. The operating
system developed and sol d by
Symbian L td. The OS is used pri
marily by Nokia with i ts S 60 user
interface and by Sony Eri csson with i
ts UIQ user interface, but the
Symbian OS is al so used by a
number of Japanese mobil e phone
manufacturers for handsets sol d i nsi
de 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 Mi crosoft for smartphones and
pocket Personal Computers. A family
of mobile operating systems
developed by Microsoft for
smartphones and Pocket PCs. ... It
was renamed "Windows Mobi le" in
2003, at which poi nt i t came in
several versions (similar to the
desktop versions of Windows) and
was ai med at busi ness and
enterpri se consumers.
ASSISTIVE MEDIA
Assistive Media –
F ounded by David Erdody in
1996 and was the first
Internet- based spoken-word
audio readi ng servi ce for
persons with print reading
barri ers thereby opening a
unique avenue of accessi bili ty
for many indivi dual s wi th
cogni tive, physical, and
communi cation di sabili ti es . A
non- profi t servi ce desi gned to
hel p people who have vi sual
and reading i mpairment and
etc. A database of audio recordi
ng is used to read to the user.
 EXPLORATION
Identify the Cor rect Web Platfor m for
Social Change
1. Identi fy a probl em i n your community (e. g., Li ttering,
Garbage Di sposal, Bl ocked Drai nages, etc.)
2. Imagi ne that you are goi ng to create a websi te to persuade
both community l eaders and members to sol ve thi s probl em.
3. Fi l l 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?

___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________