West Coffee Shop

Content

1. Interaction Design with Web Application

2. Server scripting language in terms of configuration
3. Testing Methods of the web application
4. Challenges faced in deployment of web application
1.1 Interaction Design and HCI with West
Coffee Shop Web Application

Simplicity Design should be simple.

Consistency - Background colours and content matched
Compatibility Responsive design for various devices
Design - User friendly and comprehensive
Logic Easy to implement and manage
Design - Colours, theme well balanced and interactive,
use of slides, pop ups messages, drop down menu etc.
1.2 Homepage image of Website

Figure 1: Homepage
Image of menu column

Figure 2: Homepage with drop down menu

Footer image of Website

Figure 3: Footer of website

2.1 Software language used to configure
web app.
Client side server scripts are embedded within HTML.
HTML - html code of the website manages the website design and
its content. i.e. view, content, images and controls such as menu,
buttons and order pages.
CSS (cascading style sheet) to change style, graphics, background-
colour of fonts, content, image size, and overall page look.
Java Script -the user experience and provide dynamic
functionality.
Server-side scripts are used in back end, to configure the process
data to update the site, drop-down menus, uploading images and
updating the website
 1.2 Homepage image of Website
Notepad++ used to edit and modify the CSS file.
Modifications are altered to get the required website for
the West Coffee Shop.

Figure 1: Images of Main page and Order page coding

1.2 Order page coding

Figure 2: Image of Order page coding

3.1Testing Methods of the
web application
Usability testing
Data flow - Tested to see if the navigation between menus, social
icons and web pages
Visibility - Checked the colours and background content matches
User compatibility - Compatibility of the web application tested
by reducing the size of web page, if its compatible with the mobile
device view options in horizontal and vertical.
Errors and competent check - Tested if working when missing
details, and once order is fully completed if the content and result
showing.
3.2 Challenges faced in deployment of web
application
Choosing the right template - Choosing the right template is crucial
as it has to be user friendly design and navigation options.
Design and content has to be user compatible which is lacking in many
of the templates, required to choose correct template
Changing the content, designs was quite difficult to identify as they are
embedded in to CSS files, and aligning the images was time consuming
and difficult.
Meeting the user requirements and expectations were bit hard where
user had to design a logo, menu table, order form and to bring
together and to test if it functional properly.