Web and Interactive Media Design ms321
Web and Interactive Media Design
ms321 (2012/13)
- Course Outline Objective
Lecturer
Times
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
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
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.
Programme
2nd year BSc in Business Information Systems; 3rd/4th year B.Comm; Visting
students
Course
Material
A course web site is available at http://blackboard.nuigalway.ie
Murray Scott | Web and Interactive Media Design | ms321
Page 1 of 6
Web and Interactive Media Design ms321
Core Text
‘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
Secondary
Texts
‘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, McGrawHill, ISBN 0-07882552-0, Price ~€51
Note: These do not need to be purchased, and are available in the library.
1.
2.
Assessment
Workload
Continuous Assessment 1
Continuous Assessment 2
60%
40%
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 (2nd November) and will account for 60% of the
overall grade. Project 2 is due before 1pm on Friday 7th 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.
Credit weighting:
Lecture hours:
Tutorial hours:
Independent assignment work:
Grouped assignment work:
Independent study:
Associated hours:
Examination:
Total Student Effort:
Murray Scott | Web and Interactive Media Design | ms321
5 ECTS
24
20
25
40
16
0
0
125 hours
Page 2 of 6
Web and Interactive Media Design ms321
Agenda
Topic
Reading
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
•
•
•
•
•
•
•
Class Notes on Blackboard
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
Class Notes on Blackboard
Material on Q
Fireworks lessons, 1, 2, 3, 6
Week 3: Image Development: Fireworks
•
•
•
•
Creating animated objects
Creating buttons
Creating image maps
User-centred design principles
Class Notes on Blackboard
Material on Q
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
Murray Scott | Web and Interactive Media Design | ms321
Class Notes on Blackboard
Material on Q
Photoshop Lessons
Page 3 of 6
Web and Interactive Media Design ms321
• Creating of graphics (using drawing
tools)
• Blending of layers
Week 5: Web Design (Dreamweaver)
•
•
•
•
•
•
Web page design principles
Introduction to HTML
Web creation
Site Management
File Structure
Creating hyperlinks
Class Notes on Blackboard
Material on Q
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
Class Notes on Blackboard
Material on Q
Dreamweaver Lessons 4, 5, 6
Class Notes on Blackboard
Material on Q
Dreamweaver Lessons
Week 8: Animation (Flash)
•
•
Principles of Animation. Usability and
interaction design principles. Graphic
Design animation approaches
Intro to Flash, Flash lessons, Drawing
Tools
Murray Scott | Web and Interactive Media Design | ms321
Class Notes on Blackboard
Material on Q
Flash Lessons
Page 4 of 6
Web and Interactive Media Design ms321
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)
Class Notes on Blackboard
Material on Q
Flash Lessons
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
Class Notes on Blackboard
Material on Q
Flash Lessons
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
Class Notes on Blackboard
Material on Q
Flash & Goldwave Lessons
Week 12 Publishing Content
Class Notes on Blackboard
• Publishing movies
• Creating full screen displays
• Creating a Quit function
Murray Scott | Web and Interactive Media Design | ms321
Material on Q
Page 5 of 6
Web and Interactive Media Design ms321
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