SHOP 24x7: E-commerce Website Development Project Report

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

Web Application Development

Contents
Introduction......................................................................................................................................5
LO1:.................................................................................................................................................6
1.1................................................................................................................................................6
1.2................................................................................................................................................6
1.3................................................................................................................................................7
L02...................................................................................................................................................8
2.1................................................................................................................................................8
2.2..............................................................................................................................................12
2.3..............................................................................................................................................13
2.4..............................................................................................................................................15
LO3:...............................................................................................................................................19
3.1..............................................................................................................................................19
3.2..............................................................................................................................................29
3.3..............................................................................................................................................30
LO4................................................................................................................................................31
4.1..............................................................................................................................................31
4.2..............................................................................................................................................32
4.3..............................................................................................................................................32
4.4..............................................................................................................................................34
Conclusion.....................................................................................................................................40
References......................................................................................................................................41
2

Figures
Figure 1: Home page.......................................................................................................................7
Figure 2: About Us page..................................................................................................................8
Figure 3: Contact Us Page...............................................................................................................8
Figure 4: Register Page....................................................................................................................9
Figure 5: Login................................................................................................................................9
Figure 6: Men Product page..........................................................................................................10
Figure 7: Women Product Page.....................................................................................................10
Figure 8: Functionality of client-server.........................................................................................11
Figure 9: Three tier architecture....................................................................................................12
Figure 10: ER Diagram..................................................................................................................13
Figure 11: Joomla Template..........................................................................................................15
Figure 12: WIX Template..............................................................................................................16
Figure 13: WordPress Template....................................................................................................17
Figure 14: Home page...................................................................................................................18
Figure 15: Coding Home page.......................................................................................................19
Figure 16: Coding Home Page......................................................................................................19
Figure 17: Register Page................................................................................................................20
Figure 18: Coding Registration Page.............................................................................................21
Figure 19: Coding Registration Page.............................................................................................21
Figure 20: Login Page...................................................................................................................22
Figure 21: Coding login page........................................................................................................23
Figure 22: Coding login page........................................................................................................23
Figure 23: Contact us page............................................................................................................24
Figure 24: Coding contact us page................................................................................................25
Figure 25: About Us Page..............................................................................................................26
Figure 26: Coding About Us page.................................................................................................26
Figure 27: Register Table..............................................................................................................27
Figure 28: Products Table..............................................................................................................27
Figure 29: Cart Table.....................................................................................................................28
Figure 30: Order Table..................................................................................................................28
Figure 31: Home Page...................................................................................................................34
Figure 33: Register Page................................................................................................................35
Figure 34: Login Page...................................................................................................................36
Figure 35: Contact Us page...........................................................................................................37
Figure 36: About Us Page..............................................................................................................38
Tables
Table 1: Test Cases........................................................................................................................31
3

Table 2: User 1 Feedback..............................................................................................................33
Table 3: User 2 Feedback..............................................................................................................33
Table 4: User 3 Feedback..............................................................................................................33
Table 5: User 4 Feedback..............................................................................................................34
Table 6: User 5 Feedback..............................................................................................................34
4

Introduction
This project report is a report of a website name as SHOP 24x7. In this report, various server side
and client side scripting languages will be explained. The report will display the wireframe
diagrams of the designed website. Overall designed layout of the website and the databases of
the website will be shown in the website. The complete user manual of the website will also be
explained in the report.
5

LO1:
1.1
The World Wide Web (www) is a collection of several different components that work together
with an aim to form a wide network that can connect all the components together without any
inconvenience. The components like a web server, database server, client machine, and
application server are one of the major components of world wide web. A website is the kind of
interface that provides a platform from where all the other components can be connected
together. All the work of data sharing or data retrieving becomes easier by the help of the world
wide web (Wodehouse, C. 2015).
A website performs several different kinds of operations that help in the smooth functioning of
the World Wide Web. Some of the major functions performed by a website are:
 Managing user and browser interaction: With the help of website, the user can easily
interact with the browser.
 Managing dynamic content: All the dynamic or run time content can easily be managed by
a website.
 Managing browser performance: The website has the capability of managing the
performance of a browser.
When we compare a desktop application with a website, it can be found that a website has many
more functionality and features than a desktop application. All those features make a website
more favourable than the desktop application. Major features of a website are:
 Easy accessibility
 Easy updating capabilities
 Platform independence
 No problem regarding the inconsistency of versions
1.2
1. Scripting language of client sides: The front-end of any website can be designed using the
scripting language of client sides. There are many different kinds of scripting language of client
sides. They are:
 VBScript: It is Microsoft company developed scripting language that can be used to design
websites having a lightweight code.
 JavaScript: It is one of the most widely used scripting languages that enables users to add
dynamic content to the website.
 jQuery: A user can add a different kind of animations in a website by using the code of
jQuery.
2. Scripting language of server sides: The scripting language of server sides are used to connect
the front end data to the back end database. The database connectivity in a website can be done
with the help of scripting language of server side. Various server side scripting languages are:
 PHP: It is simple to use and very famous scripting language of server side.
6

 ASP.NET: It is .net language based scripting language of server side whose code is totally
similar to the code of .net language for programming.
 JSP: It is a Java-based scripting language that is used for connecting the front end of the
website with the back-end database (Wodehouse, C. 2015).
1.3.
Securing a website is one of the most important concerns in the current world. There are many
outside components that may affect the performance of the website or can try to make vulnerable
changes in the database of the website. All such security concerns must be focused very strictly
for making the website safe and secure.
Most famous security concerns related to a website are:
Phishing: It is a security concern where some outside person attempts to theft the important
information of website users like their email-id, passwords, or their bank details.
Cross Site Scripting (XSS): In this security theft the attacker attempts to manipulate the original
code of the website by adding his own code in the actual code.
SQL Injection: This is one of the most dangerous security vulnerability related to a website. In
this vulnerability, the person tries to make changes in the database of a website by performing
SQL operation of insertion, updation, deletion, etc.
7

L02.
2.1.
The wireframe diagrams of the designed e-commerce website are shown below:
Figure 1: Home page
Figure 1 is the wireframe diagram of the home page of the website. There is an image slider in
the page. The navigation bar contains links like home, men, women, about us, contact us,
register, login and cart. There is also footer in the page.
8

Figure 2: About Us page
Figure 2 is the wireframe of about us page. It shows the details of the company.
Figure 3: Contact Us Page
The contact us page contains a page that user can fill for contacting with the website.
9

Figure 4: Register Page
The register page contains a registration form for the first time user.
Figure 5: Login
The registered user can log in to the system by filling the login form.
10

Figure 6: Men Product page
The men product page shows products of men category.
Figure 7: Women Product Page
11

2.2.
Figure 8: Functionality of client-server
(Source: techdifferences, 2019)
In figure 1, the functionality of the client and server explained. Here the applicability of scripting
languages has been displayed. On client side, there is a browser who fulfils the request of the
client by interacting with them with the help of a browser interface. The request is passed to the
server side over the internet network where on the server side there are various scripting
language of server sides which perform all the tasks.
Three-Tier architecture
12