Riferimenti:Incorporare App GeoGebra

Da GeoGebra Manual.

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 API delle app GeoGebra.

Esempi

Ecco alcuni esempi, con relativo codice html, su come incorporare le app GeoGebra:

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:


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/');
© 2024 International GeoGebra Institute