3. 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.
LESSON OBJECTIVES
4. 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
5. FOLKSONOMY – allows users to
categorize and classify or arrange
information
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.
WORDS TO UNLOCK
6. 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 MOTIVATION
7. As the popular saying goes,
“Love makes the world go round.“
But before you start looking for
someone to fall in love with, you could
argue how the Internet has made the
world go round for decades. Likewise in
the motivation activity, the Internet has
probably made your world go round. In
this lesson, we will understand how
Information and Communication
Technologies have improved our lives in
such a short period of time.
LESSON DISCUSSION
10. 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.
13. 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.
14. 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.
15. 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.)
16. 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.
17. 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.
18. 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.
19. 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.
20. 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.
21. 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.
22. 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.
23. 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.
24. WEB 1.0
• HTML
• READ
WEB 2.0
• XML, PHP, RSS, ASP, JSON
• SEARCH, TAG, COLLABORATE
• REAND, WRITE
WEB 3.0
• RDF, XHTML, RDFS, OWL
• PERSONALIZATION, KNOWLEDGE
• READ, WRITE, UNDERSTAND
26. Compatibility – HTML files and current web bowsers
could not support Web 3.0
Security – The user’s security is also in question
since the machine is saving his or her performances.
Vastness – The World Wide Web already contains
billions of web pages.
WEB 3.0 IS YET TO BE FULLY REALIZED
BECAUSE OF SEVERAL PROBLEMS:
1
2
3
27. Vagueness– Certain words are imprecise. The
words “old” and “small” would depend on
the user.
Logic – Since machines use logic, there are
certain limitations for a computer to be able to
predict what the user is referring to at a given
time.
WEB 3.0 IS YET TO BE FULLY REALIZED
BECAUSE OF SEVERAL PROBLEMS:
5
4
28. 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.
29. CONVERGENCE
Technological Convergence 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.
Convergence is using several
technologies to accomplish a
task conveniently.
30. 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.
31. 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+
32. 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
33. 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
34. 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
35. 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 Plurk.
SOCIAL MEDIA
36. 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.
SOCIAL MEDIA
37. 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.
38. 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.
39. MOBILE OPERATING SYSTEM
Blackberry 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.
40. 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.
41. 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.
42. ASSISTIVE MEDIA
Assistive Media –
Founded 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.
43. EXPLORATION
Identify the Correct Web Platform 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.
44. 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?
___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________
___________________________________________________________________________________