UNIVERSITY OF NORTHERN PHILIPPINES

SENIOR HIGH SCHOOL AFFAIRS

TAMAG, VIGAN CITY

LESSON 1: WEEK 1
Introduction to Information
and Communication
Technologies
• The state of ICT technologies
• Online systems, functions, and platforms
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

LESSON OUTLINE
ICT in Our Everyday
Lives:
• Online platforms, Sites, and Content
• The World Wide Web
• Web 1.0, Web 2.0 and Web 3.0
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Formative Assessment

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Formative Assessment
• By pair, prepare 1/2 CW sheet of paper.
• We will show you 9 random images, each for 30
seconds.
• Write as many hashtags as you can think of per
image.
• We’ll share the hashtags after the activity.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

#HashtagThis
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Formative Assessment

• What hashtags did you come up?

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Xander Ford
#RatedK
#HashT5
#DeadNaSiMarlou
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Philippine Airlines cabin

crew
#PhilippineAirlines
#TheHeartOfTheFilipino
#BuongPusongAlaga
#PALcares
#flyPAL
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Angry President
Duterte
#DU30
#Du30BeastMode
#IronFist
#SumbaganayTa
#SuntukanTayo
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Jollibee service crew

#BidaAngSaya
#MayITakeYourOrder
#ChickenjoyForDine
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Latest Apple products

#iPhoneX
#AppleWatch3
#EarPods
#RichKid
#RKbelike
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Dog and Cat Together

#cute
#furry
#adorable
#awww
#petphotos
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Marawi Siege
#PrayForMarawi
#BangonMarawi
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Snapchat Dog Filter

#Snapchat
#DogFilter
#Millenials
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Tito Sotto meme

#Plagiarism
#TitoSottoPlagiarism
#EnglishToTagalog
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Information and
Communication
Technologies
Information and Communication
Technology (ICT) deals with the use of
different communication technologies such
as mobile phones, telephone, Internet, etc.
to locate, save, send and edit information.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

World Wide Web

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

World Wide Web

Web 1.0 Web 2.0 Web 3.0

• Static Web • Dynamic • Semantic
Web Web
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

WEB 1.0:
When the World Wide Web was invented,
most web pages were static. Static (also known
as flat page or stationary page) in the sense
that the page is “as is” and cannot be
manipulated by the user. The content is also
the same for all users. This is referred to as
Web 1.0.
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

WEB 1.0:
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

WEB 2.0: DYNAMIC WEB PAGES

Web 2.0 is the evolution of Web

1.0 by adding dynamic web pages—
the user is able to see a website
differently than others. Examples of
Web 2.0 include social networking
sites, blogs, wikis, video sharing
sites, hosted services, and web
applications.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Web 2.0 allows users to interact with

the page: instead of just reading a page,
the user may be able to comment or
create a user account. Web 2.0 also
allows users to use web browsers instead
of just using their operating system.
Browsers can now be used for their user
interface, application software (or web
applications), and even for file storage.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Most websites that

we visit today are
Web 2.0.
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

1. Folksonomy. It allows users to categorize and
classify/arrange information using freely chosen
keywords (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 hashtag.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

2. 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.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

3. Long Tail. Services 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 charges 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.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

4. 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
comment, 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 stores).
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

5. Software as a Service. (SaaS) 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.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

6. Mass Participation. It is a 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.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

FEATURES OF WEB 2.0

 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

WEB 3.0 AND THE SEMANTIC

WEB
The Semantic Web is a movement led by the
World Wide Web Consortium (W3C).
The W3C standard encourages web
developers to include semantic content in
their web pages.
It will not make the Web 2.0 obsolete.
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

WEB 3.0
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

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

servers) understand the user’s preferences to be
able to deliver web content specifically targeting
the user.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Several problems of Web 3.0

1. Compatibility
HTML files and current web browsers could not support
Web 3.0.
2. Security
The user’s security is also in question since the machine is
saving his or her preferences.
3. Vastness
The World Wide Web already contains billions of web
pages.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Several problems of Web 3.0

4. Vagueness
Certain words are imprecise. The words “old” and
“small” would depend on the user.
5. 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.
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS

WolframApha vs. Google

TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Recitation

• What is the difference between Web 1.0, Web 2.0 and

Web 3.0?
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

REVIEW

Will our dependence on

technology increase or
decrease in the near
future ? Why?
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

REVIEW

As one of the
independents, what
should we do then to
keep up?
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Next Meeting

• Trends in ICT
• Online Safety and Security
• Rules of Netiquette
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS
TAMAG, VIGAN CITY

Based on your answers,

what can you say about
the state of technology
nowadays?
 UNIVERSITY OF NORTHERN PHILIPPINES
SENIOR HIGH SCHOOL AFFAIRS

…………………………………
TAMAG, VIGAN CITY

…..