Web development assignment
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 brief 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 larger 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.Master 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: Header Nav Aside Content Footer Header 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. Currently it will just be used to display some static text. Footer The footer contains two other divisions – the copyright and lastupdate divisions. The copyright division should contain a copyright symbol, your name and the current 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 brevity, 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 brevity, 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 brevity, 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 brief 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 briefly 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 correct Master page - - Menu contains correct menu items and sub items, i.e. sitemap correct 2 Navigation - Menu & breadcrumb sourced from web.sitemap - Default page correct Our list/range pages -The required fields are on all pages are correct 5 -Images are present and work correctly on all pages -Tables display correctly on all pages About pages - The pages display and have the correct information 0.5 -The theme drop down list is displayed Theme -Toggling the theme selection updates the display correctly 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