Introduction to Internet &

World Wide Web

Web Technology
Asst. Prof. Manop Phankokkruad, Ph.D.
Faculty of Information Technology
King Mongkut’s Institute of Technology Ladkrabang
Outline

1. History of Internet
2. The World Wide Web
3. Introduction to Web Technology
4. Web Development Technologies

MP.WEBTECH.IT.KMITL
History of Internet

What is the Internet ?

❑The Internet is a worldwide system of
1
interconnected networks and computers.
❑The Internet is a network of networks that
connects users in every country in the world.
There are currently over one billion Internet
users worldwide. It is the largest network in
the world that connects hundreds of
thousands of individual networks all over the
world. The popular term for the Internet is the
“information highway”.
MP.WEBTECH.IT.KMITL
History of Internet

What is the Internet ?

❑The Internet is a global network of
computers that works much like the postal
system, only at sub-second speeds. Just as
the postal service enables people to send
one another envelopes containing
messages, the internet enables computers
to send one another small packets of digital
data. – BBC WebWise

MP.WEBTECH.IT.KMITL
History of the Internet (cont.)

Use of internet
❑ Email
❑ Social Networking, Chat
❑ Information sharing
❑ Getting updates – News around the world
❑ Entertainment – Games, Videos and Music
❑ Virtual classrooms
❑ Remote Access
❑ Online Jobs
❑ Online Meetings
MP.WEBTECH.IT.KMITL
History of the Internet (cont.)

Online Application
❑ No need to install
❑ Just login and use
❑ Available from anywhere where Internet
connection is available
❑ Operating system independent
❑ No piracy issues

MP.WEBTECH.IT.KMITL
History of the Internet (cont.)

How big is the Internet ?

source : https://www.internetworldstats.com/stats.htm
MP.WEBTECH.IT.KMITL
Internet and WWW

Who owns the Internet?

❑No person or organization owns the entire
Internet
❑As the Internet is a network of networks, each
network is owned by a company
❑This is similar to the motor-way and road
system. Each town or state owns and
maintains roads in its jurisdiction.

MP.WEBTECH.IT.KMITL
History of the Internet (cont.)

❑ 1969 ARPANET was the world’s first

operational network, and the predecessor of
the global Internet

MP.WEBTECH.IT.KMITL
History of the Internet (cont.)

❑ 1973 Transmission Control Protocol/Internet

Protocol (TCP/IP) is designed and in 1983 it
becomes the standard for communicating
between computers over the Internet.

TCP/IP, or the Transmission Control

Protocol/Internet Protocol, is a suite of
communication protocols used to interconnect
network devices on the internet. TCP/IP can
also be used as a communications protocol in a
private network (an intranet or an extranet).
MP.WEBTECH.IT.KMITL
History of the Internet (cont.)

❑1974 The first appearance of the term

“Internet” as an abbreviation for
“Internetworking” , and things developed
from there, with electronic mail soon
becoming an important form of
communication within the research
community that used this technology.

MP.WEBTECH.IT.KMITL
History of the Internet (cont.)

Evolution of Internet

MP.WEBTECH.IT.KMITL
The World Wide Web

What is Web?
2
❑The Web (World Wide Web) consists of
information organized into Web pages
containing text and graphic images.
❑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.
MP.WEBTECH.IT.KMITL
The World Wide Web (cont.)

❑ The World Wide Web (WWW, or simply

Web) is an information space in which the
items of interest, referred to as resources, are
identified by global identifiers called Uniform
Resource Identifiers (URI).
❑ The Web presents information through
multimedia formats: graphics, sound,
animation, and video.

MP.WEBTECH.IT.KMITL
 The World Wide Web (cont.)

❑1990 Tim Berners Lee brought all of this

together to form the World Wide Web. HTML
documents transmitted over the Internet by a
web server to web browsers using URIs and
HTTP. The first web page online on Aug 6, 1991.

Sir Tim Berners-Lee

invented the World
Wide Web.
MP.WEBTECH.IT.KMITL
The World Wide Web (cont.)

❑ Mosaic is the first Web Browser.

❑ Very slow
❑ Did not handle loading pictures very well
❑ Modems were very slow

MP.WEBTECH.IT.KMITL
The World Wide Web (cont.)

❑ The Web uses several tools to provide a visual

layout: Hypertext links, Browser, Code
structure
❑ The Web resembles an electronic library –
each location or site is like a book. These
books are created using Hypertext Markup
Language (HTML).
❑ These materials, along with interactive objects
such as JavaScript, and VBScript adds
functionality to web pages.
MP.WEBTECH.IT.KMITL
 The World Wide Web (cont.)

Web Browsers
❑ An application that provides a way to look at and
interact with the information on the WWW.
❑ It retrieves, presents, and traverses information
resources.
❑These include web
pages, images, video,
and other multimedia
content

Figure: Usage share of

desktop browsers MP.WEBTECH.IT.KMITL
Introduction to Web Technology

❑ Web technology is the methods by which

computers communicate with each other
3
through the use of markup languages and
multimedia packages.
❑ Web Technologies are playing the leading
role in the World Wide Web includes many
latest evolutions in it like Web Services,
HTML, CSS, XML, JSON, FTP, etc.
❑Web technology aims to enhance creativity,
secure information sharing, collaboration
and functionality of the web.
MP.WEBTECH.IT.KMITL
 Introduction to Web Technology

Web Technology application include:

❑Ecommerce
❑Content management
❑Customer relationship management systems
❑Mobile web technologies
❑Web-enabled applications
❑Social media and Computing
❑Web Analytics and Search Engine
❑etc.

MP.WEBTECH.IT.KMITL
Web Development Technologies

❑Web development comes with a huge set of

rules and techniques every website
4
developer should know about. If you want a
website to look and function, you need to get
familiar with web technologies that will help
you achieve your goal.
❑Developing a website typically comes down
to knowing 3 main languages: JavaScript,
CSS, and HTML. Once you know what you are
doing, understanding web technology and
the way it works becomes significantly easier.
MP.WEBTECH.IT.KMITL
Web Development Technologies

What Are The Different Types Of Web

Technologies?
❑The basics, which will cover web browsers and
some web app development fundamentals.
❑Programming languages and frameworks which
are used in the development of websites
❑Databases that are used at the backend to store
data required or collected by websites
❑Some protocols, that is, rules for communicating
on the web

MP.WEBTECH.IT.KMITL
Web Development Technologies

What Are The Different Types Of Web

Technologies? (cont.)
❑Graphic, audiovisual, and other multimedia
elements
❑Some data formats that are usually used to
transmit data over the internet
❑Other miscellaneous web technologies

MP.WEBTECH.IT.KMITL
Web Development Technologies

Client-Side Server-Side
❑ HTML ❑ ASP, ASP.NET
❑ CSS ❑ PHP
❑ Perl
❑ JavaScript, AJAX, VBScript
❑ JSP, Java
❑ WML
❑ MySQL, SQL Server
❑ DOM
❑ Node.JS
❑ etc. ❑ etc.

MP.WEBTECH.IT.KMITL
Technologies Overview (cont.)

Some More Advanced Technologies

❑ XML, XSLT, RSS
❑ XQuery, WSDL
❑ XML-DOM, RDF
❑ Ruby on Rails
❑ REST, SOAP
❑ JSON
❑ etc.

MP.WEBTECH.IT.KMITL
How to choose a Technology?

Depends on:
❑ What is the type of content ?
❑ Who is your audience/user ?
❑ Who will modify your content ?
❑ What are your Future Plans ?
❑ Availability of technology ?
❑ Your previous experience ?
❑ Portability and Data sharing

MP.WEBTECH.IT.KMITL
More Information

❑ www.whatis.com
❑ www.w3schools.com
❑ www.webopaedia.com
❑ http://alexa.com/

MP.WEBTECH.IT.KMITL