Difference between revisions of "Tutorial:Creating HTML5 documents with GeoGebraWeb"

From GeoGebra Manual
Jump to: navigation, search
(Some basic information on GeoGebraWeb documents)
 
 
(18 intermediate revisions by 6 users not shown)
Line 1: Line 1:
With GeoGebra 4.2 we have introduced pure HTML5 GeoGebra documents. This way GeoGebra applets start even faster than before, and this technology provides availability of GeoGebra for smartphone users as well since Java is no longer a prerequisite. Such documents currently have only a limited set of commands (e.g. spreadsheets do not work yet), and they have no menu driven graphical user interface, but have otherwise the same features as usual GeoGebra documents. The main advantage is GeoGebra runs on a wider set of hardware at a more comfortable speed, but to harness all the possibilities, one should always use the latest web browsers. In short, we call this technology ''GeoGebraWeb'', and the documents created by this method are called ''GeoGebraWeb documents''.
+
== GeoGebraWeb Applets==
 
 
There are two types of GeoGebraWeb documents: ''online'' and ''offline''. Online documents are usually hosted by the official GeoGebra servers, primarily by GeoGebra; and offline documents are usually put on intranet servers by members of the GeoGebra community, or even on the end users' own machine.
 
 
 
We suggest using online documents everywhere! GeoGebra automatically detects the users' web browser and decides if it is running on a smartphone, and serves the document in GeoGebraWeb format. Hence we strongly suggest to upload all your documents to GeoGebraWeb if you want to publish teaching materials. This has a great advantage: GeoGebra will show always the latest GeoGebraWeb document when a user wants to visit it on her smartphone. In some cases, however, GeoGebra cannot identify the end user's machine correctly: in such cases we recommend to add the '''&mobile=true''' setting to the end of the document URL.
 
 
 
== Offline documents ==
 
 
 
In some situations it is useful to have offline GeoGebraWeb documents available. For example, if internet is not available during a classroom teaching, or during a travel without good enough internet connection.
 
 
 
Since version 4.1.62.0, offline GeoGebraWeb documents can also be created in GeoGebra by following these steps: In File menu, go to Export -> Dynamic worksheet as webpage (html), and click the "Export as Webpage" tab, then select the "Advanced" tab and check for the following options in the "Files" settings:
 
 
 
* Export to HTML5 only
 
* Allow offline use
 
 
 
Then press "Export". Now GeoGebra will automatically download the required set of files and copy them into the appropriate directory. Please expect approximately 40 MB of data for an offline GeoGebraWeb document. You can simply copy all the created files for this export to another directory or another machine, and use them.
 
  
 +
With GeoGebra 4.2 we have introduced pure HTML5 GeoGebra documents. This way GeoGebra applets start even faster than before, and this technology provides availability of GeoGebra for tablet users as well since Java is no longer a prerequisite.
 
<div style="overflow: auto;">
 
<div style="overflow: auto;">
 
<div style="float:right;">
 
<div style="float:right;">
Line 21: Line 7:
 
</div>
 
</div>
  
==How GeoGebraWeb works==
+
GeoGebra automatically detects a user's web browser and decides if it is running on a tablet, and serves the document in HTML5 format. Hence we strongly suggest to upload all your documents to GeoGebra if you want to publish teaching materials. This has a great advantage: they will work when viewed on a desktop computer or a tablet.
 
 
GeoGebraWeb consists of a set of HTML files which will be downloaded from the GeoGebra Developer Site by GeoGebra on a user initiated export. The files are packaged in a .zip archive, and can be downloaded manually as well. However, these files are not intended for end users. For those who are still interested in the internal details, and want to tweak the HTML files, we provide some additional information here.
 
 
 
  
 +
The best way is to use the iframe version that you get get from GeoGebra by clicking on the "Embed" button on the teacher page:
 +
<pre>
 +
<iframe scrolling="no"
 +
src="http://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false"
 +
width="1600px"
 +
height="715px"
 +
style="border:0px;">
 +
</iframe>
 +
</pre>
  
The latest version of GeoGebraWeb can be downloaded from http://dev.geogebra.org/download/web/GeoGebraWeb-latest.zip.
+
If you add '''<code>/at/preferhtml5</code>''' then the HTML5 version will be served except on very old browsers (eg IE6, IE7, IE8):
 +
<pre>
 +
<iframe scrolling="no"
 +
src="http://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false/at/preferhtml5"
 +
width="1600px"
 +
height="715px"
 +
style="border:0px;">
 +
</iframe>
 +
</pre>
  
 
[[Category:Advanced Tutorials]]
 
[[Category:Advanced Tutorials]]

Latest revision as of 15:55, 29 November 2019

GeoGebraWeb Applets

With GeoGebra 4.2 we have introduced pure HTML5 GeoGebra documents. This way GeoGebra applets start even faster than before, and this technology provides availability of GeoGebra for tablet users as well since Java is no longer a prerequisite.

GeoGebra automatically detects a user's web browser and decides if it is running on a tablet, and serves the document in HTML5 format. Hence we strongly suggest to upload all your documents to GeoGebra if you want to publish teaching materials. This has a great advantage: they will work when viewed on a desktop computer or a tablet.

The best way is to use the iframe version that you get get from GeoGebra by clicking on the "Embed" button on the teacher page:

<iframe scrolling="no"
src="http://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false"
width="1600px"
height="715px"
style="border:0px;">
</iframe>

If you add /at/preferhtml5 then the HTML5 version will be served except on very old browsers (eg IE6, IE7, IE8):

<iframe scrolling="no"
src="http://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false/at/preferhtml5"
width="1600px"
height="715px"
style="border:0px;">
</iframe>
© 2020 International GeoGebra Institute