Objectives
This assessment item relates to the course learning outcome numbers 1 and 2.
More specifically, the objective of this assignment is for students to:
· Develop a dynamic Internet application with a consistent look and feel for business using an integrated suite of software tools.
Introduction
You are required to develop the Aussie Stamp Place website using ASP.NET 4.5 and C#. You must develop the web pages according to the specifications given in this document. This means that you must provide the functionality specified, produce the layout specified and use the data and images provided on the course website. This document is a specification that you are required to implement.
Overview of website to be developed
Your website must:
· Use a master page and content pages throughout
· Define and use a consistent theme throughout
· Use a web.sitemap and related navigation controls You are also required to:
· submit a
ief Word document describing what features did and did not work in your website and how you could improve the website.
You are required to develop the following pages:
Web Page
Description
Default.aspx
The home page.
Pages/Default.aspx
Descriptor for top level menu item
Pages/BikeList.aspx
Header and table of Bikes, each Bike has a name, make, year,
engine capacity in cc's, a thumbnail image that links to a large
image.
Pages/BikeCatalogue.aspx
Header and table of Bikes, each Bike has an image of the bike with
a name, make, year, engine capacity in cc's under the image in the
table cell.
About/Default.aspx
The default About page
About/About.aspx
Brief information about the website.
About/ContactUs.aspx
A contact us page with contact information.
You must also create the Web.sitemap and Masterpage.master files, as well as make appropriate edits to the web.config file.
Page 1 of 8
These requirements are discussed in more detail below.
Provided materials – starter kit
To get you started, an assignment starter kit is available from the course Moodle web site. This starter kit contains:
· The Images directory containing all the images required for the assignment
· A StyleSheet to be used for defining website themes
Website structure
The files in your website should be structured in the following way:
BestBikes
Pages
OurRange.aspx
Default.aspx
About
BikeList.aspx
About.aspx
BikeCatalogue.aspx
ContactUs.aspx
default.aspx
Images
MasterPage.Maste
Web.config
Web.sitemap
App_Themes
Web.sitemap
You must construct your web.sitemap to achieve the following menu hierarchy:
Home
Our range
About
Bike list
Bike catalogue
Contact us
About us
The menu items above must map to the following content pages:
Menu item
Content page
Home
~/Default.aspx
Our range
~/Pages/OurRange.aspx
Our range-> Bike list
~/Pages/BikeList.aspx
Our range-> Bike catalogue
~/Pages/BikeCatalogue.aspx
About
~/About/Default.aspx
About -> Contact Us
~/About/ContactUs.aspx
About-> About Us
~/About/About.aspx
Page 2 of 8
Master page
Your master page must achieve the following layout:
Heade
Nav
Aside
Content
Foote
Heade
The header must contain the logo. The actual logo displayed will depend on the theme. Your Colour theme uses a student created logo or can use the supplied headerlogo.jpg. The Monochrome theme uses headerlogo.jpg and is copied from the supplied Stylesheet.css file in the starter kit.
Nav
The Nav div should contain a Menu control. Note:
· The Menu control must obtain its menu items from the Web.sitemap file; menu items should not be hard coded into the TreeView control.
· Your Menu control should not show the top (Home) node.
Aside – menu
The aside will be used in assignment 2 for providing a login area. Cu
ently it will just be used to display some static text.
Foote
The footer contains two other divisions – the copyright and lastupdate divisions. The copyright division should contain a copyright symbol, your name and the cu
ent year, along with the image copyright statement. The lastupdate division should contain the date that the website was last updated. You may hard code this date.
Content pages
The appearance and required functionality of the content pages are described below.
Home page
The default home page should appear as follows to a user when viewed with the Monochrome theme:
Page 3 of 8
Our range
The default Our range page content must appear as follows. Note that for
evity, only the content area is shown.
The initial bike database is shown in the following image.
Page 4 of 8
Our Range – View as List
The View as List page must appear as follows. Note that for
evity, not all the main content area is shown.
Note that:
· A table layout is used.
· The Name, Make, Year and Capacity fields must be as shown, the Thumbnail cell should contain a small image of the stamp and the Larger Image field should contain a hyperlink that when pressed displays a larger version of the image.
Our range – View as catalogue
The View as catalogue page must appear as follows. Note that for
evity, only some of the main content area is shown. As before a table layout is used. Each cell of the table contains and image of the bike, that when clicked causes a page to pop-up with a larger image of the bike. The bikes Name, Make, Year and Capacity fields are displayed below the image as shown.
Page 5 of 8
Themes
The appearance of the website will be controlled by the use of themes. Two themes shall be supported. The first is the Monochrome theme and consists of a copy of the Stylesheet.css style sheet supplied in the starter kit and renamed Monochrome.css. the supplied logo, headerlogo.jpg, found in the starter kits /Images file. The second theme is a Color theme you define yourself. You can re-use the headerlogo.jpg file for the header image. You should modify the supplied using the stylesheet.css file and rename it as the Color.css style sheet.
Word document
You are to prepare a
ief Word document. Your document should:
· Include an appropriate title page.
· List the features you successfully implemented, there is no need to describe them.
· List the features you were unable to successfully implement; you should describe the problem in a few sentences and also
iefly describe anything you attempted to get it to work. Your approach to identifying and attempting to fix these bugs may gain you some partial credit for those features you were unable to implement.
· A description of any additional functionality you believe would be useful to add to this Website. Explain what the features are and how they would help to improve the Website.
· References (if any) listed using the Harvard Referencing Style.
Submission
You are required to submit your assignment electronically via the Moodle course website. You must combine the following files together in a .ZIP or .RAR archive:
· The directory containing your ASP.NET website.
· Your Word document
Page 6 of 8
The resulting archive file should be submitted on the course website. Please note that you should use your student number as the name for the archive file you upload to the Moodle website.
Image copyrights
Important note to students: The images supplied on the course Website for this assignment are only to be used in preparing the solution for this assignment. Use of these images for any other purpose is strictly prohibited in accordance with copyright laws.
Page 7 of 8
Assessment criteria
Assignment
Criteria
Marks
Total
Component
Master page - general
-Layout and general themes as required
1.5
-
Header contains logo
-
Footer is co
ect
Master page -
-
Menu contains co
ect menu items and sub items, i.e. sitemap co
ect
2
Navigation
-
Menu &
eadcrumb sourced from web.sitemap
-
Default page co
ect
Our list
ange pages
-The required fields are on all pages are co
ect
5
-Images are present and work co
ectly on all pages
-Tables display co
ectly on all pages
About pages
-
The pages display and have the co
ect information
0.5
-The theme drop down list is displayed
Theme
-Toggling the theme selection updates the display co
ectly on all
3
pages
-A complete colour theme is supplied
-Lists complete and incomplete stages and describes steps taken to
Word document
incomplete functionality (if applicable)
3
-Suggestions for new functionality
-Discussion of ethical/legal issues
Penalties
Total
15
Comments:
Lecturer’s Signature
Date:
Page 8 of 8