Unit 10 Website Design and Development ICON
Session: September 2021
|Programme title||BTEC HND in Computing|
|Unit number and title||10||Website Design and Development (L4)|
|Assignment number & title||1 of 1||Website Design and Development|
|Assessor (s)||Dr Sanjib Raj Pandey and Md. Anis Sarker|
|Issue Date||8 October 2021|
|Final assignment submission deadline||10-15 January 2022|
|Late submission deadline||17-22 January 2022 The learners are required to follow the strict deadline set by the College for submissions of assignments in accordance with the BTEC level 4 – 7 submission guidelines and College policy on submissions. They should also refer to Merit and Distinction criteria that require evidence of meeting agreed timelines and ability to plan and organise time effectively without which the learner may not expect to receive a higher grade.|
|Feedback||In-class feedback will be available from draft submissions on a taskby-task basis as a formative feedback and also for initial submission. Final feedback will be available within 2 – 3 weeks of the assignment submission date.|
|General Guidelines||• • •||The work you submit must be in your own words. If you use a quote or an illustration from somewhere you must give the source. Include a list of references at the end of your document. You must give all your sources of information. Make sure your work is clearly presented and that you use readily understandable English.|
|•||Wherever possible use a word processor and its “spell-checker”.|
|Signature (IV of the brief) *||MJ||Date||7/10/2021|
ICON College of Technology and Management
BTEC HND in Computing
Unit 10: Website Design and Development (L4) Session: September 2021
Coursework Recommended word limit: 3000
You are strongly advised to read “Preparation guidelines of the Coursework Document” before answering your assignment.
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.
Assume you are working as a web developer in a renowned web application development company. A London-based new Estate Agent named “London Residency Limited (LRL)” is demanding to develop a very basic website to promote its property business. They start selling and renting the new build and old apartments to individual customers. Initially, LRL is eager to present their 5 new build apartments to sell and 10 old houses to rent with detailed information e.g. price, location, number of bedrooms, nearest stations, and additional key features.
A website must be supported by different browsers and access to different devices e.g. Mobile, Computer, Tablets. Based on your knowledge and expertise in web development, you have to design, develop a user interactive 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 the property business.
The recommendation for designing and developing the website:
- You must need to create a design document with appropriate principles and standard guidelines to produce a branded, multipage website before developing the website
- The Website should have around 3-5 pages, 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 and relevant content. Each HTML page and CSS should pass the W3C validation. You must use at least one external style sheet.
- 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 colour, front end colour, table, form, images, etc. should be properly managed and organized.
- You should create a contact us page and place the Google map on the contact page
- You should have a customer inquiry form on your website (only front-end, you don’t have to write any server-side code to store the data) which must have text box, label, combo box, radio button, check box, command button, list box, etc.)
- You should use some multi-media content e.g. audio, video, flash, etc.
NOTE: if you copy any images, sound, video from Google make sure the copyright issue of using these materials so you have to reference the origin of that resource in a comment in your HTML or CSS file.
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.
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.
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.
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 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. 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.
To gain a Pass in a BTEC HND Unit, you must meet ALL the Pass criteria; to gain a Merit, you must meet ALL the Merit and Pass criteria; and to gain a Distinction, you must meet ALL the Distinction, Merit, and Pass criteria
1. Learning Outcomes and Assessment Criteria
|Learning Outcomes and Assessment Criteria|
|LO1 Explain server technologies and management services associated with hosting and managing websites||LO1 & 2 D1 Justify the tools and techniques chosen to realise a custom-built website.|
|P1 Identify the purpose and types of DNS, including explanations on how domain names are organised and managed. P2 Explain the purpose and relationships between communication protocols, server hardware, operating systems and web server software with regards to designing, publishing and accessing a website.||M1 Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management. M2 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|
|P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain how these relate to presentation and application layers. P4 Discuss the differences between online website creation tools and custom-built sites with regards to design flexibility, performance, functionality, User Experience (UX) and User Interface (UI).||M3 Evaluate a range of tools and techniques available to design and develop a custom-built website.|
|LO3 Utilise website technologies, tools and techniques with good design principles to create a multipage website.|
|P5 Create a design document for a branded, multipage website supported with medium-fidelity wireframes and a full set of client and user requirements. P6 Use your design document with appropriate principles, standards and guidelines to produce a branded, multipage website supported with realistic content.||M4 Compare and contrast the multipage website created to the design document.||D2 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.|
|P7 Create a suitable Test Plan identifying key performance areas and use it to review the functionality and performance of your website.||M5 Evaluate the Quality Assurance (QA) process and review how it was implemented during your design and development stages.||D3 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.|
- Preparation guidelines of the Coursework Document
- All coursework must be word processed.
- Document margins must not be more than 2.54 cm (1 inch) or less than 1.9cm (3/4 inch).
- Font size must be within the range of 10 point to 14 point including the headings and body text.
- Standard and commonly used type face such as Times new Roman or Arial etc should be used.
- All figures, graphs and tables must be numbered.
- Material taken from external sources must be properly refereed and cited within the text using
- Do not use Wikipedia as a reference.
- Word limit must be strictly followed.
- Plagiarism and Collusion
Any act of plagiarism or collusion will be seriously dealt with according to the regulations. In this context the definition and scope of plagiarism and collusion are presented below:
Plagiarism is presenting somebody else’s work as your own. It includes copying information directly from the Web or books without referencing the material; submitting joint coursework as an individual effort.
Collusion is copying another student’s coursework; stealing coursework from another student and submitting it as your own work.
Suspected plagiarism or collusion will be investigated and if found to have occurred will be dealt with according to the college procedure. (For details on Plagiarism & Collusion please see the student handbook)
- Initial submission of coursework to the tutors is compulsory in each unit of the course.
- Student must check their assignments on ICON VLE with plagiarism software TurnItIn to make sure the similarity index for their assignment stays within the College approved level. A student can check the similarity index of their assignment three times in the Draft Assignment submission point located in the home page of the ICON VLE.
- All Final coursework must be submitted to the Final submission point into the unit (not to the Tutor). A student would be allowed to submit only once and that is the final submission.Any computer files generated such as program code (software), graphic files that form part of the coursework must be submitted as an attachment to the assignment with all documentation.
- Any computer files generated such as program code (software), graphic files that from part of the coursework must be submitted as an attachment to the assignment with all documentation.
- The student must attach a tutor’s comment in between the cover page and the answer sheets in the case of Resubmission.
- Good practice
Make a backup of your work in different media (hard disk, floppy disk, memory stick etc) to avoid distress for loss or damage of your original copy.
- Extension and Late Submission
- If you need an extension for a valid reason, you must request one using a extenuating circumstances request form available from the college exam office and ICON VLE. Please note that the lecturers do not have the authority to extend the coursework deadlines and therefore do not ask them to award a coursework extension. The completed form must be accompanied by evidence such as a medical certificate in the event of you being sick.
- Late submission will be accepted and marked according to the college procedure. It is noted that late submission may result in grading from PASS.
- Submission deadlines
|Formative feedback||Week 12|
|Final Submission||10-15 January 2022|
|Late submission||17-22 January 2022|
Submit to: Online to the ICON VLE only
Analyse: Break an issue or topic into smaller parts by looking in-depth at each part. Support each part with arguments and evidence for and against (Pros and cons).
Critically Evaluate/Analyse: When you critically evaluate your look at the arguments for and against an issue. You look at the strengths and weaknesses of the arguments. This could be from an article you read in a journal or from a textbook.
Discuss: When you discuss you look at both sides of a discussion. You look at both sides of the argument. Then you look at the reason why it is important (for) then you look at the reason why it is important (against).
Explain: When you explain you must say why it is important or not important.
Evaluate: When you evaluate you look at the arguments for and against an issue.
Identify: When you identify you look at the most important points.