A “Blank Page” Google Docs Add-On

I was talking with my online friend Tim Brzezinski the other day about the great work he does with Geogebra and how to accelerate even more synergy between the interactive element and Google Docs.  He is experimenting with linking to google doc exploration guides from within Geogebra applets. I wondered what it might look like if we embedded the Geogebra applet into a sidebar so created a simple, blank sidebar add-on to embed the Geogebra applet. What I found  was that it was far too small (300 pixels set width) to really be usable, but it was a good little project nonetheless.

To use this in practicality, click the link below, Make a Copy to your own drive from the File Menu, then select Tools, Script Editor.

You will see something like the image below – click on over to Sidebar.html and edit the HTML code (a few examples down below)screen-shot-2017-02-02-at-3-28-56-pm

 

Google Scripts Project

 

Example HTML that embeds a youtube video

<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<iframe width="300" height="100%" src="https://www.youtube.com/embed/ghfcrjTpZE0" frameborder="0" allowfullscreen></iframe> </body>
</html>

The main change I made is of course the width to 300 and the height to be 100%. (Sample Document) 

screen-shot-2017-02-03-at-10-04-34-am

 

 

 

 

 

 

Map on the Side

Document

screen-shot-2017-02-03-at-10-14-29-am

 

 

 

 

 

Admittedly the method isn’t very pretty, and before I publish to the Chrome store I’ll make it so people can just paste the embed code into the frame and it will then automatically embed it (thus it will be able to be changed for each new doc…), but what are some thoughts for how this could be used?

Leave a Reply

Your email address will not be published. Required fields are marked *