GeoGebra


Tutoriel:Créer un document Html5 avec GeoGebraWeb

Appliquettes GeoGebraWeb

Avec GeoGebra 4.2 nous avons introduit les documents GeoGebra en pur HTML5 . De cette manière les appliquettes GeoGebra démarrent plus rapidement qu'avant, et cette technologie favorise l'accessibilité à GeoGebra aux utilisateurs de smartphones car Java n'est plus un prérequis. L'avantage principal est que GeoGebra fonctionne sur un vaste ensemble de matériels et avec une vitesse plus acceptable, mais pour en exploiter toutes les possibilités il faudrait toujours utiliser les derniers navigateurs Internet. En résumé, nous appelons cette technologie GeoGebraWeb, et les documents créés avec cette méthode appliquettes GeoGebraWeb .


Il y a deux types d'appliquettes GeoGebraWeb : En ligne et Hors ligne. Les documents En ligne sont généralement sur GeoGebraTube ; et les documents Hors ligne sont généralement déposés sur des serveurs intranet par les membres de la communauté GeoGebra , ou parfois sur l'ordinateur personnel de l'utilisateur final.

Documents En ligne

Nous suggérons d'utiliser les documents En ligne n'importe où ! GeoGebraTube détecte automatiquement le navigateur de l'utilisateur et s'il est exécuté sur un smartphone, et dans ce cas fournit le document dans le format HTML5 . Et c'est pour cela que nous vous conseillons fortement de téléverser tous vos documents sur GeoGebraTube si vous voulez publier des ressources pédagogiques. Cela a un énorme avantage : GeoGebraTube affichera toujours le plus récent document GeoGebraWeb si un utilisateur désire le regarder sur son smartphone.


Comment fonctionne GeoGebraWeb

GeoGebraWeb consiste en un ensemble de fichiers qui peuvent être téléchargés manuellement depuis http://dev.geogebra.org/download/web/GeoGebraWeb-latest.zip. Cependant, ces fichiers ne sont pas destinés aux utilisateurs finaux. Pour ceux qui restent intéressés par des détails internes , et veulent disséquer les fichiers HTML, nous indiquons quelques informations supplémentaires ci-dessous.

Un document HTML peut contenir plusieurs documents GeoGebraWeb. Le fichier HTML devrait ressembler à quelque chose comme cela :

 <script type="text/javascript" language="javascript" src="http://www.geogebra.org/web/4.2/web/web.nocache.js"></script>
 <article class="geogebraweb" data-param-width="600" data-param-height="400"
 data-param-showResetIcon="false" data-param-enableLabelDrags="false" data-param-showMenuBar="false"
 data-param-showToolBar="false" data-param-showAlgebraInput="true" 
 data-param-ggbbase64="UEsDBBQACAAIAHOOh0AAAAAAAAAAAAAAAAAWAA...==">...

Ici, nous avons omis les parties initiale et finale d'un fichier HTML classique pour nous concentrer uniquement sur la partie GeoGebraWeb. Tout d'abord, la source GeoGebraWeb doit être chargée. Pour les documents En ligne le paramètre src doit être http://www.geogebra.org/web/4.2/web/web.nocache.js, pour les documents Hors ligne la configuration correcte est web/web.nocache.js. Les paramètres data-param-width et data-param-height doivent définir la taille désirée de l'appliquette en pixels. Les autres paramètres ne sont que la configuration directe de GeoGebraWeb. Enfin, le paramètre data-param-ggbbase64 doit contenir le fichier .ggb encodé en base64 (tel que le génère GeoGebra).


Si vous êtes un développeur web, vous pouvez même en apprendre davantage sur cette technologie sur le Site de développement GeoGebra.


La meilleure façon de procéder est d'utiliser l'iframe que vous obtenez de GeoGebraTube en cliquant sur le bouton "Insérer" de la page "Enseignant" :

<iframe scrolling="no"
src="http://www.geogebratube.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>

Si vous ajoutez /at/preferhtml5 alors c'est la versionHTML5 qui sera délivrée, sauf sur les vraiment vieux navigateurs (comme IE6, IE7, IE8):

<iframe scrolling="no"
src="http://www.geogebratube.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>