September 12, 2009
extend google map widget, make it interactive
Comments
(22)
September 12, 2009
extend google map widget, make it interactive
(22)

Adobe Captivate supports three kinds of objects. Static , Interactive and Question. Static objects inside Captivate are Text captions, animation, highlight box. Difference between static and interactive objects are that latter allows user to interact which means that when on slide it should pause the slide. It has success, failure and hint captions associated with it which are shown in corresponding cases. And lastly it can participate in scoring of the course. An example of interactive object in captivate would be a button or click box.

It has been long time I have written about using google maps API inside Adobe Captivate widgets. Look at the widget created in the post. Try the widget here. BTW the place in the widget was top view of "Statue of Liberty" – Lat – 40.6894 Long – -74.0447. But you know that this widget had something missing as you would have to insert a button on the slide to pause and let user do something. Why not it should stop by its own. What would it need to let widget pause the slide and behave like a interactive object. The answer is interactive widgets.

And what would it need to change our static widget to interactive widgets. You can read the finer details here and below are bare minimum steps needed –

Step 1 – you would change the API isStatic() to isInteractive(). This tells Captivate that the widget is interactive and gives you all the additional functionality. Doing this step alone will pause the captivate slide and give you the following dialog.

Below option lets you choose the default captions associated with interactive objects.

And should it be included in quizzing.

As you can see there are more options available to you and its very similar to a button or a click box.

Step 2 – Define a variable interactiveWidget_mc which is used to talk to captivate movies.

Step 3 – Define three functions setFailure, setSuccess, setShowHint. The widget developer has to decide when to send success event. In my case I will pass success event when user has clicked on the widget. I will set up a event listener for mouse clicks and when user has clicked I will call setSuccess.

function Release(event:MouseEvent):void{           

              setSuccess();

}

this.addEventListener(MouseEvent.CLICK, Release);

I will leave other funtions for you to try out.

See these in action. Click here or the image below to download the Captivate movie.

Source files discussed in this post –

Source file for widget(.FLA file) – Download
Widget file which can be used in Adobe Captivate 4(.swf file) – Download

Do let us know what other things you tried to enhance it.

,,

22 Comments
2018-07-26 08:27:04
2018-07-26 08:27:04

Nice widget Rajeev, I will use on my website https://www.needvan.co.uk

Like
()
(1)
>
NeedVan
's comment
2018-07-26 15:58:14
2018-07-26 15:58:14
>
NeedVan
's comment

Be careful: widgets are only functional for SWF output. If you want HTML output this 9 year old article is not valid anymore.

Like
(1)
2012-09-26 18:45:00
2012-09-26 18:45:00

Excellent post and also thanks for shared informative post and also explain in brief.

Like
()
2012-07-27 09:56:00
2012-07-27 09:56:00

very cool widgets…i used it but i am still difficult to use this..

Like
()
2012-01-11 19:58:00
2012-01-11 19:58:00
Like
()
2012-01-10 15:53:00
2012-01-10 15:53:00

Great blog post and nice discussion among the comments

Like
()
2011-12-13 23:37:00
2011-12-13 23:37:00

very good nice thanks.

Like
()
2011-11-15 12:39:00
2011-11-15 12:39:00

Good article.thank you

Like
()
2011-10-15 21:53:00
2011-10-15 21:53:00

thanks for all the interesting blog posts.

Like
()
2011-10-14 20:20:00
2011-10-14 20:20:00

Great info it is surely. I have been awaiting for this update

Like
()
2011-10-14 20:19:00
2011-10-14 20:19:00

I was really good reading. I appreciate your effort. Thanks a lot

Like
()
2011-10-12 18:01:00
2011-10-12 18:01:00

very nice thank you

Like
()
2011-10-10 17:20:00
2011-10-10 17:20:00

hi nice

Like
()
2011-10-08 16:35:00
2011-10-08 16:35:00

helllo very nice site

Like
()
2011-10-08 16:33:00
2011-10-08 16:33:00

hello very good site

Like
()
2011-09-28 03:53:00
2011-09-28 03:53:00

Thanks for the tutorial, I have never gone through this before until now.

sams club credit card

Like
()
2011-08-25 09:56:00
2011-08-25 09:56:00

that is a good idea

Like
()
2011-06-30 17:11:00
2011-06-30 17:11:00

Extend google map widget,make it interactive
http://englandfood.us
http://girla.eu
Adobe Captivate supports three kinds of objects. Static , Interactive and Question. Static objects inside Captivate are Text captions, animation, highlight box

Like
()
2010-08-25 02:03:58
2010-08-25 02:03:58

Has anyone hacked this widget or created one that allows you to use a customer Google Map?

I want to create a custom Google map that uses custom icons, has images in the descriptions, and displays certain locations.

Like
()
2009-09-14 15:32:46
2009-09-14 15:32:46

cool widget Rajeev! i’ll play with it and let you know my thoughts. I want to run 2 map windows so people can compare places for example.

Like
()
Add Comment