Web and Interactive Media Design ms321 (2012/13) - Course Outline - Objective Lecturer The objective of this course is to provide students with applied skills in web and multimedia development and production. Topics may include: advanced HTML; Web and Multimedia development tools (e.g. Dreamweaver, Flash,); multimedia development and production concepts; interaction design; usability; graphics development (e.g. Fireworks, Photoshop); animation; audio and video production and editing; new and emerging topics. Name Office Ext E-mail Dr. Murray Scott Room 367 Cairnes building 5286 murray.scott@nuigalway.ie Day Time Venue Times Lectures: Tues 10am 12pm Room 118 Cairnes building Lab Sessions: tbc tbc Room 242 Cairnes building Upon completion of this course you will be able to: Overall Learning Outcomes Develop practical design skills Apply graphic design theory to the application of practical skills Discuss the key aspects of interactive media development Describe how to improve interactive media usability Discuss contemporary interactive media design and development methods and techniques Identify key aspects of requirements determination issues Design an interactive multimedia system for a business-like application Work as part of a team in developing interactive media applications Format Programme Course Material The course will comprise one two-hour lecture each week across 12 weeks, plus two hours of hands-on computer laboratory sessions across 10 weeks. 2 nd year BSc in Business Information Systems; 3 rd/4th year B.Comm; Visting students A course web site is available at http://blackboard.nuigalway.ie Murray Scott Web and Interactive Media Design ms321 Page 1 of 6
Core Text Secondary Texts Multimedia Concepts and Practice by Stephen McGloughlin, 1 st edn 2001, Prentice Hall ISBN 0-13-018830-1, Price ~ 44 Principles of Interactive Multimedia by Mark Elsom-Cook, 1 st edn 2001, McGraw-Hill ISBN 007-709610-X, Price ~ 48 Web Design Basics by Macromedia Press, 1 st edn 2001, available from NUIG library desk reserve Multimedia Making It Work by Tay Vaughan, 4 th edn 1998, McGraw- Hill, ISBN 0-07882552-0, Price ~ 51 Note: These do not need to be purchased, and are available in the library. 1. Continuous Assessment 1 60% 2. Continuous Assessment 2 40% Assessment Course assessment is based entirely on practical project work. There is no written examination in this subject. There are no weekly tutorial submissions. Students are required to carry out indicated tutorial work, as each subsequent lecture will presume its completion. Signed submission forms for both projects are required from students before 100% of the overall grade can be obtained. Involvement in tutorials carries a significant allocation of project marks. There are two projects: Project 1 is due before 1pm on Friday Week 9 (2 nd November) and will account for 60% of the overall grade. Project 2 is due before 1pm on Friday 7 th December and will account for 40% of the overall grade. Students are required to submit both projects by the relevant deadlines. Details of the projects will be provided only when each project is distributed. Project work is to be carried out in groups of no more than 4 persons. Students may choose their group members. Students will be required to submit a personal assessment report to accompany both projects. This will enable the students to identify their unique contribution to the projects. Workload Credit weighting: 5 ECTS Lecture hours: 24 Tutorial hours: 20 Independent assignment work: 25 Grouped assignment work: 40 Independent study: 16 Associated hours: 0 Examination: 0 Total Student Effort: 125 hours Murray Scott Web and Interactive Media Design ms321 Page 2 of 6
Agenda Topic Week 1: Introduction to Web and Interactive Media Design What is Interactive Media Design and Development Concepts Internet & Multimedia hardware devices Hardware functionality & specifications Media & storage devices Image types Image usage Reading Week 2 Image Development: Fireworks Introduction to Fireworks (interface) Creating of graphics Bitmap editing, Editing vector images, Creating vector objects, Patterns & fills Use of layers Usability issues and Graphics Design Optimisation and exporting of files Fireworks lessons, 1, 2, 3, 6 Week 3: Image Development: Fireworks Creating animated objects Creating buttons Creating image maps User-centred design principles Fireworks lessons, 7, 8, 9 Week 4: Photoshop Introduction to Photoshop (Photoshop interface, opening files, file types) Cleaning up images Selection tools Use of layers Saving and optimisation of images Exporting in different file formats Introduction to use of filters Use of masks and gradients Photoshop Lessons Murray Scott Web and Interactive Media Design ms321 Page 3 of 6
Creating of graphics (using drawing tools) Blending of layers Week 5: Web Design (Dreamweaver) Web and Interactive Media Design ms321 Web page design principles Introduction to HTML Web creation Site Management File Structure Creating hyperlinks Dreamweaver Lessons 1, 2, 3 Lecturer to distribute Project 1 with deadline (60%) Week 6: Web Design (Dreamweaver) Inserting images Using templates Library items Using CSS (stylesheets) Inserting multimedia content Integrating with Flash content Week 7: Web Design (Dreamweaver) Integrating with Fireworks Frames Layers Behaviours Week 8: Animation (Flash) Principles of Animation. Usability and interaction design principles. Graphic Design animation approaches Intro to Flash, Flash lessons, Drawing Tools Dreamweaver Lessons 4, 5, 6 Dreamweaver Lessons Flash Lessons Murray Scott Web and Interactive Media Design ms321 Page 4 of 6
Week 9: Animation (Flash) Introduction to symbols and using the library Characteristic of movieclips (continuous looping, effects) Tweens motion, shape, motion guides Easing Introduction of actionscript code (where to apply code, basic code structure including button coding) Creation of buttons (but not including coding yet) Instance naming Nested movieclips (as introduction of Flash movie structure) Week 10: Structuring Projects (Flash) Use of Labels in navigation Use of scenes Using loadmovie to structure a project (createemptymovieclip) LoadMovieNum to structure a project Week 11 Video and Sound (Flash &Goldwave) Embedding and Streaming video Embedding sound (sound effects and loops) Streaming sound Publish settings Sound production & editing Recording sounds Playing sounds Sound waveform editing Mixing sounds Digital audio Week 12 Publishing Content Publishing movies Creating full screen displays Creating a Quit function Flash Lessons Flash Lessons Flash & Goldwave Lessons Murray Scott Web and Interactive Media Design ms321 Page 5 of 6
Course Material 1. A course web site is accessible on http://blackboard.nuigalway.ie/. This course outline and other information are available on this site. Please visit blackboard and self-enroll for this module as soon as possible. 2. Some lecture materials will be available solely on the network drive under Q:\accountancy and finance\mscott\wimd. These materials will be of use mainly in tutorials. 3. Self-paced e-learning modules will also be made available on certain topics. 4. Backup proprietary manuals on Fireworks, Flash and Dreamweaver (amongst others) are available directly from the NUI Galway library. 5. Trial versions of some of the software used on this course are available from the lecturer. Murray Scott Web and Interactive Media Design ms321 Page 6 of 6