Differenze tra le versioni di "Riferimenti:Incorporare App GeoGebra"

Da GeoGebra Manual.
Riga 1: Riga 1:
−
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 [https://wiki.geogebra.org/it/Riferimenti:API_delle_app_GeoGebra API delle 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 [[Riferimenti:API_delle_app_GeoGebra API delle app GeoGebra]].   
  
−
==Esempi==
+
==Metodo rapido==
−
Ecco alcuni esempi, con relativo codice html, su come incorporare le app GeoGebra:
+
Per incorporare una app GeoGebra nella propria pagina Web è necessario includere nel file HTML le seguenti tre parti:
−
* [http://dev.geogebra.org/examples/html/example-graphing.html Incorporare la Calcolatrice grafica]
 
−
* [http://dev.geogebra.org/examples/html/example-geometry.html Incorporare l'app Geometria]
 
−
* [http://dev.geogebra.org/examples/html/example-popup-graphing.html Calcolatrice grafica in modalità popup]
 
−
* [http://dev.geogebra.org/examples/html/example-popup-geometry.html 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:
 
 
{{Step|num=1}} La libreria javascript deployggb.js deve essere inclusa nel seguente tag:
 
{{Step|num=1}} La libreria javascript deployggb.js deve essere inclusa nel seguente tag:
 
<pre>    <script src="https://cdn.geogebra.org/apps/deployggb.js"></script></pre>
 
<pre>    <script src="https://cdn.geogebra.org/apps/deployggb.js"></script></pre>
−
{{Step|num=2}} Creare gli elementi in cui deve essere incorporata l'applet
+
{{Step|num=2}} Creare nella pagina Web un elemento in cui deve essere incorporata l'applet
−
<pre>    <div id="applet_container1"></div>
+
<pre>    <div id="ggb-element"></div> </pre>
−
    <div id="applet_container2"></div></pre>
+
{{Step|num=3}} Configurare e inserire l'applet
−
{{Step|num=3}} Configurare e inserire le applet
 
 
<pre><script>   
 
<pre><script>   
−
    var applet1 = new GGBApplet({material_id: "17499", borderColor:"#55FF00"}, true);
+
      var ggbApp = new GGBApplet({appName: "graphing", width:800, height:600, showToolBar:true, showAlgebraInput:true, showMenuBar:true }, true);
−
    var applet2 = new GGBApplet({filename: "../ggb/sine-curves.ggb","showToolbar":true}, true);
+
window.addEventListener("load", function() {
−
    window.addEventListener("load", function() {
+
    ggbApp.inject('ggb-element');
−
      applet1.inject('applet_container1');
+
      });
−
      applet2.inject('applet_container2');
 
−
    });
 
 
</script></pre>
 
</script></pre>
  
−
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).
+
Modificare l'appName da "graphing" a "geometry" o "3d" per indicare una delle altre app. È possibile personalizzare le app utilizzando vari [[Riferimenti:Parametri_applet|parametri delle app GeoGebra]].
−
   
 
−
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.
+
==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:
 +
* [http://dev.geogebra.org/examples/html/example-graphing.html Incorporare la Calcolatrice grafica]
 +
* [http://dev.geogebra.org/examples/html/example-geometry.html Incorporare l'app Geometria]
 +
* [http://dev.geogebra.org/examples/html/example-popup-graphing.html Calcolatrice grafica in modalità popup]
 +
* [http://dev.geogebra.org/examples/html/example-popup-geometry.html App Geometria in modalità popup]
  
 
==API delle app GeoGebra==
 
==API delle app GeoGebra==
Riga 39: Riga 32:
  
 
=Soluzioni offline e self-hosted=
 
=Soluzioni offline e self-hosted=
−
Suggeriamo l'utilizzo delle apps GeoGebra dal nostro CDN (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.  
−
In caso sia necessario disporre dei materiali offline o ospitare tutti i file necessari conviene utilizzare il ''Pacchetto di app GeoGebra''.
+
Se invece preferite ospitare e aggiornare personalmente le app GeoGebra è possibile [https://www.geogebra.org/partner/portal scaricare il Pacchetto di app GeoGebra]
−
[https://www.geogebra.org/partner/portal 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
 
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 le seguenti due righe di codice soto alla definizione dell'applet2
+
ed è inoltre necessario includere la seguente riga di codice prima della chiamata di inject():
−
<pre>    applet1.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');
+
<pre>    ggbApp.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');</pre>
−
    applet2.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');</pre>
 

Versione delle 10:25, 23 gen 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 Riferimenti:API_delle_app_GeoGebra 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 La libreria javascript deployggb.js deve essere inclusa nel seguente tag: 

    <script src="https://cdn.geogebra.org/apps/deployggb.js"></script>

2 Creare nella pagina Web un elemento in cui deve essere incorporata l'applet 

    <div id="ggb-element"></div>

3 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>

Modificare l'appName da "graphing" a "geometry" o "3d" per indicare una delle altre app. È possibile personalizzare le app utilizzando vari 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:

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 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/');
Estratto da "http://wiki.geogebra.org/s/it/index.php?title=Riferimenti:Incorporare_App_GeoGebra&oldid=16922"
© 2024 International GeoGebra Institute