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

Da GeoGebra Manual.
Riga 8: Riga 8:
 
<meta charset="utf-8"/></pre>
 
<meta charset="utf-8"/></pre>
 
{{Step|num=2}} La libreria javascript deployggb.js deve essere inclusa nel seguente tag:
 
{{Step|num=2}} 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://www.geogebra.org/apps/deployggb.js"></script></pre>
 
{{Step|num=3}} Creare nella pagina Web un elemento in cui deve essere incorporata l'applet
 
{{Step|num=3}} Creare nella pagina Web un elemento in cui deve essere incorporata l'applet
 
<pre><div id="ggb-element"></div> </pre>
 
<pre><div id="ggb-element"></div> </pre>
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 app GeoGebra dalla nostra rete globale di server veloci www.geogebra.org come illustrato sopra.  
 
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]
 
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
Riga 43: Riga 43:
 
<pre>    ggbApp.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');</pre>
 
<pre>    ggbApp.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');</pre>
 
In alternativa, se fosse necessario specificare una determinata versione, è possibile utilizzare il CDN come segue:
 
In alternativa, se fosse necessario specificare una determinata versione, è possibile utilizzare il CDN come segue:
<pre>    ggbApp.setHTML5Codebase("https://cdn.geogebra.org/apps/5.0.498.0/web3d");</pre>
+
<pre>    ggbApp.setHTML5Codebase("https://www.geogebra.org/apps/5.0.498.0/web3d");</pre>
 +
 
 +
=Speed up loading time with a service worker=
 +
È possibile velocizzare l'avvio delle librerie GeoGebra utilizzando un processo di lavoro dei servizi (service worker).
 +
Per utilizzare un service worker è necessario impostare una versione speifica di GeoGebra, utilizzando <code>setHTML5Codebase()</code> - tecnicamente sarebbe possibile utilizzare un service worker che scarica sempre l'ultima versione, ma ciò richiederebbe l'aggiornamento del service worker sul proprio sito Web ad ogni aggiornamento di GeoGebra.
 +
 
 +
Per installare il service worker, includere prima di tutto il file ''sworker-locked.js'' nel proprio dominio (ad es. ''www.example.com/path/sworker-locked.js'').
 +
Il file del service worker è disponibile nella cartella ''GeoGebra/HTML5/5.0/web3d/'' del pacchetto ''GeoGebra Math Apps''.
 +
 
 +
Includere quindi il seguente snippet nella pagina in cui viene caricato GeoGebra.
 +
Please change the path to the service worker. You can also set the appletLocation
 +
variable to enable the worker only in a specific folder (or leave it as '/' to use it on all pages of your domain):
 +
 
 +
    var serviceWorkerPath = '/sworker-locked.js'
 +
    var appletLocation = '/'
 +
   
 +
    function isServiceWorkerSupported() {
 +
        return 'serviceWorker' in navigator && location.protocol === "https:";
 +
    }
 +
   
 +
    function installServiceWorker() {
 +
        if (navigator.serviceWorker.controller) {
 +
            console.log("Service worker is already controlling the page.");
 +
        } else {
 +
            navigator.serviceWorker.register(serviceWorkerPath, {
 +
                scope: appletLocation
 +
            });
 +
        }
 +
    }
 +
   
 +
    if (isServiceWorkerSupported()) {
 +
        window.addEventListener('load', function() {
 +
            installServiceWorker()
 +
        });
 +
    } else {
 +
        console.log("Service workers are not supported.");
 +
    }
 +
 
 +
With this installed, when a user opens the page where the service worker is enabled,
 +
the application scripts get downloaded and cached by the service worker. This way,
 +
the next time that same user visits the page, the scripts are loaded from the
 +
cache instead of downloading them again from the servers.

Versione delle 08:43, 4 set 2019

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 (ad es. sui browser nei dispositivi mobili) e che Unicode sia funzionante:

<meta name=viewport content="width=device-width,initial-scale=1">
<meta charset="utf-8"/>

2 La libreria javascript deployggb.js deve essere inclusa nel seguente tag:

<script src="https://www.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:

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 app GeoGebra dalla nostra rete globale di server veloci www.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/');

In alternativa, se fosse necessario specificare una determinata versione, è possibile utilizzare il CDN come segue:

    ggbApp.setHTML5Codebase("https://www.geogebra.org/apps/5.0.498.0/web3d");

Speed up loading time with a service worker

È possibile velocizzare l'avvio delle librerie GeoGebra utilizzando un processo di lavoro dei servizi (service worker). Per utilizzare un service worker è necessario impostare una versione speifica di GeoGebra, utilizzando setHTML5Codebase() - tecnicamente sarebbe possibile utilizzare un service worker che scarica sempre l'ultima versione, ma ciò richiederebbe l'aggiornamento del service worker sul proprio sito Web ad ogni aggiornamento di GeoGebra.

Per installare il service worker, includere prima di tutto il file sworker-locked.js nel proprio dominio (ad es. www.example.com/path/sworker-locked.js). Il file del service worker è disponibile nella cartella GeoGebra/HTML5/5.0/web3d/ del pacchetto GeoGebra Math Apps.

Includere quindi il seguente snippet nella pagina in cui viene caricato GeoGebra. Please change the path to the service worker. You can also set the appletLocation variable to enable the worker only in a specific folder (or leave it as '/' to use it on all pages of your domain):

   var serviceWorkerPath = '/sworker-locked.js'
   var appletLocation = '/'
   
   function isServiceWorkerSupported() {
       return 'serviceWorker' in navigator && location.protocol === "https:";
   }
   
   function installServiceWorker() {
       if (navigator.serviceWorker.controller) {
           console.log("Service worker is already controlling the page.");
       } else {
           navigator.serviceWorker.register(serviceWorkerPath, {
               scope: appletLocation
           });
       }
   }
   
   if (isServiceWorkerSupported()) {
       window.addEventListener('load', function() {
           installServiceWorker()
       });
   } else {
       console.log("Service workers are not supported.");
   }

With this installed, when a user opens the page where the service worker is enabled, the application scripts get downloaded and cached by the service worker. This way, the next time that same user visits the page, the scripts are loaded from the cache instead of downloading them again from the servers.

© 2024 International GeoGebra Institute