Tried out Google API's as Web Objects in Storyline? Demo is here..

Nov 12, 2013

If you have ever wondered how Google APIs render in Storyline, or how do you get them into Storyline in the first place, then go no further! I too had the same curiousity and as a result a wee Stoyline was born to show and tell us about these interactive data gems!

Let's get the conversation started..(

Click here to see Google APIs in the wild and how they're tamed into Web Objects

12 Replies

Nancy Woinoski
Hero

over 10 years ago11/12/13 at 5:28 pm (UTC)

This is awesome Eimear. I've added it to my favourites.

Elizabeth Miles

over 10 years ago11/13/13 at 12:35 pm (UTC)

I love this!!!! Thank you so much for putting it together and sharing with the community. I'll definitely be able to apply this, hopefully very soon.

Cheng Li

over 10 years ago11/19/13 at 7:10 am (UTC)

Hi Eimear,

This is awesome. I have a question about the process in your document.

I lost you at step 9 where you select the folder in which the index.html is stored. Here after I select the folder, where do I find ''the drop down menu at the bottom right hand corner and select all files'' as you describe in step 10?

Much appreciate in advance.

Cheng

OWEN HOLT
Hero

over 10 years ago11/19/13 at 9:16 am (UTC)

Looks very interesting. I'll have to give it a try.

Eimear O Neill
Author

over 10 years ago11/19/13 at 9:46 am (UTC)

@ Nancy, Elizabeth & Owen, Glad you like it and may even use some API's in future yah!

Cheng: Yeah this process is a little tedious so bare with me

First up, are you using the plain text editor "Notepad"? - that's the one I use so just need to know if we are comparing apples with apples.

If you are, then when you open the folder where your .html files lives - well you won't see the html file because the text plain editor is defaulted to see only the .txt files so you need to find the option to see ALL FILES. In this editor it is to the right of the file name box. The drop down menu default name is "Text Documents (*.txt)" as pointed to by the yellow arrow below.

Once you hit that menu you will see the other option which is All Files as seen in second image. Once you select All Files you will see your saved .html file and then select it and just hit Open

Have another go and see if that works better.

Let me know how you get on ok..good luck Cheng!

Eimear O Neill
Author

over 10 years ago11/19/13 at 9:49 am (UTC)

Image 1 from Notepad

Image 2 from Notepad

Cheng Li

over 10 years ago11/19/13 at 10:08 am (UTC)

Hey Eimear,

Thank you for explaining!

I got that part of saving the code as html file. What I didn't get is in Storyline when you are in the "insert web object" window, do you insert the html file path, or do you choose the html file to be inserted? Because when I inserted the html file path (which I think is the only option) as a web object, I could not view the chart I wanted to insert even after I publish it.

So I am thinking maybe there's a problem with the html code...

Cheng

Eimear O Neill
Author

over 10 years ago11/19/13 at 3:12 pm (UTC)

Hi again Cheng

OK I know where you are now

Choose the folder (which Storyline ends up saving as a embedded path) in which you have saved the index.html file. Storyline only lets you select the folder (hence best to have one folder for each api) and not the specific .html file itself. It figures out the index file is in the selected folder when inserting the web object. Sorry for the confusion Cheng.

All the html codes worked for me - I tweeted the data (not the variables) a wee bit but not significantly. Did you use the original code? Should work fine. But best to test out published file in different browsers - note: some of the api's can be slow to load.

Have another go!

Best,