Differenze tra le versioni di "Riferimenti:Incorporare App GeoGebra"
Riga 12: | Riga 12: | ||
{{Step|num=4}} Configurare e inserire l'applet | {{Step|num=4}} Configurare e inserire l'applet | ||
<pre><script> | <pre><script> | ||
− | + | var ggbApp = new GGBApplet({"appName": "graphing", "width": 800, "height": 600, "showToolBar": true, "showAlgebraInput": true, "showMenuBar": true }, true); | |
− | window.addEventListener("load", function() { | + | window.addEventListener("load", function() { |
− | + | ggbApp.inject('ggb-element'); | |
}); | }); | ||
</script></pre> | </script></pre> | ||
− | + | Modirifare il parametro <code>appName</code> da <code>graphing</code> a <code>geometry</code> oppure <code>3d</code> per ottenere una delle altre app. Per caricare un'Attività, utilizzare ad es. <code>"material_id":"RHYH3UQ8"</code> oppure <code>"filename":"myFile.ggb"</code>, quindi è possibile personalizzare ulteriormente le app tramite i [[Riferimenti:Parametri_applet|parametri delle app GeoGebra]]. | |
=Esempi online= | =Esempi online= | ||
Riga 36: | Riga 36: | ||
=Soluzioni offline e self-hosted= | =Soluzioni offline e self-hosted= | ||
Suggeriamo l'utilizzo delle apps GeoGebra dalla nostra rete globale di server veloci cdn.geogebra.org come illustrato sopra. | Suggeriamo l'utilizzo delle apps GeoGebra dalla nostra rete globale di server veloci cdn.geogebra.org come illustrato sopra. | ||
− | Se invece preferite ospitare e aggiornare personalmente le app GeoGebra è possibile [https:// | + | Se invece preferite ospitare e aggiornare personalmente le app GeoGebra è possibile [[https://download.geogebra.org/package/geogebra-math-apps-bundle scaricare 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 | Il codice per incorporare le applet è praticamente lo stesso del precedente, con due differenze: il tag per includere deployggb.js deve essere modificato in | ||
<pre> <script src="GeoGebra/deployggb.js"></script></pre> | <pre> <script src="GeoGebra/deployggb.js"></script></pre> | ||
ed è inoltre necessario includere la seguente riga di codice prima della chiamata di inject(): | ed è inoltre necessario includere la seguente riga di codice prima della chiamata di inject(): | ||
<pre> ggbApp.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');</pre> | <pre> ggbApp.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');</pre> |
Versione delle 09:42, 28 ago 2018
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.
Metodo rapido
Per incorporare una app GeoGebra nella propria pagina Web è necessario includere nel file HTML le seguenti tre parti:
1 Assicurarsi di avere quanto segue nella sezione <head>
, in modo che lo scaling possa funzionare correttamente:
<meta name=viewport content="width=device-width,initial-scale=1">
2 La libreria javascript deployggb.js deve essere inclusa nel seguente tag:
<script src="https://cdn.geogebra.org/apps/deployggb.js"></script>
3 Creare nella pagina Web un elemento in cui deve essere incorporata l'applet
<div id="ggb-element"></div>
4 Configurare e inserire l'applet
<script> var ggbApp = new GGBApplet({"appName": "graphing", "width": 800, "height": 600, "showToolBar": true, "showAlgebraInput": true, "showMenuBar": true }, true); window.addEventListener("load", function() { ggbApp.inject('ggb-element'); }); </script>
Modirifare il parametro appName
da graphing
a geometry
oppure 3d
per ottenere una delle altre app. Per caricare un'Attività, utilizzare ad es. "material_id":"RHYH3UQ8"
oppure "filename":"myFile.ggb"
, quindi è possibile personalizzare ulteriormente le app tramite i parametri delle app GeoGebra.
Esempi online
Ecco alcuni esempi, con relativo codice html, su come incorporare le app GeoGebra in una pagina Web o in una finestra di dialogo popup:
- Incorporare la Calcolatrice grafica
- Incorporare l'app Geometria
- Calcolatrice grafica in modalità popup
- App Geometria in modalità popup
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 dalla nostra rete globale di server veloci cdn.geogebra.org come illustrato sopra. Se invece preferite ospitare e aggiornare personalmente le app GeoGebra è possibile [scaricare 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 la seguente riga di codice prima della chiamata di inject():
ggbApp.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');