teaching team - school of computing and...

Digital Media Design andDevelopment

CT40082012/13

Nina Reeves

Large print copies of this booklet can be provided on request.We can also arrange production of braille or audio versions.

All rights reserved. No part of this publication may be reproduced, stored or transmittedin any form or by any means, including – but not limited to – photocopy, recording, or any

information storage and retrieval system, without the specific prior written permission ofthe University of Gloucestershire.

CT4008 Digital Media Design and Development

Module Guide 2012/13

Contents

Teaching team 3

Learning outcomes 3

Resources 3

Time Commitment required 4

PDP statement 4

Module schedule 5

Assignment 1 specification 6

Assignment 2 specification 10

Appendix 1 Assignment 2 Criteria grids(complete with your own name, number and tick to show your self assessment)

13

Nina Reeves 2Module Tutor



Teaching team: Nina Reeves (Module Tutor) Zayd JungleeContact via: LC115a Tel: 714261 Internal Moderator: Paul O’Brien

Learning outcomes:A student passing this module should be able to:

1. understand the technical requirements of a specification for digital media for the web,

2. appreciate the need for constructing a prototype representation of a product during the design phase,

3. use an authoring tool based on a timeline metaphor to produce interactive and non-interactive multimedia for delivery via the web,

4. understand the need for evaluating the quality of media from a variety of viewpoints eg: aesthetic quality, technical download efficiency, usability etc.

5. understand the usability implications of synchronising time-based media to events triggered both by user and system,

6. create a portfolio of digital media illustrating a range of concepts and provide an eval-uation of this utilising a range of academic sources, presented using the Harvard ref-erencing system.

ResourcesModule web site: http://moodle.glos.ac.uk which will contain tutorial information, lecture notes and indicative background reading.

Indicative reading:Bennett J. (2005) Design fundamentals for new media. Clifton Park, NY, Thomson Delmar Learning.Evans P. and Thomas M.A. (2004) Exploring the elements of design. Clifton Park, NY, Thomson Delmar Learning.Kuramoto J, Leib G. and Gray D. (2002) The art of cartooning with Flash. San Francisco, CA: Sybex.Landa R. (2006) Graphic Design Solutions. 3rd ed. Clifton Park, NY, Thomson Delmar Learning.Nunn J. and Garside G. (2001) Learn to draw animated cartoons: everything you need to know about drawing animated cartoons. London: Harper-Collins. Williams, R. (2008) Non-Designer's Design book. 2nd ed. Berkeley, CA, Peachpit Press.Williams, R. and Tollet J. (2006) The non-designers’ web book: an easy guide to creating, designing and posting your own website. Berkeley, CA: Peachpit Press.

Explore the services offered by the University’s Learning and Information Services at http://insight.glos.ac.uk/departments/lis/Pages/default.aspx and especially the e-book resources listed here http://insight.glos.ac.uk/departments/lis/resources/Pages/eBooks.aspxLook at MyiLibrary books for really up to date material eg:Rosenzweig, G. (2011) Actionscript 3 Game Programming University. Pearson Education.


http://insight.glos.ac.uk/departments/lis/resources/Pages/eBooks.aspx

http://insight.glos.ac.uk/departments/lis/Pages/default.aspx

http://moodle.glos.ac.uk/



Hardware and SoftwareA range of hardware including Digital Cameras, Camcorders, Microphones, Blue/Green Screen, and Tripods is available from the IT Technicians located adjacent to the labs. Software: Adobe Flash Professional CS6 using Actionscript 3.

Time commitment required1 hour lecture, 2 hours lab session, 5 hours self-study per weekThursday 10:15 LC207

PDP statementStudents will achieve a high level of understanding of multimedia design as well as practical skills in the development of multimedia through the application of a range of tools and techniques. In addition students will have created a variety of material suitable for inclusion in a Personal Development Planning (PDP) Portfolio. Working with others and evaluating a practical project is also included. This will be useful when applying for placement positions after the end of level 5.

Feedback from tutorsAll students are entitled to both formative and summative feedback during the module. Formative feedback is designed to enable you to improve your work/performance and takes many forms. Students will have several opportunities to receive feedback on their progress, e.g. during lab sessions, tutorials or seminars; as part of general feedback in lectures; and where appropriate, one to one sessions with their Academic Review Tutors. Summative feedback is received when your submitted coursework has been marked. As a minimum this will comprise constructive comments from the tutor and a grade.




Module ScheduleWk Topic Practical/Portfolio1 Overview | Introduction to Flash Simple drawing in Flash – Who am I?

(import a photo and use drawing tools to trace salient features – email to NR with name - make an ID game)

2 Basic design principles – Alignment, Proximity Typography and text in Flash

Portfolio 1 Drawing iconic images

3 Basic design principles – Contrast Portfolio 2 LayoutTo explore layout of visual elements – what needs Contrast?

4 Basic design principles – Repetition Portfolio 2 LayoutPlan a screen layout and annotate to show C.R.A.P. principles

5 Animation | motion guides and shape tweening | storyboards

Portfolio 3 Character design & animation Tweens, easing, squash, stretch, skew, timing

6 Portfolio Workshop Portfolio 3 Character design & animation

7 Structured animation | masks Portfolio 3 Character design & animation

8 More on storyboards | Animated walk cycle Portfolio 3 Character design & animation

9 Navigation in Flash with movie clips and buttons

Portfolio 4 Simple scripting (show/hide)

10 Lightbox interactivity Portfolio 5 Interactive Poster

11 Sound in Flash Mid –module evaluation12 Submit Assignment 1 Thu 13 Dec 2012

Christmas vac – 4 weeks17 Publishing Flash on the web Launch Assignment 2 - pairs

18 Perspective drawing in Flash to simulate 3D Develop a 3D environment

19 Video in Flash Storyboard and develop short video clip from existing images and talking head

20 Scripting simple mini games Drag ‘n drop seek | collision detection | keyboard input | tracking the mouse cursor

21 Scripting contd. Check storyboards

22 Assignment Workshop Use for formative feedback

23 External mediaAudacity – audio capture

Load external images and clipsCollect/edit audio clips

24 Optimisation in Flash – load external media Test Prototype for web delivery

25 Gold Cup week Assignment workshop26 Flash for mobile devices Test prototype on a mobile device

Easter Vacation 3 weeks

30 Formative feedback & assignment hints and tips

31 Submit Assignment 2 Wed 24h April 2013




Assignment 1

1. Module code and title CT4008 Digital Media Design and Development

2. Module tutor Nina Reeves

3. Tutor with responsibility for this Assessment

Nina ReevesThis is your first point of contact.

4. (Element number), Weighting, Type and Size of Assessment

001: 50% Coursework: Individual, portfolio 2000 words or equivalent

You will be penalised according to the Academic Regulations for Taught Provision if you exceed the size limit.

5. Submission deadline Thu 13h December 2012

Your attention is drawn to the penalties for late submission; see Academic Regulations for Taught Provision.

6. Arrangements for submission Park Assignment Room

7. Date and location for re-turn of work

18th Jan 2012 Park Assignment Room

8. Students with Disabilities Alternative assessment arrangements may be made, where appropriate, for students with disabilities. However, these will only be implemented upon the advice of the Disability Advisor. Students wishing to be considered for alternative assessment arrangements must give notification of the disability (with evidence) to the Disability Advisor by the published deadlines.

9. University Regulations for Assessment

All assessments are subject to the Academic Regulations for Taught Provision. These include regulations relating to Errors of Attribution and Assessment Offences. In exercising their judgement, Examiners may penalise any work where the standard of English, numeracy or presentation adversely affects the quality of the work, or where the work submitted exceeds the published size or time limits, or where the work fails to follow normal academic conventions for acknowledging sources.




10. The requirements for the assessment

Biofuel Promoter – superhero for the 21st century

“Biofuels are an efficient use of land producing both an important low carbon fuel to replace fossil fuels and also a high protein co-product that can help reduce our dependence on imported protein for animal feeds.” Peter Kendall, NFU President

Vireol (http://www.vireol.com/) is set to become a major wheat-to-ethanol producer and wishes to develop an interactive poster including some media rich content for its website using vector graphics, animation and sound effects to explain the process which is described in this infographic. A more detailed explanation may be found at http://www.vireol.com/project/about-the-process/

The character who explains the process should be a ‘superhero’ (but not copy the Ironman hero above for copyright reasons)

The final product should be 1024x768 resolution. Each task below builds towards the final piece in Portfolio 5. The practical tasks should be supported by a high quality, well-designed portfolio of hard copy material – see special instructions below.

Tutors welcome the opportunity to discuss your creative ideas at the planning stage.

Portfolio 1 – DrawingUse drawing techniques in Flash to produce a set of vector images of iconic aspects of the wheat-to-ethanol process. You may use any appropriate vector drawing techniques, but use of Trace Bitmap will gain a zero mark.

Portfolio 2 – LayoutDemonstrate your understanding of the design principles of Contrast, Repetition, Alignment and Proximity by positioning graphic and text elements on your screen design. Screen grab the map and annotate it in Word to explain what you have done and why.


http://www.vireol.com/project/about-the-process/

http://www.vireol.com/



Portfolio 3 – Character AnimationCreate a ‘superhero’ vector character who will ‘live’ in your interactive poster as a kind of avatar. Use techniques such as tweens, easing, squash, stretch or skew, paying special attention to timing.

Portfolio 4 – Simple scriptingDemonstrate the use of Actionscript 3 so that a user can click on a hotspot and find some further information which may be in text or graphic format.

Portfolio 5 – Interactive posterComplete the interactive poster in a creative way. You should include vector and bitmap images (copyright cleared), audio (voiceover), text and animation. Take care that the bitmap images are of a suitable size and that the image quality is maintained at a screen resolution of 1024x768. The character you created in Portfolio 3 should be included as a movie clip to demonstrate your understanding of the effective structuring of Flash movies. There should be appropriate audio to create the mood or tell the story.

11. Assessment criteriaThe assessment criteria of the Computing courses published in the Courses Guide will be used. The following grade table is a guide to the level of practical content required for the assignments.

Grade Content ClaimTo achieve <30 Some requirements met, but very limited and not

recoverable. Copyright violation. To achieve <40 Deliverables partially complete, e.g. incomplete portfolio of

items or no hard copy or poor quality designs. Inappropriate use of Trace Bitmap

To achieve 40+ All portfolio items attempted. Basic understanding of the design principles demonstrated. Some attempt at integrating media. Some attempt at Contents page.

To achieve 50+ As 40+ with a good quality Contents Page, annotated designs and use of multiple media in Portfolio 5

To achieve 60+ As 50+ with original ideas for designs and evidence of critical reflection.

To achieve 70+ Excellent storyboards and completed product. High quality, aesthetically pleasing, interactive interface designs.

12. Special instructions The CD should be well organised and include ALL files in .FLA format as well as .SWF with associated .HTML format. Failure to submit .FLA will result in a Fail as it is impossible to judge whether the work is genuine.

Contd…




Use a PolyFile with a disc pocket so that your work does not get lost.

Hard copy submission should include: Contents list – well designed (C.R.A.P. principles) with page numbers so that portfolio

items are easy to find. Each individual Portfolio item should have a screen grab/jpg of the item and an

appropriate word-processed rationale or explanation using a font size of 12 and 1½ line spacing. Depending on the Portfolio item, this might be an annotated image showing how you have applied the Design Principles.

Hand drawn character sketches and/or storyboards should be scanned and integrated into the document.

Criteria grid with a tick showing into which grade band you consider your work falls.

NB: NEVER encase each sheet of paper in a plastic sleeve, as it makes commenting impossible.




Assignment 2

1. Module code and title CT4008 Digital Media Design and Development

2. Module tutor Nina Reeves

3. Tutor with responsibility for this Assessment

Nina ReevesThis is your first point of contact.

4. (Element number), Weighting, Type and Size of Assessment

002: 50% Coursework: Portfolio: 2000 words or equivalent

You will be penalised according to the Academic Regulations for Taught Provision if you exceed the size limit.

5. Submission deadline Wed 24h April 2013Your attention is drawn to the penalties for late submission; see Academic Regulations for Taught Provision.

6. Arrangements for submission Park Assignment Room

7. Date and location for re-turn of work

13th June 2013 Park Assignment Room

8. Students with Disabilities Alternative assessment arrangements may be made, where appropriate, for students with disabilities. However, these will only be implemented upon the advice of the Disability Advisor. Students wishing to be considered for alternative assessment arrangements must give notification of the disability (with evidence) to the Disability Advisor by the published deadlines.

9. University Regulations for Assessment

All assessments are subject to the Academic Regulations for Taught Provision. These include regulations relating to Errors of Attribution and Assessment Offences. In exercising their judgement, Examiners may penalise any work where the standard of English, numeracy or presentation adversely affects the quality of the work, or where the work submitted exceeds the published size or time limits, or where the work fails to follow normal academic conventions for acknowledging sources.




10. The requirements for the assessment

Biofuel challenge – will biofuels save the planet?

You must work in a pair to create an interactive, web delivered, multimedia product which allows a user to discover things about the arguments for and against biofuels. You will need to research the topic together – make a note of the references in the Harvard format.

You should aim to make the discovery as intriguing as possible - electronic page turning is a bore and should be avoided! You may like to use the scripting for mini-games (Semester 2 week 20 and 21).

This should be implemented in Flash for use on a PC screen with minimum resolution 1024x768 pixels. You should use 3D into 2D techniques within Flash to create a feeling of place.

The user should be able to navigate the product easily although you can include intriguing “hidden” elements. If you do this, it would be advisable to include some hard copy instructions so that tutors appreciate all your efforts!

Tutors welcome the opportunity to discuss your creative ideas at an early planning stage and week 22 has been set aside for you to show your storyboard planning and get formative feedback.

NB: Remember to make any BITMAP IMAGES suitable for a screen resolution of 1024x768.

11. Assessment criteriaThe grade tables in Appendix 1 are a guide to the level of practical content and evidence of teamwork required for the assignments. Each student should submit a copy of Appendix 1 marked up to show your self assessment/assessment of your partner as a team worker (see 12. Special Instructions).

Note that the overall grade will be determined by the application of the Computing Courses Assessment Criteria.




12. Special instructions

The CD should be well organised and you must submit all fla and swf files used. Write your student numbers on the CD in felt tip pen and use a PolyFile with a disc pocket so that your work does not get lost.

Hard copy documentation should include:

Contents list – well designed (C.R.A.P. principles) with page numbers so that items are easy to find.

Storyboards to demonstrate your planning process should be scanned and incorporated into the documentation,

Product Criteria Grid below indicating into which grade band you think the Product should be assessed.

Evaluation (500 words) supported by suitable academic references.

Each student should also submit an Individual Contribution Criteria Grid (below) assessing the contribution of each person in the pair. This will be used in conjunction with observational data from the practical sessions to weight the marks if necessary. Please ensure that you keep in contact with the tutor during the practical sessions to ensure that the tutor is in full possession of the facts. In extreme cases in the past, it has been necessary to award zero marks if no effort has been made by a member of a group.




Appendix 1 Student name:

Product Criteria Grid Student number:Grade Content ClaimTo achieve <30 Some requirements met, but very limited and not

recoverable. Copyright violation. To achieve <40 Deliverables partially complete, e.g. incomplete product with

poor quality images eg: bitmaps. No progress from assignment 1 piece.

To achieve 40+ Working product with basic navigation. Basic understanding of the scenario of promotional multimedia. Some attempt at integrating media.

To achieve 50+ As 40+ with a range of content, basic AS3 skills and multiple media to create mood or give information. Design suitable for PC delivery. Some attempt at evaluation.

To achieve 60+ As 50+ with original ideas for designs and evidence of design process from storyboard to product. Reasonable evaluation. Good range of Flash features used. Good quality design suited to PC delivery.

To achieve 70+ As 60+ with excellent storyboard and evaluation with suitable references. Creative product idea expressed in an innovative manner. Product suitable for efficient web delivery.

Individual Contribution Criteria GridGrade Content Student Student

self partnerTo achieve <30 Little contribution to the product/evaluation,

very limited and not recoverable. To achieve <40 Some contribution to the design or

implementation in Flash but insufficient to pass without some extra work

To achieve 40+ Adequate contribution to the design or implementation but not consistently given – needed to be encouraged/persuaded to contribute

To achieve 50+ Contributed willingly by suggesting design ideas, implementing parts in Flash and suggesting points for the evaluation

To achieve 60+ Provided a substantial quantity of ideas and practical work for the Flash implementation. Contributed ideas for/wrote up the evaluation. Reliable contributor, enthusiastic team worker.

To achieve 70+ As 60+ with 100% effort to the team product demonstrated - a pleasure to work with!


teaching team - school of computing and...

Documents