INTERNATIONAL DIPLOMA IN

COMPUTER STUDIES

MODULE: DESIGNING AND DEVELOPING A WEBSITE

ASSIGNMENT TITLE: OLD LANE FLOWERS

JUNE 2012

Important Notes:

Please refer to the Assignment Presentation Requirements for advice on how to set out your assignment. These can be found on the NCC Education Campus. Scroll down the left hand side of the screen until you reach Personal Support. Click on this, and then on Policies and Advice. You will find the Assignment Presentation Requirements under the Advice section.

You must familiarise yourself with the NCC Education Academic Dishonesty and Plagiarism Policy and ensure that you acknowledge all the sources which you use in your work. The policy is available on Campus. Follow the instructions above, but click on Policies rather than Advice.

You must complete the ‘Statement and Confirmation of Own Work’. The form is available on the Policies section of Campus. Scroll down the left hand side until you reach Personal Support. Click on this and then click on Policies and Advice.

Please make a note of the recommended word count. You could lose marks if you write 10% more or less than this.

You must submit a paper copy and digital copy (on disk or similarly acceptable medium). Media containing viruses, or media which cannot be run directly, will result in a fail grade being awarded for this module.

All electronic media will be checked for plagiarism. Marker's comments: Moderator's comments: Mark: Moderated Final Mark: Mark:

Designing and Developing a Website June 2012 Formatted © NCC Education 2012

Designing and Developing a Website June 2012 Formatted © NCC Education 2012

Introduction Old Lane Flowers is a small florist business based in the north of England. They have a single shop and sell a range of popular flowers such as roses, lilies, tulips and orchids. They also produce impressive floral designs for weddings, birthdays and funerals, and for seasonal events such as Mother’s day and Christmas. Customers can buy and collect flowers from the shop or can arrange to have flowers delivered to locations in the nearby area. Scenario In recent years Old Lane Flowers have faced increased competition from online florists and supermarkets selling flowers. As a result they have approached you to develop a website that will promote their business. The website will need to provide the following features: • A home page from which it is possible to navigate to the other resources in the website. The home

page will need to quickly communicate the purpose of the site, be visually engaging and provide clear navigation to the rest of the site.

• A page that provides basic information about the business such as opening times and the location of the shop.

• A page that provides information about delivery rates and the areas Old Lane Flowers deliver to. • A series of pages (initially between three and six pages) that show the different flowers and floral

designs that can be ordered. This is a really important part of the website as it will be the main way in which the services of the business will be promoted. Photographs of the floral designs and prices will need to be clearly presented. In the future additional pages will be added so think carefully about the structure and navigation in this part of the site.

• An enquiry form. Although the website won’t provide any eCommerce functionality, Old Lane Flowers would like to provide a way for customers to make enquiries about possible orders. The user will need to be able to enter details such their contact details and the type of flowers or floral design they are interested in ordering. You aren't required to write any code that will process the data entered into this form.

At this initial stage in the development process you are required to make a HTML/CSS prototype of the site that will clearly show Old Lane Flowers how the final site could work. Content (text, delivery rates, images etc.) hasn’t been provided. Suitable content can be found on the web e.g. photos of floral designs. Use creative commons (http://search.creativecommons.org/) or Wikimedia Commons (http://commons.wikimedia.org/wiki/Main_Page) as a starting point to find content. Remember that the content you include in your site must be licensed for re-use. Do not spend excessive amounts of time researching and gathering content. The purpose is to provide a clear indication of how the final site would look and function. The client would provide the actual content at a later point if they are happy with the site you have proposed.

Designing and Developing a Website June 2012 Formatted © NCC Education 2012

Task 1 – HTML (30 Marks) The website must be developed using XHTML 1.0 Strict and feature a minimum of seven interlinked pages. The website must feature the content described above and meet the following criteria: • Be usable in both Internet Explorer and Mozilla Firefox. You should consult your tutor for guidance

on the specific versions of these browsers you should use. • Be viewable on monitors with screen resolutions of 1024x768 without users having to scroll

horizontally. • Integrate and use a range of media appropriately. • Demonstrate good application of web design principles and be easy to navigate and use. Task 2 – CSS (30 Marks) Create a single external CSS file that specifies the design for the website. Each of the HTML pages must link to this CSS file. There should be no use of the style attribute or the <style> element in the website. Task 3 – Test the Website and Write a Test Report (20 Marks) You must use the W3C validation service (http://validator.w3.org/) to check your HTML and CSS code. You should endeavour to remove as many non-compliant features as possible. Make sure ‘show source’ is selected and save the output from this tool. Test the website using both Internet Explorer and Firefox. Record any significant differences between the renderings of the two browsers and attempt to diagnose the cause. You do NOT need to modify your code to correct any differences between browsers. Write a short report describing your testing. Provide a description of any outstanding problems and recommendations for fixing them. The written part of your report should not exceed 500 words. Task 4 – Critical Evaluation (20 Marks) You are required to write a short report (500 words) analysing the website you have submitted. You should highlight the strong and weak aspects of your site, suggest improvements, and propose ideas for further development. This analysis must include a discussion of the accessibility of the site and the ways in which the website has been designed to support mobile users. Guidance Consult with your tutor/lecturer if you are uncertain about any aspects of the assignment. The website must be developed using XHTML 1.0 Strict and CSS. No other technologies should be used. You do not need to write any computer programs for this assignment. You are not required to write or create the content used in the website. Licensed content - text, images and video can be found online. Use creative commons (http://search.creativecommons.org/) or Wikimedia Commons (http://commons.wikimedia.org/wiki/Main_Page) as a starting point to find content. Remember the content you include in your site must be licensed for re-use and you must give appropriate attributions. Do not spend excessive amounts of time researching and gathering content.

Designing and Developing a Website June 2012 Formatted © NCC Education 2012

The purpose of this assignment is to show abilities in web design. Although you should be wary of needlessly adding features, websites that demonstrate a range of HTML features used appropriately have the potential to gain higher marks. For example, a form that features a range of different form elements applied in a useful and relevant way would generally score a higher mark than a simple form that only uses text boxes to gather data. Submission Requirements 1. A word-processed, printed document containing all the written components of the assignment (Tasks

3 and 4) that should be a maximum of 1000 words in total. 2. A copy of all the word-processed material (Tasks 3 and 4) together with the web site (Tasks 1 and 2)

either by email or on CD-ROM. Ensure that the web pages can be viewed directly from the submitted media. Do not submit any server-side code; it is not required for this assignment.

Warning: All media must be virus free! Media containing viruses, or media which cannot be run directly, will result in a FAIL grade being awarded for this module. You must read and understand NCC Education’s policy on ‘Academic Dishonesty and Plagiarism’.

You must complete the ‘Statement and Confirmation of Own Work’ form and attach the completed form to your assignment.