Computer Science

profileVishal Vij
unit_14-assignment_bratiti.docx

Department of Computing, Maths, Business and Science

Programme Title

BTEC HND/HNC in Computing & Systems Development

Unit Title

Website Design

Unit Number

14 (J/601/1286)

Candidate’s Name:

Assessor’s Name:

Bratati Sinha

Verifier’s Name:

Mr Kamal Verma

Date of IV of Brief:

Signature of IV:

Issue Date:

27.11.2013

Due Date:

05.02.2014

Plagiarism:

Where there is evidence of plagiarism the assignment will be rejected and the candidate will not have an opportunity to re-submit the work. This will, inevitably, jeopardise your chances of completing the unit.

Deadlines:

Work that is not handed in on time will be subject to College policy on late submission of work and may not be graded or marked. This could result in you failing the course unless there are exceptional circumstances which must be explained with evidence to your tutor and agreed by the Curriculum Manager.

Referral of Assignments:

Questions marked “Pxx” need to be completed successfully to achieve a Pass grade. Only then can you achieve a Merit grade by completing the question(s) marked “Mxx”, and a Distinction by completing the question(s) marked “Dxx” in addition to the Merit questions(s). Where this identification of possible higher grades does not exist the general higher grades descriptors, which follow, will apply.

Work not meeting the minimum requirement for pass grade will be referred back to the learner who will have TWO weeks to rectify any shortcoming.

All decisions or grades are subject to internal and/ or external verification and may be modified. If you feel that an assessment decision is unjustified, you are entitled to appeal.

For further details on any of the above please refer to your Course Handbook

P2.1

P2.2

P3.1

P4.1

P4.2

P4.3

P4.4

P4.5

M1

M2

M3

D1

D2

D3

Assignment No. & Title

Learning Outcomes Targeted

Date Issued

Hand In Date

Resubmission Date(s) (if necessary)

Assignment 01- Diamond Group

LO2- Be able to design interactive websites

27.11.2013

LO3 - Be able to implement interactive

websites

27.11.2013

LO4- Be able to test interactive websites

27.11.2013

Candidate’s Declaration: I certify that the work submitted for this assignment is my own and research sources are fully acknowledged.

Candidate’s name:

Candidate’s signature:

Date:

Assessor signature

Date

IV Signature

Date

This sheet, with the assignment brief, must be handed in with your work to the faculty assignment box by 16.00hrs of the final date for submission.

CNWL Logo Magenta Black (1181x1107)

Learning Outcome

Ref. No.

Criteria

Assign. No.

Evidence/ Page No.

Feedback

Met/ Partly Met?

Y/N

Assessor Sig./Date

L02

P 2.1- design an interactive website to meet given requirements

Assignment -01

L02

P2.2- evaluates website design with other users.

Assignment -01

L03

P3.1- implement a fully-functional interactive website using a design specification.

Assignment -01

L04

P4.1 critically review and test the website

Assignment -01

L04

P4.2 analyse actual test results against expected results to identify discrepancies

Assignment -01

L04

P4.3 evaluate independent feedback and make recommendations for improvements

Assignment -01

LO4

P4.4 create onscreen help to assist the users

LO4

P4.5 create documentation for the support and maintenance of the website.

Learning Outcome

Ref. No.

Criteria

Assign. No.

Evidence/ Page No.

Feedback

Met/ Partly Met?

Y/N

Assessor Sig./Date

L02 ,L03

& L04

M1- Identify and apply strategies to find appropriate solutions

Assignment -01

L02, L03

& L04

M2 - Select/design and apply appropriate methods/techniques

Assignment -01

L02, L03

& L04

M3 - Present and communicate appropriate findings

Assignment -01

L02, L03

& L04

D1 - Use critical reflection to evaluate own work and justify valid conclusions

Assignment -01

L02,L03

& L04

D2-Take responsibility for managing  and organising activities

Assignment -01

L02, L03

& L04

D3 - Demonstrate convergent/lateral/creative thinking

Assignment -01

CASE SCENARIO:

WebSol Ltd is a software development company, whose 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 WebSol 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 Diamond Group. As an initial step, you have to respond to Diamond Group’s invitation to propose, design and construct a website.

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 Diamond Group’s use of the website.

Tasks

Task 1: - Design a 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:

• State what the website is about and state the target audience.

• State the content of the site. Briefly describe what sort of pages it will contain.

• Discuss the needs of the user in regards to the website (e.g. complexity, colour etc).

• Discuss the level of security needed.

• Discuss the resources required, the costs and the timescale needed to create the website.

Produce a design for the website using a storyboard method. Produce a series of annotated interface designs. Mention the layout techniques and other relevant information such as the colour schemes, images and material to be displayed on the site. Pseudo code for scripts can be used. [p2.1]

Task 2: Evaluate the website design with other users.

Ask a couple of potential users to look at your design and then ask them to provide constructive feedback via (at least) a questionnaire that you must produce. Consider the changes that were suggested and implement them into your design if they are appropriate. [p2.2]

Task 3:

Implement the website according to the design specification. [P3.1]

Evidence must be shown in the form of a set of screenshots and printed source code. The code must be commented.

The website must have a minimum of seven pages and one of the pages should be an onscreen help page. [P4.4]

You must use HTML, CSS & JavaScript to develop your site.

M2 can be obtained by adding some extra features on the existing WebPages that realistically improves the overall system. Relevant codes and annotated screenshots must be provided along for the added features.

Task 4:

a) Create a test plan and test your website according to the points listed below (where appropriate). [P4.1]

b) Analyze actual test result against expected results to identify any discrepancies and create a test report based on the test results. [P4.2]

Include the following in your test documentation. Testing to be carried out, expected results, actual result, work needed to correct problems & evidence for testing.

· Layout matches design.

· Browser compatibility.

· W3C code validation.

· Links and buttons.

· Images.

· Scripts (e.g.: JavaScript)

· Forms – including validation

· Security (e.g. login forms with passwords)

· Error handling

c) Write an evaluation to discuss whether your completed 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. [P4.3]

D1: can be obtained by writing a strong evaluation that discusses realistic and relevant improvements that could have been made to the overall system.

Task 6: Produce a complete documentation for the implemented website including the help page mentioned and any suggested improvements that could be made to the website and submit it. Provide annotated screenshots where appropriate. [P4.5] [M3]

A high quality report must be submitted on time to achieve D2.

EXTENSION TASK: Realistically extend the given scenario and add other functions that could be implemented into the Website created (e.g. converting Static WebPages Dynamic WebPages) along with relevant screenshots of codes amended, the screenshots of the results/new features added, relevant test plan, test report and evaluation of the new system to achieve D3.

Students are required to do the following:

· The assignment should be submitted with contents page and bibliography (Please provide Harvard referencing).

· A4 size white paper;

· Fonts AriaI size 12

· 3 cm margins on the left hand side and 2.5 cm margins on the right hand side, and 2.0 cm margin at the top and bottom of the pages;

· Double spacing, except in the case of direct quotations which should be single line spaced and indented on both the right and left hand sides (see the examples in the section on referencing);

· A line must be left between each paragraph and paragraphs must not be indented;

· All pages must be numbered. Page numbered in the centre at the bottom of each page; your assignment must be plastic bind only. It is preferable to print your assignment double sided.

· All screenshots, diagrams/figures, tables, source codes need to be clearly explained and where applicable annotated. All the analysis must follow a specific methodology.

· You are required to submit to achieve pass criteria are:

· Identify the requirements/purpose of the website and design the website based on that while meeting the given criteria.

· Design the interactive website using story board.

· Produce a questionnaire to get user feedback evaluate the Web Page design and make necessary changes to the designs based on the feedback given(if they are appropriate).

· Using HTML, CSS and JavaScript implement the design for the above scenario and provide evidence using relevant screenshots and source codes.

· Testing must be done to prove the points given in Task 4. Provide evidence via annotated screenshots and source code (where appropriate).

· Describe your system’s capabilities against user requirements together with discussing possible future improvements without affecting the existing one.

· Analyze actual test result against expected results to identify any discrepancies and create a test report based on the test results.

· Test the implemented website against the design produced. Provide evidence via annotated screenshots and source code (where appropriate).

· Obtain critical feedback from a user of your website and use it to suggest improvements that could be made to the website.

· Develop an onscreen help page to support the users which should be free from technicalities.

· Produce a complete documentation for the implemented website including the help page mentioned and any suggested improvements that could be made to the website and submit it.

Spelling

Use U.K. English spellings unless using a direct quotation from a non-U.K. English source (e.g., U.S. English journal). Also, in the references, use the original spellings of journals (e.g., Journal of Sport Behavior rather than Journal of Sport Behaviour).

· Text, diagrams and tables copied from online sources and/books needs to be referenced using quotation marks and page numbers and date.

· Copies

You must retain a copy of all the assignments and the relevant appendices that you submit. It is important to keep these until after the Examination Board have met and confirmed your assessment grades, which is usually in July of your course end.

· Do not leave submission until last minute, since no extension will be given. Hand in your assignment by 12 noon on the due date (5th February 2014).

Learning Outcomes for Pass criteria

Assessment criteria for pass.

To achieve each outcome a learner must demonstrate the ability to:

Suggested evidence

LO2 Be able to design interactive websites

P2.1- design an interactive website to meet given

requirements

· Identify the requirements/purpose of the website and design the website based on that while meeting the given criteria.

· Design an interactive website using story board.

P2.2 - evaluate website design with other users

· Produce a questionnaire to get user feedback evaluate the Web Page design and make necessary changes to the designs based on the feedback given(if they are appropriate).

LO3: Be able to implement interactive websites

P3.1 implement a fully-functional interactive website

using a design specification.

· Using HTML, CSS and JavaScript implement the design for the above scenario and provide evidence using relevant screenshots and source codes.

LO4

Be able to test interactive websites

P4.1 critically review and test the website

· Testing must be done to prove the points given in Task 4. Provide evidence via annotated screenshots and source code (where appropriate).

· Describe your system’s capabilities against user requirements together with discussing possible future improvements without affecting the existing one.

P4.2 analyse actual test results against expected results

to identify discrepancies

· Analyze actual test result against expected results to identify any discrepancies and create a test report based on the test results.

· Test the implemented website against the design produced. Provide evidence via annotated screenshots and source code (where appropriate).

P4.3 evaluate independent feedback and make

recommendations for improvements

Obtain critical feedback from a user of your website and use it to suggest improvements that could be made to the website.

P4.4 create onscreen help to assist the users

Develop an onscreen help page to support the users which should be free from technicalities.

P4.5 create documentation for the support and maintenance of the website.

Produce a complete documentation for the implemented website including the help page mentioned and any suggested improvements that could be made to the website and submit it.

Criteria grade (Merit)

Merit descriptors

Indicative characteristics

Suggested evidence

(M1)

Identify and apply strategies to find appropriate solutions

· Effective judgements have been made

· An effective approach to study and research has been applied

· A variety of methods have been used to review the website. For example W3C code validation.

· Multiple forms of user feedback (e.g. survey and interviews).

· Good decisions have been made after the review of the website.

(M2)

Select/design and apply appropriate methods/techniques

· Relevant theories and techniques have been applied.

· A range of methods and techniques have been applied.

· Evidence has been shown that the student has a good understanding of coding websites.

· This can be demonstrated by adding extra coded features to the website after conducting appropriate research.

(M3)

Present and communicate appropriate findings

· A range of methods of presentation have been used and technical language has been accurately used

· The communication is appropriate for familiar and unfamiliar audiences and appropriate media have been used

· Well presented technical documentation and a good user guide.

· User help guide should be free from technicalities

· Good representation of the overall system with sufficient detail.

Criteria grade (Distinction)

Distinction descriptors

Indicative characteristics

Suggested evidence

(D1) Use critical reflection to evaluate own work and justify valid conclusions

Realistic improvements have been proposed against defined characteristics for success

·      A strong evaluation section that discusses realistic and relevant improvements that could have been made to the overall system.

· Comprehensive test plans, test data and testing. All discrepancies between predicted and actual output have been fully and clearly explained.

(D2) Take responsibility for managing  and organising activities

Substantial activities, projects or investigations have been planned, managed and organised and the documentation provided has to be well organised

· This can be evidenced through the completion of a high quality report delivered on time .

· Student has worked independently finding their own solutions to problems encountered.

· Work is well organised and well presented and has been completed within the allotted time span .

(D3) Demonstrate convergent/lateral/creative thinking

· Ideas have been generated and decisions taken

· Innovation and creative thought have been applied

A dynamic website with advanced features has been implemented with evidence that the student has done sufficient research into the relevant implementation methods,

while not affecting the existing system.