Reference no: EM133263240

Unit 10 Website Design and Development - BTEC HND in Computing

Assignment - Website Design and Development

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 new travel agency "Greenwich Travel Agency (GTA)" is demanding to develop a very basic website to promote its business. Initially, GTA is eager to present only four tourist attractions (including details information e.g. location, nearest hotels and prices, over ground / underground stations, bus services etc.) in the city of London. And, website must be supported by different browser and accessible in differ devices e.g. Mobile, Computer, Tablets. Based on your knowledge and expertise in web development tools/techniques, you have to design, develop a simple easy to use website based on their requirements. The client also wants SEO and content analysis for attracting users. You are free to make any assumptions but your assumptions must be related to travel/tourism business.

The recommendation for designing and developing the website:

1. The Website should have around 3-5 pages, each of those pages should use similar style, so that the pages look like they belong to the same website. And every page must have meaning title and relevant contents. Each HTML page and CSS should pass the W3C validation. You must use at least one style sheet.

2. You should have a 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 colour, front end colour, table, form etc. should be properly managed and organized.

3. Place the Google map in the contact page.

3. Your website should have a customer enquiry form (front-in only, you don't need to write any server- side code or implement it). The enquiry form should contain labels, text boxes, dropdown boxes, radio buttons, check boxes, command buttons, etc.)

4. You can use some multi-media contents e.g. audio, video, flash etc.

Requirements:

1. Collect and analyse 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 with regards to 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 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 custom-built website and online website creation using 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 are available and being used to develop 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 area 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 optimisation (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 optimised website graphics.

Then, you should evaluate the Quality Assurance (QA) process and review how it was implemented during your design and development stages. At 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.