THE INTERNET AND THE

WORLD WIDE WEB

Raymund M. Dioses, MAED

Introduction

This presentation include discussion of the importance and use of the Internet.

At the end of the lesson, the student are expected to: ​

• Learn the importance of the Internet and World Wide Web
• Learn different kinds of protocols
• Understand the VOIP
• Learn different kinds of browser
What is Internet

• The Internet is a global wide area network that connects

computer systems across the world.
• In order to connect to the Internet, the user must have access to
an Internet service provider (ISP), which acts the middleman
between user and the Internet.
• It is that infrastructure that lets you order the weekly shop, share
your life on Facebook, watch on Netflix, email your boss etc.
• As of January 2021, there were 4.66 billion active internet
users worldwide
Very huge informal network

The first billion was reached in

2005.

The second billion on 2010.

The third billion in 2014

And as of 2016 3 billion where

using the net.

Asia is the larger user of the world

 The Internet is a
worldwide collection of
networks that links
millions of businesses,
government agencies,
educational institutions,
and individuals
5
Information Superhighway

Major source of Information

Major means of
communication and platforms
for information-based services.

Philippines are linked to the

US-Japan backbone in terms of
using internet.
World Wide Web

• A collection of webpages found

on this network of computers.
Your web browser uses the
internet to access the web.
• The Web is not the same as the
Internet: the Web is one of many
applications built on top of the
Internet.
World Wide Web

One of the services

available on the internet
that allows you to get
information about
anything and
everything from the web
site anywhere in the world
THE WEB
What is Website?

A website, or simply site, is

a collection of related web
pages, including multimedia
content, typically identified
with a common domain
name, and published on at
least one web server.
TYPES OF WEBSITE
THERE ARE BASICALLY TWO MAIN TYPES OF
WEBSITE-STATIC AND DYNAMIC

STATIC- site is one that can usually

written in plain HTML and what is in
the code of the page is what is
displayed by the use.

DYNAMIC- site is one that written

using a server-side scripting
languages such as PHP, ASP, or JSP
 That is the contents are fixed and are built using CSS, Javascript, or plain HTML. The
best part about a static website URL is that you don't need any background knowledge
to create one. Examples of static websites include portfolio sites, brochure sites, read-
only sites, resume sites, etc.
 Pros of Static Websites Cons of Static Websites

Server-side scripting language and Reduced user interactivity.

database are not required.

Highly secure compared to dynamic Time-consuming when modifications are

websites. added.

No maintenance required. Difficulty in making content changes.

Cost-effective which increases

Limited facilities to scale webpages.
affordability.

Easy and quick to develop. Does not allow personalization.

Faster loading rate which means an easy Does not allow logins or real-time
ranking. notifications.
 Types of Static Content

Videos on online platforms: One of the best examples of static

content, videos do not allow any third-party interaction and is solely
meant for users to watch.

Infographics: In this type of static content, only the owners of that

particular site can make changes.

Blogs & other website content: Just as you can infer from the title,
this type of static content is widely available across the internet and is
done via CMS (Content Management System).
 Types of Static Content

eCommerce pages: Online shopping platforms come with different

elements which again can be altered by only the admins.

Website landing pages: This is another great example of static

content. Others include the About Us page, Services Page, etc.
Popular Platforms For Building Static Websites: The
Top 5

Eleventy (https://www.11ty.dev/)

Built on Node.js and JavaScript, Eleventy

promises to deliver the best output provided if
you are familiar with the basics of JavaScript.
If you are in search of a lean static generator,
Eleventy is the one you should go for!
Popular Platforms For Building Static Websites: The
Top 5

Jekyll (https://jekyllrb.com/)

Known to be one of the most static site

generators, Jekyll is fantastic for creating
blogs. Not to mention, GitHub is powered by
this very software.
Popular Platforms For Building Static Websites: The
Top 5

Gridsome (https://gridsome.org/)

Although most static site generators are

beginner-friendly, in order to get the best of
Gridsome, you need to have a certain level of
web development expertise. It also comes
with a series of plugins and provides various
benefits.
Popular Platforms For Building Static Websites: The
Top 5

Hugo (https://gohugo.io/)

Created using the Go programming

language, Hugo is known for its ability to be
built at the fastest rate and serves best for
blogs/write-ups. It is easy to install and comes
with templates that are rendered into an
HTML site.
Popular Platforms For Building Static Websites: The
Top 5

Hexo (https://hexo.io/)

If you have a relatively larger static website

and need fast rendering, Hexo is the ideal
choice. It is a blog framework and even
consists of Jekyll plugins.
The opposite of static websites are dynamic websites which means here the content can be
changed if needed.
Dynamic websites are altered based on several factors with the main goal to expand the
target audience.
Examples of dynamic websites include blogs, calendars, news sites, corporate sites, etc.
 Pros of Static Websites Cons of Static Websites

Easy to update which enhances website

health. Comparatively complex in nature.

Better flexibility and functionality.

More expensive due to updates.

User data stored in multiple disks.

Difficult to develop.

Easy to manage and delete information.

Hard to maintain
User data stored in multiple disks.

Requires multiple servers.

Highly user-friendly, and
Stunning website appearance.
 Types of Dynamic Content

Chatbots: The working mechanism of a chatbot is a clear-cut

example of how a dynamic website functions. You can ask any
questions and receive answers accordingly.

Social media: With the rise of social media users, there isn’t any
shortage of dynamic content these days. You can not only create
content but also watch and interact with others as well.

eCommerce pages: The comments, notifications, recommendations,

etc that come with e-commerce pages are managed by the users.
 Types of Dynamic Content

Digital advertisements: Advertisements on online platforms makes

it easily visible to numerous users at the same time which allows
them to interact despite the fact that the ads were created by
someone else.
 Popular Platforms For Building Dynamic
Websites
PHP: Known for its ability to promote versatility in creating dynamic
websites, PHP comes with a package of benefits and functionalities.
Dynamic websites made using PHP attract more traffic and have
better longevity.

Joomla: This amazing CMS platform has high scalability which helps
to craft a strong and secure dynamic website.

WordPress: Another popular CMS tool, WordPress serves best if you

are looking to develop a dynamic website with the least effort.
 Popular Platforms For
Building Dynamic Websites

ASP.NET: Loaded with database interactions and basic functions,

ASP.NET is highly suitable to develop an interactive dynamic platform.

Magento: This one is popularly known for its benefits in the case of
e-commerce websites. Its high-quality features and extensions help in
maximum customization.
 WEB 1.0

First stage of the World Wide Web pages and hyperlink

Most read- only Web. It focused on

companies and home pages

It means Web is use as “ Information

Portal”
WEB 2.0 FEATURES STATIC AND
DYNAMIC

FOLKSONOMY- allows user to

categorize and classify or arrange
information using freely chosen key
word.

Use tags start with the pound sign (#)

This is also referred to a HASHTAGS

Ex. Twitter, Instagram,

Facebook
WEB 2.0 FEATURES STATIC AND
DYNAMIC

RICH USER
EXPERIENCE

Content is dynamic and

responsive to user’s input.

In the case of social

networking sites, when
logged on, your account is
used to modify what you see
WEB 2.0 FEATURES STATIC AND
DYNAMIC

USER PARTICIPATION
 The owner of the website is not the
only one who is able to put content.
Other are able to place a content of
their own by means comment,
reviews, and evaluations.

 Some website allow readers to

comment on an article, participate in
a poll, or review a specific product.
WEB 2.0 FEATURES STATIC AND
DYNAMIC

LONG TAIL
 Service that are offered on demand
rather than on one-time purchase.

 This is synonymous to subscribing to

a data plan that changes you for the
amount of time you spent in the
internet, or data plan that charges Business Process Outsourcing (BPO) services help
global corporations improve service levels
you for the amount of bandwidth
you used.
WEB 2.0 FEATURES STATIC AND
DYNAMIC

SOFTWARE AS A
SERVER
 User will subscribe to a software only
when needed rather than purchasing
them.

 When you need software, like word

processor, you can purchase it for a one-
time huge amount and install it in your
computer and it is your forever.
WEB 2.0 FEATURES STATIC AND
DYNAMIC

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

Word Wide Web, Tim Berners – Lee.

Lee also noted the Semantic Web is a

component of Web 3.0
Timothy John "Tim" Berners-Lee

Sir Timothy John "Tim" Berners-Lee, OM,

KBE, FRS, FREng, FRSA

(born 8 June 1955 in London, England)

invented the World Wide Web which is the
system that delivers webpages over the
Internet.

He created a new computer language called

HTML which most web pages are written in.
The first web page was available on August 6,
1991.
W • HTML
EB • READ
1.
0
W • XML, PHP, RSS, ASP, SEARCH,
EB • TAG, WRITE
2.
0
• RDF, XHTML, PERSONALIZATION
W • KNOWLEDGE, READ
EB • WRITE, UNDERSTAND
3.
0
Components of the internet.
What is the use of the server?

• A server is a software or hardware device that accepts and responds to requests made
over a network.
• The device that makes the request, and receives a response from the server, is called
a client.
• When the servers fail, they can cause the network users and company many problems.
IP Address

• An address of your network hardware. It helps in connecting your computer to other devices
on your network and all over the world.
• IP Address is made up of numbers or characters
• There are two IP versions, IPv4 and IPv6. IPv4 is the older version which has a space of over
4 billion IP addresses.
Two types of IP Address

• Public - Your public IP address is the main IP address to which your home or business
network is connected. This IP address connects you to the world, and it’s unique for all users.

• Private - A private IP address is the address of your device connected on the home or
business network. This IP address cannot be accessed from devices outside your home or
business network.
What is the importance of Domain Name Server?

• Domain Name System (or Service) is an Internet service that translates domain names into
IP addresses.
• Because domain names are alphabetic, they're easier to remember. The Internet,
however, is really based on IP addresses.
Internet Service Provider (ISP)

• An internet service provider (ISP) is a company that provides web access to both businesses
and consumers.
• Data may be transmitted using several technologies, including dial-up, DSL, cable modem,
wireless or dedicated high-speed interconnects.
• Today, ISPs are usually cable companies or telecommunications companies that offer
Internet subscriptions in addition to TV or mobile communications services.
Chat Messaging

• The first online chat system was called Talkomatic, created by Doug Brown and David R.
Woolley in 1973.
• Online chat may refer to any kind of communication over the Internet that offers a real-
time transmission of text messages from sender to receiver.
• Chat messages are generally short in order to enable other participants to respond quickly.
• Real-time text transmission
Major Protocols

• In networking, a protocol is a standardized

way of doing certain actions and formatting
data so that two or more devices can
communicate with and understand each other.

There are 5 common protocols when browsing

on the internet:
a. Internet Protocol
b. HTTP/HTTPS
c. SMTP
d. FTP
e. VoIP
Internet Protocol

• The Internet Protocol (IP) is a protocol, or set of rules, for routing and
addressing packets of data so that they can travel across networks
and arrive at the correct destination.
• IP information is attached to each packet, and this information
helps routers to send packets to the right place.
Hypertext Transfer Protocol

• An HTTP request is the way internet

communications platforms such as web
browsers ask for the information, they
need to load a website.

• A typical flow over HTTP involves a

client machine making a request to a
server, which then sends a response
message.
HTTP VS HTTPS
Simple Mail Transfer Protocol

• This is the protocol used for sending e-

mail over the Internet.

• An application that is used to send,

receive, and relay outgoing emails
between senders and receivers.

• When an email is sent, it's transferred

over the internet from one server to
another using SMTP.
File Transfer Protocol

• File Transfer Protocol (FTP) is a

standard Internet protocol for
transmitting files between computers
on the Internet
over TCP/IP connections.

• A client-server protocol that relies on

two communications channels
between client and server: a
command channel for controlling the
conversation and a data channel for
transmitting file content.
Voice Over Internet Protocol
(VoIP)

• A technology that allows you to make voice

calls using a broadband Internet connection
instead of a regular phone line.

• VoIP services convert your voice into a digital

signal that travels over the Internet.
Anatomy of the URL
Web browser

• A web browser, is an application used to access and view websites.

• The primary function of a web browser is to render HTML, the code used to design
or "mark up" webpages.
• Each time a browser loads a web page, it processes the HTML, which may include
text, links
Different types of web browser

A few decades back, Internet Explorer

was the only option people had. Now we
don’t see many people using IE.

Here is the example of most used web

browsers in today’s generation.
a. Google Chrome
b. Safari
c. Mozilla Firefox
d. Opera
THANK YOU