1 Web Introduction
1 Web Introduction
Application Types
• Etc.,
Application Types
• An application that uses the command line for input and output rather than a graphical interface (GUI).
• For example, utility programs that perform a single function or that run in the background are often
written as console apps.
Application Types
• This type of applications allows users to interact with electronic devices through graphical icons.
• Desktop applications are good for single user application where data synchronization is not so
crucial.
• For Example: Microsoft Windows, macOS, Ubuntu Unity, and GNOME Shell for desktop
environments, etc,.
Application Types
It offers,
• Offline capabilities
• More security
Application Types
• Not portable
• Cross-platform functionality
• Etc.,
Application Types
• In simple terms a program residing on server and end user accessing it via web clients (web browsers)
are known as web application.
• Example: Common web applications include email, online retail sales, wikis, instant messaging services
and more.
Internet
• The Internet is a global, interconnected computer network in which every computer connected to it
can exchange data with any other connected computer.
Internet
• The Internet is a global system of interconnected computer networks that uses(TCP/IP) to serve billions
of users worldwide.
• It is a network of networks that consists of millions 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.
• We can exchange Data graphics, sound, software, text and etc., to people through a variety of
services and tools for communications.
ARPANET
• The origins of the Internet date back to research commissioned by the United States government in the
1960s to build robust, fault-tolerant communication via computer networks
• Research Project of MIT funded by ARPA ( Advanced Research Projects Agency of the department of
Defense).
Goal
• To allow multiple users to send and receive information simultaneously over the same
communication paths.
Internet Timeline
?
12 Fundamentals of Web Application Development | © SmartCliff | Internal | Version 1.2
Fundamentals of Web Application Development
WWW?
• It allows users to locate and view multimedia-based documents on almost any subject over the
Internet.
• In 1989, Tim Berners-Lee of CERN( the European organization for Nuclear Research) to develop a
technology for sharing information via hyperlinked text documents.
Evolution of Web
• “read-only web.”
• The first shopping cart applications, which most e-commerce website owners use in some shape or form,
basically fall under the category of Web 1.0.
• The goal was to present products to potential customers, much like a catalog or a brochure.
• The change from static web pages to dynamic or user-generated content and the growth of social
media.
• It has the ability to contribute content and interact with other web users.
• It allows user to use the web as platform to create collaborative, community based sites like social
networking sites, blogs, etc
• Few remarkable developments of Web 2.0 are Twitter, YouTube, eZineArticles, Flickr and Facebook.
• “read-write-execute” web
• The Semantic Web is a developing extension of the World Wide Web in which the semantics of web
information and services are defined, allowing the web to comprehend and respond to requests from
humans and computers to use web content.
• A web service is a software system designed to support computer-to-computer interaction over the
Internet.
• By combining a semantic markup and web services, Web 3.0 promises the potential for applications that
can speak to each other directly, and for broader searches for information through simpler interfaces.
• The goal of the symbiotic web is the interaction between humans and machines in symbiosis (a
mutually beneficial relationship between different people or groups).
• Web 4.0 will interact with users in the same way that humans communicate with each other.
Web 5.0: Open, Linked, and Intelligent Web = Emotional Web (2030 – 2040)
• read-write-execution-concurrency web.
• Web 5.0 will be about the (emotional) interaction between humans and computers.
• The interaction will become a daily habit for a lot of people based on neurotechnology.
• With headphones on, users will interact with content that interacts with their emotions or changes in
facial recognition.
Basic terminologies
• Web Browser and Web Server
• URI or URL
• HTTP
• Etc,.
22 Fundamentals of Web Application Development | © SmartCliff | Internal | Version 1.2
Fundamentals of Web Application Development
Web Browser
• An application for retrieving, presenting, and traversing information resources to the client.
Basic terminologies
Web Server
• The term web server or webserver can mean one of two things:
• A computer program that accepts HTTP requests and returns HTTP responses with optional data
content.
• A Web server typically serves static content residing on a file system (HTML Pages, images, audio and
video files).
• Web servers route requests for dynamic content (Non-Web Content) using “Web Gateways”.
Basic terminologies
• Hosting means that all the web pages and their supporting files are available on that computer.
• The Web server helps to send any web page from the website.
Basic terminologies
• When you are connected to the internet with your computer, laptop or mobile device you are said to
be online.
• Once your device or system gets disconnected with internet, you are said to be offline.
Basic terminologies
• There is a thin line between websites and web applications. A Website is a group of interlinked web
pages that can be accessed globally using a domain name and a Web application is a software or
program which can be accessed by the web browser.
Basic terminologies
Access Web App Globally = Frontend script + Backend code + Web Server + Domain
28 Fundamentals of Web Application Development | © SmartCliff | Internal | Version 1.2
Fundamentals of Web Application Development
Basic terminologies
• A website is a set of interlinked web pages hosted from the same domain, which can be accessed
through a web address.
• Websites are for driving traffic, whereas web portals are for limiting traffic to a specific group of users.
• Most web portals require a user to log in, which allows the site to deliver more specific content and
services based on who that user is.
• Websites are destinations that everyone can get to, and are generally designed for a broader audience.
Basic terminologies
• The Internet is a globally-connected network of computers that enables people to share information
and communicate with each other.
• An intranet, on the other hand, is a local or restricted network that enables people to store, organize,
and share information within an organization.
Basic terminologies
IP Address
• Any computer connected to the Internet has an Internet Protocol (IP) address. This unique address, or
number, is in the form of xxx.xxx.xxx.xxx, where xxx is an integer between 1 and 255. This number
identifies the computer and the network to which it is connected.
• Example: 165.165.100.2
• Since humans have trouble remembering numbers like this, these addresses are mapped to names like
"www.google.com".
Basic terminologies
• It is the phonebook of the Internet. Humans access information online through domain names, like
google.com or espn.com.
• DNS translates domain names to IP addresses so browsers can load Internet resources.
• Example: 165.165.100.2
• Since humans have trouble remembering numbers like this, these addresses are mapped to names like
"www.google.com" .
Basic terminologies
• It contains four distinct parts: the protocol type, the machine name, the directory path and the file name.
• There are several kinds of URLs: file URLs, FTP URLs, and HTTP URLs.
Basic terminologies
Top level
Subdomain Domain Webpage
Domain Directories
Protocol Name
Basic terminologies
• Resources to be accessed by HTTP are identified using Uniform Resource Identifiers (URIs).
• HTTP defines various methods indicating the desired action to be performed on the identified resource.
HTTP Methods
• HTTP defines eight important methods (sometimes referred to as "verbs") indicating the desired action to
be performed on the identified resource.
• PUT - is somewhat the polar opposite of GET. It places that resource in the remote directory.
• CONNECT - creates communication with a resource rather than directly interacting with said resource.
• The path to the resource, and any parameters added to the URL are all included on the “request line”.
Source: www.oreilly.com
Source: www.oreilly.com
• HTTP POST requests are designed to be used by the browser to make complex requests on the server.
• For instance, if a user has just completed a long form, the application might want all of the form’s data to be
added to a database.
• The data to be sent back to the server is known as the “message body” or “payload” and can be quite
large.
Source: www.oreilly.com
Source: www.oreilly.com
Port
• Port is a 16-bit number that identifies a specific software program on the server hardware.
• One-tier architecture involves putting all of the required components for a software application or
technology on a single server or platform.
• One of the most common types of dynamic web pages is the database driven type. It means that you
have a web page that grabs information from a database (the web page is connected to the database by
programming,) and inserts that information into the web page each time it is loaded.
Application Server
• Application servers are software that help enterprises develop, deploy and manage large numbers of
• From a developer's point of view, the central difference that an application server brings about is the
separation of business logic from the presentation logic and the database logic.
• Essentially, application servers help us build true 3-tier applications where the database is logically
– Concurrency
• TOMCAT
• A Web server handles the HTTP protocol. When the Web server receives an HTTP request, it responds
with an HTTP response, such as sending back an HTML page.
• To process a request, a Web server may respond with a static HTML page or image, send a redirect, or
delegate the dynamic response generation to some other program such as CGI script, JSP, Servlet, ASP
or some other server-side technology.
• Whatever their purpose, such server-side programs generate a response, most often in HTML, for
viewing in a Web browser.
• Application server exposes business logic to client applications through various protocols, possibly
including HTTP.
• While a Web server mainly deals with sending HTML for display in a Web browser, an application server
provides access to business logic for use by client application programs.
• The application program can use this logic just as it would call a method on an object (or a function in the
procedural world).
• A static web site is a web site where the content, the HTML and graphics, are always static—it is
served up to any visitor the same, unless the person who created the web site decides to manually
change the copy of it on the server.
• On a dynamic web site on the other hand, the content on the server is the same, but instead of just
being HTML, it also contains dynamic code, which may display different data depending on information
you feed to the web site. Another thing to note is that special software must be installed on the server to
create a dynamic web site.
Client-side Processing
• Some processing needs to be “executed” by the browser, either to form the request for the dynamic Web
page or to create or display the dynamic Web page.
• The source code is transferred from the web server to the users computer over the internet and run
directly in the browser.
Server-side Processing
– Performs all of the processing necessary to create the dynamic Web page
– Sends the finished Web page to the client for display in the client’s browser
• The server-side environment that runs a scripting language is a web server. A user's request is fulfilled by
running a script directly on the web server to generate dynamic HTML pages.
Provides less security for the data Provides more security for the data
Ex: HTML, CSS, JavaScript, Jquery, AJAX, Ex: PHP and Python Web Framework, JSP, ASP,
Angular JS Framework, Bootstrap Framework Ruby, Perl, Node JS Framework
Technologies
• There are two main categories of coding, scripting and programming for creating Web Applications:
• Program libraries are a collection of commonly used functions, classes or subroutines which provide
ease of development and maintenance.
• Web Application Frameworks are sets of program libraries, components and tools organized in an
architecture system allowing developers to build and maintain complex web application projects using a
fast and efficient approach.
Quiz
a) URL b) Hyperlink
Ans: b) Hyperlink
Quiz
b) generates on demand
a) is same every time
by a program or a request
whenever it displays
from browser
Quiz
c) it enables users to
access the resources d) All the above
through internet
Quiz
Quiz
Quiz
Ans: b) Client-Server
Quiz
a) Telnet b) FTP
c) TCP d) DNS
Ans: d) DNS
Quiz
Quiz
Ans: c) IP address