Introduction to Web

Technology
Prepared by Sir Gio Friginal
Introduction
• Many of us these days depend on
the World Wide Web to bring the
world’s information to our
fingertips, and put us in touch
with people and events across
the globe instantaneously.
• These powerful online
experiences are possible thanks
to an open web that can be
accessed by anyone through a
web browser, on any Internet-
connected device in the world.
Internet
• Refers to a collection of computers and cables
forming a communication network
• Intented to carry computer data, similar to telephone
network which is intented to carry conversation
• Carries a various data, including e-mail,
videoconference, instant messages and contents of
Web pages
• Physically, the internet or usually called as the NET
• Connects and links millions of businesses, goverment
agencies, educational institutions, and individuals
uses a portion of the total resourcesof the currently
existing public telecommunication networks
• Envisioned by the Advance Researched Projects
Agency (ARPA) of the US Goverment where they
called it as ARPANET
Reasons People use Internet
• Communicate with and meet other
people
• Access a wealth of information, news
and research findings
• Shop for goods and services
• Bank and invest
• Take a class
• Access sources of entertainment and
leisure such as online games, music,
videos, books and magazines
Intranet
• A private network contained in
an enterprise that includes
connections through one or
more gateway computers to the
outside internet
• Its purpose is to share company
information and computing
resources among employees
• It can also facilitate working
groups and for teleconference
Extranet
• Private network that uses Internet
technology and the public
telecommunication system to
securely share part of a business’s
information or operations with
suppliers, vendors, partners,
customers, or other businesses
• Can be viewed as part of a
company’s intranet that is extended
to users outside the company
Internet Backbone
•Like transportation system is how
the inner structure of the Internet
works
•Just as interstate highways connect
major cities and carry bulk of the
atomative traffic across a country
•These major carriers of network
traffic are known collectively as the
Internet Backbone
Bandwidth
• amount of data that can be sent over your Internet connection per
second
Cloud Computing
• Storing and accessing
data and programs over
the Internet instead of
computer’s hard drive
• Examples are Microsoft
Office 365, Google Drive,
Apple iCloud, Google
Chrome Browser, Google
Calendar, Google Keep
etc.
World Wide Web
• According to Tim Berners-Lee (developed specification for HTML, HTTP and URLs), Web is
an abstract space of information
• Collection of electronic documents
• The mostly used part of the Internet where it features hypertext
• Hypertext - text which contains links to other texts
WWW vs. Internet

Web Net
•You find documents, • You find computers
sounds, videos and VS
information
• Connection are
• (Can contain text, graphics, sound, video, and built-in connections)
cables between
•Connections are computers
hyperlinks
Internet vs. World Wide Web
• Therefore, the Internet is a communication system
• The Web is an interlinked collection of information that flows over
that communication system
Web Browser
• An application software allowing users to access and view web pages
• Mozilla, Netscape, IE, Opera, Safari, Google chrome
 Website vs. Web Page
• Web site
• Collection of connected web pages stored on
web server
• A collection of related Web pages
• Web page
• A page consisting of HTML documents stored in
a web server
Web Server
• the server on which the pages of information reside
• Default Page – The page on information your browser display when
started is called the default page.
• Home Page – refers to the opening or main page of a WWW site.
Uniform Resource Locator (URL)

• Web page is based on a document that is stored in a file and identified

by a unique address
• Web address
Parts of URL
• The elements in a URL: Protocol://server's address/filename
• Example: http://www.MySchool.edu.ph/home.htm
• http - protocol
• www - server
• MySchool - organization name
• edu - domain name
• ph - country code
• home.htm - file
Major Domain Types

• com commercial organizations (businesses)

• edu educational organizations (universities, secondary schools, etc.)
• gov government organizations (non-military)
• milmilitary organizations
• net network service provides or network resources
• org any other organizations that do not fall into one of the above
• biz businesses
Country Codes

• ph Philippines
• fr France
• de Germany
• it Lithuania
• au Australia
• mx Mexico
 Hyperlink / Link
• Built-in connection to another related Web page location
• Underlined word or phrase
Types of Websites

•Portal
•A Web site that offers a variety of services from one, convenient location, usually
for free
•News
•Stories and articles relating to current events, life, money, sports, and the weather
•Informational
•Created by organizations and government agencies
•Business/Marketing
•Contains content that promotes products or services
•Allows you to purchase products or services online
•Educational
•Offers avenues for formal and informal teaching and learning
Types of Website

•Entertainment
•Offers an interactive and engaging environment
featuring music, video, sports, games, and more
•Advocacy
•Contains content that describes a cause, opinion, or idea
•Blog
•Uses a regularly updated journal format to reflect the
interests, opinions, and personalities of the author and
sometimes site visitors
Types of Website

•Wiki
•Collaborative Web site that allows users to add to, modify,
or delete the Web site content via their Web browser
•Content Aggregator
•Business that gathers and organizes Web content and the
distributes, or feeds, the content to subscribers for free or
a fee
•Personal
•Web page maintained by private individual
Search Engine
• Programs that finds web sites and pages
• Helps the use find particular information about certain topics or locate
particular web pages for which they do not know the exact web
address
Search Engine

Google Yahoo
• Largest search engine in the • First navigational
web portal to the web
• 2.5 billion queries were last • Jerry Yang and
reported each day as of David Filo
February 2004

Bing Search
Microsoft's entry into the
burgeoning search engine
market
Web App
• App is shorthand for an application
• Applications are also called programs or
software
• Traditionally, they’ve been designed to do
broad, intensive tasks like accounting or
word processing. In the online world of web
browsers and smart phones, apps are usually
nimbler programs focused on a single task.
Web apps, in particular, run these tasks
• Inside the web browser and often provide a
rich, interactive experience.
• Google Maps is a good example of a web app
4 Virtues of Web App
• I can access my data from anywhere
• i’ll always get the latest version of any app
• it works on every device with a web browser
• it’s safer
Plug-ins
• is an additional piece of
software that specializes
in processing particular
types of content
• For example, users may
download and install a
plug-in like Adobe Flash
Player to view a web
page which contains a
video or an interactive
game
Browser Extension
• let you add new features
to your browser — literally
extending your browser.
• Examples are Google
Dictionary and Sidenotes
for Google Chrome
browser
• Video Downloader Prime
for Mozilla Firefox Browser