SlideShare ist ein Scribd-Unternehmen logo
1 von 94
Downloaden Sie, um offline zu lesen
Learning Module: Multimedia Development
www.ppk.kpm.my < 1 >
1. What is it?
This is a learning module for a specific Learning Outcome as stipulated in
the HSP that is:
€ 4.3 Multimedia Development
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.
3. What can be achieved?
Upon completion of this module, you should be able to produce an
interactive educational multimedia project.
4. Is previous knowledge necessary?
No. The content of this module will enable you to acquire the knowledge.
Learning Module: Multimedia Development
www.ppk.kpm.my < 2 >
TOPIC: 4.3 Multimedia Development
SUBTOPIC: 4.3.3 Multimedia Production
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
Learning Module: Multimedia Development
www.ppk.kpm.my < 3 >
4.3.3 MULTIMEDIA PRODUCTION
OVERVIEW
Multimedia can be defined as a computer based interactive
communications process that incorporates text, graphics, animation, video and
audio. Multimedia provides an environment in which the user can interact with the
program. Multimedia can be delivered in the form of CDs or web-based using the
Internet. The production of multimedia involves 6 phases. They are analysis,
design, implementation, testing, evaluation and publishing phases. In this
module, we will go through each phase in detail to produce a multimedia
production that will be delivered in the form of CD.
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
Learning Module: Multimedia Development
www.ppk.kpm.my < 4 >
SUBTOPIC: 4.3.3 Multimedia Production
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:
a). What is analysis phase?
Analysis phase is the first phase in multimedia production. In this phase,
problems will be defined and the possible solution will be determined. Preliminary
investigation will also be carried out.
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.
Study and analyse the above situation, then
1. Identify the project title.
2. Identify the problem.
3. Determine the objective that you want to accomplish.
4. Determine the possible solution.
5. Determine the target audience or end user.
6. Fill in the Problem Statement.
Learning Module: Multimedia Development
www.ppk.kpm.my < 5 >
Example : Problem Statement
Items Response(s)
Project title Visit Malaysia Year
Problems
To produce an informative and interactive
multimedia
Objectives
- to introduce Malaysia
- to give more information on interesting places
in Malaysia
- to give an idea about Malaysian cultures and
customs
- to introduce local cuisines
Possible solutions An informative and interactive multimedia project
containing texts, videos, audios, animation and
graphic; provide an interactive tour to the users
Target Audience Local and Foreign tourists
Based on the analysis, an example of a short report shown below:
Example of a short report
This multimedia project is about the ‘Visit Malaysia Year’. This
project will promote and introduce interesting places in Malaysia.
Malaysian cultures and customs and also the famous Malaysian cuisines
are attractive to pull both local and foreign tourists.
Learning Module: Multimedia Development
www.ppk.kpm.my < 6 >
b). Activity 1:
Study and analyse the situation below, then:
i). fill in the Problem Statement ; and
ii). write a short report.
Problem Statement
Items Response(s)
Project title
Problems
Objectives
Possible solutions
Target Audience
Situation:
Your school is going to have a new intake for the Form 1
students. As a school head prefect, you are given the
responsibility by your principal to produce a multimedia project
which will include all the information about your school for the
parents and the new students. Your multimedia project must be
both informative and interactive.
Learning Module: Multimedia Development
www.ppk.kpm.my < 7 >
Based on the analysis, write a short report of your project title.
Learning Module: Multimedia Development
www.ppk.kpm.my < 8 >
SUBTOPIC: 4.3.3 Multimedia Production
B. Phase 2 - Design
LEARNING OUTCOMES
You should be able to:
1. apply CASPER into multimedia project;
2. provide an overview of the project in the flow chart ; and
3. create storyboards.
DURATION: 4 periods
I). Introduction: What is design phase?
In the design phase; the course content, navigational
structure, assets, approach and graphic design are
developed in detail. Sample graphics and layouts are
established and technical requirements are specified.
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 9 >
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.
Emphasize with text attributes.
Use highlighting or boldface to draw attention to the main
points. Underlining rarely looks good on screen. Blinking should
only be used in critical situations. It is distracting. Vary the size
and rotation of text to attract attention. Scrolling text is generally
not a sound practice in interactive multimedia (IMM). Multiple
fonts should rarely be used. Pick a good font and work with its
different styles.
Learning Module: Multimedia Development
www.ppk.kpm.my < 10 >
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
b). FLOW CHART of MULTIMEDIA DESIGN
2 option
main menu 3 options
Display A
(KLCC/KLIA/PJ)
Display B
(Info)
Display C
(Statistic)
Display C1 Display C2 Display C3
Display C2.1
(Report)
Display C3.1
(Report)
option
Learning Module: Multimedia Development
www.ppk.kpm.my < 11 >
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.
Title : VISIT MALAYSIA Section : 1 Page : 1
Sub Title : Introduction Graphics : Yes / No Audio : Yes / No
Notes :
Next
Back
WELCOME TO MALAYSIA
• KUALA LUMPUR
• PUTRA JAYA
• SEPANG
Audio Video Animation Graphic
Reference : Multimedia In Action , James E.Shuman.
www.wadsworth.com
BACK NEXTQUIT
Learning Module: Multimedia Development
www.ppk.kpm.my < 12 >
Example 2 of a storyboard.
Title : VISIT MALAYSIA Section : 1 Page : 1
Sub Title : Introduction Graphics : Yes / No Audio : Yes / No
Notes :
Next
Back
Audio Video Animation Graphic
GRAPHIC
Title Text
VISIT
Navigation button
Hypertext 1
Hypertext 2
Hypertext 3
Learning Module: Multimedia Development
www.ppk.kpm.my < 13 >
SUBTOPIC: 4.3.3 Multimedia Production
C. Phase 3: Implementation
LEARNING OUTCOMES
You should be able to:
1. apply editing software
2. apply authoring tools
creating texts and changing objects attributes in presentation area,
creating graphics in presentation area,
creating animation graphics in presentation area,
creating audio objects in presentation area and
creating video objects in presentation area
3. produce an interactive educational multimedia project
Duration: 8 periods
Introduction
Implementation of the design includes using a program development tool that
assists the programmer by generating or providing some or all code, or includes
writing the code that translates the design into a computer program and, if
necessary, creating the user interface.
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 14 >
ToolBook Assistant
1. Opening ToolBook Assistant 2004 application
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.
ii) Click on Yes button to proceed.
Learning Module: Multimedia Development
www.ppk.kpm.my < 15 >
2. Resizing Presentation Screen
i) Click on the Object Menu and select the Properties for Book.
Learning Module: Multimedia Development
www.ppk.kpm.my < 16 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 17 >
3. Inserting Flash Movie into Presentation
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 18 >
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”.
iv) Check the AutoStart box and click on the OK button
Learning Module: Multimedia Development
www.ppk.kpm.my < 19 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 20 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 21 >
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
Learning Module: Multimedia Development
www.ppk.kpm.my < 22 >
vii) Click on the View Menu and choose Author to return to author mode.
viii) Click on the File Menu and choose Save As.
ix) Select the first option and click on the OK button.
x) For this exercise, select the ToolBook Training Folder and name the file as
“Visit_Malaysia_Year”.
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 23 >
4. Drawing object using the Draw Objects ToolBar
i) Select the Draw Objects category from the Catalogue. Select the rectangle icon from
the Catalogue.
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 24 >
ii) Drag and drop the rectangle object on the presentation screen
iii) Resize the rectangle to fit the white space on the presentation screen.
Flash Movie
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 25 >
iii) To change the colour of the rectangle object, first click on the object then click on the
icon.
iv) Click on the Draw tab. For this exercise, change the Fill Color from White to Black.
Flash Movie
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 26 >
iv) Click on the icon to close the Properties for Book window.
v) Click on the File Menu and choose Save As.
vi) Select the first option and click on the OK button.
vii) Select the filename “Visit_Malaysia_Year” and click on the Save button.
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 27 >
viii) Click on the Yes button.
5. Inserting Buttons
i) Select the Buttons category from the Catalogue. Select the rectangle icon from the
Catalogue.
Learning Module: Multimedia Development
www.ppk.kpm.my < 28 >
ii) Drag and drop the Pushbutton object on the presentation screen
iii) To change properties of the button, first click on the Button object then click on the
icon.
Flash Movie
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 29 >
iv) Click on the Draw Tab. Under Caption heading, remove the existing caption in the
textarea.
Flash Movie
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 30 >
ix) Click on the Graphic Tab. Under Button Graphic heading, click on the Normal icon.
Click on the Choose Graphic button
x) Click on the Import button
Flash Movie
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 31 >
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.
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
Learning Module: Multimedia Development
www.ppk.kpm.my < 32 >
vii) Under the Graphics Option, check the second option.
xi) Click on the icon to close the Properties for Button window.
xii) Repeat steps (i – vi) for the other buttons.
Filename – Malaysia.jpg
Culture.jpg
Tourist.jpg
viii) Click on the File Menu and choose Save As.
ix) Select the first option and click on the OK button.
x) Select the filename “Visit_Malaysia_Year” and click on the Save button.
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 33 >
xi) Click on the Yes button.
6. Inserting New Page
i) Select the Draw Objects category from the Catalogue. Select the rectangle icon from
the Catalogue.
Learning Module: Multimedia Development
www.ppk.kpm.my < 34 >
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
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 35 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 36 >
v) Click on the File Menu and choose Save As.
vi) Select the first option and click on the OK button.
vii) Select the filename “Visit_Malaysia_Year” and click on the Save button.
Learning Module: Multimedia Development
www.ppk.kpm.my < 37 >
viii) Click on the Yes button.
7. Inserting Background
i) Select the Object Menu and click on the Properties for Background.
Learning Module: Multimedia Development
www.ppk.kpm.my < 38 >
ii) Select the Draw Tab and click on the Choose Backdrop button.
iii) Click on the Import button.
Learning Module: Multimedia Development
www.ppk.kpm.my < 39 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 40 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 41 >
vii) Click on the File Menu and choose Save As.
viii) Select the first option and click on the OK button.
ix) Select the filename “Visit_Malaysia_Year” and click on the Save button.
x) Click on the Yes button.
8. Creating texts in presentation area
8.1 Drag & Drop Text Field
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 42 >
iii) Double-click on the text field to type. For this exercise, please type “VISIT MALAYSIA
YEAR”.
Learning Module: Multimedia Development
www.ppk.kpm.my < 43 >
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.
8.2 Insert Text
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 44 >
ii) Click on the Insert Menu and select Text.
Learning Module: Multimedia Development
www.ppk.kpm.my < 45 >
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.
iv) Click on the OK button.
Learning Module: Multimedia Development
www.ppk.kpm.my < 46 >
v) Click on the Properties icon to change the Font Color, position, font type,
alignment.
Learning Module: Multimedia Development
www.ppk.kpm.my < 47 >
ix) Save your exercise. First click File > Save As
x) Click Save.
xi) Click the OK button.
9. Inserting Graphic
9.1 Insert Graphic
i) Select Insert from the menu bar. Click on the Graphics.
Learning Module: Multimedia Development
www.ppk.kpm.my < 48 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 49 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 50 >
iii) Repeat steps (i – ii) for the other images.
Filename – Malaysia.gif
flower.gif
fivedots.gif
Celebrating50.gif
Learning Module: Multimedia Development
www.ppk.kpm.my < 51 >
iv) Save your exercise. First click File > Save As.
v) Click Save.
vi) Click on the Yes button.
10. Inserting Audio
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
Learning Module: Multimedia Development
www.ppk.kpm.my < 52 >
i) From the Catalogue, select the Media Players category.
Learning Module: Multimedia Development
www.ppk.kpm.my < 53 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 54 >
iv) Click on the New button.
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 55 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 56 >
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.
xi) Click the Yes button.
11. Inserting Video
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”.
i) From the Catalogue, select the Media Players category.
Learning Module: Multimedia Development
www.ppk.kpm.my < 57 >
ii) Select the Universal Media Player from the Media Player category. Drag and down
media object on the presentation screen. Click on icon.
Learning Module: Multimedia Development
www.ppk.kpm.my < 58 >
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.
iv) Click on the OK button.
Learning Module: Multimedia Development
www.ppk.kpm.my < 59 >
v) Check on the “Auto Start” box. Then click the OK 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.
viii) Click Save.
ix) Click the Yes button.
12. Creating Path Animation
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”.
Learning Module: Multimedia Development
www.ppk.kpm.my < 60 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 61 >
ii) Then drag the image and position it below the map.
Learning Module: Multimedia Development
www.ppk.kpm.my < 62 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 63 >
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.
vi) Then click on the OK button.
Learning Module: Multimedia Development
www.ppk.kpm.my < 64 >
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.
ix) Click on the Object Menu and select Path Animation.
Learning Module: Multimedia Development
www.ppk.kpm.my < 65 >
x) Select the object you want to animate. For this exercise, click on the Perlis image and
click the Ok button.
Learning Module: Multimedia Development
www.ppk.kpm.my < 66 >
xi) Click on anywhere of the screen to chart the path of the image animation.
Learning Module: Multimedia Development
www.ppk.kpm.my < 67 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 68 >
xiv) Click on the Done button.
xv) Click on the OK button.
Learning Module: Multimedia Development
www.ppk.kpm.my < 69 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 70 >
xviii) Select the picture “Perlis” and select the Animate button. Then click on the OK button.
xix) Click on the Add button.
Learning Module: Multimedia Development
www.ppk.kpm.my < 71 >
xx) Select the text field “Perlis” and click OK.
Learning Module: Multimedia Development
www.ppk.kpm.my < 72 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 73 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 74 >
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.
xxvii) Click Save.
xxviii) Click the Yes button.
13. Hide and Show Objects
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 75 >
iii) Select the Action Trigger on the screen. For this exercise, select the word “Perlis”
then click on the Extended Properties icon.
Learning Module: Multimedia Development
www.ppk.kpm.my < 76 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 77 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 78 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 79 >
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 80 >
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.
xiii) Click Save.
xiv) Click the Yes button.
Repeat the steps in Section 12 and 13 to put in the picture, text and animation for all the other
states in the map.
Learning Module: Multimedia Development
www.ppk.kpm.my < 81 >
14. Inserting Hyperlink
i) For this exercise, navigate to page 1 of the presentation using the navigation buttons.
ii) Select the first button “Logo” and then click on the icon.
Flash Movie
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 82 >
iii) Click on the icon.
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
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 83 >
v) Select the page you want to link to. For this exercise, select the “Logo Definition”.
Then click on the OK button.
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
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 84 >
vii) Click on the icon to close the Properties window.
viii) Repeat steps i – viii to link the other buttons.
- About Malaysia button -> About Malaysia page
- Culture button -> Culture page
. – Tourist Spots -> Tourist Spots page
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.
x) Save your exercise. First click File > Save As.
xi) Click Save.
xii) Click the Yes button.
15. Inserting Exit button
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.
Flash Movie
Learning Module: Multimedia Development
www.ppk.kpm.my < 85 >
ii) Select the Action Objects category from the Catalogue. Select the object “Exit with
Confirmation”.
Learning Module: Multimedia Development
www.ppk.kpm.my < 86 >
iii) Drag and down the object to the presentation screen.
iv) Click on the icon. Change the exit button caption to “Exit”. Then click on the
icon to close the properties window.
Learning Module: Multimedia Development
www.ppk.kpm.my < 87 >
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.
viii) Click Save.
ix) Click the Yes button.
REFERENCE
A. Books
1. ToolBook Assistant User Manual
2.
Evaluation/ :
Self Test
Summary :
Learning Module: Multimedia Development
www.ppk.kpm.my < 88 >
SUBTOPIC: 4.3.3 Multimedia Production
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
a). What is testing?
Testing is an ongoing process and should begin at the very beginning stage of
multimedia production. It is important to test the design and the function to find
out how the user interacts with the multimedia products
b). Who will do the testing?
Your friends, teacher or any one can do the testing.
c). Why do we need to test our multimedia production?
This is to repair and fix any problems that testing exposes. You cannot predict
how someone who has never seen your product before, will use it. Independent
testing also gives you feedback on how your product performs. Testing the
process will prove or indicate where you need to make changes.
d). Do I need to have all the items listed in the checklist?
No, not all the items given should be in your multimedia productions. For
example, if you have navigation buttons, there is no need for hotspot.
e). What to do with the checklist?
Just tick ( • ) at the Yes or No column according to the items shown in the
Multimedia Production and give some comments regarding the item tested for
improvement if needed.
Example: When user guides are given but not in proper order, then we have to
give some comments on that part to be improved by the developer.
f). Check List For Testing A Multimedia Production
Learning Module: Multimedia Development
www.ppk.kpm.my < 89 >
Name : _______________________________________
Form : _________________
Title : _____________________________________
Date :__________________
Tick ( • ) Yes or No according to the items shown in the Multimedia Production.
Items
YE
S
N
O
Comments
Content
Matches the goals
Text
Animation
Graphic
Video
Audio
Language
A
Informative
Interface
Contrast
Alignment
Simplicity
Proximity
Emphasis
B
Repetition
Navigation
Navigation aids
C
Consistency
Documentation
Production documents
User guide given
D
Supplementary documents
Others
Colour
Icon
Hotspot
Menus
Interactive
E
Learning Module: Multimedia Development
www.ppk.kpm.my < 90 >
SUBTOPIC: 4.3.3 Multimedia Production
E. Phase 5 – Evaluation
DURATION : 2 periods
Learning Outcome :
Students should be able to assess their own multimedia project by using the
checklist form.
a). What is evaluation phase?
The evaluation of a project is an on going process. This phase of the
development process focuses on summative evaluation and measures the
effectiveness of the project.
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
Learning Module: Multimedia Development
www.ppk.kpm.my < 91 >
EVALUATION FORM
Name : _______________________________________
Form : _________________
Project Title : _______________________________________
Date :__________________
Scale : 1 – Poor
2 – Good
3 – Excellent
Tick (/) in the appropriate column.
Items 1 2 3 Comments
A
Content
(e.g.: match the
project goal,
informative, etc)
B
Interface
(e.g.: interesting, user
friendly, interactive,
etc)
C
Navigation
(e.g.: flow of the slide,
all buttons functioning)
D
Documentation
(e.g.: all the six
phases are
documented)
Learning Module: Multimedia Development
www.ppk.kpm.my < 92 >
SUBTOPIC: 4.3.3 Multimedia Production
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:
I). What is publishing phase?
In the publishing phase, the process of producing a CD and its cover will be
implemented. In this phase, quality of packaging will be considered.
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.
Learning Module: Multimedia Development
www.ppk.kpm.my < 93 >
PROJECT TASK: DO IT YOURSELF
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.
2. Your presentation should be within 5 to 10 minutes.
3. Include texts, graphics, videos, audios, hyperlinks and animation elements.
4. Apply suitable interface principles in your project.
5. Carry out the project using the headings below:
€ Analysis
€ Design
€ Implementation
€ Testing
€ Evaluation
€ Publishing
6. Compile all the related documents.
7. Submit your documents and the softcopy of the multimedia product (CD) to
your teacher.

Weitere ähnliche Inhalte

Ähnlich wie Module multimedia

Nota multimedia production team
Nota multimedia production teamNota multimedia production team
Nota multimedia production teamAzmiah Mahmud
 
Augmented 7 cs_learning_design_workshop_7_may (1)
Augmented 7 cs_learning_design_workshop_7_may (1)Augmented 7 cs_learning_design_workshop_7_may (1)
Augmented 7 cs_learning_design_workshop_7_may (1)Grainne Conole
 
Ch.9 multimediatools
Ch.9 multimediatoolsCh.9 multimediatools
Ch.9 multimediatoolsasheralicia
 
Ch9 multimediatools
Ch9 multimediatoolsCh9 multimediatools
Ch9 multimediatoolsjhtrespa
 
Project 1 integration march 2015
Project 1 integration march 2015Project 1 integration march 2015
Project 1 integration march 2015温 庄壁
 
ICI PROJECT 1 BRIEF
ICI PROJECT 1 BRIEFICI PROJECT 1 BRIEF
ICI PROJECT 1 BRIEFSheng Zhe
 
Project 1 integration march 2015
Project 1 integration march 2015Project 1 integration march 2015
Project 1 integration march 2015Pui Chun Shian
 
ICI Project 1 Brief
ICI Project 1 BriefICI Project 1 Brief
ICI Project 1 BriefCrystal Chia
 
Project 1 integration march 2015 (1)
Project 1 integration march 2015 (1)Project 1 integration march 2015 (1)
Project 1 integration march 2015 (1)howcyong1011
 
Project 1 integration march 2015 (2)
Project 1 integration march 2015 (2)Project 1 integration march 2015 (2)
Project 1 integration march 2015 (2)温 庄壁
 
Project1integrationmarch2015 150813165645-lva1-app6892
Project1integrationmarch2015 150813165645-lva1-app6892Project1integrationmarch2015 150813165645-lva1-app6892
Project1integrationmarch2015 150813165645-lva1-app6892Kenneth Tan
 
Project 1_Integration_March 2015.doc
Project 1_Integration_March 2015.docProject 1_Integration_March 2015.doc
Project 1_Integration_March 2015.docDana Kan
 
Project 1 integration march 2015 (1)
Project 1 integration march 2015 (1)Project 1 integration march 2015 (1)
Project 1 integration march 2015 (1)pigxd123
 
ITD Project 1 integration march 2015
ITD Project 1 integration march 2015ITD Project 1 integration march 2015
ITD Project 1 integration march 2015CsyanYeong
 
Project 1 integration march 2015
Project 1 integration march 2015Project 1 integration march 2015
Project 1 integration march 2015Dana Kan
 

Ähnlich wie Module multimedia (20)

CASPER Concept Modules
CASPER Concept ModulesCASPER Concept Modules
CASPER Concept Modules
 
Mini Projects- Personal Multimedia Portfolio
Mini Projects- Personal Multimedia PortfolioMini Projects- Personal Multimedia Portfolio
Mini Projects- Personal Multimedia Portfolio
 
Nota multimedia production team
Nota multimedia production teamNota multimedia production team
Nota multimedia production team
 
Notacd10
Notacd10Notacd10
Notacd10
 
Notacd10
Notacd10Notacd10
Notacd10
 
Augmented 7 cs_learning_design_workshop_7_may (1)
Augmented 7 cs_learning_design_workshop_7_may (1)Augmented 7 cs_learning_design_workshop_7_may (1)
Augmented 7 cs_learning_design_workshop_7_may (1)
 
Ch.9 multimediatools
Ch.9 multimediatoolsCh.9 multimediatools
Ch.9 multimediatools
 
Ch9 multimediatools
Ch9 multimediatoolsCh9 multimediatools
Ch9 multimediatools
 
mar13.ppt
mar13.pptmar13.ppt
mar13.ppt
 
Project 1 integration march 2015
Project 1 integration march 2015Project 1 integration march 2015
Project 1 integration march 2015
 
ICI PROJECT 1 BRIEF
ICI PROJECT 1 BRIEFICI PROJECT 1 BRIEF
ICI PROJECT 1 BRIEF
 
Project 1 integration march 2015
Project 1 integration march 2015Project 1 integration march 2015
Project 1 integration march 2015
 
ICI Project 1 Brief
ICI Project 1 BriefICI Project 1 Brief
ICI Project 1 Brief
 
Project 1 integration march 2015 (1)
Project 1 integration march 2015 (1)Project 1 integration march 2015 (1)
Project 1 integration march 2015 (1)
 
Project 1 integration march 2015 (2)
Project 1 integration march 2015 (2)Project 1 integration march 2015 (2)
Project 1 integration march 2015 (2)
 
Project1integrationmarch2015 150813165645-lva1-app6892
Project1integrationmarch2015 150813165645-lva1-app6892Project1integrationmarch2015 150813165645-lva1-app6892
Project1integrationmarch2015 150813165645-lva1-app6892
 
Project 1_Integration_March 2015.doc
Project 1_Integration_March 2015.docProject 1_Integration_March 2015.doc
Project 1_Integration_March 2015.doc
 
Project 1 integration march 2015 (1)
Project 1 integration march 2015 (1)Project 1 integration march 2015 (1)
Project 1 integration march 2015 (1)
 
ITD Project 1 integration march 2015
ITD Project 1 integration march 2015ITD Project 1 integration march 2015
ITD Project 1 integration march 2015
 
Project 1 integration march 2015
Project 1 integration march 2015Project 1 integration march 2015
Project 1 integration march 2015
 

Mehr von AyuMohamad

Seri kota-question
Seri kota-questionSeri kota-question
Seri kota-questionAyuMohamad
 
Selangor question
Selangor questionSelangor question
Selangor questionAyuMohamad
 
Seri kota-scheme
Seri kota-schemeSeri kota-scheme
Seri kota-schemeAyuMohamad
 
Selangor scheme
Selangor schemeSelangor scheme
Selangor schemeAyuMohamad
 
Wilayah persekutuan-scheme
Wilayah persekutuan-schemeWilayah persekutuan-scheme
Wilayah persekutuan-schemeAyuMohamad
 
Kota tinggi-scheme
Kota tinggi-schemeKota tinggi-scheme
Kota tinggi-schemeAyuMohamad
 
Wlayah persekutuan-question
Wlayah persekutuan-questionWlayah persekutuan-question
Wlayah persekutuan-questionAyuMohamad
 
Kota tinggi-question
Kota tinggi-questionKota tinggi-question
Kota tinggi-questionAyuMohamad
 
Marking scheme-trial-ict-2012
Marking scheme-trial-ict-2012Marking scheme-trial-ict-2012
Marking scheme-trial-ict-2012AyuMohamad
 
Soalan percubaan-ict-ting5-2012
Soalan percubaan-ict-ting5-2012Soalan percubaan-ict-ting5-2012
Soalan percubaan-ict-ting5-2012AyuMohamad
 
Seri kota-scheme
Seri kota-schemeSeri kota-scheme
Seri kota-schemeAyuMohamad
 
Contoh rpm rpt
Contoh rpm rptContoh rpm rpt
Contoh rpm rptAyuMohamad
 
Module networks
Module networksModule networks
Module networksAyuMohamad
 

Mehr von AyuMohamad (20)

Seri kota-question
Seri kota-questionSeri kota-question
Seri kota-question
 
Selangor question
Selangor questionSelangor question
Selangor question
 
Seri kota-scheme
Seri kota-schemeSeri kota-scheme
Seri kota-scheme
 
Selangor scheme
Selangor schemeSelangor scheme
Selangor scheme
 
Wilayah persekutuan-scheme
Wilayah persekutuan-schemeWilayah persekutuan-scheme
Wilayah persekutuan-scheme
 
Kota tinggi-scheme
Kota tinggi-schemeKota tinggi-scheme
Kota tinggi-scheme
 
Wlayah persekutuan-question
Wlayah persekutuan-questionWlayah persekutuan-question
Wlayah persekutuan-question
 
Kota tinggi-question
Kota tinggi-questionKota tinggi-question
Kota tinggi-question
 
Marking scheme-trial-ict-2012
Marking scheme-trial-ict-2012Marking scheme-trial-ict-2012
Marking scheme-trial-ict-2012
 
Soalan percubaan-ict-ting5-2012
Soalan percubaan-ict-ting5-2012Soalan percubaan-ict-ting5-2012
Soalan percubaan-ict-ting5-2012
 
Seri kota-scheme
Seri kota-schemeSeri kota-scheme
Seri kota-scheme
 
Topology
TopologyTopology
Topology
 
Software
SoftwareSoftware
Software
 
Software
SoftwareSoftware
Software
 
Hardware
HardwareHardware
Hardware
 
Contoh rpm rpt
Contoh rpm rptContoh rpm rpt
Contoh rpm rpt
 
Networks
NetworksNetworks
Networks
 
Module networks
Module networksModule networks
Module networks
 
Contoh rph
Contoh rphContoh rph
Contoh rph
 
Hsp ict 2006
Hsp ict 2006Hsp ict 2006
Hsp ict 2006
 

Kürzlich hochgeladen

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 

Kürzlich hochgeladen (20)

DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 

Module multimedia

  • 1.
  • 2. Learning Module: Multimedia Development www.ppk.kpm.my < 1 > 1. What is it? This is a learning module for a specific Learning Outcome as stipulated in the HSP that is: € 4.3 Multimedia Development 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. 3. What can be achieved? Upon completion of this module, you should be able to produce an interactive educational multimedia project. 4. Is previous knowledge necessary? No. The content of this module will enable you to acquire the knowledge.
  • 3. Learning Module: Multimedia Development www.ppk.kpm.my < 2 > TOPIC: 4.3 Multimedia Development SUBTOPIC: 4.3.3 Multimedia Production 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
  • 4. Learning Module: Multimedia Development www.ppk.kpm.my < 3 > 4.3.3 MULTIMEDIA PRODUCTION OVERVIEW Multimedia can be defined as a computer based interactive communications process that incorporates text, graphics, animation, video and audio. Multimedia provides an environment in which the user can interact with the program. Multimedia can be delivered in the form of CDs or web-based using the Internet. The production of multimedia involves 6 phases. They are analysis, design, implementation, testing, evaluation and publishing phases. In this module, we will go through each phase in detail to produce a multimedia production that will be delivered in the form of CD. 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
  • 5. Learning Module: Multimedia Development www.ppk.kpm.my < 4 > SUBTOPIC: 4.3.3 Multimedia Production 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: a). What is analysis phase? Analysis phase is the first phase in multimedia production. In this phase, problems will be defined and the possible solution will be determined. Preliminary investigation will also be carried out. 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. Study and analyse the above situation, then 1. Identify the project title. 2. Identify the problem. 3. Determine the objective that you want to accomplish. 4. Determine the possible solution. 5. Determine the target audience or end user. 6. Fill in the Problem Statement.
  • 6. Learning Module: Multimedia Development www.ppk.kpm.my < 5 > Example : Problem Statement Items Response(s) Project title Visit Malaysia Year Problems To produce an informative and interactive multimedia Objectives - to introduce Malaysia - to give more information on interesting places in Malaysia - to give an idea about Malaysian cultures and customs - to introduce local cuisines Possible solutions An informative and interactive multimedia project containing texts, videos, audios, animation and graphic; provide an interactive tour to the users Target Audience Local and Foreign tourists Based on the analysis, an example of a short report shown below: Example of a short report This multimedia project is about the ‘Visit Malaysia Year’. This project will promote and introduce interesting places in Malaysia. Malaysian cultures and customs and also the famous Malaysian cuisines are attractive to pull both local and foreign tourists.
  • 7. Learning Module: Multimedia Development www.ppk.kpm.my < 6 > b). Activity 1: Study and analyse the situation below, then: i). fill in the Problem Statement ; and ii). write a short report. Problem Statement Items Response(s) Project title Problems Objectives Possible solutions Target Audience Situation: Your school is going to have a new intake for the Form 1 students. As a school head prefect, you are given the responsibility by your principal to produce a multimedia project which will include all the information about your school for the parents and the new students. Your multimedia project must be both informative and interactive.
  • 8. Learning Module: Multimedia Development www.ppk.kpm.my < 7 > Based on the analysis, write a short report of your project title.
  • 9. Learning Module: Multimedia Development www.ppk.kpm.my < 8 > SUBTOPIC: 4.3.3 Multimedia Production B. Phase 2 - Design LEARNING OUTCOMES You should be able to: 1. apply CASPER into multimedia project; 2. provide an overview of the project in the flow chart ; and 3. create storyboards. DURATION: 4 periods I). Introduction: What is design phase? In the design phase; the course content, navigational structure, assets, approach and graphic design are developed in detail. Sample graphics and layouts are established and technical requirements are specified. 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.
  • 10. Learning Module: Multimedia Development www.ppk.kpm.my < 9 > 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. Emphasize with text attributes. Use highlighting or boldface to draw attention to the main points. Underlining rarely looks good on screen. Blinking should only be used in critical situations. It is distracting. Vary the size and rotation of text to attract attention. Scrolling text is generally not a sound practice in interactive multimedia (IMM). Multiple fonts should rarely be used. Pick a good font and work with its different styles.
  • 11. Learning Module: Multimedia Development www.ppk.kpm.my < 10 > 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 b). FLOW CHART of MULTIMEDIA DESIGN 2 option main menu 3 options Display A (KLCC/KLIA/PJ) Display B (Info) Display C (Statistic) Display C1 Display C2 Display C3 Display C2.1 (Report) Display C3.1 (Report) option
  • 12. Learning Module: Multimedia Development www.ppk.kpm.my < 11 > 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. Title : VISIT MALAYSIA Section : 1 Page : 1 Sub Title : Introduction Graphics : Yes / No Audio : Yes / No Notes : Next Back WELCOME TO MALAYSIA • KUALA LUMPUR • PUTRA JAYA • SEPANG Audio Video Animation Graphic Reference : Multimedia In Action , James E.Shuman. www.wadsworth.com BACK NEXTQUIT
  • 13. Learning Module: Multimedia Development www.ppk.kpm.my < 12 > Example 2 of a storyboard. Title : VISIT MALAYSIA Section : 1 Page : 1 Sub Title : Introduction Graphics : Yes / No Audio : Yes / No Notes : Next Back Audio Video Animation Graphic GRAPHIC Title Text VISIT Navigation button Hypertext 1 Hypertext 2 Hypertext 3
  • 14. Learning Module: Multimedia Development www.ppk.kpm.my < 13 > SUBTOPIC: 4.3.3 Multimedia Production C. Phase 3: Implementation LEARNING OUTCOMES You should be able to: 1. apply editing software 2. apply authoring tools creating texts and changing objects attributes in presentation area, creating graphics in presentation area, creating animation graphics in presentation area, creating audio objects in presentation area and creating video objects in presentation area 3. produce an interactive educational multimedia project Duration: 8 periods Introduction Implementation of the design includes using a program development tool that assists the programmer by generating or providing some or all code, or includes writing the code that translates the design into a computer program and, if necessary, creating the user interface. 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.
  • 15. Learning Module: Multimedia Development www.ppk.kpm.my < 14 > ToolBook Assistant 1. Opening ToolBook Assistant 2004 application 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. ii) Click on Yes button to proceed.
  • 16. Learning Module: Multimedia Development www.ppk.kpm.my < 15 > 2. Resizing Presentation Screen i) Click on the Object Menu and select the Properties for Book.
  • 17. Learning Module: Multimedia Development www.ppk.kpm.my < 16 > 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.
  • 18. Learning Module: Multimedia Development www.ppk.kpm.my < 17 > 3. Inserting Flash Movie into Presentation 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.
  • 19. Learning Module: Multimedia Development www.ppk.kpm.my < 18 > 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”. iv) Check the AutoStart box and click on the OK button
  • 20. Learning Module: Multimedia Development www.ppk.kpm.my < 19 > 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.
  • 21. Learning Module: Multimedia Development www.ppk.kpm.my < 20 > 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.
  • 22. Learning Module: Multimedia Development www.ppk.kpm.my < 21 > 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
  • 23. Learning Module: Multimedia Development www.ppk.kpm.my < 22 > vii) Click on the View Menu and choose Author to return to author mode. viii) Click on the File Menu and choose Save As. ix) Select the first option and click on the OK button. x) For this exercise, select the ToolBook Training Folder and name the file as “Visit_Malaysia_Year”. Flash Movie
  • 24. Learning Module: Multimedia Development www.ppk.kpm.my < 23 > 4. Drawing object using the Draw Objects ToolBar i) Select the Draw Objects category from the Catalogue. Select the rectangle icon from the Catalogue. Flash Movie
  • 25. Learning Module: Multimedia Development www.ppk.kpm.my < 24 > ii) Drag and drop the rectangle object on the presentation screen iii) Resize the rectangle to fit the white space on the presentation screen. Flash Movie Flash Movie
  • 26. Learning Module: Multimedia Development www.ppk.kpm.my < 25 > iii) To change the colour of the rectangle object, first click on the object then click on the icon. iv) Click on the Draw tab. For this exercise, change the Fill Color from White to Black. Flash Movie Flash Movie
  • 27. Learning Module: Multimedia Development www.ppk.kpm.my < 26 > iv) Click on the icon to close the Properties for Book window. v) Click on the File Menu and choose Save As. vi) Select the first option and click on the OK button. vii) Select the filename “Visit_Malaysia_Year” and click on the Save button. Flash Movie
  • 28. Learning Module: Multimedia Development www.ppk.kpm.my < 27 > viii) Click on the Yes button. 5. Inserting Buttons i) Select the Buttons category from the Catalogue. Select the rectangle icon from the Catalogue.
  • 29. Learning Module: Multimedia Development www.ppk.kpm.my < 28 > ii) Drag and drop the Pushbutton object on the presentation screen iii) To change properties of the button, first click on the Button object then click on the icon. Flash Movie Flash Movie
  • 30. Learning Module: Multimedia Development www.ppk.kpm.my < 29 > iv) Click on the Draw Tab. Under Caption heading, remove the existing caption in the textarea. Flash Movie Flash Movie
  • 31. Learning Module: Multimedia Development www.ppk.kpm.my < 30 > ix) Click on the Graphic Tab. Under Button Graphic heading, click on the Normal icon. Click on the Choose Graphic button x) Click on the Import button Flash Movie Flash Movie
  • 32. Learning Module: Multimedia Development www.ppk.kpm.my < 31 > 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. 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
  • 33. Learning Module: Multimedia Development www.ppk.kpm.my < 32 > vii) Under the Graphics Option, check the second option. xi) Click on the icon to close the Properties for Button window. xii) Repeat steps (i – vi) for the other buttons. Filename – Malaysia.jpg Culture.jpg Tourist.jpg viii) Click on the File Menu and choose Save As. ix) Select the first option and click on the OK button. x) Select the filename “Visit_Malaysia_Year” and click on the Save button. Flash Movie
  • 34. Learning Module: Multimedia Development www.ppk.kpm.my < 33 > xi) Click on the Yes button. 6. Inserting New Page i) Select the Draw Objects category from the Catalogue. Select the rectangle icon from the Catalogue.
  • 35. Learning Module: Multimedia Development www.ppk.kpm.my < 34 > 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 Flash Movie
  • 36. Learning Module: Multimedia Development www.ppk.kpm.my < 35 > 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.
  • 37. Learning Module: Multimedia Development www.ppk.kpm.my < 36 > v) Click on the File Menu and choose Save As. vi) Select the first option and click on the OK button. vii) Select the filename “Visit_Malaysia_Year” and click on the Save button.
  • 38. Learning Module: Multimedia Development www.ppk.kpm.my < 37 > viii) Click on the Yes button. 7. Inserting Background i) Select the Object Menu and click on the Properties for Background.
  • 39. Learning Module: Multimedia Development www.ppk.kpm.my < 38 > ii) Select the Draw Tab and click on the Choose Backdrop button. iii) Click on the Import button.
  • 40. Learning Module: Multimedia Development www.ppk.kpm.my < 39 > 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.
  • 41. Learning Module: Multimedia Development www.ppk.kpm.my < 40 > 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.
  • 42. Learning Module: Multimedia Development www.ppk.kpm.my < 41 > vii) Click on the File Menu and choose Save As. viii) Select the first option and click on the OK button. ix) Select the filename “Visit_Malaysia_Year” and click on the Save button. x) Click on the Yes button. 8. Creating texts in presentation area 8.1 Drag & Drop Text Field 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.
  • 43. Learning Module: Multimedia Development www.ppk.kpm.my < 42 > iii) Double-click on the text field to type. For this exercise, please type “VISIT MALAYSIA YEAR”.
  • 44. Learning Module: Multimedia Development www.ppk.kpm.my < 43 > 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. 8.2 Insert Text 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.
  • 45. Learning Module: Multimedia Development www.ppk.kpm.my < 44 > ii) Click on the Insert Menu and select Text.
  • 46. Learning Module: Multimedia Development www.ppk.kpm.my < 45 > 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. iv) Click on the OK button.
  • 47. Learning Module: Multimedia Development www.ppk.kpm.my < 46 > v) Click on the Properties icon to change the Font Color, position, font type, alignment.
  • 48. Learning Module: Multimedia Development www.ppk.kpm.my < 47 > ix) Save your exercise. First click File > Save As x) Click Save. xi) Click the OK button. 9. Inserting Graphic 9.1 Insert Graphic i) Select Insert from the menu bar. Click on the Graphics.
  • 49. Learning Module: Multimedia Development www.ppk.kpm.my < 48 > 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.
  • 50. Learning Module: Multimedia Development www.ppk.kpm.my < 49 > 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.
  • 51. Learning Module: Multimedia Development www.ppk.kpm.my < 50 > iii) Repeat steps (i – ii) for the other images. Filename – Malaysia.gif flower.gif fivedots.gif Celebrating50.gif
  • 52. Learning Module: Multimedia Development www.ppk.kpm.my < 51 > iv) Save your exercise. First click File > Save As. v) Click Save. vi) Click on the Yes button. 10. Inserting Audio 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
  • 53. Learning Module: Multimedia Development www.ppk.kpm.my < 52 > i) From the Catalogue, select the Media Players category.
  • 54. Learning Module: Multimedia Development www.ppk.kpm.my < 53 > 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.
  • 55. Learning Module: Multimedia Development www.ppk.kpm.my < 54 > iv) Click on the New button. 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.
  • 56. Learning Module: Multimedia Development www.ppk.kpm.my < 55 > 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.
  • 57. Learning Module: Multimedia Development www.ppk.kpm.my < 56 > 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. xi) Click the Yes button. 11. Inserting Video 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”. i) From the Catalogue, select the Media Players category.
  • 58. Learning Module: Multimedia Development www.ppk.kpm.my < 57 > ii) Select the Universal Media Player from the Media Player category. Drag and down media object on the presentation screen. Click on icon.
  • 59. Learning Module: Multimedia Development www.ppk.kpm.my < 58 > 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. iv) Click on the OK button.
  • 60. Learning Module: Multimedia Development www.ppk.kpm.my < 59 > v) Check on the “Auto Start” box. Then click the OK 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. viii) Click Save. ix) Click the Yes button. 12. Creating Path Animation 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”.
  • 61. Learning Module: Multimedia Development www.ppk.kpm.my < 60 > 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.
  • 62. Learning Module: Multimedia Development www.ppk.kpm.my < 61 > ii) Then drag the image and position it below the map.
  • 63. Learning Module: Multimedia Development www.ppk.kpm.my < 62 > 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.
  • 64. Learning Module: Multimedia Development www.ppk.kpm.my < 63 > 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. vi) Then click on the OK button.
  • 65. Learning Module: Multimedia Development www.ppk.kpm.my < 64 > 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. ix) Click on the Object Menu and select Path Animation.
  • 66. Learning Module: Multimedia Development www.ppk.kpm.my < 65 > x) Select the object you want to animate. For this exercise, click on the Perlis image and click the Ok button.
  • 67. Learning Module: Multimedia Development www.ppk.kpm.my < 66 > xi) Click on anywhere of the screen to chart the path of the image animation.
  • 68. Learning Module: Multimedia Development www.ppk.kpm.my < 67 > 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.
  • 69. Learning Module: Multimedia Development www.ppk.kpm.my < 68 > xiv) Click on the Done button. xv) Click on the OK button.
  • 70. Learning Module: Multimedia Development www.ppk.kpm.my < 69 > 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.
  • 71. Learning Module: Multimedia Development www.ppk.kpm.my < 70 > xviii) Select the picture “Perlis” and select the Animate button. Then click on the OK button. xix) Click on the Add button.
  • 72. Learning Module: Multimedia Development www.ppk.kpm.my < 71 > xx) Select the text field “Perlis” and click OK.
  • 73. Learning Module: Multimedia Development www.ppk.kpm.my < 72 > 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.
  • 74. Learning Module: Multimedia Development www.ppk.kpm.my < 73 > 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.
  • 75. Learning Module: Multimedia Development www.ppk.kpm.my < 74 > 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. xxvii) Click Save. xxviii) Click the Yes button. 13. Hide and Show Objects 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.
  • 76. Learning Module: Multimedia Development www.ppk.kpm.my < 75 > iii) Select the Action Trigger on the screen. For this exercise, select the word “Perlis” then click on the Extended Properties icon.
  • 77. Learning Module: Multimedia Development www.ppk.kpm.my < 76 > 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.
  • 78. Learning Module: Multimedia Development www.ppk.kpm.my < 77 > 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.
  • 79. Learning Module: Multimedia Development www.ppk.kpm.my < 78 > 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.
  • 80. Learning Module: Multimedia Development www.ppk.kpm.my < 79 > 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.
  • 81. Learning Module: Multimedia Development www.ppk.kpm.my < 80 > 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. xiii) Click Save. xiv) Click the Yes button. Repeat the steps in Section 12 and 13 to put in the picture, text and animation for all the other states in the map.
  • 82. Learning Module: Multimedia Development www.ppk.kpm.my < 81 > 14. Inserting Hyperlink i) For this exercise, navigate to page 1 of the presentation using the navigation buttons. ii) Select the first button “Logo” and then click on the icon. Flash Movie Flash Movie
  • 83. Learning Module: Multimedia Development www.ppk.kpm.my < 82 > iii) Click on the icon. 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 Flash Movie
  • 84. Learning Module: Multimedia Development www.ppk.kpm.my < 83 > v) Select the page you want to link to. For this exercise, select the “Logo Definition”. Then click on the OK button. 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 Flash Movie
  • 85. Learning Module: Multimedia Development www.ppk.kpm.my < 84 > vii) Click on the icon to close the Properties window. viii) Repeat steps i – viii to link the other buttons. - About Malaysia button -> About Malaysia page - Culture button -> Culture page . – Tourist Spots -> Tourist Spots page 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. x) Save your exercise. First click File > Save As. xi) Click Save. xii) Click the Yes button. 15. Inserting Exit button 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. Flash Movie
  • 86. Learning Module: Multimedia Development www.ppk.kpm.my < 85 > ii) Select the Action Objects category from the Catalogue. Select the object “Exit with Confirmation”.
  • 87. Learning Module: Multimedia Development www.ppk.kpm.my < 86 > iii) Drag and down the object to the presentation screen. iv) Click on the icon. Change the exit button caption to “Exit”. Then click on the icon to close the properties window.
  • 88. Learning Module: Multimedia Development www.ppk.kpm.my < 87 > 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. viii) Click Save. ix) Click the Yes button. REFERENCE A. Books 1. ToolBook Assistant User Manual 2. Evaluation/ : Self Test Summary :
  • 89. Learning Module: Multimedia Development www.ppk.kpm.my < 88 > SUBTOPIC: 4.3.3 Multimedia Production 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 a). What is testing? Testing is an ongoing process and should begin at the very beginning stage of multimedia production. It is important to test the design and the function to find out how the user interacts with the multimedia products b). Who will do the testing? Your friends, teacher or any one can do the testing. c). Why do we need to test our multimedia production? This is to repair and fix any problems that testing exposes. You cannot predict how someone who has never seen your product before, will use it. Independent testing also gives you feedback on how your product performs. Testing the process will prove or indicate where you need to make changes. d). Do I need to have all the items listed in the checklist? No, not all the items given should be in your multimedia productions. For example, if you have navigation buttons, there is no need for hotspot. e). What to do with the checklist? Just tick ( • ) at the Yes or No column according to the items shown in the Multimedia Production and give some comments regarding the item tested for improvement if needed. Example: When user guides are given but not in proper order, then we have to give some comments on that part to be improved by the developer. f). Check List For Testing A Multimedia Production
  • 90. Learning Module: Multimedia Development www.ppk.kpm.my < 89 > Name : _______________________________________ Form : _________________ Title : _____________________________________ Date :__________________ Tick ( • ) Yes or No according to the items shown in the Multimedia Production. Items YE S N O Comments Content Matches the goals Text Animation Graphic Video Audio Language A Informative Interface Contrast Alignment Simplicity Proximity Emphasis B Repetition Navigation Navigation aids C Consistency Documentation Production documents User guide given D Supplementary documents Others Colour Icon Hotspot Menus Interactive E
  • 91. Learning Module: Multimedia Development www.ppk.kpm.my < 90 > SUBTOPIC: 4.3.3 Multimedia Production E. Phase 5 – Evaluation DURATION : 2 periods Learning Outcome : Students should be able to assess their own multimedia project by using the checklist form. a). What is evaluation phase? The evaluation of a project is an on going process. This phase of the development process focuses on summative evaluation and measures the effectiveness of the project. 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
  • 92. Learning Module: Multimedia Development www.ppk.kpm.my < 91 > EVALUATION FORM Name : _______________________________________ Form : _________________ Project Title : _______________________________________ Date :__________________ Scale : 1 – Poor 2 – Good 3 – Excellent Tick (/) in the appropriate column. Items 1 2 3 Comments A Content (e.g.: match the project goal, informative, etc) B Interface (e.g.: interesting, user friendly, interactive, etc) C Navigation (e.g.: flow of the slide, all buttons functioning) D Documentation (e.g.: all the six phases are documented)
  • 93. Learning Module: Multimedia Development www.ppk.kpm.my < 92 > SUBTOPIC: 4.3.3 Multimedia Production 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: I). What is publishing phase? In the publishing phase, the process of producing a CD and its cover will be implemented. In this phase, quality of packaging will be considered. 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.
  • 94. Learning Module: Multimedia Development www.ppk.kpm.my < 93 > PROJECT TASK: DO IT YOURSELF 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. 2. Your presentation should be within 5 to 10 minutes. 3. Include texts, graphics, videos, audios, hyperlinks and animation elements. 4. Apply suitable interface principles in your project. 5. Carry out the project using the headings below: € Analysis € Design € Implementation € Testing € Evaluation € Publishing 6. Compile all the related documents. 7. Submit your documents and the softcopy of the multimedia product (CD) to your teacher.