School of Architecture and Built Environment

Course Template

Department of Design and Visual Communications

B.A. Design and Visual Communications
Course DES 355 Multimedia Software, 2Crs: 1 Lecture + 2 Studios
Prerequisite ---
.::. Course Description:

This course provides students with hands-on experience using multimedia software packages in an
electronic design studio environment. Projects give students experience in exploring design and
the creative application of display.

Module Description Weeks

Introduction Introduce Photoshop and Dreamweaver Working 1st
Environment
Adobe Photoshop Planning the Website 2nd
CS4
Building the Mock-up 3rd
Creating simple buttons 4th
Organizing layers 5th
Slicing ad optimizing 6th
Adobe Dreamweaver Creating the pages and linking 7th
CS4
Working with CSS, Creating Effects and enhancing the final 8th
product
Adobe Flash CS4 Working with Graphics 9th
Creating and Editing Symbols 10th
Adding Animation 11th
Creating Interactive Navigation 12th
Working with Sound and Video 13th
Using Components 14th
Publishing Flash Documents 15th
Final Exams Period 16th
.::. Projects:

Students will work on the projects of [DES 215 Web Design].

Also several homework and assignments will be given to students in due time to explore their
level of understanding the softwares given to them.

.::. Learning Outcomes:

a) Knowledge and Understanding

1. Know how to use the software related [Photoshop, Dreamweaver and Flash]
2. Understand the programming languages related to these software [ HTML, CSS,
ActionScript].

b) Professional Skills
3. Use the knowledge and skills attained [as mentioned above] in the process of designing
websites and other multimedia applications.

c) Transferable skills
4. Enhancing the student's technical skills and knowledge of the mentioned softwares.

.::. Teaching Methods:

This course consists of two studio sessions per week, these sessions are composed of:
[ ] Tutorials addressing the software covered in this course
[ ] Studio time to work on the projects and assignments on going.

Students will all sign in to a social network created for them [ http://fusionists.ning.com/]. After
signing in they will have to contribute to this network by videos, images, discussion forums, etc.
Their contribution will be assessed as their course portfolio.

.::. Assessment:

The criteria of assessment are:

[ ] The level of mastering the software and deploying it in the design process.
[ ] The level of exploring the software and applying multiple actions.
[ ] The level of functionality of the product given.

The grading system:

1. Studio Projects: 50 %
Project 1 20%
Project 2 30%

2. Assigned exercises and homework 40%

3. Student's Portfolio [his/ her profile at [Fusionists network]] 10%

Projects and assignments must be submitted on time. No late submittal is accepted except in
cases of emergency and meeting the instructor's and the Dean's approval.
.::. Text Books

:: Lopuck, Lisa, (2006), Web Design for Dummies, Wiley Publishing, 2nd Ed.

.::. References

:: Adobe Creative Team, (2008), Adobe Flash CS4 Professional Classroom in a Book, Adobe Press.
:: Burrough, Xtine & Mandiberg, Michael, (2009), Digital Foundations, Intro to Media Design, New
Riders.
:: Huddleston, Rob, (2008), HTML, XHTML, and CSS: Your visual blueprint for designing effective
Web pages, Visaul Pub.
:: Iuppa, Nick, (2001), Interactive Design for New Media and the Web, Focal Press, 2nd Ed.
:: Smith, Colin and Waters, Crystal,(2002), From Photoshop to Dreamweaver, Friends of ED.

Instructor Arch. Rusaila Bazlamit, M.Sc. Design and Digital Media

Co Instructor Ms. Beesan Arafat, M.A. Screen Design for Film and Television