À propos des figures Cabri
Site sur les coniques • Première version • Seconde version • Troisième version
| Récemment, le site web de Cabrilog a été complètement remanié. En le parcourant, on cherche en vain une façon d'utiliser interactivement les figures Cabri II Plus et Cabri 3D sur des pages web. Aux dernières nouvelles, le plugin Cabri permettant d'interagir avec une figure Cabri dans une page web ne fonctionnait qu'avec Internet Explorer, sous Windows. A-t-on abandonné, chez Cabri, l'idée de faire fonctionner leurs figures sur le web? Tout ceci est bien embêtant pour les sites web créés du temps où le plugin Cabri permettait d'intégrer des figures Cabri dans des pages web consultables sous Windows et sur Mac : plus moyen d'interagir avec les figures Cabri incluses!. Que peut-on faire pour corriger la situation? Nous tenterons d'apporter quelques éléments de réponse à cette question en donnant l'exemple d'un petit site web (portant sur les coniques) que nous avons corrigé de deux façons différentes. Voyons ce que ça donne... ## Site sur les coniques La première version de ce site web sur les coniques date de mars 2007. Aujourd'hui, en 2017, elle est devenue essentiellement non fonctionnelle, car elle fait appel à des technologies dépassées : les films QuickTime, les applets Java, et les modules Cabri (2D et 3D). La seconde version de ce site web sur les coniques date de juillet 2017. Nous avons corrigé la situation en remplaçant les figures Cabri par des images permettant de télécharger lesdites figures, afin de pouvoir les exécuter localement sur notre ordinateur : on rétablit alors la fonctionnalité, mais en sacrifiant l'interactivité web. La troisième version de ce site web sur les coniques date d'août 2017. Nous avons corrigé la situation en remplaçant les figures Cabri par des figures GeoGebra : on rétablit alors la fonctionnalité, tout en conservant l'interactivité web. Mais pour cela, il a fallu abandonner complètement Cabri. Soulignons au passage la polyvalence de GeoGebra, qui nous a permis, dans la troisième version du site web, de remplacer facilement une figure Graphic Calculator par une figure GeoGebra équivalente mais interactive un GIF animé (fabriqué avec LangageGraphique) par une figure GeoGebra équivalente mais interactive ### Appendice technologique : comment insérer une figure GeoGebra dans une page web • Ouvrir la figure dans GeoGebra • Quand la fenêtre de la figure est active, faire Commande + Majuscule + M ce qui a pour effet de copier le code d'une page web dans le presse-papier • Ouvrir un éditeur de textes bruts et faire coller puis sauver dans un fichier nommé NomChoisi.html • Quand on ouvre ce fichier dans un navigateur web, on obtient une page web contenant uniquement notre figure GeoGebra • Si vous voulez intégrer cette figure dans une page web existante * copier, dans la partie <head> ... </head> la ligne suivante : <script src="https://cdn.geogebra.org/apps/deployggb.js"></script> * copier, dans la partie <body> ... </body> le bloc suivant (qui constitue la partie "body" de votre page NomChoisi.html) [NOTE : pour abréger, certains fragments ont été remplacés par "@@@@@" ] : <div id="ggbApplet"></div> <script> var parameters = { "id": "ggbApplet", "width":686, "height":633, "showMenuBar":true, "showAlgebraInput":true, "showToolBar":true, "customToolBar":"@@@@@", "showToolBarHelp":false, "showResetIcon":false, "enableLabelDrags":false, "enableShiftDragZoom":true, "enableRightClick":false, "errorDialogsActive":false, "useBrowserForJS":false, "preventFocus":false, "scale":1, "disableAutoScale":false, "clickToLoad":false, "language":"fr", // use this instead of ggbBase64 to load a material from geogebra.org // "material_id":12345, // use this instead of ggbBase64 to load a .ggb file // "filename":"myfile.ggb", "ggbBase64":"@@@@@"}; // @@@@@ var views = {@@@@@}; var applet = new GGBApplet(parameters, '5.0', views); window.onload = function() {applet.inject('ggbApplet')}; applet.setPreviewImage('data:image/png;base64,@@@@@'); </script> • Vous pourrez ensuite essayer de changer (prudemment) la valeur de certains paramètres Exemple : "showMenuBar":false