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 J une 2012 Formatted NCC Education 2012


Designing and Developing a Website J une 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 Mothers 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 wont 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.) hasnt 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 J une 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 J une 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 Educations 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.