PRO version Are you a developer? Try out the HTML to PDF API pdfcrowd.com
Assignment 1: Website Design and Development
Due 9:00am Friday, 21st August 2015, week 5
Introduction
Will Smith, the owner of the local book store, is attempting to setup an online shopping website. He has found a free
online book store template but needs your help to customize and populate it with contents.
Requirements
1. Currently, the online Book Store template provides “home”, “about us”, “book category”, “special books”, “my
account”, “gift”, “search” and “contact” pages, etc. It needs to include AT LEAST the following one web form.
An order form: for customers to place an order for books. The form should include but is not limited to: books
selected, customer contact details (name, phone number, email address, etc.), delivery address (unit
number/street name, city, postal code, etc.), payment methods (credit card number, expiry date, card holder
name, etc.) and gift certificate information (e.g. certificate code) if applicable.
Based on the design of the provided website, you decide what new page to create to accommodate the form. All the
forms must not be ‘active’ at this stage (in assignment 1); hence, if the user clicks on the Submit button, nothing
should happen.
2. The owner Will Smith also wants to use XML to develop a catalogue of all of the stores’ information about books.
In the first step, you are asked to create a sample catalogue including at least twelve (12) books using XML
technologies.
For each book, your XML record shall include at least six (6) child elements and these will be nested with at least 3
PRO version Are you a developer? Try out the HTML to PDF API pdfcrowd.com
levels. The following information is used as a guide only. Feel free to choose your own element names and orders.
<CATALOG>
<PLANT> <!– level 1 nesting –>
<NAME> <!– level 2 nesting –>
<COMMON>Bloodroot</COMMON> <!–level 3 nesting –>
<BOTANICAL>Sanguinaria canadensis</BOTANICAL> <!– level 3 nesting –>
</NAME>
<ZONE>4</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$6.44</PRICE>
<PHOTO>bloodroot.gif</PHOTO>
<URL>bloodroot.html</URL>
</PLANT>
<PLANT>
<NAME>
<COMMON>Columbine</COMMON>
<BOTANICAL>Aquilegia canadensis</BOTANICAL>
</NAME>
<ZONE>3</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$9.35</PRICE>
<PHOTO>columbine.gif</PHOTO>
<URL>columbine.html</URL>
</PLANT>
</CATALOG>
3. In category.html page, based on user-selected category, you should develop XSL to transform the XML catalogue
into HTML5 in an appropriate way. When a user clicks on a link in the translated page, they go to the detailed
PRO version Are you a developer? Try out the HTML to PDF API pdfcrowd.com
HTML5 page of the selected book. Each book has a detailed HTML5 page.
4. Validate all code. (All the web pages must pass the official HTML5 specifications via http://validator.w3.org/ and
CSS specifications via http://jigsaw.w3.org/css-validator/). Currently, the provided templates use XHTML1.0 DTD.
You need to migrate from XHTML1.0 to HTML5.
5. Will Smith has prepared basic website information/details. When populating the website with information/details
(definitely NOT dummy contents generated by Lorem Ipsum site), use appropriate text, colour, and images.
Consider response times and low bandwidth requirements, ie use small file sizes and limit the use of graphics. You
might have to process some images to suit the size and colour requirements of the site. No broken links.
6. Feel free to customize the Book Store template. E.g., add or remove unnecessary links. All information used from
other external sites MUST be acknowledged in Harvard referencing style. FAILURE TO DO SO WILL RESULT IN
LOSS OF MARKS. References can be included in assignment sbumission form or listed on an html reference page
created on your website.
7. Add appropriate and consistent comments throughout the code. Please state your name when files are changed
and the date of change as required by the license of the Book Store software.
8. The following statement MUST be included at the bottom of all web pages developed.
“©Deakin University, School of Information Technology. This web page has been developed as a student
assignment for the unit SIT203: Web Programming. Therefore it is not part of the University’s authorised web site.
DO NOT USE THE INFORMATION CONTAINED ON THIS WEB PAGE IN ANY WAY.”
Submission
This assignment is worth 30% of the overall assessment for this unit: your submissions must use the dropbox that
will be placed in the Assessment folder on CloudDeakin.
DO NOT UPLOAD ANY OF THE CONTENT OF YOUR
WEBSITE TO CLOUDDEAKIN. SUBMIT TO CLOUDDEAKIN ONLY THE URL FOR THE WEBSITE and XML
PRO version Are you a developer? Try out the HTML to PDF API pdfcrowd.com
DOCUMENTS AS REQUIRED.
All the files used within the web site must be placed ‘in’ your public_html folder (or in a suitably-named sub-directory)
on your Deakin student account. The ‘front page’ for your web site should be named ass1.html (or ass1.htm). You
must check that all the internal links work, and that the appropriate files permission have been set, so that there are
no 403 (“Forbidden”) or 404 (“File not found”) server errors.
A typical URL would look like http://www.deakin.edu.au/~shang/sit203/ass1.htm where shang is replaced with
your Deakin username name. You do not have to place the public_html reference in the URL as the server will
automatically default to this directory. Any site hosted by external Web server will NOT be accepted.
Your assignment will be marked after the due date and the assignment result (with comments) will be sent back to
you.
===========ABOUT ASSIGNMENT TASK ===========
AssignmentTask.com provides high-quality assignments help at wide range from Australia – UK & USA academic experts and also guarantees to make sure delivery assignments on time @ reasonable rate. OUR ASSIGNMENT EXPERT WRITERS MAKES EFFORTS TO DELIVER BEST QUALITY ASSIGNMENT HELP, ESSAY HELP, CASE STUDY HELP AND DISSERTATION EDITING HELP on each Order. 100% satisfaction is our primary motto. Our customers get 24 x 7 hours live chat supports.