Individual Coursework: Develop a Small Website on a Topic of Your Choice

Task to Do

This is an individual coursework, and no part of this coursework is to be attempted as a group or with the aid of third parties. This coursework requires you to develop a small website about topic of your choice form given list.

You will be provided with some design constraints, but the remainder of any design considerations are up to you. Interactive programming at the client-side is only allowed to be encoded in JavaScript with the jQuery library.

You are NOT allowed to make use of any other code libraries from any other source in your development.

TASK TO DO

Create a small website containing 3 web-pages. The website can be on a topic of your choice. Topics might include:

o a hobby or interest

o favourite places to go in Liverpool (or other city of your choice)

o your favourite football team

o your favourite author/books

o review of favourite computer games

o what you have learned in one of your units this year

Page 1: Will be landing webpage of your website with appropriate name and links to other pages. Add a section/iframe on the right side of page showing images/scenes relevant to your selected topic (e.g. visiting places, football teams etc.,). The images should be shown asynchronously (i.e. without refreshing the page) while changing the display image and moving to next image on continuous interval (e.g. 5 seconds).

Page 2: Must contain a Textual and video description of your selected topic. For example, a short ‘History’ or ‘Explanation’ in a paragraph along with a video clip about your selected topic. Video should not exceed more than 1 minute. There should be a link to next/previous page and some additional links for external websites (e.g. visiting places in that city etc.). You need to add the Text-to-Speech option for the users if they want your description (provided in paragraph) to be read to them verbally.

Page 3: Add a video recording element in this page to provide a functionality to the

user for recording a video message/question/suggestion for you. For the coursework, the recorded video should be downloaded to the user ‘download folder’ upon click  on ‘Download’ button within your webpage. The video element should contain associated

‘Record’, ‘Stop’ and ‘Download’ buttons.

You should:

• Style your website using a single external stylesheet. Do not create a separate stylesheet for each page. Your stylesheet must include styles for layout and formatting. Your page layout should, as a minimum, consist of a header, navigation menu, main content area and footer, all nested within an outer container.
• HTML5 must be used to code the content pages.
• Include links to a couple of relevant external websites (e.g. links for visiting places in selected city).
• Create a menu for internal navigation of your site. Your navigation menu must be implemented using a styled html list.
• Add appropriate and concise comments within the code of your html pages and your css document, to show that you understand your code.
• Implement features to address usability and accessibility. Refer to the lecture slides & tutorials in Canvas.
• Your website should adapt well to different viewport sizes. This can be through good use of percentage widths and floats, or through the implementation of media queries.

The module lecture slides, tutorial and lab exercises should be read and completed before starting this work. You will also find several books in the ‘reading list’ on Canvas that will help you.

- The ‘HTML5 and CSS3’ one especially; “The Essential Guide to HTML5 and CSS3 Web Design’, Grannel, Sumner and Syndinos, 2012, Berkeley.

- JavaScript & jQuery: The Missing Manual, McFarland, 2014, O’Reilly

- Canvas material and links to resources including video tutorials and online practicing tools

Extenuating Circumstances

If something serious happens that means that you will not be able to complete this assignment, you need to contact the module leader as soon as possible. There are a number of things that can be done to help, such as extensions, waivers and alternative assessments, but we can only arrange this if you tell us. To ensure that the system is not abused, you will need to provide some evidence of the problem.