 |
|
Examples
Tutorial 4, Tutorial 5, Tutorial 8, Tutorial 9
Summary
| The media object has two modes of operation: "Present Media" and "Remove Media". When media are presented, the result varies by the type of media presented. Text, images, and image maps are displayed in daughter windows and will persist until they are removed with another media object. Wave files are simply played when the dialogue flow reaches the media object. The "Remove Media" option will list all media objects in the application, and allow for the removal of whatever was presented at those nodes. In developing applications with the media object, it is important to ensure that the present and remove operations happen in the proper sequence. |
Details
| Each row of the Media Objects editor has a unique purpose. Select only the type of media you wish to present at run time. | |||||||||||
|
|||||||||||
|
|||||||||||
|
To remove an image or text from the screen, add an additional media object down stream in the program and select "Remove Media". Then select the name(s) of the state of the media diplay(s) you wish to remove. | ||||||||||
| It is possible to use the listbuilder with the media object. In this case, the lists would consist of the specific information needed by the media object: text strings, wave files, or images. With the "use list" option selected, the media object will substitute the current value of the named list (or other) variable into the appropriate field at run time. In the example below, the value $image is set to the file path for an image file (i.e. C:\foo\bar.gif on a Windows machine). | |||||||||||
|
|||||||||||
Creating Image Maps
| The image map presents an image that contains clickable regions created by the builder. During run time, the program will wait until the user responds by clicking on one of the regions. By default, the image map creates one output port per region, thus for every region that you create in your image map the object creates a red output port. The program will branch to the port which matches the user's selection. |
|
Below is a step by step guide to creating an image map: 1. From the media object contect menu select "Present Media". 2. Select edit in the image map section of the media object. |
|
|
|
|
3. Select OPEN in the image map editor and load your gif image. 4. Select a drawing tool. 5. Trace a region on the canvas with the drawing tool. 6. Right click on the new region and select properties. |
|
|
|
7. Rename the region with an appropriate name. (The default name is shape#x) 8. Under the options menu of the image map editor, select Options a. Default setting is "one port per region" This will branch to that port based on what region the user clicks on. b. Option to select one port. This will only set a variable called "target" where $target is the name of the region that the user clicked on. Branching can be done through a conditional object downstream. 9. The image map always sets a variable called target where $target is the name of the region that the user clicked on. 10. Select OK on the image map editor 11. Select OK on the media object |
Context Menu
|
|