THE WEB AND THE

INTERNET
SLIDESMANIA
 OVERVIEW
 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.
SLIDESMANIA
 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.
SLIDESMANIA
 WEB ≠ INTERNET
World Wide Web ≠ Internet Services
We must remember that both are not the same
Web is different than Internet
SLIDESMANIA
 What is
the Web?
SLIDESMANIA
 World Wide Web
 The world wide web is Consists of information organized into Web
pages containing text and graphic images. And large collection of
interconnected Documents or Contents.
 It contains hypertext links, or highlighted keywords and images that
lead to related information. A collection of linked Web pages that has
a common theme or focus is called a Web site. The main page that all
of the pages on a particular Web site are organized around and link
back to is called the site’s home page.
 Facilitates communication between people and also computers
 Invented by Tim Berners-Lee in 1989
SLIDESMANIA
 World Wide Web
 Web based on Hypertext
 Also based on client/server model

Request
Web Client Web
(browser) Service
Response
SLIDESMANIA
 Web 1.0
(Read Only Static Web)
SLIDESMANIA
 Web 1.0
 It is an old internet that only allows people to read from the internet.
First stage worldwide linking web pages and hyperlink. Web is use as
“information portal”. It uses table to positions and align elements on
page.
 Most read only web. If 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”
SLIDESMANIA
 Web 1.0
Example: Disadvantage:
 Mp3.com  Read only Web
 Home Page  Limited user interaction
 Directories  Lack of standards
 Page Views
 HTML/Portals.
SLIDESMANIA
 Things works in Web 1.0

Individual content Individual documents Consumers followed

producers Links to the content
SLIDESMANIA
 Web 2.0
(Read-write interactive web)
SLIDESMANIA
 Web 2.0
 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 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.
SLIDESMANIA
 EXAMPLE OF WEB 2.0 ARE THE
FOLLOWING:
A. SOCIAL NETWORKING
 is the use of Internet-based social media sites to stay connected with friends,
family, colleagues, customers, 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
SLIDESMANIA
 EXAMPLE OF WEB 2.0 ARE THE
FOLLOWING:
B. BLOGS
 is a discussion or informational 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
 Blogger
 Tumbler
SLIDESMANIA
 EXAMPLE OF WEB 2.0 ARE THE
FOLLOWING:
C. WIKI
 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.

Example:
 Wikipedia  Wikiquote
 Wikibooks  Wikivoyage
 Wikiversity  Wikidata
 Wikispecies
SLIDESMANIA

 Commons
 Wiktionary  MediaWiki
 EXAMPLE OF WEB 2.0 ARE THE
FOLLOWING:
D. 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  Veoh
 Facebook  Daily Motion
 LinkedIn  Vimeo
 Flickr  PRO Myspace.com
 Photobucket  Metacafe
 Twitter
SLIDESMANIA
 KEY FEATURES OF WEB 2.0
 FOLKSONOMY
 allows users to categorize and classify/arrange information using freely chosen keywords
(e.g. tagging).
 RICH USER INTERFACE
 content is dynamic and is responsive to user’s input. An example would be a website that
shows local content.
 USER
the ownerPARTICIPATION
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.

 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
SLIDESMANIA

you used.
 Web 2.0
 Everyone can be a content producer
 Content is distributed across the network
 Data (content) is shared between sites
SLIDESMANIA
 Web 3.0
(Read-write intelligent web)
SLIDESMANIA
 Web 3.0
 Suggested name by John Markoff of the New York Times 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.
SLIDESMANIA
 TYPES OF WEBSITE
 ECOMMERCE WEBSITE
 is a website people can directly buy products from you’ve probably used a number of
eCommerce websites before, most big brands and plenty of smaller ones have one. Any website
that includes a shopping cart and a way for you to provide credit card information to make a
purchase falls into this category.
 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.
 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.
 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
SLIDESMANIA

instead of content meant purely for entertainment.

 TYPES OF WEBSITE
 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. This type of website is simpler to build than a
business website and more focused on a particular task: collecting work samples.

 BROCHURE WEBSITE
 are a simplified form of business websites. For businesses that know they need an online
presence, but don’t want to invest a lot into it (maybe you’re confident you’ll continue to get
most of your business from other sources), a simple brochure site that includes just a few pages
that lay out the basics of what you do and provide contact information may be enough for you.

 NONPROFIT WEBSITE
 In the same way that businesses 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
SLIDESMANIA

will be the first place many people look to learn more about a nonprofit and determine if they
want to support it.
 TYPES OF WEBSITE
 EDUCATIONAL WEBSITE
 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 educational
materials to visitors or providing information on an educational institution to them.

 INFOPRENEUR WEBSITE
 websites overlap a bit with business and eCommerce websites, but they represent a unique type
of online business. Infopreneurs create and sell information products. That could be in the form
of courses, tutorials, videos or eBooks.

 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. This category includes
personal blogs, vlogs, and photo diaries people share with the world.
SLIDESMANIA
 TYPES OF WEBSITE
 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. They often involve a login and
personalized views for different users that ensure the information that’s accessible is most
useful to their particular needs.

 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. 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 communities, for business resources, and
for collecting valuable information sources.
SLIDESMANIA
 LESSON 2:
THE INTERNET
SLIDESMANIA
 Internet
 The Internet or “net” (network of network) is the largest computer network in the
world that connects billions of computer user. The word internet comes from
combination between “interconnection” and “network”. Network is a collection of
computers and devices connected via communication channels and transmission
media allow to share resources (hardware, software, data, information). Generally,
nobody owns the internet.
SLIDESMANIA
 A. MAJOR COMPONENTS OF THE 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.
 Even if, one or two node destroyed that will now affect the network.
 In 1982 the word internet started.
 1986 - First “ free net” created in Case Western Reserve University
 1991 - US government allowed business agencies to connect to internet. Now all people
can connect to the internet and improve their life and work quality. The internet support
various aspects in our life.
 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.
SLIDESMANIA
 VINTO CERF
 Father of internet
 Co-designer of TCP/IP networking protocol.
SLIDESMANIA
 B. MAJOR COMPONENTS OF THE INTERNET
1. SERVERS
 is a computer program that provides service to another computer program and it’s user.

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
SLIDESMANIA

authorization services and facilities tracking and control of files.

 B. MAJOR COMPONENTS OF THE INTERNET
2. IP ADDRESS (INTERNET 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 the web.

Example of Browsers:
 Google chrome  Opera
 Safari  Mozilla
 Internet Explorer
4. DOMAIN NAME SYSTEM (DNS)
 Is the phonebook of internet. We access information online through domain names.

Example of DNS:
SLIDESMANIA

 www.facebook.com  www.youtube.com
 www.twitter.com  www.Instagram.com
 B. MAJOR COMPONENTS OF THE INTERNET
Example of DNS:
NAME ENTITY
.com COMMERCIAL
.org ORGANIZATION
.net NETWORK
.edu EDUCATION
.gov NATIONAL AND STATE GOVERNMENT
AGENCIES
.ph PHILIPPINES
.au AUSTRALIA
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 town nationwide
SLIDESMANIA

Example of ISP:
 Sky Broadband  PLDT  Converge
 C. USES 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
SLIDESMANIA
 D. INTERNET TERM 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
 operatingsystem and application updates can typically downloaded from the Internet
SLIDESMANIA
 D. INTERNET TERM 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. When a user clicks on a link within a web page,
that link, which is coded with HTML, links the user to a specific linked 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
SLIDESMANIA

 To upload is to transfer data from your computer to another computer.

 D. INTERNET TERM AND DEFINITION
 DOWNLOAD
 To download is to transfer data from another computer to your computer.
 HTTP
 is the acronym for Hypertext Transfer Protocol, the data communication standard of web pages.
When a web page has this prefix, the links, text, and pictures should work correctly in a web
browser.
 HTTPS
 is the acronym for Hypertext Transfer Protocol Secure. This indicates that the web page has a
special layer of encryption added to hide your personal information and passwords from others.

 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.
SLIDESMANIA
 D. INTERNET TERM AND DEFINITION
 ENCRYPTION
 is the mathematical scrambling of data so that it is hidden from eavesdroppers. Encryption uses
complex math formulas to turn private data into meaningless gobbledygook that only trusted
readers can unscramble.
 WEB BOT
 A term that applies to programs/applets (macros and intelligent agents) used on the Internet. Such
bots perform a repetitive function, such as posting messages to multiple newsgroups or doing
searches for information.
 SEARCH ENGINE
 specialized software, such as Google and Yahoo, that lets www browser users search for
information on the web by using keywords, phrases.
SLIDESMANIA
 Thanks for Listening
SLIDESMANIA