La4   multimedia
Upcoming SlideShare
Loading in...5
×
 

La4 multimedia

on

  • 391 views

 

Statistics

Views

Total Views
391
Views on SlideShare
384
Embed Views
7

Actions

Likes
0
Downloads
7
Comments
0

2 Embeds 7

http://mtp6014-azmiah.blogspot.com 4
http://www.mtp6014-azmiah.blogspot.com 3

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

La4   multimedia La4 multimedia Document Transcript

  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 1 >1. What is it?This is a learning module for a specific Learning Outcome as stipulated inthe HSP that is:€ 4.3 Multimedia Development2. Who is it for?This module is for students who are taking the ICT subject as their electiveand for those who are interested in ICT.3. What can be achieved?Upon completion of this module, you should be able to produce aninteractive educational multimedia project.4. Is previous knowledge necessary?No. The content of this module will enable you to acquire the knowledge.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 2 >TOPIC: 4.3 Multimedia DevelopmentSUBTOPIC: 4.3.3 Multimedia ProductionLEARNING OUTCOMESYou should be able to:4.3.3.2 apply all the phases of multimedia production to produce aninteractive educational multimedia project.A. Phase 1 – AnalysisB. Phase 2 – DesignC. Phase 3 – ImplementationD. Phase 4 – TestingE. Phase 5 – EvaluationF. Phase 6 – PublishingDURATION: 22 periodsREFERENCESA. Books1. Stephen McGloughlin (2001) Multimedia Concepts and Practice.2. Shelly G.B, Cashman T.J, Vermaat M.E, Walker T.J. (2005)DiscoveringComputers 2006: A Gateway to Information, Course Technology.3. Stephen M. Alessi and Stanley R. Trollip (2001) Multimedia forLearning. APearson Education Company. USA.4. James E. Shuman (1998) Multimedia in Action. Thomson CourseTechnology. Belmont CA.B. Web Address:1. http://www.shawmultimedia.com/analy_1.html2. http://www.klariti.com/technical-writing/User-Guides-Tutorial.shtml
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 3 >4.3.3 MULTIMEDIA PRODUCTIONOVERVIEWMultimedia can be defined as a computer based interactivecommunications process that incorporates text, graphics, animation, video andaudio. Multimedia provides an environment in which the user can interact with theprogram. Multimedia can be delivered in the form of CDs or web-based using theInternet. The production of multimedia involves 6 phases. They are analysis,design, implementation, testing, evaluation and publishing phases. In thismodule, we will go through each phase in detail to produce a multimediaproduction that will be delivered in the form of CD.REQUIREMENTSA. HardwareMultimedia PCDigital Video CameraDigital CameraScannerPrinterCD Writer / DVD WriterCD-R / CD-RWB. SoftwareGraphic EditorVideo EditorAudio EditorMultimedia Authoring SoftwareC. WorksheetProblem StatementStoryboard Template (hardcopy/softcopy)Evaluation Form
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 4 >SUBTOPIC: 4.3.3 Multimedia ProductionA. Phase 1 – AnalysisLEARNING OUTCOMESYou should be able to:1. investigate and write a short report of the findings.DURATION: 2 periodsI). 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. Preliminaryinvestigation will also be carried out.Situation 1:You are working with the Malaysian Tourism Board. One day, yourboss asks you to produce a multimedia project which is informativeand interactive for the ‘Visit Malaysia Year’ campaign.Study and analyse the above situation, then1. 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 Developmentwww.ppk.kpm.my < 5 >Example : Problem StatementItems Response(s)Project title Visit Malaysia YearProblemsTo produce an informative and interactivemultimediaObjectives- to introduce Malaysia- to give more information on interesting placesin Malaysia- to give an idea about Malaysian cultures andcustoms- to introduce local cuisinesPossible solutions An informative and interactive multimedia projectcontaining texts, videos, audios, animation andgraphic; provide an interactive tour to the usersTarget Audience Local and Foreign touristsBased on the analysis, an example of a short report shown below:Example of a short reportThis multimedia project is about the ‘Visit Malaysia Year’. Thisproject will promote and introduce interesting places in Malaysia.Malaysian cultures and customs and also the famous Malaysian cuisinesare attractive to pull both local and foreign tourists.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 6 >b). Activity 1:Study and analyse the situation below, then:i). fill in the Problem Statement ; andii). write a short report.Problem StatementItems Response(s)Project titleProblemsObjectivesPossible solutionsTarget AudienceSituation:Your school is going to have a new intake for the Form 1students. As a school head prefect, you are given theresponsibility by your principal to produce a multimedia projectwhich will include all the information about your school for theparents and the new students. Your multimedia project must beboth informative and interactive.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 7 >Based on the analysis, write a short report of your project title.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 8 >SUBTOPIC: 4.3.3 Multimedia ProductionB. Phase 2 - DesignLEARNING OUTCOMESYou should be able to:1. apply CASPER into multimedia project;2. provide an overview of the project in the flow chart ; and3. create storyboards.DURATION: 4 periodsI). Introduction: What is design phase?In the design phase; the course content, navigationalstructure, assets, approach and graphic design aredeveloped in detail. Sample graphics and layouts areestablished and technical requirements are specified.a). Activity 1Study the CASPER design principles and apply it to in your multimedia project.CASPER Screen Design And Layout PrinciplesContrastThe principle of contrast states that, if two items are not exactly alike then it makesthem different. Contrast provides interest within a piece of graphic and keeps theobserver entertained.AlignmentAlignment is the idea that, while items are separated by idea and space (theprinciple of proximity) they are still all part of the same page. Nothing should beplaced on a page arbitrarily; each item should have a visual connection withsomething else on the page.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 9 >SimplicityGaining attention is an important part in any communication act, it is important to tryto keep your message as simple as possible:€ use accurate words for text and graphics as it is absolutely necessary toget your point across€ superfluous graphics can interfere with understanding.€ an over abundance of fonts or colours can distract rather than assistlearning.The general rule of thumb is to use graphics that are as simple as possible whendisplaying content on the screen. Provide the main ideas and a means of gettingmore information for those who might need or desire it.ProximityThe principle of proximity states that things, that are closertogether, will be seen as belonging together. Looking at thepicture on the right, since the horizontal rows of circles arecloser together than the vertical columns, we perceive twovertical lines. Since the first two columns and the last twocolumns have less space between them than the centre twocolumns, we perceive two groups of two columns.EmphasisOne method used to attract attention in the design of a screen or work of art is theuse of a focal point. A focal point draws your attention to the most importantelement on the page. There are several techniques used to emphasize the mostimportant object on a page.Emphasis by IsolationIf most of the elements in a work of art are grouped closelytogether, an object by itself stands out as a focal point.Emphasize with text attributes.Use highlighting or boldface to draw attention to the mainpoints. Underlining rarely looks good on screen. Blinking shouldonly be used in critical situations. It is distracting. Vary the sizeand rotation of text to attract attention. Scrolling text is generallynot a sound practice in interactive multimedia (IMM). Multiplefonts should rarely be used. Pick a good font and work with itsdifferent styles.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 10 >RepetitionRepetition is the idea that consistency can be gained by repeating elementsthroughout a page or series of pages. Repetitive items in a piece, tie it together asa whole. The best computer interface will maintain a consistent look. In particular,icons used for navigation should maintain one position to avoid confusing thelearner. It is also wise to use similar font faces and colour schemes throughout aparticular interface, unless the change is used to signal a new unit, topic, or sectionb). FLOW CHART of MULTIMEDIA DESIGN2 optionmain menu 3 optionsDisplay A(KLCC/KLIA/PJ)Display B(Info)Display C(Statistic)Display C1 Display C2 Display C3Display C2.1(Report)Display C3.1(Report)option
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 11 >c). Activity 2Design the storyboard and the navigation scheme. Include a template design ifappropriate and specify the hyperlinks.Example 1 of a storyboard.Title : VISIT MALAYSIA Section : 1 Page : 1Sub Title : Introduction Graphics : Yes / No Audio : Yes / NoNotes :NextBackWELCOME TO MALAYSIA• KUALA LUMPUR• PUTRA JAYA• SEPANGAudio Video Animation GraphicReference : Multimedia In Action , James E.Shuman.www.wadsworth.comBACK NEXTQUIT
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 12 >Example 2 of a storyboard.Title : VISIT MALAYSIA Section : 1 Page : 1Sub Title : Introduction Graphics : Yes / No Audio : Yes / NoNotes :NextBackAudio Video Animation GraphicGRAPHICTitle TextVISITNavigation buttonHypertext 1Hypertext 2Hypertext 3
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 13 >SUBTOPIC: 4.3.3 Multimedia ProductionC. Phase 3: ImplementationLEARNING OUTCOMESYou should be able to:1. apply editing software2. apply authoring toolscreating 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 andcreating video objects in presentation area3. produce an interactive educational multimedia projectDuration: 8 periodsIntroductionImplementation of the design includes using a program development tool thatassists the programmer by generating or providing some or all code, or includeswriting the code that translates the design into a computer program and, ifnecessary, creating the user interface.Activities : Activity 1You are required to prepare some images which are relatedto the topic. You have many ways to get the images:1. Take pictures using digital camera / pictures2. Scan your photo using scanner3. Download pictures from InternetActivity 2Now, you have to prepare some audio. Your audio formatmust be in wav and midi format.1. Record your voice into digital form2. Download audio from Internet3. Create your own audio fileActivity 3Take a short video. You must ensure that your file must be inavi format.Activity 4Group all the different format into authoring tools. Studentsare required to use ToolBook Assistant 2004.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 14 >ToolBook Assistant1. Opening ToolBook Assistant 2004 applicationi) Double-click on the ToolBook Assistant icon to view the ToolBook Assistant 2004Startup screen. Click on the Quick Start Tab and select the Blank Native ToolBookBook icon. Then click on the OK button.ii) Click on Yes button to proceed.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 15 >2. Resizing Presentation Screeni) Click on the Object Menu and select the Properties for Book.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 16 >ii) Click on the Page Tab to change the size of the presentation screen. By default thePage measurement is in unit. You can change the unit measurement to pixels byclicking on the .iii) Click on the option for 800 x 600 pixels and the screen size will automatically changeto your current selection. Click on the icon to close the Properties for Bookwindow.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 17 >3. Inserting Flash Movie into Presentationi) Select the Media Players category from the Catalogue. Select the Flash Media Playericon for the Media Player Catalogue. Drag and drop the media player object on to thepresentation screen.
  • Learning Module: Multimedia Developmentwww.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 thevideo folder and choose the file name “Intro.swf”.iv) Check the AutoStart box and click on the OK button
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 19 >v) To resize the flash media player object, click on the flash media player object. Moveyour mouse to the border and drag its sides.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 20 >Or you can click on the Flash Media Player object. Click on the icon to view the Flash MediaPlayers properties. Then click on the Bounds Tab. You can change the size and position of theFlash 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 toclose the Properties for Group window.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 21 >vi) To view the flash movie, click on the View Menu and choose Reader. Or press the F3button on your keyboard.Flash MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.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 Developmentwww.ppk.kpm.my < 23 >4. Drawing object using the Draw Objects ToolBari) Select the Draw Objects category from the Catalogue. Select the rectangle icon fromthe Catalogue.Flash Movie
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 24 >ii) Drag and drop the rectangle object on the presentation screeniii) Resize the rectangle to fit the white space on the presentation screen.Flash MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 25 >iii) To change the colour of the rectangle object, first click on the object then click on theicon.iv) Click on the Draw tab. For this exercise, change the Fill Color from White to Black.Flash MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.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 Developmentwww.ppk.kpm.my < 27 >viii) Click on the Yes button.5. Inserting Buttonsi) Select the Buttons category from the Catalogue. Select the rectangle icon from theCatalogue.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 28 >ii) Drag and drop the Pushbutton object on the presentation screeniii) To change properties of the button, first click on the Button object then click on theicon.Flash MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 29 >iv) Click on the Draw Tab. Under Caption heading, remove the existing caption in thetextarea.Flash MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 30 >ix) Click on the Graphic Tab. Under Button Graphic heading, click on the Normal icon.Click on the Choose Graphic buttonx) Click on the Import buttonFlash MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 31 >v) Select the graphic for the button. For this exercise, select the ToolBook TrainingFolder then select the images folder under it. Select the filename “logo.jpg” then clickon the OK button.vi) Type in the name of the image. For this exercise type in “bmp_logo” under the Nametextarea. Then click on the OK button.Flash MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.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.jpgCulture.jpgTourist.jpgviii) 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 Developmentwww.ppk.kpm.my < 33 >xi) Click on the Yes button.6. Inserting New Pagei) Select the Draw Objects category from the Catalogue. Select the rectangle icon fromthe Catalogue.
  • Learning Module: Multimedia Developmentwww.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 MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 35 >iii) Repeat steps i – ii to add three more pages. For this exercise, name the other pageswith About Malaysia, Culture and Tourist Spots.iv) To navigate from one page to another click on the Page Navigation bar as shownbelow.
  • Learning Module: Multimedia Developmentwww.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 Developmentwww.ppk.kpm.my < 37 >viii) Click on the Yes button.7. Inserting Backgroundi) Select the Object Menu and click on the Properties for Background.
  • Learning Module: Multimedia Developmentwww.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 Developmentwww.ppk.kpm.my < 39 >iv) Select the background for the page. For this exercise, select the ToolBook TrainingFolder then select the images folder under it. Select the filename “scenery.jpg” thenclick on the OK button.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 40 >v) Type in the name of the image. For this exercise type in “bmp_background” under theName textarea. Then click on the OK button.vi) Click on the icon to close the Properties for Button window.
  • Learning Module: Multimedia Developmentwww.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 area8.1 Drag & Drop Text Fieldi) Select the Text Field category from the Catalog. Click on the text field icon that youwant.ii) Then drag and drop the text field on to the presentation area.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 42 >iii) Double-click on the text field to type. For this exercise, please type “VISIT MALAYSIAYEAR”.
  • Learning Module: Multimedia Developmentwww.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 Texti) Select the Text Field category from the Catalog. Click on the text field icon that youwant. Then drag and drop the text field on to the presentation area.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 44 >ii) Click on the Insert Menu and select Text.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 45 >iii) Select the word document that you want to insert into the text field and click the Openbutton. For this exercise, please select the file “Visit Malaysia” from the ToolBookTraining folder on your desktop.iv) Click on the OK button.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 46 >v) Click on the Properties icon to change the Font Color, position, font type,alignment.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 47 >ix) Save your exercise. First click File > Save Asx) Click Save.xi) Click the OK button.9. Inserting Graphic9.1 Insert Graphici) Select Insert from the menu bar. Click on the Graphics.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 48 >ii) Select the graphic that you want. For this exercise, select the ToolBook TrainingFolder then select the images folder under it. Select the filename “visit2007.jpg” thenclick on the OK button.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 49 >iii) Click on the image and drag it to the right hand corner of the screen and align it to thefirst paragraph of the text.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 50 >iii) Repeat steps (i – ii) for the other images.Filename – Malaysia.gifflower.giffivedots.gifCelebrating50.gif
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 51 >iv) Save your exercise. First click File > Save As.v) Click Save.vi) Click on the Yes button.10. Inserting AudioFor this exercise navigate to page 3 using the navigation arrows. Then insert a text field forthe title “About Malaysia”. Insert another text field. Then select the file from the ToolBookTraining folder -> text folder and choose the file named “AboutMalaysia.rtf”. Then put ingraphics.Filename – twintower.jpgSAS Building.jpgDiving-malaysia.jpg
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 52 >i) From the Catalogue, select the Media Players category.
  • Learning Module: Multimedia Developmentwww.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 shownin the Properties for Media Player.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 54 >iv) Click on the New button.v) Select the graphic that you want. For this exercise, select the ToolBook TrainingFolder then select the audio folder under it. Select the filename “track2.wma” thenclick on the Open button.
  • Learning Module: Multimedia Developmentwww.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 Developmentwww.ppk.kpm.my < 56 >viii) To test whether the audio is playing, press the F3 key on your keyboard to go toReader 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 VideoFor this exercise navigate to page 4 using the navigation arrows. Then insert a text field forthe title “Culture”. Insert another text field. Then select the file from the ToolBook Trainingfolder -> text folder and choose the file named “Culture.rtf”.i) From the Catalogue, select the Media Players category.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 57 >ii) Select the Universal Media Player from the Media Player category. Drag and downmedia object on the presentation screen. Click on icon.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 58 >iii) Select the graphic that you want. For this exercise, select the ToolBook TrainingFolder then select the video folder under it. Select the filename “culture.mpeg” thenclick on the Open button.iv) Click on the OK button.
  • Learning Module: Multimedia Developmentwww.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 toReader 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 AnimationFor this exercise navigate to page 4 using the navigation arrows. Then insert a text field forthe title “Tourist Spots”. Insert a Graphic from ToolBook Training folder -> images folder andchoose the file named “malaysiamap.gif”.
  • Learning Module: Multimedia Developmentwww.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 folderunder it. Select the filename “perlis.gif” then click on the OK button.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 61 >ii) Then drag the image and position it below the map.
  • Learning Module: Multimedia Developmentwww.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. Dragand down the text field into the presentation screen.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 63 >v) Then click on the Insert Menu and select text. Then select the text you want. For thisexercise, 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 Developmentwww.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 Developmentwww.ppk.kpm.my < 65 >x) Select the object you want to animate. For this exercise, click on the Perlis image andclick the Ok button.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 66 >xi) Click on anywhere of the screen to chart the path of the image animation.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 67 >xii) Click on the icon to select a different object to animate. For this exercise, selectthe 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 Developmentwww.ppk.kpm.my < 68 >xiv) Click on the Done button.xv) Click on the OK button.
  • Learning Module: Multimedia Developmentwww.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 theAdd button.
  • Learning Module: Multimedia Developmentwww.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 Developmentwww.ppk.kpm.my < 71 >xx) Select the text field “Perlis” and click OK.
  • Learning Module: Multimedia Developmentwww.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 theheading Border Style, select “None”. Under the Drawing option, uncheck the“Highlight when clicked” and check the “Draw Transparent” box.
  • Learning Module: Multimedia Developmentwww.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 Developmentwww.ppk.kpm.my < 74 >xxv) To test whether the animation is working, press the F3 key on your keyboard to go toReader 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 Objectsi) 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 theDelay Time to “10” sec. Then click on the OK button.
  • Learning Module: Multimedia Developmentwww.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 Developmentwww.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”. Underthe Perform What Action heading, select the option “Trigger”. Then click on the OKbutton.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 77 >vi) Select the object picture “Perlis” from the list. Under the Perform What ActionHeading, select the option “Hide”. Then click on the OK button.
  • Learning Module: Multimedia Developmentwww.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 ActionHeading, select the option “Show”. Then click on the OK button.
  • Learning Module: Multimedia Developmentwww.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 “Perliswith the icon “S”. Then click on the OK button.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 80 >xi) To test whether the animation is working, press the F3 key on your keyboard to go toReader 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 otherstates in the map.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 81 >14. Inserting Hyperlinki) 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 MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 82 >iii) Click on the icon.iv) Under the heading Type of Link, select “Go to another page”. Under the heading Linkto, select a specific page. Then click on the icon.Flash MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.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 MovieFlash Movie
  • Learning Module: Multimedia Developmentwww.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 pageInsert a new button in pages 2 – 5. Change the button caption to “Main Menu”. Then linkthe button to the first page.ix) To test whether the animation is working, press the F3 key on your keyboard to go toReader 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 buttoni) 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 Developmentwww.ppk.kpm.my < 85 >ii) Select the Action Objects category from the Catalogue. Select the object “Exit withConfirmation”.
  • Learning Module: Multimedia Developmentwww.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 theicon to close the properties window.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 87 >v) Then resize the object to fit the caption. Then press F4 to return to the foreground ofthe presentation screen.vi) To test whether the exit button is working, press the F3 key on your keyboard to go toReader 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.REFERENCEA. Books1. ToolBook Assistant User Manual2.Evaluation/ :Self TestSummary :
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 88 >SUBTOPIC: 4.3.3 Multimedia ProductionD. Phase 4 – TestingLEARNING OUTCOMESYou 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 periodsa). What is testing?Testing is an ongoing process and should begin at the very beginning stage ofmultimedia production. It is important to test the design and the function to findout how the user interacts with the multimedia productsb). 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 predicthow someone who has never seen your product before, will use it. Independenttesting also gives you feedback on how your product performs. Testing theprocess 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. Forexample, 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 theMultimedia Production and give some comments regarding the item tested forimprovement if needed.Example: When user guides are given but not in proper order, then we have togive some comments on that part to be improved by the developer.f). Check List For Testing A Multimedia Production
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 89 >Name : _______________________________________Form : _________________Title : _____________________________________Date :__________________Tick ( • ) Yes or No according to the items shown in the Multimedia Production.ItemsYESNOCommentsContentMatches the goalsTextAnimationGraphicVideoAudioLanguageAInformativeInterfaceContrastAlignmentSimplicityProximityEmphasisBRepetitionNavigationNavigation aidsCConsistencyDocumentationProduction documentsUser guide givenDSupplementary documentsOthersColourIconHotspotMenusInteractiveE
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 90 >SUBTOPIC: 4.3.3 Multimedia ProductionE. Phase 5 – EvaluationDURATION : 2 periodsLearning Outcome :Students should be able to assess their own multimedia project by using thechecklist form.a). What is evaluation phase?The evaluation of a project is an on going process. This phase of thedevelopment process focuses on summative evaluation and measures theeffectiveness of the project.Evaluation process focuses on the product used rather than its features andfunctions. It is done earlier to discover any design faults and reduce the costs ofcorrecting 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 reallyneeds. There is a range of different types of evaluation that can be applied to aneducational multimedia product. Some of them are stated in the evaluation formbelow.http://www.tecmasters.com/Multimedia_pg1.htmlhttp://www.tedi.uq.edu.au/mag/view.asp?Section=61
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 91 >EVALUATION FORMName : _______________________________________Form : _________________Project Title : _______________________________________Date :__________________Scale : 1 – Poor2 – Good3 – ExcellentTick (/) in the appropriate column.Items 1 2 3 CommentsAContent(e.g.: match theproject goal,informative, etc)BInterface(e.g.: interesting, userfriendly, interactive,etc)CNavigation(e.g.: flow of the slide,all buttons functioning)DDocumentation(e.g.: all the sixphases aredocumented)
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 92 >SUBTOPIC: 4.3.3 Multimedia ProductionF. Phase 6 – PublishingLEARNING OUTCOMESYou should be able to:1. produce a multimedia Compact Disc (CD)2. create cover and inlay for the CD3. do CD packagingDURATION: 2 periodsIntroduction:I). What is publishing phase?In the publishing phase, the process of producing a CD and its cover will beimplemented. In this phase, quality of packaging will be considered.a). Activity 1You 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 2You have to create the CD cover and the CD inlay.1. Use the software that comes with the CD writer to create the CDcover and inlay.2. Follow the steps given.
  • Learning Module: Multimedia Developmentwww.ppk.kpm.my < 93 >PROJECT TASK: DO IT YOURSELFInstruction1. Choose a suitable title to develop your educational multimedia product. Theproject 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€ Publishing6. Compile all the related documents.7. Submit your documents and the softcopy of the multimedia product (CD) toyour teacher.