Web Application Development Project: Divisima E-commerce Platform

Desklib offers solved assignments and past papers to help students succeed.

WEB APPLICATION
DEVELOPMENT

Contents
Introduction:...............................................................................................................................4
LO1 Understand the concepts of web application development................................................5
P1.1 Critically evaluate the functions and advantages of web applications..........................5
P1.2 Critically compare different types of server-side and client-side scripting languages. .7
P1.3 Examine web security and make recommendations for security improvements...........8
LO2 Be able to design web applications....................................................................................9
P2.1 design a web application to meet given requirements...................................................9
P2.2 synthesise client-side and server-side functionality in a web application...................12
P2.3 apply a database design for use in a web application..................................................13
P2.4 evaluate alternative designs and solutions to meet the given requirement..................14
LO3 Be able to implement web applications...........................................................................15
P3.1 Implement a web application to a prepared design using client-side and server-side
scripting languages...............................................................................................................15
P3.2 Implement a web-enabled database management system to store, retrieve and
manipulate data in a web application...................................................................................20
P3.3 Identify and implement opportunities for error handling and reporting......................22
LO4 Be able to test web applications.......................................................................................23
P4.1 Critically review and test a web application using a web-enabled database
management system.............................................................................................................23
P4.2 Analyse actual test results against expected results to identify discrepancies.............24
P4.3 Critically evaluates independent feedback on a developed web application and make
recommendations for improvements....................................................................................25
P4.4 Creates user documentation for a developed web application.....................................27
Conclusion:..............................................................................................................................28
References:...............................................................................................................................29
Appendix:.................................................................................................................................30

List of figures:
Figure 1: Home Page..................................................................................................................9
Figure 2: Contact Page.............................................................................................................10
Figure 3: Men's Category Page................................................................................................10
Figure 4: Women’s Category Page..........................................................................................11
Figure 5: Client-side Vs Server-Side.......................................................................................12
Figure 6: ER Diagram..............................................................................................................13
Figure 7: Homepage.................................................................................................................15
Figure 8: Women's Page...........................................................................................................15
Figure 9: Men's Page................................................................................................................17
Figure 10: Contact Us page......................................................................................................17
Figure 11: Cart Page.................................................................................................................18
Figure 12: Check out page.......................................................................................................18
Figure 13: Complete page........................................................................................................19
Figure 14: Database Design.....................................................................................................20
Figure 15: Authentication........................................................................................................20
Figure 16: Tables of database..................................................................................................21
Figure 17: ERD........................................................................................................................21
Figure 18: Error handling.........................................................................................................22
Figure 19: Error Free................................................................................................................22

Introduction:
Web application development is the process used for three-tier software development by
using different technologies. The current assignment is to develop a report on the concepts of
development of web application. In the role of web developer for Divisima, an e-commerce
solution platform, develop the website for the Divisima.
The report of web application development, discuss different advantage and functions of the
selected application. Compare different types of server and client-side technology in this
report. The second part of the report includes the design of web application with different
functionality and alternative designs as per the given requirement. The next part will define
the implementation of the web application as per the current scenario and identify the
opportunities for error reporting and error handling. The last section of the assignment
provides information about the critical review of the application with different testing and
analysis results.

LO1 Understand the concepts of web application development
P1.1 Critically evaluate the functions and advantages of web applications
The web application is a computer program of client-server combination that used to run over
the web browser with using the internet. The web application is dynamic, static, online store,
web app portal and animated with using the content as per the requirement and runs over the
remote server. The web application has some types, server side and client side that use for
different purposes like for e-commerce, marketing and others. there are different ways to
design web pages like, responsive, progressive and native with a hybrid design. There is
some difference between the websites and web applications as website are, static and
dynamic and has different features like, pictures, audios, videos and others. on the other side,
web applications are the software that used to run on a specific platform to increase their
efficiency and use database for the storage purpose of data. Here are some functions of the
web applications, that is called MVC (model, view, controller):
 Model: models are the basic logic of the application that used to manage data and
behaviour of the application.
 View: it used to show the information or content with using the commands of the
control system.
 Controller: as the name refer, it used to control the mouse with keyboard from the
user side and inform to model to check the changes as it was correct or not
(Lunarpages, 2017).
Advantages and disadvantages (good or bad points) of the web applications are as below:
Advantages:
 Applications are accessible from anywhere with easily customisable
 Use any device for edit and customisable the application with a good range of devices
 It easy improves the interoperability between the desktop and web application.
 Easy to installation and maintenance to the web applications and it increases the
security with implement different core technologies
Disadvantages:
 Some application runs slow as these applications depend on the internet speed as the
internet is not available all time

 The security risk is also a concern of the different applications, especially with
payment gateway
 The interface is not so good of some applications as not sophisticated
(magicwebsolutions, 2019)
Here, takes an example of two applications WIX and WordPress with their features:
Functionality WIX WordPress
Cost & Price It provides basic offers at no
cost and also provides
premium plans on different
costs
It is an open source tool that is
free for everyone. The pricing is
available for domain and web
hosting services.
Layout & Design It provides various templates
on Html5, that are responsive
and changes available.
Different kinds of theme
provided with limited support and
same apply on plugins
Others It has different apps with free
and paid as well as easy to use
eCommerce with upgrading
plans.
It has different free plugins with
various features as well as most
of the websites created on the
WordPress platform.
(Wpbeginner, 2019)

P1.2 Critically compare different types of server-side and client-side scripting
languages
Client-Side Scripting Server-Side Scripting
This kind of scripting used to run over the
browser where the process takes place
using a computer system at the end of it.
This kind of scripting used to run on a
web server and generate the Html pages
those are dynamic modes.
The examples of client-side scripting are
like, HTML, CSS, JavaScript and others
Examples of server-side scripting
language are like PHP, Python, C#, C++,
Ruby, my SQL and others.
Html is a programming language that
used to design websites with building the
blocks.
Ruby is the programming framework that
has complex logic with different packages
for back-end and database utility.
CSS is known as the cascading style
sheets and used to design the web pages.
My SQL is used as the database technique
to define the data types and for different
functions like insertion, delete, update and
others
Javascript is the scripting language of
client-side that used as the framework for
the development.
(techdifferences, 2018)

P1.3 Examine web security and make recommendations for security
improvements
Web security is the concept to secure and protect the websites with servers from the malware
and virus. Protect the system and applications from the cybercrime and measure the security
of the systems. Different standards are available in the market for the security of the systems
as, OWSAP. Different security techniques are available like Blackbox testing tool, fuzzing
tool, white box testing with Whitebox testing and others. the likelihood of the threat is like
SQL injection, breach of password, data breach and code injection. Implement a strategy for
the security of the organization with resource assignment and web scanning techniques.
Define different security issues with their solution as below:
 Phishing: this security issues used by the hackers to get the user’s password, username
and other sensitive data like credit card numbers. It happens to get a message or mail
and by click on it. After the click, the virus installs into the system and get the user’s
identity.
 SQL injections: in this type of security issues, the attacker tries to get the code of the
application to corrupt the database content and get the details from the database. By
this successful attack, the hacker can create, update, read, delete the real data from the
devices. This attack is the most dominant attack of the cyber-crime.
 XSS (Cross-site scripting) is a kind of security issues that target the user’s application
code like the javascript. This issue manipulates the client script of an application and
executes as the attacker want (BASSI, 2019).
Provide the solutions to the web applications or the websites with detecting the security
issues. User’s need to protect their system from different types of attacks. Continue to check
the data and files of the system and don’t go with the unwanted links that get from unwanted
sources by emails and messages. Install the antivirus in the system that provides security to
the system and update it always from the internet with its patch updates. Take regular
backups of the data and keep it on the cloud to access anytime from anywhere (sucuri, 2019).

LO2 Be able to design web applications
P2.1 design a web application to meet given requirements
In the role of a web developer, create a website for an organization as per the client
requirement. Use the platform of Html, CSS, JavaScript, Bootstrap with the database to
create and store the website. The website related to the e-commerce domain with the name as
DIVISIMA. The user requirements are like
 Create four to five pages as the menu page for the website
 Represent men’s and women’s category different
 Implement the login and signup facility
 The cart option should be available on each page of the website
 Represent the products without login into the website
 Different payment options should be available on the website
 Use attractive pictures of the products on the website
 Regular UpToDate the website with latest fashion products
Here are the mock-ups of the website with fluffing the basic requirement as below:
Figure 1: Home Page

Figure 2: Contact Page
Figure 3: Men's Category Page

Figure 4: Women’s Category Page

P2.2 synthesise client-side and server-side functionality in a web application
A web application required both client-side and server-side functionalities to making the
application better for the users. client-side and server-side are the two types of web
application that used to have different technologies for the implementation of different
technologies. Client-side and server-side functionality in the web application as per the
requirements.
The client-side functionalities of a web application need to implement browser extension with
using the proper technology. Validate the input from each user with its different details.
Access the browser by the authorised user is possible with the client-side functionality. It
used to reduce the need to server passes and this technology used in most of the platform by
especially in JavaScript and VBScript.
On the other side, server-side functionality is used to execute the server for better flexibility
and generate the custom response for the clients of the web application. Server-side has a
wide range of the capabilities of the programmatic area as well as it has access to extend the
functionality of the server side. The server side is also useful for different scripting languages
along with application platform and database with components of back-end.
Figure 5: Client-side Vs Server-Side
Source: (Collagenrestores, 2019)