Web Application Development Project: Shop Unlimited

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

Web Application Development

Contents
Introduction:...............................................................................................................................3
LO1............................................................................................................................................4
1.1...........................................................................................................................................4
1.2...........................................................................................................................................6
1.3...........................................................................................................................................8
LO2..........................................................................................................................................10
2.1.........................................................................................................................................10
2.2.........................................................................................................................................15
2.3.........................................................................................................................................17
2.4.........................................................................................................................................18
LO3..........................................................................................................................................19
3.1.........................................................................................................................................19
3.2.........................................................................................................................................26
3.3.........................................................................................................................................28
LO4..........................................................................................................................................30
4.1.........................................................................................................................................30
4.2.........................................................................................................................................31
4.3.........................................................................................................................................32
4.4.........................................................................................................................................34
Conclusion:..............................................................................................................................41
References:...............................................................................................................................42
Appendix:.................................................................................................................................43

Introduction:
Web application is the concept to create webpages of a website with using different platform
on client side and server-side scripting language. In the current assignment of web application
development, create a ecommerce platform name as, shop unlimited that provides different
category options to shop for the users. The learning outcomes in the current task is to
understand the concept of web application development with using different functions and
types of web applications. The next outcome is about to check the requirement of the web
application with client side and server-side functionality. Create the alternatives designs as
the solutions on selected platform of Php, Html and CSS. Implement the web application
design with database management in the third part of the report and testing phase include in
the last part with analyse the test results and get users feedback with user documentation.

LO1
1.1
The classification of the web application can be done in different ways as on the basis of
functions, application types, scripting languages and others. The classification of the web
application is based on architecture, components and models. The basic functions of the web
applications are as:
 Web portals: this word refers to the single outlet with multiple features on the internet. A
web portal is used to publish profile, content, financial transactions, email access and
others. a web portal has different types that used to show different features as B2B and
B2C web portal used to show the business process and provide comparison with others.
 Enterprise web apps: it used to fulfil the general needs of the organization as to manage
different challenges and projects, departments and workflow of the staff members of the
organization.
 Business automation web solution: implement solutions using the term of business
automation to change the workflow of the organization. the business automation web
solution helpful for the documentation process in the management and data coordination.
 In the other functions of the web application are like, e-commerce web application with
endnote and microsite (Yaskevich, 2018).
A web application can be used for a different purpose and different types of organization as
for finance, lifestyle and other. It used to develop business by using different factors as:
 Cost-effective management: the system of web application can be accessed using
different languages or the environment. The user interaction required to check the
different browsers with the configuration and versions of different development
platform.
 It is easy to create with some training and learning of a language platform. after
design and create the platform. it is easy to access from anywhere at anytime with
using computer system and internet.
 The system of web application is easy to customizable with the interface of web
application. A web application can be access through tablet and mobile phones.

 The process of web application is easy to install and maintain with all version of the
web application. Improve the interoperability of the applications with integrated the
enterprise systems.
 Increase the web security and workflow in the organization by using the core
technologies and java-based solutions.
 It improves the efficiency with accessibility of the system, online training, research
and direct access are some features or the advantages of the web applications
(magicwebsolutions, 2019).

1.2
Client side and server-side technologies are used to create the web pages of the website. The
client side and server-side technologies are also known as the scripting languages that divide
into types as client and server. The major difference between both the scripting languages is,
that the server involves in the server-side lang. to completes its process. On the other side, the
web browser requires with the client side to run the script of client-side lang. both the lang.
not interact with each other in the complete process. Here is the list of differences between
both the languages.
Server-side lang. Client-side lang.
This lang. works at back end that is not
able to view to the front end.
This is opposite to the server-side as it is
not able to view the server-side users.
To complete the process of server-side it
needs server interaction
It is not required any interaction to
complete the process
The example lang. is, Python, PHP, ruby
on rails, ASP.net and others
The example lang. is JavaScript, CSS
and HTML
It helps to create a dynamic website that
can easily customise
It helps to reduce the server load
This lang. is secure This lang. is not secure
It used to connect with the database that
exists in the webserver
It does not need any database to connect
with the webserver
(Lithmee, 2018)

Figure 1: Client-Server Model
Source: (cloudflare, 2019)
Client-side scripting lang. examples are HTML, CSS and JavaScript, Ajax, VBScript and
other.
 JavaScript: this is the client-side scripting lang. that is a part of the frontend lang. and
used in a framework to design the functionality in the web pages.
 Html & CSS: these technologies are the design blocks of any web page or website. Html
used to create the design as tables, blocks and content of the web page and CSS used to
make attractive the web page with filing colours.
 AJAX: it’s a web development technique that used to design to read data from the
webserver after loading the page. User can also send data to the web server in the
background of the application (W3schools, 2019).
Server-side scripting lang. examples are, C++, Ruby on Rails, PHP, Python with Java and
JSP.
 PHP: it is one of the famous platforms of server-side lang. as more fifty percent of
websites are used to create and run of php. It starts in the year of 2000 and used to create
web pages that is content-based.
 Java: it is most popular lang. in programming world that used to create major websites of
insurance organizations and banks.

 Python: this programming language is best for learning as well as for development. the
syntax of this programming lang. is easy to read & learn (Thor, 2018).
1.3
The concept of web security or the cybersecurity-related to protect the website from different
types of attacks as, DoS, XSS, SQL and others. web security used to protect the website from
malware, blacklisting, defacement and vulnerability exploits. It also related to protecting the
data from SEO spam, session hijacking, stolen, phishing schemes and malicious redirects.
Here are some major security issues as:
 DoS attacks: it is also called as DDoS or distributed denial of services that include
different variety for the attackers to attack the website with its server and infrastructure.
This attack can crash the system or make it slow in process and make the content
inaccessible for the users of the website.
 Blacklisting: it defines with delete the search engine results from the site and shows a
warning mail as the malware to the users.
 Defacement: when the website content replaces with the malicious content, that is known
as the defacement.
 Malware: this is a common threat for any system that is known as the malicious software
in which attackers used to steal the user’s data that is case sensitive and distribute spam
in the complete system.
 Vulnerability exploits: exploits the weak area of the website, where the content and data
of the site used to store.
 In some other web security issues, cross sire scripting, SQL injections, memory
corruption. Buffer overflow, data breach and CSRF (cross-site request forgery)
(cloudflare, 2019).
Create and implement strategies to secure the system from attacks and malware with using
strategies. Here are two methods and strategies that used to secure the website from the
attacks as:
 Resource assignment: Assign all the required resources to the user that helps to the alert
at the time of security attacks in the system with receiving an update or alert to the user.
 Web scanning: different options are available on the internet to scan and download and
these options are good for the vulnerability threats.

 Do a protect payment on each website and don’t save payment information as the card
details on any website.
 Protect the servers by the hosting provider as it required for each website hosting
provider.
 Use the SSL certificate to protect data on the website used to store card details and
transfer it to the server from the website. This is the basic security criteria that should
implement on each website.
 A web scanner firewall application is a good option to implement in the system to secure
from the malicious bots and attacks on the website. This option helps in the attack of
DDoS attacks and vulnerabilities.
 Use an application firewall to reduce the cyberattacks and mitigate the malware and
threats from the website and the user’s system.
 Update the software of the system on regular basis and do not install third party plugin
without confirming the security and authentication. Do the automatic updates of the
application with patch update from the website rather than chose any other platform to
update the applications (Tammany, 2018).

LO2
2.1
Find the requirement to create the website including client and user requirement. Create a
prototype before creating the web design on selected platform and this prototype includes the
sample design of website. The design prototype creates on the Balsamiq software by using
different tools. The designs of the website as given below. The basic user requirement to
create a web application is as:
 Create 4 to 5 designs as the prototype of the web application including all menus.
 Categories all section of products on the menu page.
 Add the functionality to create an account in the form of login and signup.
 Provide an option to buy the product with the add to cart and that is optional.
 The payment more should have different options for the user to pay for the product.
 Add better and attractive pictures for the products.
Figure 2: Home Design
Create the prototype of home design on Balsamiq software that includes different options as,
category of products, menus option with about us, contact us and others.

Figure 3: About Design
Include about us information on the about us page that created on the Balsamiq software with
using different tools.

Figure 4: Contact Design
Create a design of contact us page that includes the information to contact the organization.
Figure 5: Product design 1