QAC020C153S Web Development Coursework 2: Critical Report

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

QAC020C153S WEB
DEVELOPMENT
COURSEWORK 2: CRITICAL
REPORT
Student name:
Student id:

Contents
Introduction......................................................................................................................................3
Research...........................................................................................................................................4
Usability and accessibility...............................................................................................................5
Further enhancements......................................................................................................................6
Conclusion.......................................................................................................................................7
References........................................................................................................................................8

Introduction
This project was based on a footwear company. The company is called ‘Unique Wears’ which is
situated in Liverpool Street, London. The website is made using languages such as HTML, CSS,
and JavaScript. The platform used for the development of the website is WampServer. In this
report, the project will be evaluated. Various criteria will be evaluated which are used in the
development of the website.

Research
There are various technologies that were used to develop the website.
Designing the website is the most initial step in developing a website. To make a basic sketch or
design of the website, Balsamiq tool was used. This tool is widely used by the developers as it is
very convenient and easy to use (Anand, 2019). The user interface is very smooth and the
deployment options are commendable. Each and every design of pages are made in Balsamiq
tool. These designs help in the development process as it gives an approach to the development
team about the interface of every page on the website.
The most important languages used for developing a website are HTML and CSS. Without these
two languages, one can never develop a website. HTML stands for Hypertext Markup Language.
Documents written in HTML are displayed in the web browser. HTML is the only language
which can display content in a web browser. CSS stands for Cascading Style Sheets. This
language is used as an assistant language with HTML. CSS is used for designing the components
of the HTML. CSS is used for the presentation of data which is written in HTML.
With HTML and CSS, JavaScript is also used various dynamic functionalities in the website.
JavaScript is a high-level language. In HTML, it is used for various purposes like image
manipulation, dynamic changing of the content and validation (Smashing Magazine, 2019). In
this website, JavaScript is used for the smooth scrolling and validation of forms in the website. It
is used in the booking page to validate all the values that are filled in the form. After successful
validating, it submits the order and displays a message that the order is successfully placed.
At last, the code has to be deployed. To deploy the code, WampServer is used. WampServer is a
platform only dedicated to web development. It provides various services like MySQL database,
PHP language, etc. It automatically installs the required components that are used in web
development. It provides a safe place to store your website. Using this server, one can even
implement various functionalities like the connection with the database, running server-end
requests and languages like PHP.

Usability and accessibility
The website stands up to the criteria of usability and accessibility.
 The website is user-friendly. The website is made keeping in mind the target audience.
Various elements in the website are included by taking feedbacks from various people.
The feedback improved the website to make it more user-friendly.
 The website loads very fast (Singh, 2019). This fast loading is very important for a
website. There should not be any delay in the loading of the website. The website is
loaded within 2-3 seconds which adds to the satisfaction of the user.
 The information provided on the website is deep. Wherever information is needed, it is
added to engage users on the website. Every product in every category has its own unique
information. The information includes the cost of the product, the product number, the
name of the shoe, the brand and the description of the product.
 The navigation on the website is clean and simple. The navigation is made user-friendly.
Irrespective of the age group, anyone can navigate to any page without any problem as
the design is simple.
 The color combination is unique and attractive (Jiminez, 2019). There is a color balance
on the website. The color does not interfere in the clarity of the content on the website.
 The website is responsive. The website looks good both in mobile and desktop. The
mobile users don’t have to zoom in on the content, the elements on the website auto
adjust according to the size of the screen in which the website is running. The website
runs smoothly and the user is able to look at the products and book them comfortably.
 The contact page is designed keeping in mind the requirements of the user. The contact
page includes various methods to contact the store. The contact page includes a form for
the visitor if he/she has a query to ask. The contact page also includes a map which tells
the location of the store. It also has the details of the company working hours and address
with phone number and email to provide better reachability to the user.

 Various validations are used to ensure that the user writes correct information. The code
is clean and the errors are handled effectively.
Further enhancements
There are various enhancements that can be added to the website to make the website more user-
friendly and attractive by implementing various functionalities like,
 Including user accounts for better user experience. This may be achieved using PHP
language and MySQL database as the back-end technologies for the website. These
technologies will use WampServer as the platform to handle all the requests.
 Including a payment gateway so that users can from their respective online wallets or
cards to provide hassle-free delivery (Okhrimenko, 2019). Most numbers of people shop
online, and integrating a payment gateway will attract the customers.
 Including a chatbot on the website (Medium, 2019). The chatbot will ask the user their
preferences and redirect them to the specific page they want to see.
 Including web filters so that user can shop according to their choice. Filters are very
important in this type of website as it helps in engaging the user more in the website.

Conclusion
In this report, various criteria have been evaluated. All the details about the design of the
website, the development of the website, testing of the website and the deployment of the
website are evaluated. The website developed is explored critically and the information is
provided above in the report. All the decisions taken for the design and development of the
website are taken correctly. The website is fully functional and is running successfully.

References
Anand, M. (2019). 5 Web Development Steps to Design the Perfect Website. [Online] Digital
Marketing Agency - TIS India Blog. Available at: https://www.tisindia.com/blog/web-
development-steps/ [Accessed 16 Jul. 2019].
Jiminez, D. (2019). 10 Tips That Can Drastically Improve Your Website's User Experience.
[Online] Blog.hubspot.com. Available at: https://blog.hubspot.com/marketing/improve-your-
websites-user-experience [Accessed 16 Jul. 2019].
Medium. (2019). How To Develop a Chatbot From Scratch - Chatbots Magazine. [Online]
Available at: https://chatbotsmagazine.com/how-to-develop-a-chatbot-from-scratch-
62bed1adab8c [Accessed 16 Jul. 2019].
Okhrimenko, O. (2019). How to Integrate a Payment Gateway Into a Website?. [Online]
JustCoded. Available at: https://justcoded.com/blog/how-to-integrate-a-payment-gateway-into-a-
website/ [Accessed 16 Jul. 2019].
Singh, K. (2019). Web Design: 11 Characteristics of a User-Friendly Website. [Online] Social
Media Today. Available at: https://www.socialmediatoday.com/content/web-design-11-
characteristics-user-friendly-website [Accessed 16 Jul. 2019].
Smashing Magazine. (2019). Following A Web Design Process — Smashing Magazine. [Online]
Available at: https://www.smashingmagazine.com/2011/06/following-a-web-design-process/
[Accessed 16 Jul. 2019].