Alert!

Hello, reader! If you intend to post a link to this blog on Twitter, be aware that for utterly mysterious reasons, Twitter thinks this blog is spam, and will prevent you from linking to it. Here's a workaround: change the .com in the address to .ca. I call it the "Maple Leaf Loophole." And thanks for sharing!

Friday, October 9, 2009

How to Embed a Geogebra Sketch into a Blog Post


Triangle Centers



Sorry, the GeoGebra Applet could not be started. Please make sure that Java 1.4.2 (or later) is installed and active in your browser (Click here to install Java now)


David Griswold/Kate Nowak, Created with GeoGebra




How to Do This
  1. Make your sketch in Geogebra. Save it as a ggb file, like normal
  2. In Geogebra, File -> Export -> Dynamic Worksheet as Webpage (html)
  3. Go to Geogebra Upload Manager and login or create an account and login
  4. Follow their instructions for uploading materials. Basically they want you to put it in a folder with your name on it.
  5. You'll want to upload the *.ggb and the *.html both for your sketch.
  6. Open the html file in a browser. Select View -> Source.
  7. Copy all the code between (but not including) the TABLE tags to the clipboard.
  8. Paste it into the HTML editor of your new blog post.
  9. In the line that stars with "param name =," change the filename from yourfilename.ggb to the whole URL copied from the geogebra upload site. For example, I had to change centers.ggb to http://www.geogebra.org/en/upload/files/kate_nowak/centers.ggb
  10. That should do it.
  11. Has anyone else noticed that "Geogebra" sounds like an undergarment for a woman made out of rocks? 

26 comments:

  1. You're my new favorite person. Thanks.

    ReplyDelete
  2. I just noticed that on my Macbook in Firefox the sketch is covering up my sidebar. Is that happening for anyone else? Anyone know how to make it stop?

    ReplyDelete
  3. Covering up sidebar for me too. I don't know anything about all this. Good luck...

    ReplyDelete
  4. To change the size of the applet, play around with the 'width="1272" height="865"' line, directly above the one where you changed the file name.

    ... I think ;o Should work, at least ;D

    ReplyDelete
  5. I just see "Sorry, the GeoGebra Applet could not be started. Please make sure that Java 1.4.2 (or later) is installed and active in your browser"

    This is on a machine for which I don't have install privileges. I've always been a little irritated by the Java for for claiming "platform independence" as it is the most version-dependent language I've ever seen.

    ReplyDelete
  6. By the way, you can resize your Geogebra window before you export as an additional way to get your applet down to size.

    Also, if you uncheck "geogebra files" it will instead emebed the applet into the html file, removing the need for the .ggb (and the need for redirecting the URL)

    ReplyDelete
  7. Kate, in the code you pasted,
    <applet name="ggbApplet" code="geogebra.GeoGebraApplet" codebase="./" archive="http://www.geogebra.org/webstart/geogebra.jar" width="1272"

    I agree with the guy from above who said you might be able to export it at a different resolution. If you can change that maybe it'll fit better, I'd try a width of 500 - 600.

    ReplyDelete
  8. Changing the width and height in the code did it. Thanks. I was afraid it would shrink the whole thing, but it seems to have just cropped it.

    Scott I see what you mean about resizing before exporting. But I don't see where to "uncheck 'geogebra files.'"

    ReplyDelete
  9. export as html only:
    http://scottfarrar.googlepages.com/geogebraexport.jpg Leave that box unchecked.

    Also, I'd like to share the lesson I did with my Geometry students in order to introduce Geogebra.

    This worked pretty well, and took up a 55 minute period. (Including the loading up of computers, getting everybody's internet to work, etc) The fourth one is probably too hard but it did allow me a buffer for advanced students.

    http://scottfarrar.googlepages.com/geom2009

    ReplyDelete
  10. I see now that you will actually NEED to keep the Geogebra Files checkbox checked since you cannot host Java on Blogspot (or Blogger, etc...) You are linking to an off-site applet.

    But if you have your own webspace that can run java, you can save some messy-ness by flattening the java into the .html file.

    ReplyDelete
  11. I am new to this blog, but I am really enjoying it. I frequently use Geogebra in my classroom. Here are some applets that I have created.

    http://www.geogebra.org/en/upload/index.php?&direction=0&order=&directory=english/Daniel_A_Kaufmann

    ReplyDelete
  12. Scott that's fantastic how you limit the tools for them like that. Please leave those pages up. I'll be stealing them next year.

    Daniel thanks for sharing your sketches. I was looking at Parabolas - do you think there's a way to have sliders that affect two equations (standard and vertex) and one graph? Like you change the "c" slider, and it changes the graph, but it also changes h and k in the other equation at the same time? One of my colleagues was asking me, and I don't know how you would do that.

    ReplyDelete
  13. Yeah, I think that would be rather easy. I will work on something and let you know when I post it.

    ReplyDelete
  14. http://www.geogebra.org/en/upload/files/english/Daniel_A_Kaufmann/Parabolas_Standard_vs_Vertex.html


    Very basic, but I think it works.

    ReplyDelete
  15. http://scottfarrar.blogspot.com/2009/10/circumcenters-and-epicenters.html

    I made a circumcenter activity, I like it technically, but not pedagogically.

    ReplyDelete
  16. Been lurking here for a while, decided to comment today....

    ....should I be concerned that Geogebra wants "unrestricted access to your computer"? I keep telling it no, then it cycles me through an endless loop of error boxes :(

    ReplyDelete
  17. Hi ali, thanks for popping up to say hi. I agree the warning box is alarming. I think they fixed that in the most recent update. Clicking "allow" doesn't seem to cause any problems, but I don't blame you for not wanting to.

    ReplyDelete
  18. This is so cool. Ive been using Webs.com to upload my GeoGebra worksheets and link it to my wordpress blog.

    By the way, I have created a GeoGebra Tutorial Series (with some videos). You may want to refer your students.

    http://math4allages.wordpress.com/view-posts-by-topics/

    ReplyDelete
  19. It's easier in the latest version (you don't get the warning and you don't have to worry about the ggb file either)

    File -> Export Dynamic Worksheet as html -> Advanced -> Clipboard:html -> Clipboard

    Then paste the html from the clipboard and delete everything before the "applet" tag and after the "/applet" tag

    That's it!

    ReplyDelete
  20. Michael, or anyone who can help, I am desperate to get this to work and I don't know html: Where is this clipboard you speak of, and what does an applet tag look like? Thanks!

    ReplyDelete
  21. Audrey - the clipboard is the thing that you are copying or cutting "to" and pasting "from" on any computer. (there's almost never a need to look at it - i'm not even sure if there's a way to look at it in windows anymore)

    So once you complete the geogebra menu-driven steps that Michael provided, you should be able to go into the HTML editor for your blog post, and just Ctrl-v or Edit/Paste. The stuff that gets pasted in is "from the clipboard." Look within that text for the applet tag.

    Hope that helps!

    ReplyDelete
  22. Thanks, Kate it did help! Haven't published yet, but I can now get it to appear when I preview my post, and it all works fine even during the preview, but then if I log off and come back, most of the code seems to have been deleted, and the title of the draft is "sorry unable to....java...". Weird.
    As for resizing it so it doesn't cover up the sidebar, I tried changing the dimensions both before exporting and within the code, but it crops it so much you can't use it anymore. Is the one you embedded cropped or shrunk? It looks like a complete geogebra window to me, so it looks shrunk.
    Thanks again for your help!

    ReplyDelete
  23. I'm not sure about the code disappearing... I use Blogger and I haven't run into that problem.

    When I resized mine, it did crop. In the original file, I placed everything in the upper left corner of the sketch. So then when it resized by cropping, you could still see everything.

    ReplyDelete
  24. I have created a similar tutorial on how to embed a GeoGebra sketch directly on a blog post, particularly in Blogspot here:

    http://mathandmultimedia.com/2010/10/23/geogebra-advanced-tutorial-2/

    You may want to check it out.

    ReplyDelete
  25. Kate and Guillermo, thank you so much, it's all working now! Here it is on my blog, along with shoutouts to you both!http://audrey-mcsquared.blogspot.com/
    You have both made my day! :)

    ReplyDelete
  26. Just an update. I have created a tutorial on how to embed GeoGebra in Wordpress blogs here:

    http://mathandmultimedia.com/2011/07/13/embedding-geogebra-in-wordpress/

    Wordpress bloggers may find it useful.

    ReplyDelete

Hi! I will have to approve this before it shows up. Cuz yo those spammers are crafty like ice is cold.