multimedia authoring programs unit d. 2 objectives multimedia authoring programs slide show programs...
TRANSCRIPT
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