LESSON 12: THE WEB AND THE

INTERNET
Web 1.0: Web 2.0: Web
3.0

AILENE SIBAYAN - BOBIER

Faculty, Computer Studies
Department College of Sciences
PSU Main Campus
 OVERVIE
W
Internet is defined as an information superhighway, to access information over the web.

However, it can be defined in many ways, internet is a world-wide global system

of interconnected computer networks.

 OBJECTIVE
S
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

 THE
WEB
The Web (World Wide consists of information organized into Web pages containing text and graphic
Web)
images. The world wide web is larger collection of interconnected documents or content. It contains hyperlinks,

or highlighted keywords and images that lead to related information. A collection of linked Web pages that has

common theme or focus is called a Web The main page and all of the pages on a particular Web site are
site.
organized around and link back to is called the site’s home
page.
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.

 A. WEB 1.0 (READ ONLY STATIC
It is old
WEB)
that only allows people to read from the internet. First stage worldwide linking web pages and
an internet
hyperlink. Web is use as “information portal”.

✔ It uses a table to positions and align elements on page.

✔ 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”

 EXAMPLE OF WEB
1.0
Example Disadvantages
:
✔ Mp3.com
- Read only Web
- No user to server communication
✔ Home Page - Content browsing only
✔ Directories

✔ Page Views

✔ HTML/Portals
 B. WEB 2.0 (READ-WRITE INTERACTIVE WEB/PARTICIPATIVE SOCIAL
WEB)
A term used to describe a new generation of Web services and applications with an increasing emphasis on human

collaboration.

✔ It is a platform that gives users the possibility (liberty) to control their data

✔ This is about user-generated content and 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 pages 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.
 EXAMPLES OF WEB
2.0
A. Social Networking

- Is the use of Internet-based social media sites to stay connected with friends, family, colleagues, customer, or

clients. Social networking can have a social purpose, a business purpose, or both, through sites such as:

Example:

Facebook Pinterest

Twitter Tumblr

LinkedIn Instagram

Google+ Page
 EXAMPLES OF WEB
2.0
B. Blogs [https://themeisle.com/blog/best-free-blogging-sites/]

- Is a discussion or informal website published on the world wide web consisting of discrete, often informal diary-style text

entries (posts). Posts are typically displayed in reverse chronological order, so that the most recent post appears

first, at the top of the web page.

Example: Wordpress Tumbler

Blogger

C. Wikis [https://meta.wikimedia.org/wiki/List_of_Wikipedias]
- Is a hypertext publication collaboratively edited and managed by its own audience directly using a web browser. A

typical wiki contains multiple pages for the subjects or scope of the project and may be either open to the public or limited

to use within an organization for maintaining its internal knowledge base.

 EXAMPLES OF WEB
2.0
D. Bussiness Website [https://www.business.com/articles/50-free-websites-to-list-your-business-2/]

- Is any website that’s devoted to representing a specific business. It should be branded like business (the same logo and

positioning) and communicate the types of products and/or services the business offers.

E. Entertainment Website [https://aelieve.com/rankings/websites/category/entertainment/top-entertainment-websites/]

- If you think about your internet browsing habits, you can probably think of a few websites that you visit purely for entertainment

purposes.

F. Portfolio Website [https://www.invisionapp.com/inside-design/10-portfolio-websites-to-show-off-your-design-work/]

- 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. This type of website is simpler to build than

a business website and more focused on a particular task: collecting work samples.
 EXAMPLES OF WEB
2.0
G. Media Website [https://influencermarketinghub.com/social-media-sites/]

- 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.

H. Brochure Website [https://rigorousthemes.com/blog/best-brochure-website-examples/]

- Are simplified form of business sites. For businesses that know they need an online presence, but don’t want to invest a lot

into it. A simple brochure site that includes just a few pages that lay out basics of what you do and provide contact

information may be enough for you.

 EXAMPLES OF WEB
I.
2.0
Nonprofit Website [https://www.wildapricot.com/blog/best-nonprofit-websites#2-canadian-blood-services]

- In the same way that business need websites to be their online presence, nonprofits do as well. A nonprofit website is the

easiest way for many potential donors to make donations and will be the first place many people look learn more

about a nonprofit and determine if they want to support it.

J. Educational Website [https://cerebrolms.com/8-best-free-educational-websites-for-learning/]

- The websites of educational institutions and those offering online courses fall into the category of educational websites.

These websites have the primary goal of either providing material to visitors or providing information on an educational

institution to them.
 EXAMPLES OF WEB
2.0
K. Infopreneur Website [https://negosentro.com/7-incredibly-powerful-websites-every-filipino-entrepreneur-should-visit/]

- websites overlap a bit with business and eCommerce websites, but they represent a unique type of online business.

Infoprenuers create and sell information products that could be in the form of courses, tutorials, videos or eBooks.

L. Personal Website [https://blog.hubspot.com/marketing/best-personal-websites]

- 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. This category includes personal blogs, vlogs, and ohoto diaries people share

with the world.

 EXAMPLES OF WEB
2.0
M. Web Portal [https://www.sam-solutions.com/blog/web-portal-examples/]

- 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. They often involve a login and personalized

views for different users that ensure the information that’s accessible is most useful to the particular needs.

N. Wiki or Community Forum Website [https://blog.feedspot.com/philippines_forums/]

- 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 image. A wiki is any website where various users are able to collaborate on content and all make their own tweaks and changes as they see fit.

There are wikis for fan, for communities, for business resources, and for collecting valuable information sources.
 C. WEB 3.0 (READ, WRITE, EXECUTE
WEB)
World Wide Web inventor Tim Berners-Lee initially called Web 3.0 the Semantic Web and envisioned an

intelligent, autonomous, and open Internet that used Artificial Intelligence and Machine Learning to act as a "global

brain" and process content conceptually and contextually.

 C. WEB 3.0 (READ, WRITE, EXECUTE
WEB)
Characteristics of Web 3.0:

✔ It uses 3-D graphics. In fact, we already see this in computer games, virtual tours, and e-commerce.

✔ It's a semantic web, where the web technology evolves into a tool that lets users create, share, and connect content via search

and analysis. It is based on comprehension of words instead of numbers and keywords.

✔ It incorporates Artificial Intelligence and Machine Learning. If these concepts are combined with Natural Language Processing

(NLP), the result is a computer that uses Web 3.0 to become smarter and more responsive to user needs.

✔ Web 3.0 ultimately lets users interact, exchange information, and securely conduct financial transactions without a centralized

authority or coordinator. As a result, each user becomes a content owner instead of just a content user.
 BASIC INTERNET
TERMS
Web Page
• A single hypertext file or a page that is part of a Web site.
Website
• A collection of World Wide Web pages or files.
Uniform Resource Locator (URL)
• An addressing scheme that is used on the Internet to locate resources and/or services on the World Wide Web.
Basically the URL is the address of a computer file that has been put on a computer server to access the Internet.
Link or Hypertext Link
• An underlined word(s), phrase(s), or graphics on a Web page that transports the reader to additional or related
information on the Internet.
Internet Protocol (IP) Address
• The Internet is composed of local, regional, national, and worldwide computer networks. Each computer on the
Internet can be identified by a set of unique numbers that is called an internet protocol (IP) address. The IP address
is composed of four different numbers separated by periods such as 205.134.120.60.
 BASIC INTERNET
TERMS
Hypertext Transfer Protocol (HTTP)
• The abbreviation for Hypertext Transfer Protocol. It is the set of rules by which Web pages are transferred across
the Internet.
Homepage
• The first page that is viewed when the browser starts. It is also the page of a Web site that provides the
introduction or content with links.
Browser
• A piece of software such as Mozilla Firefox and Internet Explorer that allows a computer to access and display
documents, view pictures, hear sound, and view video clips from the World Wide Web.
File Transfer Protocol (FTP)
• The standard method for downloading and uploading files over the Internet. With FTP, you can login to a server and
transfer files (meaning you can "send" or "receive" files).
E-mail
• Mail that's electronically transmitted by your computer. As opposed to snail mail, e-mail sends your messages
instantaneously, anywhere in the world. It has the capability to send messages at any time and to anyone.
 BASIC INTERNET
Domain
TERMS
While every computer has its own unique address,every user. There are additional top-level domains that are now recognized on
A domain recognizes one or more IP addresses. An the Internet. They include:
example of a domain is weather.com and is part of the •aero - Air-transport industry
URL such as https://www.weather.com. •biz - Businesses
•coop - Cooperatives
The standard top-level domains are: •info - Unrestricted use
• com - Commercial business •museum - museums
• edu - Educational institutions •pro - Accountants, lawyers, physicians, and other professionals
•tv - Television
• gov - Government agencies
• mil - Military
• net - Networks organization
• org - Organizations (nonprofit)
 Summar
✔ Web 1.0 is the "read-only Web," Web 2.0 is the "participative socialyWeb," and Web 3.0 is the "read, write, execute Web.“
FEATURES OF THE WEB 1.0, WEB 2.0, AND
WEB 3.0:
A. WEB C. WEB 3.0
1.0
• No user-to-server communication Semantic Web
• Static websites AI
• Content browsing only 3D graphics
• Hyper-linking and bookmarking pages
Connectivity
• Read-only Web
User engagement
2. WEB
•2.0 Improved user interaction over Web 1.0
• Web applications introduced
• Functions such as online documents, video streaming, etc.
• Everything moves online; information and apps are stored on servers
• Interactive advertising and pay-per-click
• Cloud computing operations
• Centralized data
• Read and Write Web
 REFERENC
E

✔ Basic Internet Terms. Prince George’s Community College retrieved from

https://pgcc.libguides.com/c.php?g=60038&p=385682
✔ The Internet and the Web Adapted from Polytechnic University of the
Philippines. College of Computer and Information
LESSON 12: THE WEB AND THE
INTERNET
Web 1.0: Web 2.0: Web
3.0
THANK YOU FOR
LISTENING!
AILENE SIBAYAN - BOBIER
Faculty, Computer Studies
Department College of Sciences
PSU Main Campus