THE WEB AND THE

INTERNET
Objectives
At the end of this lesson, the student should be able to:

• Explore the current breakthrough technologies and

disruptive innovations that have emerged over the past
few years.
• Identify and analyze various emerging technologies.
• Explore the evolution of the internet.
• Identify and understand the different uses of internet in
today’s generation.
• Discuss the fundamental terms and definitions used in
the internet.
Lesson 1: The Web

The Web (World Wide Web) consists of information

organized into Web pages containing text and
graphic images.
T h e w o r l d w i d e w e b i s l a r g e r c o l l e c t i o n o f
interconnected documents or content. It contains
hypertext links, or highlighted keywords and images
that lead to related information.
 Web site - . A collection of linked Web pages that has a
common theme or focus
 Home page - The main page that all of the pages on a
particular Web site are organized around and link back to.
 Sir Timothy John Berners-Lee - also known as TimBL, is an
English engineer and computer scientist best known as the
inventor of the World Wide Web. He is a Professorial Fellow
of Computer Science at the University of Oxford and a
professor at the Massachusetts Institute of Technology.
Much progress has been made about the web
and related technologies in the past two
decades
v Web 1.0 as a web of cognition
v Web 2.0 as a web of communication
v Web 3.0 as a web of co-operation and
v Web 4.0 as a web of integration are
introduced such as four generation of
the web since the advent of the web.
 Web 1.0 (Read Only Static Web)

Ø Most read only web. It focused on company’s

home pages.
Ø Dividing the world wide web into usable directories
Ø It means web is use as “Information Portal”
Ø It started with the simple idea “put content together”
Web 1.0 (Read Only Static Web)

• Web 1.0 is the first generation of the web

which according to Tim Berners-Lee, could
be considered the read-only web and also as
a system of cognition.
• Web 1.0 began as an information place for
businesses to broadcast their information to
people.
• The early web provided a limited user
interactions or content contributions and
only allowed to search the information and
read it.
Web 1.0 (Read Only Static Web)
Example of Web 1.0
•Mp3.com
•Home Page
•Directories
•Page Views
•HTML/Portals.

Disadvantages
•Read only web
•Limited user interaction
•Lack of standards
Web 2.0
(Read-write interactive web)
Web 2.0 (Read-write interactive web)
Ø It is a platform that gives users the possibility (liberty) to
control their data.
Ø This is about user-generated content and the read-write web.
Ø People are consuming as well as contributing information
through blogs or sites.
Ø Allows the user to interact with the page known as DYNAMIC
PAGE; instead of just reading a page, the user may be able to
comment or create a user account. Dynamic page refers to
the web pages that are affected by user input or preference.
Ø Is focused on the ability for people to collaborate and share
information online via social media, blogging and Web-based
communities.
Example of Web 2.0 are the following:

Ø Social Networking - is the use of Internet-based social

media sites to stay connected with friends, family,
colleagues, customers, or clients.
Example:
Facebook
Twitter
LinkedIn
Google+
Pinterest
Tumblr
Instagram
Page
Example of Web 2.0 are the following:
ØBlogs - is a discussion or informational
website published on the world wide web
consisting of discrete, often informal diary-style
text entries (posts).

Example:
Wordpress
Blogger
Tumblr
Example of Web 2.0 are the following:
Ø Wikis - is a hypertext publication collaboratively
edited and managed by its own audience directly
using a web browser.
Example:
ü Wikipedia
ü Wikibooks
ü Wikiversity
ü Commons
ü Wiktionary
ü Wikiquote
ü Wikivoyage
ü Wikidata
ü Wikinews
ü Wikispecies
ü MediaWiki
Example of Web 2.0 are the following:
A. Video Sharing Sites - a website that lets people
upload and share their video clips with the public
at large or to invited guests.
Example:
 Youtube
 Facebook
 LinkedIn
 Flickr
 Twitter
 Veoh
 Dailymotion
 VimeoPRO
 Myspace.com
 Metacafe
Key Features of Web 2.0:
v Folksonomy – allows users to categorize and classify/arrange
information using freely chosen keywords (e.g. tagging).
v Rich User Interface – content is dynamic and is responsive to user’s
input. An example would be a website that shows local content.
v User Participation – the owner of website is not the only one who is
able to put content. Others are able to place a content on their own by
means of comments, reviews, and evaluation.
v Long Tail – services are offered on demand rather than on a one-time
purchase. This is synonymous to subscribing to a data plan that charges
you for the amount of time you spent on Internet or a data plan that
charges you for the amount of bandwidth you used.
Web 3.0:
(Read-write intelligent web)
Web 3.0: (Read-write intelligent web)
 John Markoff - he suggested name for the third generation of the
web.
 In this generation, all the application on web or mobile will be
upgraded with more features. It applies same principles as Web
2.0: two-way interaction.
 Web 3.0 will be more connected, open, and intelligent, with
semantic web technologies, distributed databases, natural language
processing, machine learning, machine reasoning and autonomous
agents.
 Semantic Web - provides a framework that allows data to be shared
and reuse to deliver web content specifically targeting the user.
 It is a web of data.
 Changing the web into a language that can be read and
categorized by the system rather than humans.
 Types of websites:

• eCommerce Website

is a website people can directly buy products

from you’ve probably used a number of
eCommerce website before most big brands
and plenty of smaller ones have one.
Any website that includes a shopping cart and
way for you to provided credit card information
to make purchase falls into his category.
Types of websites:

• Business Website
 is any website that’s devoted to
representing a specific business. It should
be branded like the business (the same
logo and positioning) and communicate the
types of products and/or services the
business offers.
Types of websites:

• Entertainment Website
 If you think about your internet browsing
habits, you can probably think of a few websites
that you visit purely for entertainment purposes.
 Types of websites:

• Portfolio Website
are sites devoted to showing
examples of past work. Service
providers who want to show
potential clients the quality of
the work they provide can use a
portfolio website to collect some
of the best samples of past
work they’ve done.
Types of websites:
• Media Website
 collect news stories or other reporting. There’s some
overlap here with entertainment websites, but media
websites are more likely to include reported pieces in
addition to or instead of content meant purely for
entertainment.

• Brochure Website
are a simplified form of business websites.
Types of websites:
• Nonprofit Website
I n t h e s a m e w a y t h a t b u s i n e s s e s n e e d
websites to be their online presence, nonprofits
do as well.

• Educational Website
The websites of educational institutions and
those offering online courses fall into the
category of educational websites.
Types of websites:
• Infopreneur Website
websites overlap a bit with business and eCommerce
websites, but they represent a unique type of online
business.

• Personal Website
Not all websites exist to make money in some way or
another. Many people find value in creating personal
websites to put their own thoughts out into the world.
Types of websites:
• Web Portal
are often websites designed for internal purposes at a
business, organization, or institution. They collect
information in different formats from different sources
into one place to make all relevant information
accessible to the people who need to see it.

• Wiki or Community Forum Website

Most people are familiar with wikis through the most
famous example of one out there: Wikipedia. But wikis
can be created on pretty much any subject you can
imagine.
The INTERNET
The INTERNET

The Internet or “net” (network of network) is

the largest computer network in the world that
connects billions of computer user.
Brief History of Internet

Internet is a network of interconnected

computers that is now global
Internet born in 1969 - called ARPANET
1969 ARPANET was connection of
computers at UCLA, Stanford, UCSB, Univ.
of Utah
 Brief History of Internet
 ARPA – Advanced Research Project Agency January 2, 1969 –
started an experimental computer network.
 Concept – No server, but equal importance/participation to
every computer in the network.
 1982 – the world internet started.
 1986- First “ free net” created in Case Western Reserve
University 1991: US government allowed business agencies to
connect to internet.
 Vinton Gray Cerf ForMemRS is an American Internet pioneer
and is recognized as one of "the fathers of the Internet", sharing
this title with TCP/IP co-developer Bob Kahn.
 Major Components of the Internet

1.Servers – is a
computer program
that provides
service to another
computer program
and it’s user.
 Major Components of the Internet
Types of Servers
 Application Server – a program in computer that provides the business logic
for an application program.
 Web Server – a computer program that serves requested HTML pages
or files.
 Proxy Server – is a software that acts as an intermediary between an
endpoint device, such as computer and another server from which a
user is requesting.
 Mail Server – is an application that receives incoming e-mail from local
users and remote senders and forward outgoing e-mail for delivery
 File Server – is a computer responsible for central storage and
management of data files so that other computer on the same network
can access them.
 Policy Server – is a security component of a policy – based network
that provides authorization services and facilities tracking and control of
files.
 Major Components of the Internet

2. I P Address (I nternet Protocol ) – is a

numerical label assigned to each device. This
provides identity to a network device.

3. Browser – is an application program that

provides a way to look information on web.
 Example of browsers:
Google chrome, safari, internet explorer, opera, Mozilla
Major Components of the Internet

4. Domain Name System (DNS) – is the

phonebook of internet. We access information online
through domain names.

Example of DNS:
www.facebook.com
www.pup.edu.ph
www.academia.edu
Name Entity
.com commercial
.org organization
.net network
.edu education
.gov National and State
Government
Agencies
.ph Philippines
.au Australia
 Major Components of the Internet

5. Internet Service Provide (ISP) – is an organization that provides

services for accessing, using or participating in the internet.

 Two types of ISP:

National ISP – provided internet access to a specific geographic

area.

Regional ISP – business that provides internet access in cities

and towns nationwide.

 Example of ISP: Sky Broadband, PLDT, Converge

USE OF INTERNET
Ø Look for information
Ø School works, jobs, and home purposes
Ø Send and receive electronic mail
Ø Video teleconferencing (video call, video chat)
Ø Buy and sell product
Ø Social networking
Ø Watch & post videos
Ø Games
Ø Take college courses
Ø Monitor home while away
Ø Financial transactions
Ø Download music and movies
 Internet Terms and Definition
 Internet - A global network of thousands of computer networks
linked by data lines and wireless systems.
 Web – a collection of billions of webpages that you can view with a
web browser
• Email – the most common method of sending and receiving
messages online
• Social media – websites and apps that allow people to share
comments, photos, and videos
• Online gaming – games that allow people to play with and against
each other over the Internet
• Software updates – operating system
and application updates can typically downloaded from the Internet
 Internet Terms and Definition
• HTML - Hypertext Markup Language is a coding language
used to tell a browser how to place pictures, text, multimedia
and links to create a web page.
• URL - Uniform Resource Locator is a web address used to
connect to a remote resource on the world wide web.
• Bit - is a single digit in the binary numbering system (base 2).
For example: 1 is a bit or 0 is a bit.
• Byte - generally consists of eight bits.
• Upload - To upload is to transfer data from your computer to
another computer.
• Download - To download is to transfer data from another
computer to your computer.
 Internet Terms and Definition
• HTTP - is the acronym for Hypertext Transfer
Protocol, the data communication standard of web
pages.
• HTTPS - is the acronym for Hypertext Transfer
Protocol Secure.
• Router or router-modem combination is the
hardware device that acts as the traffic cop for
network signals arriving at your home or business
from your ISP. A router can be wired or wireless or
both.
 Internet Terms and Definition
• Encryption - is the mathematical scrambling of
data so that it is hidden from eavesdroppers.
• Web Bot - A term that applies to programs/applets
(macros and intelligent agents) used on the
Internet.
• Search Engine - specialized software, such as
Google and Yahoo, that lets www browser users
search for information on the web by using
keywords, phrases.
https://www.bbc.co.uk/newsround/47523993#:~:text=The%20world%20wide%2
0web%2C%20or,connect%20towns%20and%20cities%20together.