"Digital Media Primer" Yue-Ling Wong,

Copyright (c)2013 by Pearson Education,

Inc. All rights reserved.

1
 Chapter 8
Interactive Multimedia Authoring
with Flash: Animation
Part 1
What is Multimedia Authoring?

2
 In this lecture, you will learn:
• what multimedia authoring is

• the general steps in the multimedia authoring

process

• options for exporting a Adobe Flash movie for

target audience

3
 What is Multimedia Authoring?
Process of multimedia production
– Assembling media elements
– Adding interactivity
– Export project for distribution to end users

• Final product can be:

– played back in a Web browser
– a stand-alone executable

4
Common Types of Multimedia Production

• Business presentations
• Advertising kiosks
• Games
• Educational: training and tutorials

5
 Multimedia Production
• Use a multimedia authoring program

• Computer programming:
– Visual Basics
– C/C++
– JavaScript
– DHTML

6
 Multimedia Authoring Program
• Allow you to combine text, images, audio, video,
animation into an interactive presentation

• May have its own scripting language

– to add interactivity

• Examples:
– Adobe Flash/ActionScript
– Adobe Director/Lingo

7
 Multimedia Production Process
1. Collect media elements
2. Assemble media elements
3. Add interactivity
– By scripting or computer programming
– Example: Use ActionScript in Flash
4. Export the project into a format that your
target audience can play

8
 Media Elements
• Often created outside of the multimedia
authoring program

• In Flash:
– Use pencil and brush tools
– Create vector graphics

9
 Types of Media Elements Supported
by Adobe Flash
• Bitmap images
– Photoshop (PSD), BMP, GIF, JPEG, PNG, TIFF
• Vector graphics
– Flash Movie (SWF), Adobe Illustrator
• Digital Video
– QuickTime (MOV), AVI, Flash Video (FLV)
• Digital Audio
– WAV, MP3, AIFF, AU

10
 Export the Project
• Web playback
• Stand-alone version
• Mobile apps
– AIR app for iOS
– AIR app for Android

11
 Web Version of Flash Movies
• SWF file
• Smaller size than stand-alone
• Playable in a Web browser that has the Flash
player
• Windows, Mac OS, and Linux

12
 Creating a SWF of Flash Movie
File > Publish Settings...

13
 Stand-alone Version
• Also called an executable or app in general
• Also called a projector in Adobe Flash
• Does not require a plug-in to play
• Larger file size than the Web version
• Need to create a separate executable file for
each operating system

14
Creating a Projector of Flash Movie
File > Publish Settings...

15
 Creating an AIR App for iOS
File > AIR for iOS Settings...

16
 Creating an AIR App for iOS
File > AIR for iOS Settings...

To publish for iOS devices, you

would need to provide:
• an iOS certificate
• provisioning profile
• app ID

These require membership in

the Apple iOS Developer
program.

17
 Testing the AIR App on iOS Device
• An .ipa file will be generated after publishing

• To test the app on an iOS device:

1. Copy the .ipa file as an app to iTunes on your
computer
2. Sync to your iOS device

18
Testing the AIR App on iOS Device

Example: The side-scrolling platform game lab example

(from Chapter 11) is modified and published as an AIR
app for iOS running on an iPhone 19
 Creating an AIR App for Android
File > AIR for Android Settings...

To publish for Android devices,

you would need to provide:
• a certificate

The certificate can be created

by clicking on the "Create..."
button.

20
 Testing the AIR App on Android
To test the app on an Android:
• Method 1:
1. Check the options in the section After publishing
2. Your app will run right on your Android device
connected to your computer after the app has
been created

21
 Testing the AIR App on Android
To test the app on an Android:
• Method 2:
1. Email yourself the app as an attachment after
publishing
2. Check your email on your Android phone and
install it

22
Testing the AIR App on Android

Example: The side-scrolling platform game lab example

(from Chapter 11) is modified and published as an AIR
app for Andriod running on an Android 23
User Interaction on PCs vs. Mobile Devices
PCs Mobile Devices
Mouse •Mouse click •No mouse
•Mouse up •Use finger:
•Mouse down tap
•Mouse over swipe
•Mouse out gesture
•Double-click touch up
•Right-click touch down
Keyboard Enter text Enter text
Use of key presses, e.g, use
arrow keys to move the
objects on screen
Multi-touch •Some support multi-touch
•Gesture

24
 Review Questions
Note to instructor:
Depending on your preference, you may want to go
over the review questions at the end of this lecture as
an instant review or at the beginning of next lecture to
refresh students' memory of this lecture.

25
 Review Question
To publish a Flash movie intended for the Web,
you should publish your Flash movie as a ___.

A.SWF
B.projector
C.FLA
D.AIR app for iOS or Android

26
 Review Question
To publish a Flash movie intended as a stand-
alone program for Windows or Mac OS, you
should publish your Flash movie as a ___.

A.SWF
B.projector
C.FLA
D.AIR app for iOS or Android
27