Unit 10 Website Design and Development - BTEC HND in Computing

You are strongly advised to read "Preparation guidelines of the Coursework Document" before answering your assignment.

Objective

This assignment is designed so that it enables the student to demonstrate their understanding of the principles of website design and development covered in the module through the design and development of a website based on the given scenario.

Assignment Scenario

Assume you are working as a web developer in a renowned web application development company. A small restaurant is demanding to develop a new robust website to promote its business. A website must be supported by different browsers and accessible on different devices e.g. Mobile, Desktop, Laptop, Tablet. Based on your knowledge and expertise in web development, you have to design, develop a user interactive website based on their requirements. You are free to make any assumptions but your assumptions must be related to the restaurant/cafe business.

The requirements of the website:

1. Website should have around a minimum of 3 pages, maximum, 5 pages.

2. Each of those pages should use a similar style so that the pages look like they belong to the same website. And every page must have a meaningful title.

3. Each HTML page and CSS should pass the W3C validation. You must use at least one external stylesheet. You can also use an internal stylesheet.

4. You should have consistent navigation for all pages and organize all the pages in a good structure. Your website should be easy to use, easy to read; background color, front end color, table, form, etc. should be properly managed and organized.

5. You must have a user feedback form on your website and also place the Google map on the contact page.

6. You should also have a standard form e.g. Customer Order Form (only front-in, you don't have to write any server-side code) which must have a text box, label, combo box, radio button, check box, command button, list box, etc)

7. You have to use at least one table, must have some appropriate images. You can use some multi-media content e.g. audio, video, flash, etc.

Requirements:

1. Collect and analyze their requirements
2. Investigate and compare appropriate hosting packages for the client
3. Identify the appropriate technologies for designing and developing the website
4. Design the website based on the design principals
5. Develop the website using the state-of-the-art front-end technologies
6. Create a User Acceptance Test Plan for the website

LO1 Explain server technologies and management services associated with hosting and managing websites

The website you will create for this assignment, as every other website, will be identified by a domain name for accessing the website via the World Wide Web and it will be hosted with a web hosting service provider. You are required to identify the purpose and types of Domain Name System (DNS) and also explain how domain names are organised and managed. Web hosting involves software and hardware technologies associated with hosting and managing websites. A number of these technologies are in use in real-world applications. You are required to explain the relationship between domain names, DNS services, and communication protocols used to access a website. Also, include web server hardware, software, and operating systems in your explanation with regards to designing, publishing, and accessing a website. You should also evaluate the impact of different web development technologies and frameworks on website design functionality and management. You are expected to review the influence of search engines on website performance and provide evidence-based support for improving a site's index value and rank through search engine optimisation.

LO2 Categorise website technologies, tools, and software used to develop websites

You are required to discuss the capabilities and relationships between front-end and back-end technologies, and explain how they are related to the presentation layer, client-side and server-side programming to build a User Interface (UI) for effective User Experience (UX). You should discuss the difference between a custom-built website and online website creation using a built-in system by hosting provider; possible advantages, limitations with regards to design flexibility, performance, functionality, User Experience (UX), and User Interface (UI). You would also evaluate various tools and techniques that are available and being used to develop a custom-built website. Finally, justify the tools and techniques chosen to realise a custom-built website.

LO3 Utilise website technologies, tools, and techniques with good design principles to create a multipage website.

You are required to research and create good content combined with good design principles to develop a multipage website based on the above scenario. Identify all the requirements for developing the website and create a design document for a branded, multipage website supported with medium-fidelity wireframes and a full set of client and user requirements. Use your design document with appropriate principles, standards, and guidelines to produce a branded, multipage website supported with realistic content. You should also compare and contrast the multipage website created to the design document. Then, critically evaluate the design and development process against your design document and analyse any technical challenges.

LO4 Create and use a Test Plan to review the performance and design of a multipage website.

After developing the websites, you are required to create a suitable Test Plan identifying key performance areas and use it to review the functionality and performance of your website. E.g. you could consider the following;

• Review how intuitive interfaces and actions, user-friendly designs, appropriate graphics, effective navigation, and good quality content can help establish user trust and deliver an improved User Experience (UX).

• Consider the effects of good and bad search engine optimization (SEO) and indexing on the performance of a website.

• W3C Validation (HTML and CSS) and how it influences website design and performance.

• Assess the impact of poorly optimized website graphics.

Then, you should evaluate the Quality Assurance (QA) process and review how it was implemented during your design and development stages. In the end, you are expected to critically evaluate the results of your Test Plan and include a review of the overall success of your multipage website; use this evaluation to explain any areas of success and provide justified recommendations for areas that require improvement.

Attachment:- Website Design and Development.rar