Riferimenti:Incorporare App GeoGebra
Questa pagina descrive come incorporare le app GeoGebra nel proprio sito Web. Per ulteriori informazioni relative a come interagire con le app incorporate, fare riferimento alla documentazione relativa alle GeoGebra Apps API.
Esempi
Ecco alcuni esempi, con relativo codice html, su come incorporare le app GeoGebra:
- Incorporare la Calcolatrice grafica
- Incorporare l'app Geometria
- Calcolatrice grafica in modalità popup
- App Geometria in modalità popup
Background tecnico
Per incorporare le app GeoGebra nel proprio sito Web è necessario includere nel file HTML le seguenti tre parti: 1 La libreria javascript deployggb.js deve essere inclusa nel seguente tag:
<script src="https://cdn.geogebra.org/apps/deployggb.js"></script>
2 Creare gli elementi in cui deve essere incorporata l'applet
<div id="applet_container1"></div> <div id="applet_container2"></div>
3 Configurare e inserire le applet
<script> var applet1 = new GGBApplet({material_id: "17499", borderColor:"#55FF00"}, true); var applet2 = new GGBApplet({filename: "../ggb/sine-curves.ggb","showToolbar":true}, true); window.addEventListener("load", function() { applet1.inject('applet_container1'); applet2.inject('applet_container2'); }); </script>
Lo snippet qui sopra incorpora un applet definita dall'ID e una definita dall'URL indicato e le inietta negli elementi con id rispettivamente 'applet_container1' e 'applet_container2' (l'ID dell'elemento viene passato al metodo di iniezione) . Per un utilizzo offline è necessario specificare un file utilizzando una stringa codificata in base64 (utilizzare la combinazione di tasti Ctrl+Maiusc+B per esportare la stringa ggbBase64 negli Appunti del sistema).
Se utilizzata con il parametro relativo all'ID, l'applet verrà creata con dimensioni (lunghezza, larghezza) e parametri uguali a quelli definiti nelle impostazioni del materiale nella piattaforma dei materiali di GeoGebra. È comunque possibile modificare tali impostazioni utilizzando opportuni parametri. Vedere Riferimenti:Parametri_applet per un elenco dei parametri dell'applet.
Nell'esempio, il parametro 'showtoolbar:true' ignora le impostazioni del materiale presenti nel file.
API delle app GeoGebra
Gli esempi seguenti illustrano come interagire con le app incorporate, utilizzando le API delle app GeoGebra:
- Mostra e nasconde oggetti con pulsanti
- Salvataggio e caricamento
- Listening degli eventi di aggiornamento, aggiungi e rimuovi
Soluzioni offline e self-hosted
Suggeriamo l'utilizzo delle apps GeoGebra dal nostro CDN (cdn.geogebra.org) come illustrato sopra. In caso sia necessario disporre dei materiali offline o ospitare tutti i file necessari conviene utilizzare il Pacchetto di app GeoGebra. Scarica il Pacchetto di app GeoGebra Il codice per incorporare le applet è praticamente lo stesso del precedente, con due differenze: il tag per includere deployggb.js deve essere modificato in
<script src="GeoGebra/deployggb.js"></script>
ed è inoltre necessario includere le seguenti due righe di codice soto alla definizione dell'applet2
applet1.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/'); applet2.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');