Difference between revisions of "Embedding in Webpages"

From GeoGebra Manual
Jump to: navigation, search
m (→‎Advanced settings: wrong link)
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<noinclude>{{Manual Page|version=4.0}}[[Category:Manual (official)|{{PAGENAME}}]]</noinclude>
+
<noinclude>{{Manual Page|version=4.2}}</noinclude>
 
{{gui|dialog}}
 
{{gui|dialog}}
  
To create an html file on your computer, you have to choose the [[File:Export-html.png]]''Export as Worksheet'' tab.
+
To create a webpage including interactive GeoGebra construction, you have to [[Export_Worksheet_Dialog|upload the construction to GeoGebra]] and use the Embed button in the teacher page.  
  
* At the top of the export window you can enter the Title, Author and Date for your Dynamic Worksheet.
+
You can then paste the resulting code into your online content management system or you can save it as .html file using a text editor like Notepad and add texts above and below the construction.
  
* Tab General allows you to add some text above and below the dynamic construction (e. g., a description of the construction and some tasks).
+
==Advanced settings==
 
+
The Advanced Settings button allows you to change the functionality of the dynamic construction (e.g. show a reset icon and browser features) as well as to modify the user interface shown in the interactive applet (e.g. show the [[Toolbar]], modify height and width, enabling saving and printing, and others).
* Tab Advanced allows you to change the functionality of the dynamic construction (e. g., show a reset icon and browser features) as well as to modify the user interface shown in the interactive applet (e. g., show the [[Toolbar]], modify height and width, enabling saving and printing, and others).
 
 
{{Note|If the size of your applet is too big to fit on a computer screen with standard resolution (1024 x 768), you may want to resize it before the actual export as a Dynamic Worksheet.}}
 
{{Note|If the size of your applet is too big to fit on a computer screen with standard resolution (1024 x 768), you may want to resize it before the actual export as a Dynamic Worksheet.}}
  
The exported HTML file (e. g. circle.html) can be viewed with any Internet browser (e. g. Mozilla, Internet Explorer, Safari). In order to let the dynamic construction work, Java has to be installed on the computer. If you want to use your Dynamic Worksheet in your school's computer network, ask your local network administrator to install Java on the computers. Make sure that your Java install includes the plugin for browsers.
 
 
{{Note|
 
* You can edit the Dynamic Worksheet text with many word processing systems (e. g. FrontPage, OpenOffice Writer) by opening the exported HTML file. You may also edit the Dynamic Worksheet applet  by opening the GGB file in GeoGebra and saving it with the same name afterwards.
 
* See [[Embedding to CMS, VLE (Moodle) and Wiki]] for details about exporting GeoGebra applets to these online systems.}}
 
 
 
==Advanced settings==
 
 
'''Functionality''':   
 
'''Functionality''':   
* ''Enable right click, zooming and keyboard editing features'': By selecting this feature you will be able to right click objects or the drawing pad in order to access the features of the context menu (e.g. [[Show/Hide_Object_Tool|show / hide object or label]], [[Tracing|trace on / off]], [[Properties_Dialog|Properties dialog]]). It is also possible to use the common [[Keyboard_Shortcuts|keyboard shortcuts]].
+
* ''Enable right click, zooming and keyboard editing features'': By selecting this feature you will be able to right click objects or the drawing pad in order to access the features of the context menu (e.g. [[Show / Hide_Object_Tool|show / hide object or label]], [[Tracing|trace on / off]], [[Properties_Dialog|Properties dialog]]). It is also possible to use the common [[Keyboard_Shortcuts|keyboard shortcuts]].
 
* ''Enable dragging of labels'': By selecting this feature you are able to drag labels of points or objects.
 
* ''Enable dragging of labels'': By selecting this feature you are able to drag labels of points or objects.
 
* ''Show icon to reset construction'': A reset icon is displayed in the upper right corner of the interactive applet allowing your students to reset the interactive figure to its initial state.
 
* ''Show icon to reset construction'': A reset icon is displayed in the upper right corner of the interactive applet allowing your students to reset the interactive figure to its initial state.
* ''Use Browser for JavaScript Scripts'': JavaScipt Scripts are enabled. This allows your browser to show your construction properly.
 
  
 
'''User interface''':
 
'''User interface''':
 
* ''Show menubar'': The menubar is displayed within the interactive applet.
 
* ''Show menubar'': The menubar is displayed within the interactive applet.
* ''Enable save, print & undo'': It is possible to provide features for saving, printing and undoing the construction. Since this allows the applet to access your hard drive and printer, [[Reference:Applet Parameters|signed applets]] are used and every user of your applet is asked to confirm that he trusts it.
 
 
* ''Show toolbar'': The toolbar is displayed within the interactive applet allowing to use the geometry tools.
 
* ''Show toolbar'': The toolbar is displayed within the interactive applet allowing to use the geometry tools.
* ''Show toolbar help'': In combination with the toolbar you can also display the toolbar help within the interactive applet. If you want to provide geometry tools users of your worksheet can check the toolbar help in order to find out how to operate the different tools on their own.
 
 
* ''Show inputbar'': The input field is displayed at the bottom of the interactive applet allowing to use algebraic input and commands for explorations.
 
* ''Show inputbar'': The input field is displayed at the bottom of the interactive applet allowing to use algebraic input and commands for explorations.
* ''Allow rescaling'': When this option is checked, the applet will try to rescale the construction according to the browser's zoom as well as changing the size of the applet. This option is ignored if there are multiple [[views]] shown in the applet.
 
* ''Width and height of the interactive applet'': You can modify the width and height of the interactive applet.
 
 
{{note|If you reduce the size of the applet important parts of the dynamic worksheets might be invisible for users.}}
 
{{note|If you reduce the size of the applet important parts of the dynamic worksheets might be invisible for users.}}
 
{{hint|If you include the menubar, toolbar, or input field you might want to adjust the height of the interactive applet.}}
 
{{hint|If you include the menubar, toolbar, or input field you might want to adjust the height of the interactive applet.}}
 
'''Files''':
 
* ''Allow offline use'': Creates not only the html file, but also the *.jar files.
 
{{Note|You have to use this option if you want your applet to be available without connection to http://geogebra.org.}}
 
* ''Remove Line Breaks'': removes line breaks from the resulting code. This is needed e.g. when including your applets in [http://wordpress.com WordPress] but makes the resulting code less friendly for editing.
 
* ''File-Dropdown'': You can choose if the export-file is html, MediaWiki, GoogleGadget or Moodle.
 
* ''Single File'': A dynamic webpage will be created using a single .html file.
 
* ''Single File (Tabs)'': More than one worksheet can be displayed in the browser, to navigate between the different tasks by using tabs. This creates some extra files (eg Tabber.js and ggb.css) which need to be copied with the .html file.
 
* ''Linked Files'': Creates linked dynamic worksheets and provides ''Next'' and ''Back'' buttons to work on more than one exercise. This creates several html files which need to be copied together.
 
{{hint|For creating several interactive applets it is necessary to create more than one construction using ''File'' - ''New Window'' or {{KeyCode|Ctrl+N}}.}}
 
 
{{Hint|The amount of data needed for the applet to load is '''significantly'''  reduced (400kB rather than 1300kB when using geogebra.org as codebase) when following conditions are met:
 
* just one Graphics View used (no Spreadsheet, Algebra View etc)
 
* there's no menubar, input bar etc
 
* use Browser for JavaScript is checked
 
* you don't use any commands which call the CAS eg f'(x), Integral,
 
Tangent, Expand
 
http://www.geogebra.org/trac/browser/trunk/geogebra/geogebra/kernel/cas
 
* you don't use any of these commands:
 
http://www.geogebra.org/trac/browser/trunk/geogebra/geogebra/kernel/discrete}}
 

Latest revision as of 09:20, 23 July 2015



To create a webpage including interactive GeoGebra construction, you have to upload the construction to GeoGebra and use the Embed button in the teacher page.

You can then paste the resulting code into your online content management system or you can save it as .html file using a text editor like Notepad and add texts above and below the construction.

Advanced settings

The Advanced Settings button allows you to change the functionality of the dynamic construction (e.g. show a reset icon and browser features) as well as to modify the user interface shown in the interactive applet (e.g. show the Toolbar, modify height and width, enabling saving and printing, and others).

Note: If the size of your applet is too big to fit on a computer screen with standard resolution (1024 x 768), you may want to resize it before the actual export as a Dynamic Worksheet.

Functionality:

  • Enable right click, zooming and keyboard editing features: By selecting this feature you will be able to right click objects or the drawing pad in order to access the features of the context menu (e.g. show / hide object or label, trace on / off, Properties dialog). It is also possible to use the common keyboard shortcuts.
  • Enable dragging of labels: By selecting this feature you are able to drag labels of points or objects.
  • Show icon to reset construction: A reset icon is displayed in the upper right corner of the interactive applet allowing your students to reset the interactive figure to its initial state.

User interface:

  • Show menubar: The menubar is displayed within the interactive applet.
  • Show toolbar: The toolbar is displayed within the interactive applet allowing to use the geometry tools.
  • Show inputbar: The input field is displayed at the bottom of the interactive applet allowing to use algebraic input and commands for explorations.
Note: If you reduce the size of the applet important parts of the dynamic worksheets might be invisible for users.
Note Hint: If you include the menubar, toolbar, or input field you might want to adjust the height of the interactive applet.
© 2024 International GeoGebra Institute