42
1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM [email protected] 03-89466537

1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM [email protected] 03-89466537

Embed Size (px)

Citation preview

Page 1: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

1

Introduction to Multimedia

SMM 2005Dr. Rabiah Abdul Kadir

Jabatan Multimedia, FSKTM, UPM

[email protected]

Page 2: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

22

Introduction to Multimedia

Chapter 8

Page 3: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

3

Objectives

How multimedia products are created and authored.

What kinds of multimedia authoring tools you have to choose from to suit your project needs.

How various multimedia authoring tools work.

Page 4: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

4

What is an Authoring Tools

The tools by which various media components are brought together (integrated) into a structure and flow.

Page 5: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

5

Authoring Metaphors

Most media integration tools will take or use one of the following metaphors:

a) Movie screen metaphorb) Slide show metaphorc) Linked screens

Page 6: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

6

Authoring Metaphorsa) Movie screen metaphor

Movie refers to the product of the authoring: Linear/Interactive movie

Also refers to authoring tools paradigm that contains

Cast/Score/Scripting Example: Macromedia Director

Stage

Cast

Score

Page 7: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

7

Authoring Metaphors

b) Slide show metaphor A linear presentation Example: Powerpoint

Page 8: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

8

Authoring Metaphors

c) Linked Screens• A group of scene linked together

Page 9: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

9

Integration Development

Most Authoring tool have the following in their development interface:

1. A list of media events2. Iconic flowchart / timeline3. Card stack4. A series of figures

Page 10: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

10

Integration Development: Flash

1. A list of media events Occurrences of scene, images, sound,action in the

end product.

Page 11: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

11

Integration Development: Flash

2. Iconic flowchart / timeline Controls event sequence.

Page 12: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

12

Integration Development: Flash

3. Card stack (tabs) Easy viewing if there is too many item on screen.

Card stack

Page 13: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

13

Integration Development: Flash

4. A series of figures List of images / objects in the project Information about objects

figures

Page 14: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

14

Categories of Authoring Tools

Can be categorized into1. Presentation packages2. Tools for creating production3. Interactive training and education

Some authoring tools can fit into more than one category.

Page 15: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

15

1. Presentation Software

Enable users to create and deliver business presentations in the form of the slide show.

Each major heading is the beginning of a new slide.

heading

Page 16: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

16

1. Presentation Software

Templates are used to determine how the heads and subheads are formatted and displayed over backgrounds, including: (etc PowerPoint) position size font style color

Page 17: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

17

PowerPoint Interface

templates

Style and format

Page 18: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

18

2. Production Typically oriented toward producing content that is more ambitious than

the slide-show level (more interactive & dynamic)

Usually integrate all types of' multimedia data into a multitrack timeline that determines the evolution of events 

Interactivity takes the form of conditional branching (multiple linking) that can make navigation decisions based on user input and other conditions

Production software creates dynamic content EXAMPLE: mTropolis / AppleMedia

Tool / MediaForge

Page 19: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

19

3. Interactive training and education tools

To create education or training content. Designed primarily to present information in an Interactive

book. Multimedia-oriented programming languages such as Visual

Basic represent another authoring alternative. Offers the higher flexibility, performance speed and power Example: Macromedia Flash, Authorware & Director

Page 20: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

20

Flash Interface

Page 21: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

21

Director Interface

Page 22: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

22

Authorware Interface

Page 23: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

23

Types of Authoring Tools

Card based Icon based Time based Object based

Page 24: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

24

Card Based

Cards are developed that have different elements associated with them.

Cards are put in stack.Cards or pages combine to make up a

book.example of authoring tools

HyperCard (Mac)ToolBook (Mac / Windows)

Page 25: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

25

1. Icon Based

Icons are gathered along the line. Provide visual development. Flow chart is created to show the organisation

of icons or elements: including activity list, results and done with dragging

the icon/elements along the lines each Icon represents a particular event – button,

graphics, text, video examples of authoring tools

Authorware(Mac/Windows) IconAuthor (Windows)

Page 26: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

26

1. Icon Based

Page 27: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

27

2. Time Based

The most popular used.Using “timeline” for organizing activitiesAlso using “framing” – timely adjusted

depending on the frame sizeExample:- Macromedia Director / Flash

(Mac/Windows)

Page 28: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

28

2. Time Based

Macromedia Director

Macromedia Flash

Page 29: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

29

3. Object Based

Support environment based on object. Every object is modified using ‘properties’ &

‘modifiers’ The environment is based on ‘Hierarchy’

(section and sub-section). Examples of the tools :

mTropolis (Mac/Windows) AppleMedia Tool (Mac/Windows) MediaForge (Windows)

Page 30: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

30

3. Object Based

Page 31: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

31

Authoring Capabilities

Authoring tools should possess the following capabilities:

1. Interactivity

2. Playback

3. Editing

4. Programming / Scripting

5. Cross Platform

6. Internet Playability

Page 32: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

32

Authoring Capabilities

1. Interactivity Simple Branching

Ability to jump to any part of the product Eg:- by mouse click, keyboard input

Conditional Branching Ability to jump to any part of products if agreed to certain

condition (statement IF-THEN)

Structured Language complex programming to enable the interactivity and

navigation

Page 33: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

33

Authoring Capabilities

2. Playback Ability to see and to test the ongoing or the

completed project.

3. Distribution / Delivery Able to create a ‘RUN TIME’ mode. This will exclude the need of the authoring

tools during execution.

Page 34: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

34

Playback (timeline / movie tester)

Distribution / Delivery

Page 35: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

35

Authoring Capabilities

4. Editing generally, authoring tools are capable on

text and image editing capable on doing other editing too,

depending on the software used

5. Project Organization FLOWCHARTING and

STORYBOARDING availability this will help on configuring interactivity

Page 36: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

36

Editing

Flowcharting / Storyboarding

Page 37: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

37

Authoring Capabilities

6. Programming Programming used for flexibility. Authoring tools offers an easier and less time

consuming to develop:- Visual Programming - Using icon, button, drag & drop

graphic, audio . Eg: Authorware

Scripting - programming language for authoring tools. Eg: Director = LINGO, Flash = ActionScript

Support basic programming language - C, BASIC to make it more flexible

Document Development Tools Authoring tools that able to merge documents, indexing,

search engine and linking

Page 38: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

38

%%%====================================%%% gensnum( Root, Atom )%%%%%% ==> generate number of sentence %%%====================================gensnum(Root, Atom) :-

get_snum(Root, Num),name(Root, Name1),get_integer(Num, Name2),append(Name1, Name2, Name),name(Atom, Name).

get_snum(Root, Num) :-retract(current_num(Root, Num1)), !,

Num is Num1+1,asserta(current_num(Root, Num)).

get_snum(Root, 1) :- asserta(current_num(Root, 1)). /* first time for this root */

/* Convert from an integer to a list of characters */

get_integer(Int, List) :- get_integer(Int, [], List).get_integer(I, Sofar, [C| Sofar]) :-

I<10, !, C is I+48.get_integer(I, Sofar, List) :-

Tophalf is I//10,Bothalf is I mod 10,C is Bothalf+48,get_integer(Tophalf, [C| Sofar], List).

Page 39: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

39

Programming

Page 40: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

40

Html code: <html> <body> The content of the body element is displayed in your

browser. </body> </html>

Result: The content of the body element is displayed in your

browser.

Page 41: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

41

Authoring Capabilities

7. Cross Platform Ability to perform on all platforms including

MAC and Windows.

8. Internet Playability Ability to create the output for web enabled

application. Eg:- HTML

Page 42: 1 Introduction to Multimedia SMM 2005 Dr. Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537

42

Cross Platform

Internet Playability