DDM - Design for Digital Media
BSBCRT501A - Originate and Develop Concepts
DIPLOMA of Creative Industries (WDCI)

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

(login to the website: username = student; password = student)

Assessment Task 3 - Image gallery website project

Deadlines:

  • Needs analysis: 30/5 (class 14)
  • Design & specification doc: 20/6 (class 17)

 

35% of total mark for the subject.

  • needs analysis document 15%
  • design & specification document 20%


Assessment Grades

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:

  • 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 other methods that combine jQuery. XML and server side scripting languages such as My SQL and PHP.

There are many considerations in designing an image gallery, and a crucial one is designing for your audience and their technical requirements - what kind of device are they using? desktop? mobile? touch screen? This project will involve two stages:

1. developing a needs analysis for an image gallery that must function for both desktop and mobile devices;

2. developing a design specification document that outlines what an image gallery accessible on both desktop and mobile would look like & how it would function.

(Note: you do not have to construct the website, just design it)

 

2. Requirements

Needs Analysis

a) Develop a needs analysis for an image gallery website and the different specifications required for desktop/mobile browsers. Discuss target audience, functionality, usability and UX (user experience).  Demonstrate extensive research and analysis of similar sites. Images to be created in Photoshop (captured from screen and edited in Photoshop), and placed into a Word/OpenOffice document alongside text content. Submit as PDF file.

LLN: written component to include research and analysis of different website design for desktop and mobile browsers (~ 300-500 words).

 

Design Specification

b) Based on the needs analysis, create a design document for a simple HTML5/jQuery site to display images in an interactive and engaging way. Design two interfaces – one for desktop/laptop computer and one for a handheld/mobile device. Give consideration to style, colour, texture, text & layout for the different screen sizes, and consider interaction design for different devices and browser capabilities. You must create your specification document as if you were giving instructions to a web developer to construct it based upon your designs and requirements. Images to be created in Photoshop, and placed into a Word/OpenOffice document alongside text content. Submit as PDF file.

LLN: written component to include research into design and technology required and justification of design choices for an image gallery suitable for both desktop and mobile browsers (~ 300-500 words).

 

3. Specifications

Both documents to be created in Word/OpenOffice, and submitted as PDF.

4. References

See DMM website for references relating to this assessment task.

 

5. Assessment Rubric

Task Advanced Competent Not Yet Competent Learning Outcomes
research and analysis of image galleries Research and analysis shows depth and understanding of the topic. References are properly documented and attributed. Research and analysis shows some understanding of the topic. References are mostly correctly documented and attributed Research and analysis is not adequate to demonstrate understanding of the topic. references are not adequately documented or attributed.

 

  • Demonstrate critical understanding of how design functions in a multimedia production;
  • Utilise creative skills to conceptualise and execute design principles in practical contexts;
  • Identify the process required to execute a design within a specific context;
  • Explain the process required to undertake design research; and
  • Evaluate needs of audience/client groups in design process.

 

needs analysis document development Needs analysis document is of a very high standard, all areas are addressed with detailed description. Text is well written without errors. Needs analysis document is of a competent standard, all areas are addressed at a medium level. Text is mostly well written with few errors. Needs analysis is of a poor standard, not all areas have been covered adequately. Text is poorly written containing many errors.
design specification document development Design specification document is well constructed with a thoughtful and creative response to the brief. Text is well written without errors and graphical content is of a high quality and well labelled. Design specification document is adequately constructed with a competent response to the brief. Text is well written with few errors and graphical content is of a good quality and well labelled. Design specification document is poorly constructed or lacks an adequate response to the brief. Text is poorly written with many errors and graphical content is of a poor quality without adequate labelling.
image production for design specification Image content is engaging, of a high quality and demonstrates a thoughtful and creative response to the brief. Image content is of a competent standard demonstrating some understanding of the brief, and a medium level of creativity. Image content is of a poor quality, does not adequately address the brief or shows a lack of understanding of the brief and does not demonstrate a competent level of creativity.
 

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

  • Needs analysis: 30/5 (class 14)
  • Design & specification doc: 20/6 (class 17)

 

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