WD-3 Web Design 3
Deadline: Week 8 - April 4, 2011
50% of total mark for the subject.
HD: High Distinction 80-100, D: Distinction 70-79, C: Credit 60-69, P: Pass 50-59, NC: Not Yet Competent
In order to achieve a HD for this brief you need to:
This project is assessed on an ongoing basis. The development of effective design, layout and scripting is an essential part of this project and it is necessary to achieve a competent grade for the design documents before proceeding on to the production phase of the project.
1. Project Description
jQuery is free, open source software, dual-licensed under the MIT License and the GNU General Public License, Version 2. jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications.
We will be using some of the examples at JQuery Tools (http://flowplayer.org/tools/index.html) to develop an image gallery website that is engaging, looks great and has really interesting interaction. This project focuses on familiarising you with complex interactive elements that are now becoming very common in the current web design industry, and gives you the opportunity to showcase your own work, potentially making an artist's portfolio you can use for your own professional development.
You will be shown examples of scripting and online gallery design in class that will give you an idea of the standard that this assessment task is aiming for. We will be using JQuery elements such as "Scrollable", "Overlay", "Expose", and "Tooltips".
This is an opportunity for you to make an excellent and substantial folio piece demonstrating all of your skills in web design and scripting, as well as your conceptual development of ideas and concepts as shown by the images you use in the gallery, so make the most of this chance!
*** PLEASE NOTE - all image content for this project must be your own, and you must have copyright clearance if using content from another creator (for example in the case of using images of group work).
1. Using storyboards and flowcharting, plan the website on paper . Please keep it simple considering time constraints. The storyboards and flowchart are to be reviewed and approved by the teacher before proceeding with the project development.
NOTE: you must submit your design specification documents in digital format. PDF or image files preferred.
Using HTML, JQuery and any other scripting that you may require, create the interactive image gallery utilising the skills you have learnt.
The image gallery requires the following:
Screen Size: design for 800 X 600 pixel screen or larger (consider the size of the images when viewed in an overlay, expose window, so not too large.
Output: Website including HTML, JS, CSS, image files and other relevant media files required for the complete website project. Complete project must be uploaded to your web folder on the art.tafe server for assessment and user testing.
File Sizes: Optimise your image files for the web (72 dpi JPEG, GIF or PNG format)
4. Assessment Rubric
|5. Production deadlines
It is important that you bring all materials and development work with you to all classes.
Deadline: Week 8 - April 4, 2011
the policy which you will be assessed with please refer to the
Assessment Policy section of your Creative Industries student handbook
or the online copy of the Assessment Policy: