Web Development Process
Web Development Process
Structure
7.0 Objectives
7.1 Introduction
7.2 Meaning of Website
7.3 Evolution of Website
7.3.1 Rapid growth and expansion of WWW and the browsers
7.4 Website Usage
7.5 HTTP & HTTPS Protocols
7.5.1 HTTP
7.5.2 HTTPS
7.5.3 Difference between HTTP and HTTPS
7.6 Types of Website
7.7 Development of Website
7.8 Ingredients Required for Website Development
7.9 Website Hosting
7.9.1 Types of Website Hosting
7.9.2 Website Hosting Alternatives
7.10 Let Us Sum Up
7.11 Keywords
7.12 Terminal Questions
7.0 OBJECTIVES
131
Website Development
and Hosting 7.1 INTRODUCTION
132
Website
Development
Source: www.ignou.ac.in
The development of the World Wide Web (WWW) began in 1989 by Tim
Berners-Lee and his colleagues at CERN, an International scientific
organization based in Geneva, Switzerland. They created a protocol,
Hypertext Transfer Protocol (HTTP), which standardized communication
133
Website Development between servers and clients. Their text-based Web browser was made
and Hosting
available for general release in January 1992. CERN announced that the
World Wide Web would be free to use by anyone. Before the introduction of
the Hypertext Transfer Protocol (HTTP), other protocols such as File
Transfer Protocol and the Gopher Protocol were used to retrieve individual
files from a server. We will discuss the HTTP and HTTPs in more
elaborative manner in later section
134
1995 Internet Explorer (IE), in Internet Explorer is a series of Website
1996 1995 as an add-on to the graphical web browsers developed Development
Windows 95 operating by Microsoft and included in the
system. Microsoft Windows line of
IE soon became the most operating systems, starting since
popular Web browser 1995. It was first released as part of
the add-on package Plus! for
Windows 95 that year.
IE was integrated into the Windows
Microsoft operating system in 1996 and came
Corporation “bundled” ready-to-use within the
operating system of personal
computers.
For more details about web browsers refer to the unit-3 of BCOS-183:
Computer Application in Business which is a 3rd semester course of B.Com
(G). In the early 21st century, smart phones became more computer-like, and
more-advanced services, such as Internet access, became possible. Web
usage on Smartphone steadily increased, and in 2016 it accounted for more
than half of Web browsing.
135
Website Development
and Hosting 7.4 WEBSITE USAGES
The proliferation of mobile phones has given birth to new categories of web
users and expanded the target audience for the businesses, and this all has
become possible with the easy access to the internet. Despite the availability
of mobile apps, mobile friendly responsive web is gaining popularity and is
preferred among the audience. A website provides a quick and easy way of
communicating information between buyers and sellers. Websites are useful
not only for the customers but also for buyers in many ways. Websites can be
tailored according to the hosts requirements. A website can provide much
information such as opening hours, contact information, images of location or
products and also the AI enabled contact forms to facilitate enquiries from
potential customers or to obtain feedback from existing ones. Various usages
of websites are explained in detail below:
Every URL link that begins with HTTP uses a basic type of “hypertext
transfer protocol”. Which was developed in early 19909’s by Tim Berners-
Lee. This network protocol enables web browsers and servers to
communicate through the exchange of data. Hyper Text Transfer Protocol
Secure (HTTPS) is the secure version of HTTP, the protocol over which data
is sent between your browser and the website that you are connected to. The
'S' at the end of HTTPS stands for 'Secure'. It means all communications
between browser and the website are encrypted. For more details we will
study both the terms separately:
7.5.1 HTTP
HTTP is a protocol which allows the fetching of resources, such as HTML
documents. It is the foundation of any data exchange on the Web and it is a
client-server protocol, which means requests are initiated by the recipient,
usually the Web browser. A complete document is reconstructed from the
137
Website Development different sub-documents fetched, for instance text, layout description, images,
and Hosting
videos, scripts, and more. It is an application-level protocol for distributed,
collaborative, hypermedia information systems.
7.5.2 HTTPs
Hypertext Transfer Protocol Secure is an extension of the Hypertext Transfer
Protocol. It is used for secure communication over a computer network, and
is widely used on the Internet. In HTTPS, the communication protocol is
encrypted using Transport Layer Security or, formerly, Secure Sockets Layer.
HTTP is a protocol using which hypertext is relocated over the Web. Due to
its ease, HTTP has been the most commonly used protocol for data transfer
over the Web but the data (i.e. hypertext) exchanged using HTTP is not as
secure as we would like it to subsist. In precise, by using both the
HTTP/HTTPS the information of a particular website is exchanged between
Web Server and Web Browser. But what’s difference between these two is
extra ‘s’ present in HTTPS, Which that makes it secure! The below
mentioned table would meticulously provide concise difference between
HTTP and HTTPS.
139
Website Development
and Hosting
3. Sales Website: These are the sites that sell products or services through
e-commerce. If a site has a cart function, then it falls into the sales
website category. This site is especially popular, as both leads and sales
are all done completely online. A company’s website can still fall into
the sales category if that business utilizes online scheduling and
payment, but provides the service in-person. For example, Amazon.com,
flipkart.com, myntra.com are the sales websites, here customers can buy
products and services online as per their needs.
140
Website
Development
141
Website Development
and Hosting Step 1 • Innovative Requirement
Step 2 • Information Gathering
Step 3 • Planning
Step 4 • Web Design
Step 5 • Web Development
Step 6 • Testing
Step 7 • Maintenance
Fig 7.7: Steps off Website Development Process
Step-1:
1: Innovative Requirement: Innovative requirement is the first and
foremost requirement of the web development process. This is basically a
discussion oriented step in which the client shares his ideas, needs and
requirements
ments with the web developers and on the basis of their demands the
developers provide them innovative suggestions best suiting their
requirements. Various inputs and outputs of innovative requirement are stated
below:
Table 7.4: Various inputs and outputs of innovative requirement
Input Output
Step-2:
2: Information Gathering: Information gathering stage is also known
as discovery phase
phase. Inn this phase, the designer portrays the client’s vision into
the paper and is most important phase of website design & development
process. In this step
step, it is important to understand the purpose
purp of creating a
website, target audience as well as the content they look for. These factors are
very crucial to determine in the fundamental phase of website design.
Various inputs and outputs of information gathering are stated below
below:
142
Table 7.5: Various inputs and outputs of information gathering Website
Development
Input Output
Step-3: Planning: Good website is the result of good planning. After the
information gathering planning is important. Planning is nothing but
prioritizing tasks for website completion. In this step, the sitemap of the
website is developed in which menu, contents, navigational system etc. of the
websites is developed. Various inputs and outputs of planning are stated
below:
Table 7.6: Various inputs and outputs of planning
Input Output
Step-4: Web Design: Web design is the website that supports good look, feel
and makes it different from others. This is the creative phase of website
design. This is the phase where designers put their efforts to make the
website look good and different from others. The designer needs to
understand each and every aspect of the client's expectation and try to sketch
it. In this step logo design, templates etc. are discovered. Various inputs and
outputs of web design are stated below:
Table 7.7: Various inputs and outputs of web design
Input Output
144
3. Distinguish between the sales websites and utility websites. Website
Development
…………………………………………………………………………….
…………………………………………………………………………….
…………………………………………………………………………….
…………………………………………………………………………….
…………………………………………………………………………….
4. What is the significance of websites in information exchange?
…………………………………………………………………………….
…………………………………………………………………………….
…………………………………………………………………………….
…………………………………………………………………………….
…………………………………………………………………………….
These days, the web is approximately unrecognizable from the early days of
white pages with lists of blue links. Now, sites are premeditated with
multifaceted layouts, exceptional fonts, and customized color schemes. For
staying ahead of the competition, the interactivity of websites is a must and
adding some of these types of capabilities requires a stronger programming
language. Web design is actually how a site works and the feelings it invokes
with its users. With this expanded perspective, below explained are
ingredients that are critical for an optimal website:
1. Clean navigation: Navigation is the first thing people notice about the
site. Top-notch navigation allows the users to move from page to page,
and finding everything they want without wasting a fraction of a second.
For example, in the figure 7.8, navigation is properly given through
which the visitors can easily locate what they are looking for.
2. Beautiful typography: Typography is a really big deal. A website that
looks great always has beautiful typography. Typography starts with font
choices, but goes far beyond into color, sizing, line height, paragraph
margins and padding. For example, in the figure 7.8, content is very well
designed and put to make it understandable for the visitors.
3. White space: Proper spacing is critical for a great site. In fact, it may be
the most important element. A message’s impact depends on the element
of space just as much as that message’s content. Without white space, a
site will turn into visual garbage quickly. For example, the figure 7.8
given below, proper space is provided between all the major and sub
heads.
145
Website Development 4. Logical layout: Logical Layout is somewhat vague, but a site must be
and Hosting
connected in a way that makes sense. A great design will take a prospect
through a journey, yet allow them to skip around at will. This is about
presenting the right thing at the right time in the right way.
6. Speed: Speed wins over the internet. Customers do not like to wait much
for their needs and they want to find what they need as soon as possible.
Making the desired customers wait is more or less equivalent to losing
forever. The speed of the website must be taken into proper
consideration, the pages must download quickly and the orders must be
processed quickly.
7. Detail: The website must provide the details the customers can look for
such as product information, service information, customer service
information etc. The details provided must be easy to access and
sufficient enough to address the queries potential customers may have.
For example, the IGNOU website in fig. 7.8 also provides various details
about its locations, study centres, headquarter, contact information etc.
146
Website
7.9 WEBSITE HOSTING Development
A space on a web server is allocated to store the files by the hosting provider.
Web hosting makes the files available for viewing online. Web hosting
provides services and infrastructure to develop, store, and deploy globally
available websites and web apps in the cloud so startups can focus on
applications and users.
Once the hosting company hosts the website, users can access it by typing in
the web address (domain name) in their web browser. When they do this,
their computer connects to the server on which the website is hosted. Web
hosts can also provide data center space and connectivity to the Internet for
other servers located in their data center, called Co-location. All websites on
the internet, need web hosting. When someone enters the domain name in a
browser, the domain name is translated into the IP address of the
web hosting company's computer. This computer contains website's files, and
it sends those files back to the users' browsers.
147
Website Development 3. Dedicated server hosting: Dedicated hosting gives website owners the
and Hosting
most control over the server on which their website is hosted. Dedicated
servers’ cost is one of the most expensive web hosting options. They are
mostly used by website owners with high levels of website traffic, and
those who are in need of complete control of their servers. In addition, a
high level of technical expertise is required for the installation and
ongoing management of the server. The user has full administrative
access to the server, which means the client is responsible for the
security and maintenance of his own dedicated server.
5. Managed hosting: The user gets his or her own Web server but is not
allowed full control over it (user is denied root access for
Linux/administrator access for Windows); however, they are allowed to
manage their data via FTP or other remote management tools. The user is
disallowed full control so that the provider can guarantee quality of
service by not allowing the user to modify the server or potentially create
configuration problems. The user typically does not own the server. The
server is leased to the client.
The service provider is responsible for maintaining the Web server hardware
and software, and provides the connection to the Internet through its routers
and other network hardware. Since the whole world is moving from brick &
Mortar system to click & Mortar system and due the usage of Smartphone the
app based business restricts to mobile hence the app is taken as a replacement
to websites.
Every URL link that begins with HTTP uses a basic type of “hypertext
transfer protocol”. Which was developed in early 19909’s by Tim Berners-
Lee. This network protocol enables web browsers and servers to
communicate through the exchange of data. Hyper Text Transfer Protocol
Secure (HTTPS) is the secure version of HTTP, the protocol over which data
is sent between your browser and the website that you are connected to. The
'S' at the end of HTTPS stands for 'Secure'. It means all communications
between browser and the website are encrypted.
The choice of the type of websites depends on the requirement of the seller.
Websites can mainly be categorized into four broad categories namely
authority website, lead generation website, sales website and utility website
explained in detail below respectively. By knowing the requirements of
website in advance, one can save unnecessary wastage of time, money and
opportunity cost.
These days the web is approximately unrecognizable from the early days of
white pages with lists of blue links. Now, sites are premeditated with
multifaceted layouts, exceptional fonts, and customized color schemes. For
staying ahead of the competition, the interactivity of websites is a must and
adding some of these types of capabilities requires a stronger programming
language. Web design is actually how a site works and user friendliness.
Expanded perspective ingredients critical for an optimal website are clear
navigation, beautiful typography, white space, logical layout, synergy
between message and design, design with a purpose, speed ,detail, multiple
feedback channels etc.
Web Hosting: Web hosting is an online service that enables the publishing
of a website or web application on the Internet. When one signs up for a web
hosting service, they basically rent some space on a physical server.
Web Page: Web pages are also called just pages. Basically, a web browser is
a document which can be displayed in a web browser.
1) What is a website?
2) Briefly explain the origin of the website.
3) What are the various types of websites?
4) State the usages of websites.
5) State the differences between HTTP and HTTPs.
6) State the various phases of the website development process.
7) What are the various ingredients required for making a website?
8) What is web hosting? What are the various types of web hosting?
152