CRT - Creative Technologies
Diploma of Creative Industries (WDCI)

Teacher Name - lisa.cianci@vu.edu.au
Class Website - http://lisacianci.vucreativeindustries.com/2012/CRT

 

Assessment Task 3 - Image Gallery Website Project

Deadlines:

  • Website Sketches - class12
  • Website Development - class17

 

50% of total mark for the subject.

  • specification document 10%
  • website development 40%


Assessment Grades

HD 80-100%, D 70-79%, C 60-69%, P 50-59%, N1 40-49%, N2 0-39%

In order to achieve a HD for this brief you need to:

  • Meet all the requirements of the brief
  • Creatively explore ideas and outcomes
  • Have solid justification and reference for design choices
  • No typos or grammatical errors and consistent formatting in any written material
  • Show comprehensive documentation of planning and development
  • Demonstrate good time management skills

 

1. Project Description

The ability to create an image gallery is an essential skill for any web designer. Artists, designers and organisations all use image galleries on their websites to visually communicate their work / product. They are almost a standard component of current websites. There are many styles, formats, and levels of complexity in the design of image galleries. Some are static, some use dynamic systems and server-side code to deliver changeable content. You will find thousands of examples of image galleries online, and also examples and tutorials to assist in the design and development of image galleries. Many of these galleries incorporate a combination of HTML, CSS and Javascript scripting languages to provide interactivity and maximise viewable content in the screen area. jQuery - which is a combination of these three scripting languages has become a popular way of creating image galleries. There are also other methods that combine jQuery. XML and server side scripting languages such as My SQL and PHP.

Students will be provided with sample code examples and shown how to develop a simple website containing an image gallery that utilizes at least one jQeury element such as overlay, tooltips, tabs, etc.

The website will be hand-coded in Dreamweaver and uploaded to a designated web directory for live online access.  The site will be linked to the Wordpress Blog developed in Assessment Task 1.

 

2. Requirements

You will be given demonstrations in class time to construct an image gallery using HTML, CSS and jQuery. sample code will be provided and instruction for how to implement it.

You will require a minimum of 20 images (of your own content - any theme or subject is OK) in JPG or PNG format and you will be required to create thumbnails for these images.

 

3. Specifications

  • Concept statement for Image Gallery theme & research for overall design (500 - 1000 words)
    LLN COMPONENT - WRITING SPECIFICATION CONTENT
  • three sketches of your designs - basic layout, style and colour, fonts, graphics, etc.
  • minimum 20 images of approximately w800px x h600px (you may also choose to use your own video content which must be uploaded to Youtube or Vimeo)
  • thumbnails of your selected images/video at approximately 160 x 120 px
  • any other graphics, background imagery, navigational elements required to complete your image gallery according to your designs
  • will be using dreamweaver and jQuery code provided to construct image gallery using the overlay feature

 

4. References

 

Refer to CRT website for source materials and references

 

5. Assessment Rubric

Task Advanced Competent Not Yet Competent Learning Outcomes
Concept, Research and Design Sketches Content demonstrates a high level of design skill with advanced research and planning Content demonstrates a competent level of design skill with adequate research and planning Content not complete or does not demonstrate competent design skill or competent research and planning
  • Demonstrate a foundational knowledge of relevant computer systems and software;

  • Develop a website using a variety of professional tools including industry standard software;

  • Apply basic interface design and usability theory in practical work;

  • Demonstrate competency with existing Internet tools and technologies.

Coding skills and technique with jQuery/HTML/CSS demonstrate a high level of skill with scripting languages used demonstrate a competent level of skill with scripting languages used content does not demonstrate a competent level of skill with scripting languages used
Creativity and aesthetics content shows an advanced implementation of creativity and aesthetics content shows a competent implementation of creativity and aesthetics content not complete or does not show an adequate implementation of creativity and aesthetics
Demonstrate ability to work effectively to demands of media  demonstrate a high level of ability to meet the demands of the media and the requirements of the brief demonstrate a competent level of ability to meet the demands of the media and the requirements of the brief does not demonstrate adequate ability to meet the demands of the media or the requirements of the brief
Bug free code, functional image gallery with jQuery Website is bug free and fully functional Website is mostly bug free and functional website is not functional due to bugs that have not been tested and corrected

6. Production deadlines
It is important that you bring all materials and development work with you to all classes.
Deadlines:

  • Website Sketches - class12
  • Website Development - class17

 

7. Progressive Assessment

This project is assessed on an ongoing basis. The design of effective navigation and interaction is an essential part of this project and it is necessary to achieve a competent grade for the needs analysis before proceeding to the design phase of the project. If you do not submit adequate work by due dates you will not be able to continue with the task.

For 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:
http://multimedia.tafe.vu.edu.au/studentci/Assessment.cfm