Reference no: EM132937373

Assessment brief - Front-end Development

INTRODUCTION

This module introduces students to software development by means of building a website from scratch, using a template framework such as Bootstrap. Students will be introduced to the JavaScript programming language, along with HTML and CSS for designing and implementing a solution. These are necessary skills to enable students of the BSc (Hons) Computer Science course to become effective software developers. The focus on requirement elicitation techniques is to develop their skills relating to early, pre-programming, phases of front-end development. Additional programming skills relating to operating systems use, i.e. terminal / command line proficiency and using version control to develop software are also introduced as essential foundational skills required of any aspiring software developer.

Assessment task 1

You are to implement a functioning website for a travel shop, offering differing products, such as flights, hotel bookings, car hire and any associated products you may wish to add. If you do less work in one part of the assignment, your subsequent criteria marks will be reduced in proportion. For example, producing only two web pages or a set of very poor-quality web pages, will reduce the marks for using Git and Validation as well. Your website should cover the following assignment requirements:

Select the user requirement elicitation techniques that would be most suited to gather requirements for the website. Consider the advantages and disadvantages of the techniques, focussing on front end website design only; a requirements specification is not required for an entire system.

Present a formal document, one that you would present to a customer detailing how you would collect the data and the resources required to elicit requirements. Presentation is key; it should be presented in a professional manner.

Design website pages that follow the brief provided. It must consist of at least four different web pages, with working links between them. These must adhere to established user interface design standards, in term of style, presentation and functionality. CSS should be used for styling the web pages and they must all contain appropriate images.

An order cart feature should also be implemented which presents items that can be ordered. The total of items in the cart must also be presented, with the cost of the items, individually and collectively. Account for users being able to order more than one of any item. Users should also be able to remove and add items as desired. The user then must have facility to place an order, having provided the details required to fulfil an order.

There must be at least one form implemented for capturing a user's details. It will adhere to privacy and data protection standards by capturing only that which is necessary and permitted. Validation should ensure that the front end only captures 'clean' data.
You will use a JavaScript based web framework of your choice to implement a range of features to ensure that the website provides a cohesive inclusive experience to a user, who may access it using a mobile or desktop device. Your website will be tested on both types of device. A web framework can be used to assist you in adding such functionally. Address accessibility issues where possible to enable engagement with as large base of users as possible, following published best practice guides.

Using a provided checklist to ensure that your website meets a number of accessibility criteria. Also present the output from an appropriate accessibility evaluation tool and highlight the accessibility issues identified in your work.
Address theses issues and present the issues identified that you correct as a list with the descriptions of the work done.

Document your website, describe how it functions and how each feature works. Also include a technical section, that details the features you have used from the framework selected, how your code handles user input, e.g., validation etc, and any additional code and/or libraries used.

Use of Git is mandatory for this work, the final code part of your submission should be a via a link to a Git repository with your work. Do not make any alterations after the deadline as these will be ignored as the Git history will be examined for the last commit. Preform a final commit and name it so to indicate completion of work. You may use Gitlab for Windows instead of command line Git.

Ensure your HTML and CSS code pass a recognised validator, such as the one offered by W3C.

Presentation:

Remember to make use of academic sources of information such as books, academic papers and academic blogs, to support any assertions and assumptions you make in your assignment. Cite and reference these correctly.

Your submission must take the form of a report. The first page of the report must be a title page which should clearly state your name, your student id, and the exercise details. You must have a header consisting of your name, exercise number and a footer that causes all pages to be numbered in the format x of y (e.g., 2 of 6). The file should be named as follows: Block_5_<first-name>_<surname>.doc, where <first-name> and <surname> are your first name and your surname, respectively.

Comment and document your code. You MUST highlight by commenting where your own code starts and where it ends, wherever you have written original code, for all three types, CSS, HTML and JavaScript.

Code re-use is encouraged, if you do so, you MUST state the source of any code used from another website, using a URL that must be included as a comment. These will count as your citations and must be included in your reference list.

Assessment task 2

You are to present a seven-minute practical demonstration of your work and justify the approaches taken.

Attachment:- Front-end Development.rar