Web Application Development Project: E-commerce Website Implementation

Desklib provides past papers and solved assignments for students. This project details e-commerce website development.

Web Application Development

Table of Contents
Introduction....................................................................................................................................................4
LO1 Understand the concepts of web application development...................................................................5
1.1 Critically evaluate the functions and advantages of web applications..........................................5
1.2 Critically compare different types of server-side and client-side scripting languages..................6
1.3 Examine web security concerns and make recommendations for security improvements............8
LO2 Be able to design web applications........................................................................................................9
2.1 Design a web application to meet a given requirement.......................................................................9
2.2 Synthesize client-side and server-side functionality in a web application........................................12
2.3 Apply a database design for use in a web application.......................................................................13
2.4 Evaluate alternative designs and solutions to meet given requirements............................................14
LO3 Be able to implement a web application..............................................................................................15
3.1 Implement a web application to a prepared design using client-side and server-side scripting
languages..................................................................................................................................................15
3.2 Implement a web-enabled database management system to store, retrieve and manipulate data in a
web application........................................................................................................................................18
3.3 Identify and implement opportunities for error handling and reporting............................................21
LO4 Be able to test web applications..........................................................................................................22
4.1 Critically review and test a web application using a web-enabled database management system....22
4.2 Analyze actual test results against excepted results to identify discrepancies...................................22
4.3 Critically evaluate independent feedback on a developed web application and make
recommendations for improvements........................................................................................................23
Conclusion...................................................................................................................................................23
References....................................................................................................................................................23
Table 1: Website Testing Technique...........................................................................................................20
Table 2: Result Analyze...............................................................................................................................21
Table 3: Review and Feedback Table..........................................................................................................21
Figure 1: Client-side vs. Server-side..............................................................................................................6
Figure 2: Client-Side Script Interface............................................................................................................7
Figure 3: Server Side Script Interface............................................................................................................8
Figure 4: Home page mockup interface.........................................................................................................9
Figure 5: Login page mockup interface.......................................................................................................10
Figure 6: Product page mockup interface....................................................................................................10
Figure 7: Product details page mockup interface.........................................................................................11
Figure 8: Order page mockup interface.......................................................................................................11

Figure 9: Client side example......................................................................................................................12
Figure 10: ER Diagram................................................................................................................................13
Figure 11: Home Interface...........................................................................................................................14
Figure 12: Login Interface...........................................................................................................................15
Figure 13: Product Interface........................................................................................................................15
Figure 14: Product Information Slide..........................................................................................................16
Figure 15: Order Interface...........................................................................................................................16
Figure 16: Database Tables..........................................................................................................................17
Figure 17: User database table.....................................................................................................................17
Figure 18: Product database table................................................................................................................18
Figure 19: Database script of order table.....................................................................................................18
Figure 20: Database script of product table.................................................................................................19
Figure 21: Database script of user table.......................................................................................................19
Figure 22: Database query script.................................................................................................................20

Introduction
This assignment based on the implementation of web application development. As given in the
assignment brief I need to create an application based on the development process of the web
application. The web application which I am going to create based on an e-commerce web
application. Each and every functionality of the creation and development process of the web
application is going to be implemented in the practice of this web application assignment. The
implementation of this web application project is based on the knowledge of website
development and database development also. This report contains the explanation and
documentation of this assignment. In this report, I am going to describe each and every
functionality, key components, advantages and disadvantages of web application and many other
implementations also.

LO1 Understand the concepts of web application development
1.1 Critically evaluate the functions and advantages of web applications.
In the implementation of computer programming, a web application is a program that consumes
a web browser to perform such kind of processes on the internet. Usually, the web application is
coded in browser sustained technology like HTML, PHP, CSS, JavaScript, and other browser
supported technologies also. There are many platforms who are using the web application to
grow their business. The creation and development of web application to raise the business all
over the world are now common and this is the only way to reach and to connect with peoples.
The use of web application development is increasing in an e-commerce platforms very fast
nowadays. Many e-commerce websites like Flipkart, Alibaba, Amazon and others are using the
web application to grow their business in all over the world. The development of web application
is not so difficult. The basic development of web application requires basic knowledge of web
application development like HTML, CSS, Bootstrap, HTML5 and other web application
technology and one more programming knowledge require to develop a web application which is
scripting language like PHP, JavaScript and other scripting language. The development of web
application holds two key components which is client-side scripting language and server-side
scripting language. The explanation of these both scripting language is described in other section
given below. These both scripting language is the most important part of the development of a
web application. The web application development process is having different functions and
there is a lot of advantages also of web application development. The explanation is given below:
Functions of web application
The web application is a client and server computer package. There is some functionality
available of web application which is described lower:
 The web application having supportability of client-side scripting language and server-
side scripting language as well.
 The web application supports more than one database implementation architecture.
 The functionality of data reliability is available in the development of web application.
 The user interface compatibility is also available in the implementation of the web
application.
 The web application provides business application functionality.
Advantages of web application
In the implementation and development of web application development, there are some
advantages also available for the web application.
 The web application support browser compatibility functionality.
 The web application is platform independent.
 “Decrease commercial charges” this is the most important advantage of the web
application.

 One more advantage is “centralized data” that used to secure and to take backup easily of
data.
 The web application takes low space on computers and smartphones also.
 The up to date functionality is always on in web application.
1.2 Critically compare different types of server-side and client-side scripting languages.
The development and implementation process of web application consists two languages which
are server-side scripting language and client-side scripting language. These both languages are
the most important technique in the execution of web application development. The web
application directly connected with both these languages. The website is run only on three
modules which is a server, client and database. The scripting of the web application is done by
client-side scripting language and server-side scripting language. The explanation is given
below:
Figure 1: Client-side vs. Server-side
Client Side scripting language
The client-side scripting language is used to run scripts in usually a browser. The process of
client-side scripting has been done on the client side computer or I can say end-user computer.
This is the most important scripting language in the implementation and development of web
application. The source code of client-side scripting language transferred from the web server to
the client’s computer over the internet to execute the scripts straight in the browser. In the
implementation of client-side scripting langue the scripting language requests to be permitted on
the client side computer. The client-side scripting language used to make interactive web pages.
This type of scripting language interacts with provisional storage. The client-side scripting
language works as an interface between the user and the server. This type of scripting language

used to send a request to the server. The client-side scripting language offers remote admittance
for the client-server program. The example of client-side scripting language is given below:
1. JavaScript
2. VBScript
3. HTML
4. CSS
5. AJAX etc.
Figure 2: Client-Side Script Interface
HTML: HTML is known as “HyperText Markup Language”. This the type of client-side
scripting language. This is the most important scripting language in the development of web
application. This is the basic technique of website development.
JavaScript: JavaScript is a type of interpreted language. The code and script of JavaScript are
written in HTML’ code and automatically executed while we refresh the page. This is the most
important scripting language in the implementation of the web application.
Server Side scripting language
The server-side scripting language is used to run a script over the web server. This is also the
most important scripting language in the implementation of the web application development
process. The user can directly run the script over the web browser. This scripting language

supports multiple browser compatibility functionalities to develop the web application. This
scripting language used to create dynamic HTML web pages. The HTML is sent to the client
browser in web application development. The server-side scripting languages display the
requested pages. This scripting language is having the functionality of database interaction also.
This type of scripting language directly interacts with the server and server-side storage. The
example of server-side scripting language is given below:
1. PHP
2. ASP.NET
3. C++
4. Python etc.
Figure 3: Server Side Script Interface
PHP: PHP is an open source general-purpose scripting language that is used for web application
development process. PHP scripting language can be embedded into HTML also.
ASP.NET: ASP.NET is provided by Microsoft and it is a web development platform. This is
used to create a web-based application. ASP.NET is a framework
1.3 Examine web security concerns and make recommendations for security
improvements.
The use of a web-based application is common nowadays and the internet is the only medium for
this purpose. In this high internet networking world, the main concern of everyone is what about
security. Security is the most important key component nowadays and the security can be in
anything like web security, network security, data security and many more. In the
implementation of the web application, the concern of all these security types is most important.
There is some highlight key factor available for web security which is given below:
 Weak Authentication: This security error occurs when conceding the credentials of the
users. The password must be in encrypted form to securely login into the website.
 Code Injection: In this security purpose the hackers vaccinate some kind of mischievous
software on the website and with that software, anyone can steal private information and
data of the users.
 Weak security entree controller: This security issue related to the network. Whenever
the system commissioner leaves the access control in weak condition. Access control of

the website is the heart of the website and the admin can change anything with this access
controller.
These are the basic security issue of the website development. There is much more security
issues available I have described the basic security issue in this section.
LO2 Be able to design web applications
2.1 Design a web application to meet a given requirement
In the development of a web application, there are a lot of things which the developer should
remember. In this section, I am going to discuss that necessary point of execution and
development of the web-based application. In this assignment, I have created a website named
‘Shopzilla’. It is an e-commerce based web application. I have used HTML, CSS, JavaScript,
PHP, and MySQL also. I have successfully implemented feedback form, order form in this web
application. There are some needed requirements that each and every web-based application
should follow:
 The user interacts method or functionality should be effective.
 There should be data integrity process available in the web application.
 There should be proper connectivity.
 The database should be created according to the website.
 There should be a browser compatibility process should be available.
The website mockups are given below:

Figure 4: Home page mockup interface
This is the home page of the website. This is the sample website mockup and this shows that our
website’s home page going to look like this. This page contains a header and some information
about the website.
Figure 5: Login page mockup interface
This is the login mockup slide of our website. Our login page of the original website will look
like this.

Figure 6: Product page mockup interface
This is product mockup slide of our website. After successful login into the portal, this page will
occur. This page will show the product information on the website.
Figure 7: Product details page mockup interface
This slide refers to product details mockup interface that shows the detail of the product like
name, category and the price of the product.

Figure 8: Order page mockup interface
This is the order slide of our original website. The user has to fill this form to buy anything.
2.2 Synthesize client-side and server-side functionality in a web application
The server side and the client side scripting language is the most important aspect in the
implementation of the web-based application. These both scripting language are having different
functionality and implementation technique. The server-side scripting language directly connects
with the web server and this is used to create dynamic HTML web pages. The client-side
scripting language is used to run the script over the web browser and the programming language
of a client-side scripting language can be run in the encoded form of HTML code. The
explanation of client-side scripting language and the server-side scripting language is given
below:
Client-side scripting language runs their scripts in a web browser. The client-side scripting
language uses customer’s system to run the script in the web browser. In the execution of client-
side scripting language, the source code is moved from the web browser to the customer’s
computer with the help of internet. The scripting tool or scripting extension should be installed to
the client’s computer system. With the help of client-side scripting language, the developer can
make communicating website pages. This type of scripting language is a border between the
communicating user and server also. The client-side scripting language sends a request to the