Home > Uncategorized > Instructions: Using an iframe to embed a GeoGebra worksheet in a WordPress blog post

Instructions: Using an iframe to embed a GeoGebra worksheet in a WordPress blog post

1. From the WordPress Dashboard, install a plugin that enables iframes to be embedded into posts, for example Embed Iframe. (Simple instructions for installing plugins into WordPress may be found here)

2. In GeoGebra, create your dynamic worksheet exactly as you wish it to be viewed on your website.  You should follow these guidelines so that users can only modify or move the objects/sliders that you want them to:
i) Identify all points/objects that you wish to fix either in a permanent position or under conditions already specified; right click these objects, enter the properties menu and select Fix Object.
ii) If using sliders, right click these and, under the Slider tab, select Fixed.  This keeps the slider itself in a fixed position in the dynamic worksheet, but still allows the user to change the value of the parameter by sliding it.

3. Under the View menu, hide both the Input Bar and Algebra View. Then un-maximise the GeoGebra window, and resize it exactly how you want it to appear in your blog post.  Think about how wide your blog site is and use that as a maximum width.
.
4. Under the File menu, select Export, Dynamic Worksheet as Webpage (html).  Leave the Title and Author fields blank, and leave the Text Above and Text Below fields blank.  Under Advanced, ensure right-click is disabled, ensure ‘ggb File and jar Files’ is enabled, and decide for yourself about the other options.  Click Export.  The HTML file will now be constructed and will open automatically in your default browser.  Check that it has turned out how you wanted it to.  If not, go back and edit and export it again.
.
5. You should now have a folder containing an html file along with six .jar files.  All these need to be uploaded to your website and must all be stored in the same folder in your website.  The WordPress Dashboard interface is not too friendly with uploading .jar files, so you may need to use an FTP client like WinSCP.  When done, make a note of the URL of the html file.
.
6. Compose your blog post as normal within WordPress.  To insert an iframe, use the following syntax: [iframe url width height].  Width and height can take a bit of fiddling to get right, if you click Export, Dynamic Worksheet as Webpage (html) again in GeoGebra, and click Advanced, use the figures for width and height there as a good starting point.  You will need to preview the blog post, make an adjustment, preview again, etc until it’s fine-tuned.  Advanced users can modify the html too.
.
7. You’re done!  Jar files can be reused, so future html files should be uploaded to the same folder in your website.
Huge thanks to Guillermo Bautista for collating this and similar tutorials and applets on his excellent blog and GeoGebra Applet Central.
  1. Lhurey
    October 20th, 2011 at 23:36 | #1

    Hi,

    I have an educational website and I would like to invite you to submit your site/blog to my educational links directory. You can submit your site details at the following link http://www.edudepartment.com/edulinks/links.php

    Lhurey

  2. August 18th, 2011 at 02:51 | #2

    Thank you very much because your article help me to embed my aplet GeoGebra.

  3. July 15th, 2011 at 14:32 | #3

    Hi Micky. You mentioned that jar files can be reused. Does that mean that I only have to upload HTML files every time once I have already uploaded the jar files?

    • Micky
      July 20th, 2011 at 20:39 | #4

      Yes Guillermo, that seems to work for me!

  1. November 11th, 2011 at 17:48 | #1
  2. April 30th, 2014 at 14:09 | #2