1. The site should consist of the following six pages, to be completed and ready for uploading by <date specified by tutor>:

Transcription

1 OCR ITQ LEVEL 2 UNIT 81: WEBSITE SOFTWARE ASSESSMENT: BRADGATE PARK FITNESS PROGRAMME SCENARIO: You are employed as a member of the Web Design Team of Leicestershire County Council and regularly receive briefs for setting up web pages relating to specific areas and provisions rather than general services provided by the Authority. Recently a programme has been developed by the Authority designed to promote health and fitness by encouraging people to regularly visit Leicestershire s country parks and scenic walks. The programme also involves advertising on radio and other news media. Whilst specific references are made to various events and locations, all the advertising is aimed at promoting a healthy lifestyle. So, general references about the virtues of exercise are included in all the advertising and promotions. You have been given the Bradgate Park brief. Alternatively, you may select another location for the brief that would fulfil the objectives of the programme. In order to ensure consistency with other web pages that have already been set up as part of the programme, a set of specific requirements has already been laid down by the member of staff (your internal client ) who initiated the programme. Outside of these requirements you are free to your use your imagination and design skills subject to client agreement. CLIENT REQUIREMENTS 1. The site should consist of the following six pages, to be completed and ready for uploading by <date specified by tutor>: Page 1: Welcome to Bradgate Park and the Activity Programme Page 2: Activities: Walking and running Page 3: Gallery 1: Images to encourage walking in Bradgate Park Page 4: Gallery 2: Images to promote running in Bradgate Park Page 5: Programme (timetable) Page 6: Contact and Find Us 2. Every page must include a navigation bar. 3. A template must be used as a basis for creating the site s Welcome, Activities, Programme and Contact and Find Us web pages. A second template must be used for Gallery 1 and Gallery 2 web pages. The templates must differ in structure. 4. At least one of the pages must have an external link to 5. All assets (including any downloaded maps) must comply with UK copyright law and this must be recognised on the relevant web page(s). 6. To ensure consistency, an external style sheet must be used with an absolute minimum of embedded styles and f inline styles. LALS Centre Devised Assessment Page 1

2 The styles to be used are as follows: Name Font face Size Colour Emphasis Alignment Heading 1 Geneva, Arial, Sansserif 2.0em A colour that blends well with the overall colour palette Bold Left Heading 2 Geneva, Arial, Sansserif 1.6em A colour that blends well with the overall colour palette Bold left Heading 3 Geneva, Arial, Sansserif 1.3em Same as h2 Bold left Body text Georgia, Times, serif 1.0em Black (#000000) none left Copyright notice Georgia, serif Times, 0.8em Black (#000000) none centre Table numeric columns Georgia, serif Times, 1.0em Black (#000000) none centre 7. The web site must contain at least six of the following features: Thumbnails, hot spot(s), downloaded map (ensure free usage), semantic mark-up using html5, modern styling using CSS3, library items, use of background images, animation, video or sound to enhance the user experience. You may decide to use other features to meet the requirement of at least six features please agree this with your tutor before incorporating these features in your web site 8. The web site must be compatible with Internet Explorer 9+, Firefox 7+, and Chrome 8+ RESOURCES The following files will be supplied and the information they contain must be used in the web site. running.txt walking.rtf programme.csv A set of assets, including images of Bradgate Park can be downloaded from <suitable server url> (by and with permission of Roundhill College) and some, or all of these images, may, at your discretion, be used as part of your web site. You may supply your own images. In all cases, both the source and copyright permission must be acknowledged. You must also ensure that any images used have been adjusted to an appropriate resolution. LALS Centre Devised Assessment Page 2

3 CONTENT The client has already prescribed some of the content, see below, but has agreed that the web designer may introduce her/his own text and graphics providing that these are consistent with the programme s objectives. Below is the content that must be included in the web pages that make up the site. Prescribed content in detail (in page number order): 1. Welcome page The file name of the Welcome page should comply with the naming conventions for an opening page. 2. Activities page: Walking and running This page must: Include the text from running.txt and walking.rtf. Contain at least one relevant photographic image of a suitable resolution that is right aligned with text left aligned and wrapped around the image. 3. Gallery 1 page: Includes thumbnail and full size images to encourage walking in Bradgate Park. 4. Gallery 2 page: Includes thumbnail and full size images to promote running in Bradgate Park. Gallery 1 and Gallery 2 pages must be based on a different template to the welcome page. 5. Programme (timetable) page This page must include the data from programme.csv.. The programme lasts for one calendar month 6. Contact and Find Us page A map is required for this page. A form for users to sign up to receive a newsletter. The form must request the user s address, name and ask which activities they are interested in An address (bradgate.active@leics.gov.uk) must be included. All activities start at the main car park at Newtown Linford (or meeting place for alternative site). Normal parking charges are applicable. Activities, apart from charity events, are held every Sunday. Monthly schedule: For the first Sunday in the month, the walking events start at 10:00 am and running events at 12:30 pm. This is then reversed for the next Sunday and the rest of the programme alternates on this basis. This information must be presented in the form of a table. LALS Centre Devised Assessment Page 3

4 TASK 1 Part 1: Planning & Initial Review In the role of the web designer enter the following information on the PLANNING FORM. See page 5 for a condensed version of this form. A statement of the client s objectives and requirements. 1.1 A list of constraints, such as copyright, timescale, file types, quality issues, download time and how these may affect the development of the site Resources required. 1.1 An outline design: Site plan and page templates, access issues The design should provide an overview of the site, include individual page designs, and identify images required for the page designs. Two template designs must also be supplied. Test plan. 3.1 The test plan should list the main accessibility issues that will be addressed when creating the web pages. A schedule of completion dates for the following stages in the production of the site: 1. Outline design and testing plan 2. Initial review with client 3. Production of pages in HTML 4. Final review & testing 5. Uploading: <date specified by tutor> LALS Centre Devised Assessment Page 4

5 PLANNING FORM: FIRST DRAFT WEB DESIGNER: GUIDANCE NOTES IN ITALICS DATE: BRIEF: BRADGATE PARK & ACTIVITY PROGRAMME CLIENT OBJECTIVES: Be as precise as possible CONSTRAINTS: Provide details and include a reference to download times/quality trade offs/connection speeds and implications for planning RESOURCES REQUIRED: Please include a reference to the value of using a pdf formatted file that site visitors could download SITE MAP: Overall view OUTLINE DESIGN TEMPLATE DESIGNS: Two designs PAGE DESIGNS: Outline designs ACCESS ISSUES: List issues addressed TEST PLAN: Test 1: Check all , internal and external links work correctly Test 2: Check for missing alt tags or missing page titles Test 2: Check for spelling mistakes and mistakes in grammar Test 3: Test that the newsletter registration form works Test 4: Upload the website and check in the specified browsers that it is fully operational Deadlines for completion of site: Stage Completion date Outline design and testing plan Initial review with client Compress and organise images, set up site folders and produce web pages Review & testing (links & browser compatibility) Uploading date LALS Centre Devised Assessment Page 5

6 Evidence requirement This document must be saved in your College area in a dedicated folder. Please see your tutor for details. Evidence: LALS Centre Devised Assessment Page 6

7 TASK 2 You are required to submit your PLANNING FORM, first draft, to your internal client for initial client feedback. The client s feedback will be in the form of a memorandum addressed to you. You must take into account this feedback and any changes to your plan must be clearly identified as alterations to the original plan. Submit the completed PLANNING FORM to your client. Arrange a meeting in one week s time with your client in order to review the plan. Produce a revised PLANNING FORM and identify the revisions to the plan by highlighting any changes in red. 2.6 Evidence requirements The memorandum from your client together with the revised PLANNING FORM must be saved in your College area. Note: You must retain the original PLANNING FORM in the College area. This will enable any changes to be measured against the original plan. Evidence: 2.6 LALS Centre Devised Assessment Page 7

8 Part 2: Prepare the folders and files TASK 3 Edit images to meet specifications laid out in page designs. 2.3 Prepare a pdf file on the value of regular exercise. 2.5 Create an appropriate folder structure for the site. Naming conventions for folders must be complied with. 1.8 Place the required source files into their appropriate folders. 1.8 Evidence requirements All folders and their content must be saved in your College area and available for inspection. Evidence: LALS Centre Devised Assessment Page 8

9 TASK 4 Part 3: Translate the plan into a web site You are now required to translate the design - as specified by your revised PLANNING FORM - into a functioning web site, ready for testing and uploading. Please refer to Page 2 for the styles to be used. Create the external style sheet. 1.4 Produce the two templates The external style sheet must be attached to each template The templates should include meta tag information: Name and keywords. Create the pages laid out in your site map Pages must include the prescribed content and have been created using a template. Each page must have a page title, description meta tag and alternative text used for all images. The form must perform an action and contain at least one text box, one button, and one of the following:- radio buttons check boxes drop down list box Evidence requirement The web site must be saved in your College area, available for inspection. Evidence: LALS Centre Devised Assessment Page 9

10 TASK 5 Part 4: Test and review the site 1. Test one of the templates and the external style sheet. Before change Take the following screen shots: Code used for the external style sheet. Activities page in design view. Code used for the template that created the Activities page. Make the change After change Make a change to the template used to create the Activities page Change the font for all headings to Arial, Helvetica, sans-serif Take screen shots showing that the above changes have taken place. 2. Apply the test plan Carry out the tests that are detailed in the revised PLANNING FORM and enter the information on the TEST FORM. See Appendix Provide screen evidence that the tests and any subsequent amendments have taken place Review the site (memorandum format) It is the practice of the Web Design Team to include a review of the site; issues that were encountered and how they were resolved. The team also wish you to explore the possibility of uploading the site to a server that is separate from the main organisation s server. Identify the problems and constraints, both anticipated and unanticipated, that you encountered and how you dealt with these Suggest, with reasons, an appropriate program(s) to upload and publish the web site. 3.3 Evidence requirement All evidence must be saved in your College area, available for inspection. Evidence: LALS Centre Devised Assessment Page 10

11 APPENDIX 1 TEST FORM Test Number Test Type Expected Outcome Actual Outcome Amendments required Retest results LALS Centre Devised Assessment Page 11