Professional Documents
Culture Documents
Module multimedia-BAB4 PDF
Module multimedia-BAB4 PDF
1. What is it?
2. Who is it for?
This module is for students who are taking the ICT subject as their elective
and for those who are interested in ICT.
No. The content of this module will enable you to acquire the knowledge.
LEARNING OUTCOMES
You should be able to:
4.3.3.2 apply all the phases of multimedia production to produce an
interactive educational multimedia project.
A. Phase 1 – Analysis
B. Phase 2 – Design
C. Phase 3 – Implementation
D. Phase 4 – Testing
E. Phase 5 – Evaluation
F. Phase 6 – Publishing
DURATION: 22 periods
REFERENCES
A. Books
1. Stephen McGloughlin (2001) Multimedia Concepts and Practice.
2. Shelly G.B, Cashman T.J, Vermaat M.E, Walker T.J. (2005)
Discovering
Computers 2006: A Gateway to Information, Course Technology.
3. Stephen M. Alessi and Stanley R. Trollip (2001) Multimedia for
Learning. A
Pearson Education Company. USA.
4. James E. Shuman (1998) Multimedia in Action. Thomson Course
Technology. Belmont CA.
B. Web Address:
1. http://www.shawmultimedia.com/analy_1.html
2. http://www.klariti.com/technical-writing/User-Guides-Tutorial.shtml
OVERVIEW
REQUIREMENTS
A. Hardware
Multimedia PC
Digital Video Camera
Digital Camera
Scanner
Printer
CD Writer / DVD Writer
CD-R / CD-RW
B. Software
Graphic Editor
Video Editor
Audio Editor
Multimedia Authoring Software
C. Worksheet
Problem Statement
Storyboard Template (hardcopy/softcopy)
Evaluation Form
A. Phase 1 – Analysis
LEARNING OUTCOMES
You should be able to:
1. investigate and write a short report of the findings.
DURATION: 2 periods
I). Introduction:
Situation 1:
You are working with the Malaysian Tourism Board. One day, your
boss asks you to produce a multimedia project which is informative
and interactive for the ‘Visit Malaysia Year’ campaign.
Items Response(s)
- to introduce Malaysia
Objectives - to give more information on interesting places
in Malaysia
- to give an idea about Malaysian cultures and
customs
- to introduce local cuisines
b). Activity 1:
Situation:
Problem Statement
Items Response(s)
Project title
Problems
Objectives
Possible solutions
Target Audience
B. Phase 2 - Design
LEARNING OUTCOMES
DURATION: 4 periods
a). Activity 1
Study the CASPER design principles and apply it to in your multimedia project.
CASPER Screen Design And Layout Principles
Contrast
The principle of contrast states that, if two items are not exactly alike then it makes
them different. Contrast provides interest within a piece of graphic and keeps the
observer entertained.
Alignment
Alignment is the idea that, while items are separated by idea and space (the
principle of proximity) they are still all part of the same page. Nothing should be
placed on a page arbitrarily; each item should have a visual connection with
something else on the page.
Simplicity
Gaining attention is an important part in any communication act, it is important to try
to keep your message as simple as possible:
€ use accurate words for text and graphics as it is absolutely necessary to
get your point across
€ superfluous graphics can interfere with understanding.
€ an over abundance of fonts or colours can distract rather than assist
learning.
The general rule of thumb is to use graphics that are as simple as possible when
displaying content on the screen. Provide the main ideas and a means of getting
more information for those who might need or desire it.
Proximity
The principle of proximity states that things, that are closer
together, will be seen as belonging together. Looking at the
picture on the right, since the horizontal rows of circles are
closer together than the vertical columns, we perceive two
vertical lines. Since the first two columns and the last two
columns have less space between them than the centre two
columns, we perceive two groups of two columns.
Emphasis
One method used to attract attention in the design of a screen or work of art is the
use of a focal point. A focal point draws your attention to the most important
element on the page. There are several techniques used to emphasize the most
important object on a page.
Emphasis by Isolation
If most of the elements in a work of art are grouped closely
together, an object by itself stands out as a focal point.
Repetition
Repetition is the idea that consistency can be gained by repeating elements
throughout a page or series of pages. Repetitive items in a piece, tie it together as
a whole. The best computer interface will maintain a consistent look. In particular,
icons used for navigation should maintain one position to avoid confusing the
learner. It is also wise to use similar font faces and colour schemes throughout a
particular interface, unless the change is used to signal a new unit, topic, or section
Display A
(KLCC/KLIA/PJ)
2 option
Display C
Display B (Statistic)
(Info)
option
c). Activity 2
Design the storyboard and the navigation scheme. Include a template design if
appropriate and specify the hyperlinks.
Example 1 of a storyboard.
Next
• KUALA LUMPUR
• PUTRA JAYA
Back • SEPANG
Example 2 of a storyboard.
Next Hypertext 1
Back Hypertext 2
GRAPHIC
Hypertext 3
Navigation button
VISIT
C. Phase 3: Implementation
LEARNING OUTCOMES
Duration: 8 periods
Introduction
Activities : Activity 1
You are required to prepare some images which are related
to the topic. You have many ways to get the images:
1. Take pictures using digital camera / pictures
2. Scan your photo using scanner
3. Download pictures from Internet
Activity 2
Now, you have to prepare some audio. Your audio format
must be in wav and midi format.
1. Record your voice into digital form
2. Download audio from Internet
3. Create your own audio file
Activity 3
Take a short video. You must ensure that your file must be in
avi format.
Activity 4
Group all the different format into authoring tools. Students
are required to use ToolBook Assistant 2004.
ToolBook Assistant
i) Double-click on the ToolBook Assistant icon to view the ToolBook Assistant 2004
Startup screen. Click on the Quick Start Tab and select the Blank Native ToolBook
Book icon. Then click on the OK button.
i) Click on the Object Menu and select the Properties for Book.
ii) Click on the Page Tab to change the size of the presentation screen. By default the
Page measurement is in unit. You can change the unit measurement to pixels by
clicking on the .
iii) Click on the option for 800 x 600 pixels and the screen size will automatically change
to your current selection. Click on the icon to close the Properties for Book
window.
i) Select the Media Players category from the Catalogue. Select the Flash Media Player
icon for the Media Player Catalogue. Drag and drop the media player object on to the
presentation screen.
ii) Click on the to choose the flash media that you want to insert into the presentation
.
iii) For this exercise, select the ToolBook Training folder on your desktop. Select the
video folder and choose the file name “Intro.swf”.
v) To resize the flash media player object, click on the flash media player object. Move
your mouse to the border and drag its sides.
Or you can click on the Flash Media Player object. Click on the icon to view the Flash Media
Players properties. Then click on the Bounds Tab. You can change the size and position of the
Flash Media Player object by changing the values for these 4 parameters. For this exercise,
change the position for Left – 0, Top – 0, Width – 800 and Height – 350. Click on the icon to
close the Properties for Group window.
vi) To view the flash movie, click on the View Menu and choose Reader. Or press the F3
button on your keyboard.
Flash Movie
Flash Movie
vii) Click on the View Menu and choose Author to return to author mode.
Flash Movie
x) For this exercise, select the ToolBook Training Folder and name the file as
“Visit_Malaysia_Year”.
i) Select the Draw Objects category from the Catalogue. Select the rectangle icon from
the Catalogue.
Flash Movie
ii) Drag and drop the rectangle object on the presentation screen
Flash Movie
iii) Resize the rectangle to fit the white space on the presentation screen.
Flash Movie
iii) To change the colour of the rectangle object, first click on the object then click on the
icon.
Flash Movie
iv) Click on the Draw tab. For this exercise, change the Fill Color from White to Black.
Flash Movie
Flash Movie
iv) Click on the icon to close the Properties for Book window.
vii) Select the filename “Visit_Malaysia_Year” and click on the Save button.
5. Inserting Buttons
i) Select the Buttons category from the Catalogue. Select the rectangle icon from the
Catalogue.
Flash Movie
ii) Drag and drop the Pushbutton object on the presentation screen
Flash Movie
iii) To change properties of the button, first click on the Button object then click on the
icon.
Flash Movie
iv) Click on the Draw Tab. Under Caption heading, remove the existing caption in the
textarea.
Flash Movie
ix) Click on the Graphic Tab. Under Button Graphic heading, click on the Normal icon.
Click on the Choose Graphic button
Flash Movie
Flash Movie
v) Select the graphic for the button. For this exercise, select the ToolBook Training
Folder then select the images folder under it. Select the filename “logo.jpg” then click
on the OK button.
Flash Movie
vi) Type in the name of the image. For this exercise type in “bmp_logo” under the Name
textarea. Then click on the OK button.
Flash Movie
Flash Movie
xi) Click on the icon to close the Properties for Button window.
Flash Movie
ii) Type in the page name. For this exercise, type the page name as “Logo Definition”.
Select the first option then click on the OK button.
Flash Movie
iii) Repeat steps i – ii to add three more pages. For this exercise, name the other pages
with About Malaysia, Culture and Tourist Spots.
iv) To navigate from one page to another click on the Page Navigation bar as shown
below.
vii) Select the filename “Visit_Malaysia_Year” and click on the Save button.
7. Inserting Background
i) Select the Object Menu and click on the Properties for Background.
ii) Select the Draw Tab and click on the Choose Backdrop button.
iv) Select the background for the page. For this exercise, select the ToolBook Training
Folder then select the images folder under it. Select the filename “scenery.jpg” then
click on the OK button.
v) Type in the name of the image. For this exercise type in “bmp_background” under the
Name textarea. Then click on the OK button.
vi) Click on the icon to close the Properties for Button window.
ix) Select the filename “Visit_Malaysia_Year” and click on the Save button.
i) Select the Text Field category from the Catalog. Click on the text field icon that you
want.
ii) Then drag and drop the text field on to the presentation area.
iii) Double-click on the text field to type. For this exercise, please type “VISIT MALAYSIA
YEAR”.
iv) Click on the Properties icon to change the Font Color, position, font type,
alignment.
xi) Click on the icon to close the Properties for Button window.
i) Select the Text Field category from the Catalog. Click on the text field icon that you
want. Then drag and drop the text field on to the presentation area.
iii) Select the word document that you want to insert into the text field and click the Open
button. For this exercise, please select the file “Visit Malaysia” from the ToolBook
Training folder on your desktop.
v) Click on the Properties icon to change the Font Color, position, font type,
alignment.
x) Click Save.
9. Inserting Graphic
ii) Select the graphic that you want. For this exercise, select the ToolBook Training
Folder then select the images folder under it. Select the filename “visit2007.jpg” then
click on the OK button.
iii) Click on the image and drag it to the right hand corner of the screen and align it to the
first paragraph of the text.
iv) Save your exercise. First click File > Save As.
v) Click Save.
For this exercise navigate to page 3 using the navigation arrows. Then insert a text field for
the title “About Malaysia”. Insert another text field. Then select the file from the ToolBook
Training folder -> text folder and choose the file named “AboutMalaysia.rtf”. Then put in
graphics.
Filename – twintower.jpg
SAS Building.jpg
Diving-malaysia.jpg
ii) Scroll down the list of players from the Media Players and select Audio icon.
iii) Drag and drop the icon on the screen. Then click on the Choose a Clip button shown
in the Properties for Media Player.
v) Select the graphic that you want. For this exercise, select the ToolBook Training
Folder then select the audio folder under it. Select the filename “track2.wma” then
click on the Open button.
vi) Name the audio clip as “msong” and then click on the Close button.
vii) Check the third option “Start clip when entering page”. Then click on the Ok button.
viii) To test whether the audio is playing, press the F3 key on your keyboard to go to
Reader mode. To return to Author mode, press the F3 key on your keyboard.
ix) Save your exercise. First click File > Save As.
x) Click Save.
For this exercise navigate to page 4 using the navigation arrows. Then insert a text field for
the title “Culture”. Insert another text field. Then select the file from the ToolBook Training
folder -> text folder and choose the file named “Culture.rtf”.
ii) Select the Universal Media Player from the Media Player category. Drag and down
media object on the presentation screen. Click on icon.
iii) Select the graphic that you want. For this exercise, select the ToolBook Training
Folder then select the video folder under it. Select the filename “culture.mpeg” then
click on the Open button.
vi) To test whether the video is playing, press the F3 key on your keyboard to go to
Reader mode. To return to Author mode, press the F3 key on your keyboard.
vii) Save your exercise. First click File > Save As.
For this exercise navigate to page 4 using the navigation arrows. Then insert a text field for
the title “Tourist Spots”. Insert a Graphic from ToolBook Training folder -> images folder and
choose the file named “malaysiamap.gif”.
i) Click on the Insert Menu and choose Graphics. Then select the Graphic you want.
For this exercise, select the ToolBook Training Folder then select the images folder
under it. Select the filename “perlis.gif” then click on the OK button.
ii) Then drag the image and position it below the map.
iii) Select the image and click on the icon. Name the graphic as “Perlis”.
iv) Then select the Text Field category from the Catalog. Choose a text field type. Drag
and down the text field into the presentation screen.
v) Then click on the Insert Menu and select text. Then select the text you want. For this
exercise, select the ToolBook Training Folder then select the text folder under it.
Select the filename “perlis.rtf” then click on the Open button.
vii) Select the text field and click on the icon to change the font style, font type,
position and etc. Name the text field as “Perlis”.
viii) Position the text field toward the bottom right of the presentation screen.
x) Select the object you want to animate. For this exercise, click on the Perlis image and
click the Ok button.
xi) Click on anywhere of the screen to chart the path of the image animation.
xii) Click on the icon to select a different object to animate. For this exercise, select
the Field “Perlis” and click on the OK button.
xiii) Click on anywhere of the screen to chart the path of the image animation.
xvi) Then select the Action Objects category from the Catalogue.
xvii) Drag and drop the Action Trigger object on to the presentation screen. Click on the
Add button.
xviii) Select the picture “Perlis” and select the Animate button. Then click on the OK button.
xxi) Uncheck the option “When entering page”. Then click on the OK button.
xxii) Click on the icon. Replace the Caption “Action Trigger” to “Perlis”. Under the
heading Border Style, select “None”. Under the Drawing option, uncheck the
“Highlight when clicked” and check the “Draw Transparent” box.
xxiii) Click on the Graphic Tab. Select the Choose Graphic button.
xxiv) Scroll up the list and select “None”. Then click on the OK button.
xxv) To test whether the animation is working, press the F3 key on your keyboard to go to
Reader mode. To return to Author mode, press the F3 key on your keyboard.
xxvi) Save your exercise. First click File > Save As.
i) Select the Action Objects category from the Catalogue. Select the Delay button.
ii) Drag and Drop the button on to the presentation screen. For this exercise, set the
Delay Time to “10” sec. Then click on the OK button.
iii) Select the Action Trigger on the screen. For this exercise, select the word “Perlis”
iv) Select the last object in the list and click on the Add button.
v) Select the object from the list box. For this exercise, select the object “Delay”. Under
the Perform What Action heading, select the option “Trigger”. Then click on the OK
button.
vi) Select the object picture “Perlis” from the list. Under the Perform What Action
Heading, select the option “Hide”. Then click on the OK button.
vii) Select the object field “Perlis” from the list. Under the Perform What Action Heading,
select the option “Hide”. Then click on the OK button.
viii) Select the object picture “Perlis” from the list. Under the Perform What Action
Heading, select the option “Show”. Then click on the OK button.
ix) Select the object field “Perlis” from the list. Under the Perform What Action Heading,
select the option “Show”. Then click on the OK button.
x) Using the arrow key move, the picture “Perlis” with the icon “S” and field “Perlis
with the icon “S”. Then click on the OK button.
xi) To test whether the animation is working, press the F3 key on your keyboard to go to
Reader mode. To return to Author mode, press the F3 key on your keyboard.
xii) Save your exercise. First click File > Save As.
Repeat the steps in Section 12 and 13 to put in the picture, text and animation for all the other
states in the map.
i) For this exercise, navigate to page 1 of the presentation using the navigation buttons.
Flash Movie
ii) Select the first button “Logo” and then click on the icon.
Flash Movie
Flash Movie
iv) Under the heading Type of Link, select “Go to another page”. Under the heading Link
to, select a specific page. Then click on the icon.
Flash Movie
v) Select the page you want to link to. For this exercise, select the “Logo Definition”.
Then click on the OK button.
Flash Movie
Flash Movie
vi) Under the heading transition effect, select the page transaction effect that you want.
Click on the “Test” button to view the transition effect. Then click on the Ok button.
Flash Movie
Insert a new button in pages 2 – 5. Change the button caption to “Main Menu”. Then link
the button to the first page.
ix) To test whether the animation is working, press the F3 key on your keyboard to go to
Reader mode. To return to Author mode, press the F3 key on your keyboard.
i) For this exercise, navigate to page 2 of the presentation using the navigation buttons.
Then press the F4 key on the keyboard, to go to background of the page.
ii) Select the Action Objects category from the Catalogue. Select the object “Exit with
Confirmation”.
iv) Click on the icon. Change the exit button caption to “Exit”. Then click on the
icon to close the properties window.
v) Then resize the object to fit the caption. Then press F4 to return to the foreground of
the presentation screen.
vi) To test whether the exit button is working, press the F3 key on your keyboard to go to
Reader mode. To return to Author mode, press the F3 key on your keyboard.
vii) Save your exercise. First click File > Save As.
REFERENCE
A. Books
1. ToolBook Assistant User Manual
2.
Evaluation/ :
Self Test
Summary :
D. Phase 4 – Testing
LEARNING OUTCOMES
You should be able to:
1. test an on going multimedia production.
2. repair and fixed of any problems that testing exposes.
3. use the check list for testing.
DURATION: 4 periods
Name : _______________________________________
Form : _________________
Title : _____________________________________
Date :__________________
E. Phase 5 – Evaluation
DURATION : 2 periods
Learning Outcome :
Students should be able to assess their own multimedia project by using the
checklist form.
Evaluation process focuses on the product used rather than its features and
functions. It is done earlier to discover any design faults and reduce the costs of
correcting the faults. It can reduce the need for technical help and training costs.
Thus, increasing users’ satisfaction.
Evaluation reduces ‘over design’ by making you aware of what the user really
needs. There is a range of different types of evaluation that can be applied to an
educational multimedia product. Some of them are stated in the evaluation form
below.
http://www.tecmasters.com/Multimedia_pg1.html
http://www.tedi.uq.edu.au/mag/view.asp?Section=61
EVALUATION FORM
Name : _______________________________________
Form : _________________
Project Title : _______________________________________
Date :__________________
Scale : 1 – Poor
2 – Good
3 – Excellent
Content
(e.g.: match the
A
project goal,
informative, etc)
Interface
(e.g.: interesting, user
B
friendly, interactive,
etc)
Navigation
C (e.g.: flow of the slide,
all buttons functioning)
Documentation
(e.g.: all the six
D
phases are
documented)
F. Phase 6 – Publishing
LEARNING OUTCOMES
You should be able to:
1. produce a multimedia Compact Disc (CD)
2. create cover and inlay for the CD
3. do CD packaging
DURATION: 2 periods
Introduction:
a). Activity 1
You are required to use a CD writer to produce a multimedia CD.
1. Use the software that comes with the CD writer to produce the CD.
2. Follow the steps given.
b). Activity 2
You have to create the CD cover and the CD inlay.
1. Use the software that comes with the CD writer to create the CD
cover and inlay.
2. Follow the steps given.
Instruction
1. Choose a suitable title to develop your educational multimedia product. The
project title should not touch any sensitive issues such as religion, politic,
race, etc.
7. Submit your documents and the softcopy of the multimedia product (CD) to
your teacher.