The web and the internet

The Web
• World Wide Web consists of information organized into Web pages
containing text and graphic images.
• It is a collection of interconnected documents or content.
• It contains hypertext links, or highlighted keywords and images that lead to
related information.
• A collection of linked Webpages that has a common theme or focus called
Website.
• The main page that all pages on a particular website are organized around
and link back to is called the site’s homepage.
• Sir Timothy John Berners-Lee is an English Engineer and Computer Scientist
best known as the inventor of the World Wide Web.
Evolution of Web
 Web 1.0 (Read Only Static Web)
• When the World Wide Web was invented, most webpages were static.
• Also known as flat page or stationary page.
• The page is as is and cannot be manipulated by the user.
• The content is also the same for all users.
• Users passively receive information.
• Web is use as information portal, and it uses table to position and
align elements on page (webpage).
 Web 2.0 (Read-write Interactive Web)
• It is the evolution of Web 1.0 by adding dynamic webpages.
• It is a term used to describe a new generation of webservices and
applications with an increasing emphasis on human collaboration.
• It is a platform that gives user the possibility (liberty) to control their
data.
• This is about user-generated content and the read-write web.
• It 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.
 Types of Websites
• eCommerce Website • Personal Website
• Business Website • Search Engine Website
• Entertainment Website • Web Portal
• Portfolio Website • Wiki or Community Forum Website
• Media Website • Infopreneur Website
• Brochure Website • Social Media Websites
• Non-profit Website
 Web 2.0 (Read-write Interactive Web)
• Social Media is a website, application or online channel that enables
users to create, co-create, discuss, modify, and exchange user-
generated content.
Types of Social Media
 Types of Social Media
Social Networking Sites
• These are sites that allow you to connect with other people
(friends, family, colleagues, customers or clients) with the same
interests or background.
• Once a user creates his/her account, he/she can set up a profile,
add people, create groups and share content.
• Examples are:
• Facebook
• Google+
 Types of Social Media
Bookmarking Sites
• These are sites that allow you to store and manage links to
various websites and resources.
• Most of these sites allow you to create a tag that allows you and
others to easily search and share.
• Examples are:
• StumbleUpon (Mix)
• Pinterest
 Types of Social Media
Social News
• These are sites that allows users to post their own news items or
links to another news source.
• The users can also comment on the post and comments may also
be ranked.
• Examples are:
• Reddit
• Digg
 Types of Social Media
Media Sharing
• These are site that allow you to upload and share media content
like image, music, and video.
• Most of these sites have additional features like liking, commenting,
and having user profiles.
• Examples are:
• Flickr
• YouTube
• Instagram
 Types of Social Media
Microblogging
• These are sites that focuses on short updates from the users.
• Those subscribed to the user will be able to receive these updates.
• Examples are:
• Twitter
• Plurk
 Types of Social Media
Blogs and Forums
• These websites allow users to post their own content.
• Other users are able to comment on the said topic.
• There are serval free blogging platforms like Blogger, WordPress
and Tumblr.
• On the other hand, forums are typically part of certain website or
webservices.
Key Features of Web 2.0
 Folksonomy
• It allows users to categorize and classify/arrange information
using freely chosen keywords.
• Examples are your hashtags.
 Rich User Experience
• Content is dynamic and responsive to user’s input.
• An example would be a website that shows local content.
• In the case of social networking sites, when you logged on
your account, it is used to modify what you see in their
website.
 User Participation
• The owner of the website is not the only one who is able to
put content.
• Others can place a content on their own by means of
comments, reviews and evaluations.
• Some websites allows users to comment on article, participate
in a poll or review a specific product (e.g., Lazada, Shopee,
Amazon, Online stores).
 Long Tail
• Services that offered on demand rather on a one-time
purchase.
• In certain cases, time-based pricing is better than file size-
based pricing.
• This is synonymous to subscribing to a data plan that charges
you for the amount of time you spent on the internet or a
data plan that charges you for the amount of bandwidth you
used.
 Web 3.0 (Read-write Intelligent Web)
• 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 and it applies the same principles of 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.
• Changing the web into a language that can be read and categorized by the system
rather than humans.
The Internet
 What is Internet?
• The Internet or internet is global system of interconnected computer
networks that uses the Internet Protocol Suite (TCP/IP) to
communicate between networks and devices.
• It is a network of networks that consists of private, public, academic,
business, and government networks of local to global scope, linked by a
broad array of electronic, wireless, and optical networking technologies.
• The internet carries a vast range of information resources and services,
such as the inter-linked hypertext documents and applications of the
World Wide Web (WWW), electronic mail, telephony, and file sharing.
 The Term Internet
• The word internetted was used as early as 1849, meaning interconnected or
interwoven.
• The word internet was used in 1974 as the shorthand form of Internetwork.
• Today, the term internet mostly commonly refers to the global system of
interconnected computer networks, though it may also refer to any group of
smaller networks.
• The terms Internet and World Wide Web are often used interchangeably; it
is common to speak of going on the Internet when using a Web browser to
view Web pages.
• However, the Web is only one of a large number of Internet Services, a
collection of documents (web pages) and other web resources linked by
hyperlinks and URLs.
 Brief History of Internet
• In the 1960s, the Advanced Research Project Agency (ARPA) of the
United States Department of Defense funded research into time-
sharing of computers.
• Research into packet switching, one of the fundamental internet
technologies, started in the work of Paul Baran in the early 1960s and
independently Donald Davies in 1965.
• After Symposium on Operating Systems Principles in 1967, packet
switching from the proposed NPL network was incorporated into the
design for the ARPANET and other resource sharing networks such as
the Merit Network and CYCLADES, which were developed in the late
1960s and early 1970s.
 Major Components of Internet
• Servers
• IP Address (Internet Protocol)
• Browser
• Domain Name System (DNS)
• Internet Service Provider (ISP)
 Servers
• It is a computer program that provides service to another computer
program and its users.
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 as user is requesting.
• Mail Server - is an application that receives incoming e-mail from local user and
remote senders and forwards outgoing e-mail for delivery.
• File Server - is a computer responsible for central storage and management of
data files so that another computer on the same network can access them.
 IP Address
• It is a numerical label assigned to each device.
• This provides identity to a network device.
 Web Browser
• It is a software application for retrieving, presenting and traversing
information resources on the World Wide Web.
• The purpose of web browser is to read HTML documents and display
them.
• It does not display the HTML tags but uses them to determine how to
display document.
• Examples of web browsers: Internet Explorer, Microsoft Edge, Google
Chrome, Mozilla Firefox, Safari, Opera, Torch, Brave
 Domain Name System (DNS)
• It is the phonebook of the internet.
• We access information online through domain names.
• Examples of DNS: www.facebook.com, www.pup.edu.ph
 Internet Service Provider (ISP)
• It is an organization that provides services for accessing, using and
participating on the internet.
Types of Service Provider
• National ISP – provided internet access to a specific geographic area.
• Regional ISP – business that provides internet access in cities and towns
nationwide.
Examples of ISP: Sky Broadband, PLDT, Converge, DITO, GLOBE
 Uses of Internet
• Look for information
• School works
• Send and receive electronic mail
• Video teleconferencing (video call/video chat)
• Buy and sell product
• Social networking
• Watch and post videos
• Online Games
 Uses of Internet
• Financial transactions
• Monitor home while away
• Download music and movies
• Romance
• Earn money
Thank you and stay safe!
Do you have any questions?