Multimedia Authoring Multimedia Authoring ProgramsPrograms

Unit DUnit D

2

ObjectivesObjectives

Multimedia Multimedia Authoring Authoring ProgramsProgramsSlide Show Slide Show ProgramsProgramsCard or Book Card or Book Metaphor Metaphor ProgramsProgramsIcon-based Icon-based ProgramsPrograms

3

ObjectivesObjectives

Time-based Time-based ProgramsPrograms

Programming Programming LanguagesLanguages

Scripting Scripting LanguagesLanguages

Web-based Web-based Multimedia Multimedia Development Development ProgramsPrograms

4

Multimedia Authoring Multimedia Authoring Programs TasksPrograms Tasks

Produce content with paint, text, Produce content with paint, text, and animation toolsand animation toolsDesign screen layouts using Design screen layouts using templatestemplatesCreate interactivityCreate interactivityIncorporate text, graphics, Incorporate text, graphics, sound, video and animationsound, video and animationCreate hyperlinksCreate hyperlinks

http://www.course.com

5

Multimedia PresentationsMultimedia Presentations

Presenter and audiencePresenter and audience

Don’t usually use authoring programsDon’t usually use authoring programs

Presenter has control; can have Presenter has control; can have interactivityinteractivity

Similar to slideshows, but more Similar to slideshows, but more sophisticatedsophisticated

Can be developed easily, quickly and Can be developed easily, quickly and inexpensivelyinexpensively

6

Interactive TitlesInteractive Titles

One-on-one situations One-on-one situations (simulations, games)(simulations, games)Users have control for Users have control for interactivityinteractivityPrograms can make Programs can make decisions based on user decisions based on user performance performance Developers must address Developers must address several design, navigation several design, navigation and “what-if” issuesand “what-if” issues

7

How Do You Choose an How Do You Choose an Authoring Program?Authoring Program?

Do they create presentation or interactive Do they create presentation or interactive titles?titles?Which platforms will be used for development Which platforms will be used for development and playback?and playback?What interface will be used?What interface will be used?What features does the package include?What features does the package include?Can the package create Web applications?Can the package create Web applications?What is the learning curve involved?What is the learning curve involved?What is the price?What is the price?

8

Categorizing Multimedia Categorizing Multimedia Authoring SystemsAuthoring Systems

Electronic slide showElectronic slide show

Card stack or book Card stack or book programsprograms

Icon-based programsIcon-based programs

Time-based programsTime-based programs

Based onBased onmetaphor metaphor

usedused

9

Slide Show ProgramsSlide Show Programs

Show slides one at a timeShow slides one at a time

Similar to overhead Similar to overhead transparencies or 35mm slidestransparencies or 35mm slides

Intuitive (simple) systemsIntuitive (simple) systems

Can include multimedia Can include multimedia elements and hyperlinkingelements and hyperlinking

Microsoft PowerPoint and Corel Microsoft PowerPoint and Corel PresentationsPresentations

10

Slide Show ProgramSlide Show Program

InexpensiveInexpensive

Easy to learnEasy to learn

Easy to useEasy to use

Provide templatesProvide templates

Cross-platform capabilityCross-platform capability

Can play on systems without the Can play on systems without the softwaresoftware

AdvantagesAdvantages

11

Slide Show ProgramSlide Show Program

Mostly linearMostly linear

Mostly non-interactiveMostly non-interactive

Not attractive for interactive titlesNot attractive for interactive titles

DisadvantagesDisadvantages

12

Slide ShowSlide Show

Self-running (through Self-running (through kiosk)kiosk)

Distributed on CD to Distributed on CD to usersusers

Played from InternetPlayed from Internet

Can supplement Can supplement Web-based lecturesWeb-based lectures

DeliveryDelivery

13

Microsoft PowerPoint TermsMicrosoft PowerPoint Terms

Presentation

Slide

Objects

Development environment

14

Microsoft PowerPoint FeaturesMicrosoft PowerPoint Features

Design templatesDesign templates

Auto layoutsAuto layouts

AutoshapesAutoshapes

CustomizationCustomization

AnimationAnimation

MultimediaMultimedia

ViewsViews: normal, outline, sorter, slide : normal, outline, sorter, slide showshow

15

Card or Book Card or Book Metaphor ProgramsMetaphor Programs

Create interactive titlesCreate interactive titles

Advantages:Advantages:– Easy to understand metaphorEasy to understand metaphor– Easy to useEasy to use– Provides templatesProvides templates

Disadvantages:Disadvantages:– Not always cross-platformNot always cross-platform– Some program features not Some program features not

very powerfulvery powerful

16

Hypercard Authoring ProgramHypercard Authoring Program

Developed in 1987 on Apple Developed in 1987 on Apple computerscomputers– Develop cards with different Develop cards with different

elements associated with themelements associated with them– Put cards in stacksPut cards in stacks– Link the cards with buttons to jump Link the cards with buttons to jump

to a different card to a different card

HyperStudio is a more recent HyperStudio is a more recent versionversion

17

Toolbook Authoring ProgramToolbook Authoring Program

Based on a book metaphorBased on a book metaphor

Author level creates the titleAuthor level creates the title

Reader level interacts with the Reader level interacts with the programprogram

Developed by AsymetrixDeveloped by Asymetrix

Easy to useEasy to use

18

How viewer sees itHow viewer sees it

Toolbook ExampleToolbook Example

How developer sees itHow developer sees it

19

Toolbook TermsToolbook Terms

PropertiesProperties

ObjectObject

PagePage

BookBook

20

Toolbook FeaturesToolbook Features

TemplateTemplate

Animation editorAnimation editor

Media PlayerMedia Player

CoachCoach

CatalogCatalog

OpenScriptOpenScript

DistributionDistribution

21

Icon-Based ProgramsIcon-Based Programs

Each icon Each icon representsrepresents– ContentContent– Particular eventParticular event

AdvantageAdvantage: see : see the flow/structure the flow/structure of programof programDisadvantageDisadvantage: : less intuitive, less intuitive, more expensivemore expensive

Flowchart scheme

22

Macromedia Authorware TermsMacromedia Authorware Terms

ApplicationApplicationDesign WindowDesign WindowPresentation Presentation windowwindowFlowchartFlowchartFlowlineFlowlineIconsIconsKnowledge Knowledge objectsobjects

23

Macromedia Authorware Macromedia Authorware FeaturesFeatures

Drag and dropDrag and dropText and graphics editingText and graphics editingText search and spell checkText search and spell checkKnowledge Object wizardKnowledge Object wizardPath animationPath animationData trackingData trackingPackagingPackagingWeb packagerWeb packager

24

Time-Based ProgramsTime-Based Programs

Uses a movie metaphorUses a movie metaphor

Plays movie until an Plays movie until an action causes it to stop action causes it to stop or pauseor pause

Allows branching to Allows branching to another part of movieanother part of movie

User has controlUser has control

25

Macromedia Director TermsMacromedia Director Terms

MovieMovieMovieMovie

Stage WindowStage WindowStage WindowStage Window

Score WindowScore WindowScore WindowScore Window

Cast WindowCast WindowCast WindowCast Window

Cast MembersCast MembersCast MembersCast Members

SpriteSpriteSpriteSprite

ChannelChannelChannelChannel

FramesFramesFramesFrames

LingoLingoLingoLingo

26

Macromedia Director FeaturesMacromedia Director Features

AnimationAnimation

Property inspector windowProperty inspector window

Paint windowPaint window

Cast managerCast manager

ProjectorProjector

File format supportFile format support

Multi-user supportMulti-user support

Web deliveryWeb delivery

27

Programming LanguagesProgramming Languages

Creates programming codeCreates programming code

C++ (most popular)C++ (most popular)

Visual BasicVisual Basic

PerlPerl

Java (Web)Java (Web)

JavaScript (Web)JavaScript (Web)

28

Programming LanguagesProgramming Languages

Advantages:Advantages:–FlexibilityFlexibility–Lets you tailor the applicationLets you tailor the application–Ability to run on different platformsAbility to run on different platforms

Advantages:Advantages:–FlexibilityFlexibility–Lets you tailor the applicationLets you tailor the application–Ability to run on different platformsAbility to run on different platforms

Disadvantages:Disadvantages:–Not specifically designed to create Not specifically designed to create multimedia applicationsmultimedia applications–More difficult and time-consumingMore difficult and time-consuming

Disadvantages:Disadvantages:–Not specifically designed to create Not specifically designed to create multimedia applicationsmultimedia applications–More difficult and time-consumingMore difficult and time-consuming

29

Java LanguageJava Language

Developed by Sun MicrosystemsDeveloped by Sun Microsystems

Capability of being cross-platformCapability of being cross-platform

Can create animations and Can create animations and search databasessearch databases

Can extend functionality of HTML Can extend functionality of HTML with Java appletswith Java applets

30

Java AppletsJava Applets

Small programs developed Small programs developed for a specific purposefor a specific purpose

Can be shared with other Can be shared with other applications, especially on applications, especially on the Webthe Web

Downloaded to user Downloaded to user machine from Web servermachine from Web server

31

Java AppletsJava Applets

Can create your own if Can create your own if you are an expertyou are an expert

Custom codes Custom codes available from:available from:– User groupsUser groups– Sun Microsystems & other Sun Microsystems & other

developersdevelopers– Third-party developersThird-party developers– Free from the WebFree from the Web

32

Java Applet ExampleJava Applet Example

33

JavaScriptJavaScript

Scripting language for Web Scripting language for Web interactivityinteractivityMouse rolloversMouse rolloversCan interact with a Java Can interact with a Java appletapplet– JavaScript creates dialog boxJavaScript creates dialog box– User enters textUser enters text– Java applet checks the text and Java applet checks the text and

modifies the font to fit on the modifies the font to fit on the screenscreen

34

Common Gateway InterfaceCommon Gateway Interface

CGI is a specification CGI is a specification for programming for programming languageslanguagesPrograms run on the Programs run on the serverserverCan obtain and Can obtain and return information to return information to the userthe userExample: Web Example: Web searchessearches

35

HTMLHTML

Standard for creating web pagesStandard for creating web pagesMarkup (not programming) languageMarkup (not programming) languageUses tags to mark elementsUses tags to mark elementsBrowser interprets these tags to Browser interprets these tags to display the web pagedisplay the web pageMore limited than programming More limited than programming languageslanguagesCannot create multimedia applications, Cannot create multimedia applications, but can incorporate these elements but can incorporate these elements into web pagesinto web pages

36

Scripting LanguagesScripting Languages

A script is program code A script is program code for a specific taskfor a specific taskA script is program code A script is program code for a specific taskfor a specific task

Programming Programming languages that create languages that create scriptsscripts

Programming Programming languages that create languages that create scriptsscripts

37

Scripting Language ExampleScripting Language Example

38

Authoring Programs Authoring Programs and Scriptingand Scripting

Authoring program creates Authoring program creates programming code automaticallyprogramming code automatically

Authoring program has its own Authoring program has its own scripting language forscripting language for– Accessing external media (CD-ROM)Accessing external media (CD-ROM)– Creating interactionCreating interaction– Controlling speed of animation, etc.Controlling speed of animation, etc.

39

Toolbook’s OpenScript Toolbook’s OpenScript ExampleExample

Buttons (action to Buttons (action to take if user clicks take if user clicks on it)on it)

Developer would Developer would select the correct select the correct button on the button on the screen and create screen and create this scriptthis script

to handle buttonClickto handle buttonClick

go to page “Correct”go to page “Correct”

end buttonClickend buttonClick

to handle buttonClickto handle buttonClick

go to page “Correct”go to page “Correct”

end buttonClickend buttonClick

40

Macromedia Director’s Lingo Macromedia Director’s Lingo Rollover ExampleRollover Example

if rollOver(5) thenif rollOver(5) then

put “Roadster” into field “Message”put “Roadster” into field “Message”

end ifend if

if rollOver(5) thenif rollOver(5) then

put “Roadster” into field “Message”put “Roadster” into field “Message”

end ifend if

41

Multimedia Development StepsMultimedia Development Steps

Plan your titlePlan your titleSelect or create your templateSelect or create your templateChoose a layoutChoose a layoutAdd special effectsAdd special effectsAssign propertiesAssign propertiesTest the applicationTest the applicationSave it in appropriate delivery Save it in appropriate delivery formatformat

42

Web-Based Multimedia Web-Based Multimedia Development ProgramsDevelopment Programs

Macromedia uses Shockwave Macromedia uses Shockwave player for Web delivery of player for Web delivery of Director and Flash moviesDirector and Flash movies

Microsoft uses ActiveX Controls Microsoft uses ActiveX Controls for multimedia on the Webfor multimedia on the Web

Most players can be downloaded Most players can be downloaded for freefor free

43

Preparing/Playing Preparing/Playing Director on WebDirector on Web

Step 1:Step 1: Publish in compressed format Publish in compressed format

Step 2:Step 2: Insert compressed file into Insert compressed file into HTML documentHTML document

Step 3:Step 3: movie file and HTML movie file and HTML uploaded to serveruploaded to server

Step 4:Step 4: User views movie on web User views movie on web using Shockwave playerusing Shockwave player

<embed src=“mymovie” width=“200” height=“45”> </embed><embed src=“mymovie” width=“200” height=“45”> </embed>

44

Delivering to the WebDelivering to the Web

Director Director Shockwave Shockwave Studio allows Studio allows CD-ROM, DVD CD-ROM, DVD and Web and Web delivery (Publish delivery (Publish option)option)– Flash delivered on Flash delivered on

WebWeb

Can “Save As Can “Save As Web Page”Web Page”

MacromediaMacromedia

PowerPointPowerPoint

45

HTML Code for AudioHTML Code for Audio

<A HREF=“jazz.wav”><IMG SRC=“sax.gif”></A><A HREF=“jazz.wav”><IMG SRC=“sax.gif”></A>

<BGSOUND SRC=“jazz.wav” loop=5><BGSOUND SRC=“jazz.wav” loop=5>

<EMBED SRC=“jazz.wav” width=144 height=74><EMBED SRC=“jazz.wav” width=144 height=74>

46

Issue: CensorshipIssue: Censorship

Rating software titles, Rating software titles, games, web sitesgames, web sites1996 – Communications 1996 – Communications Decency ActDecency Act– Passed and then overturnedPassed and then overturned

Should multimedia be Should multimedia be censored?censored?Who would control it and Who would control it and how?how?

Multimedia Authoring Multimedia Authoring ProgramsPrograms

EndEnd