Student Name /ID Number

Unit Number and Title

10: Website Design & Development

Academic Year

2021-22

Unit Assessor

Assignment Title

Info-Solution Ltd - Development and Training

Issue Date

09/11/2021

Submission Date

IV Name  

Date

Submission Format: Unit 10: Website Design & Development

The submission is in the form of one document/file:

1. An extended handout or detailed report that provides more thorough, evaluated or critically reviewed technical information on all of the topics given in the task. You are required to make use of headings, paragraphs, subsections and illustrations as appropriate, and all work must be supported with research and referenced using the Harvard referencing system.
2. A report needs to be submitted for the rest of the questions apart from ‘HANDOUT’ topics.

Unit Learning Outcomes:

• LO1 Explain server technologies and management services associated with hosting and managing websites.
• LO2 Categorise website technologies, tools and software used to develop websites.
• LO3 Utilise website technologies, tools and techniques with good design principles to create a multipage website
• LO4 Create and use a Test Plan to review the performance and design of a multipage website

Assignment Brief and Guidance:

Info-Solution Ltd is a software development company and also a training provider in different software development tools, techniques and programming languages.

Their work includes, but is not limited to, developing bespoke software packages for clients on various computing hardware and software platforms ranging from Desktop, Mobile-phones, Embedded and Web-based applications. The following are among the types of software packages that they develop: games, multimedia, education and business software.

As a staff member of Info-Solution Ltd you have been asked to initialise, design, develop and deploy an online system to fulfil a client’s needs. You have been assigned a project which involves leading a team of five other staff members. Your task is to create a website for Emarald Group. As an initial step, you have to respond to Emarald Group’s invitation to propose, design and construct a website. Unit 10: Website Design & Development

In responding to the invitation, your manager has given you the option to choose a case study in the following areas:  travel, business, media, sports, or education.

Your proposal should include a discussion of issues relevant to Emarald Group’s use of the website.

Also, Info-Solution Ltd as a staff / tutor of Info-Train Ltd. You have been asked to prepare a handout on ‘WEB-DESIGN and DEVELOPMENT’ concepts

Task1.Create a handout to include each of the following ‘WEB-DESIGN and DEVELOPMENT’ concepts :  

(1 a: LO1):

1. What is DNS, why do we use DNS?
2. What are the types of DNS? What does each type do?
3. What is domain name? Explain how domain names are organised and managed.

(1 b : LO2):

1. JavaScript
2. HTML
3. CSS
4. Twitter Bootstrap
5. AJAX
6. Flash
7. JQuery
8. Node.js
9. PHP
10. ASP.NET
11. MYSQL
12. Relationship between HTML, CSS, JavaScript, PHP, MYSQL
13.  How front end and back end website technologies relate to application layer and  presentation layer

Task 1 c: (LO1): What are the commonly used web development technologies and frameworks available in the market? Give brief explanation of at least five of them. How are the web development technologies and frameworks affecting design, functionality and management of a website? Unit 10: Website Design & Development

Task 2 a:(LO1) Specify the hardware components, operating systems and web server software required to set up a webserver. Also, clearly mention the required operating system, programming languages and communication protocols and the steps followed to design, publish and access a website.

Task 2b:(LO1) Write an analytical explanation of how the performance of the websites are influenced by the use of search engines. Provide evidence of how a site’s index value is affecting the rank through search engine optimisation.

Task 3a(LO2).  What is a custom-built website? What is an online website creation tool? Compare and contrast the strengths and weaknesses of websites created by an online website creation tools and custom-built sites considering the following points given below:

1.  design flexibility,
2. performance, functionality,
3. User Experience (UX),
4.  User Interface (UI).

Task 3.b (LO2). Discuss the strengths and weaknesses of different tools and techniques available to design and develop a custom-built website and find the best option you would consider to develop a website. Justify why it is the best option. Unit 10: Website Design & Development

Task 4 (LO1 & LO2). Evaluate the effectiveness of the tools and techniques we can use to realise a custom built website.

You have to prepare a proposal for the website you are intending to make. Your proposal should include a discussion of issues relevant to Diamond Group’s use of the website.

Task 5a) – (LO3)

Design a branded, multipage website according to the needs of a user.

Identify the requirements/purpose of the website and list a set of objectives that it must fulfil:

1. State what the website is about and state the target audience.
2. State the content of the site. Briefly describe what sort of pages it will contain.
3. Discuss the needs of the user in regards to the website (e.g. complexity, colour etc).
4. Discuss the level of security needed.
5. Discuss the resources required, the costs and the timescale needed to create the website.
6. Produce a series of annotated interface designs/ wireframe (for each webpage). Mention the layout techniques and other relevant information such as the colour schemes, images and material to be displayed on the site.

Task 5 b) – (LO3)

Implement the branded, multipage website according to the design specification made in Task 5a.  Evidence must be shown in the form of a set of screenshots and printed source code. The code must be commented. You must use HTML, CSS & JavaScript (written in NOTEPAD++ or other editors of your choice) to develop your site. [***Using automatic code generator or online web creation tool will not be accepted to complete the task in this assignment***]

Task 5. C) (LO3) Evaluate the effectiveness of implemented multipage website in relation to the interface design/wireframe (for each webpage).

Task 5.d) (LO3) Analyse any technical challenges you may have faced during the process of implementing the multipage website based on the interface design created in Task 5a.

Task 6.a) (LO4) Create a test plan and test your website according to the points listed below (where appropriate).

1. Layout matches design.

2. Browser compatibility.
3. W3C code validation.
4. Links and buttons.
5. Images.
6. Scripts (e.g.: JavaScript)
7. Forms – including validation
8. Security (e.g. login forms with passwords)
9. Error handling

Task 6 b) –(LO4) Write an evaluation to discuss whether your completed/developed website is matching with the recommended design. Review the following areas: Usability, performance & security. Obtain evidence from the client stating their satisfaction level for the produced website and make recommendations for maintenance and improvements.

Task 6 c) –(LO4) Analyze and critically evaluate the actual test result against expected results in your test plan to identify any discrepancies and create a test report based on the test results as a review of the overall success of your multipage website. Use this evaluation to explain the strengths and weaknesses of the website and suggest some improvements in overcoming the weaknesses.

Learning Outcomes and Assessment Criteria - Unit 10: Website Design & Development

Learning Outcome

Pass

Merit

Distinction

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

P1 Identify the purpose and types of DNS, including explanations on how domain names are organised and managed.

M1 Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management.

D1 Justify the tools and techniques chosen to realise a custom built website.

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

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.

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.

D1 Justify the tools and techniques chosen to realise a custom built website.

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.

 M3 Evaluate a range of tools and techniques available to design and develop a custom built website.

D1 Justify the tools and techniques chosen to realise a custom built website.

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

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.

D1 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

P5 Create a design document for a branded, multipage website supported with medium fidelity wireframes and a full set of client and user requirements.

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.

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

 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.