Differenze tra le versioni di "Riferimenti:Incorporare Applet"

Da GeoGebra Manual.
(Creata pagina con "Per includere un materiale da GeoGebraTube in una pagina Web è possibile incorporare un iframe o utilizzare lo script deployggb.js per inserirlo direttamente nella propria pa...")
 
 
(11 versioni intermedie di 2 utenti non mostrate)
Riga 1: Riga 1:
−
Per includere un materiale da GeoGebra in una pagina Web è possibile incorporare un iframe o utilizzare lo script deployggb.js per inserirlo direttamente nella propria pagina Web.
+
Per includere un materiale dalla ''Piattaforma dei materiali'' di GeoGebra in una pagina Web è possibile incorporare un iframe o utilizzare lo script deployggb.js per inserirlo direttamente nella propria pagina Web.
  
 
__TOC__
 
__TOC__
 
=Incorporare con iframe=
 
=Incorporare con iframe=
−
Per ottenere il codice di iframe necessario fare clic sul pulsante "Incorpora" nella pagina del materiale. Ecco un esempio:  
+
Per ottenere il codice iframe necessario, fare clic sul pulsante "Incorpora" nella pagina del materiale. Ecco un esempio:  
 
<pre>
 
<pre>
 
<iframe scrolling="no"
 
<iframe scrolling="no"
−
src="http://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false/at/preferhtml5"
+
src="https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false/at/preferhtml5"
 
width="1600px"
 
width="1600px"
 
height="715px"
 
height="715px"
Riga 12: Riga 12:
 
</iframe>
 
</iframe>
 
</pre>
 
</pre>
 +
 +
La lingua dell'interfaccia di GeoGebra (barra degli strumenti, menu, etc ...) ha come impostazione predefinita la lingua del browser in uso. Per impostare una lingua diversa basta aggiungere il parametro ''?ggbLang=<codice_lingua>'' al termine dell'URL, ad es. <code>?ggbLang=fr</code>, <code>?ggbLang=zh_CN</code>, <code>?ggbLang=zh_TW</code>.
 +
{{Example|1=<code><nowiki>https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/true/stb/true/stbh/true/ld/false/sri/false/at/preferhtml5?ggbLang=fr</nowiki></code>}}
  
 
{| class="wikitable"
 
{| class="wikitable"
Riga 17: Riga 20:
 
! Descrizione !! Codice !! Esempio
 
! Descrizione !! Codice !! Esempio
 
|-
 
|-
−
| Forze HTML5 sui browser || at || /at/preferhtml5
+
| Forza HTML5 sui browser || at || /at/preferhtml5
 
|-
 
|-
 
| Abilita clic destro, zoom e modifiche da tastiera || rc || /rc/true
 
| Abilita clic destro, zoom e modifiche da tastiera || rc || /rc/true
Riga 23: Riga 26:
 
| Mostra la barra di inserimento || ai || /ai/true
 
| Mostra la barra di inserimento || ai || /ai/true
 
|-
 
|-
−
| Abilita Maiusc-Trascinamento e zoom || sdz || /sdz/true
+
| Abilita trascinamento Vista e zoom || sdz || /sdz/true
 
|-
 
|-
 
| Mostra la barra dei menu|| smb  || /smb/true
 
| Mostra la barra dei menu|| smb  || /smb/true
Riga 34: Riga 37:
 
|-
 
|-
 
| Mostra icona di ripristino (in alto a destra) || sri || /sri/true
 
| Mostra icona di ripristino (in alto a destra) || sri || /sri/true
 +
|-
 +
| Imposta la lingua dell'interfaccia utente (attenzione al formato del parametro) || ggbLang ||?ggbLang=en
 
|}
 
|}
  
Riga 44: Riga 49:
 
{{Step|num=1}} Includere la libreria javascript deployggb.js utilizzando il seguente tag:
 
{{Step|num=1}} Includere la libreria javascript deployggb.js utilizzando il seguente tag:
  
−
<pre>    <script type="text/javascript" src="http://www.geogebra.org/scripts/deployggb.js"></script></pre>
+
<pre>    <script type="text/javascript" src="https://www.geogebra.org/scripts/deployggb.js"></script></pre>
  
−
{{Step|num=2}} È necessario creare un oggetto javascript del tipo GGBApplet per ciascuna applet: inserire almeno l'ID del materiale su GeoGebra come parametro.
+
{{Step|num=2}} Creare un oggetto javascript del tipo GGBApplet per ciascuna applet: inserire come parametro almeno l'ID del materiale nella ''Piattaforma dei materiali'' di GeoGebra.
  
−
Ecco il codice relativo alla [http://dev.geogebra.org/partners/geogebra-applet-embed/example1.html pagina di esempio], che crea 3 applet:
+
Ecco il codice relativo alla [http://dev.geogebra.org/examples/geogebra-applet-embed/example1.html pagina di esempio], che crea 3 applet:
 
     var applet1 = new GGBApplet({material_id: "27876"}, true);
 
     var applet1 = new GGBApplet({material_id: "27876"}, true);
 
     var applet2 = new GGBApplet({material_id: "17499", borderColor:"#55FF00"}, true);
 
     var applet2 = new GGBApplet({material_id: "17499", borderColor:"#55FF00"}, true);
 
     var applet3 = new GGBApplet({material_id: "17501", showMenuBar:true}, true);
 
     var applet3 = new GGBApplet({material_id: "17501", showMenuBar:true}, true);
  
−
Per impostazione predefinita l'applet sarà creata utilizzando le dimensioni (larghezza e altezza) e i parametri definiti nelle impostazioni del materiale in GeoGebra. È possibile modificare tali impostazioni con opportune modifiche dei parametri. Fare riferimento a [[Riferimenti:Parametri_applet]] per un elenco dei parametri delle applet.
+
Per impostazione predefinita l'applet sarà creata utilizzando le dimensioni (larghezza e altezza) e i parametri definiti nelle impostazioni del materiale nella ''Piattaforma dei materiali'' di GeoGebra . È possibile modificare tali impostazioni con opportune modifiche dei parametri. Fare riferimento a [[Riferimenti:Parametri_applet]] per un elenco dei parametri delle applet.
  
−
In the example the parameter 'showMenuBar:true' overrides the material setting from tube to show the menu bar for applet3.
+
Nell'esempio il parametro 'showMenuBar:true' sostituisce l'impostazione del materiale nella ''Piattaforma dei materiali'' di GeoGebra e mostra la barra dei menu nell'applet3.
  
−
{{Step|num=3}} Finally, you need to determine where the applet should appear in the document and inject the applet. In our example file we create a div as parent for each applet, like this:
+
{{Step|num=3}} Definire la posizione dell'applet nel documento, quindi inserire l'applet. Nel file di esempio viene creato un ''div'' come riferimento (padre) per ciascuna applet, come segue:
  
 
<pre>    <div id="applet_container1"></div></pre>
 
<pre>    <div id="applet_container1"></div></pre>
  
−
At the end of the script section the applets are injected to this divs using the inject function:
+
Al termine della sezione di script le applet sono inserite nei ''div'' utilizzando la funzione di inserimento:
 
<pre>    window.onload = function() {
 
<pre>    window.onload = function() {
 
         applet1.inject('applet_container1', 'preferHTML5');
 
         applet1.inject('applet_container1', 'preferHTML5');
Riga 68: Riga 73:
 
     }</pre>
 
     }</pre>
  
−
The parameters of the method <code>inject()</code> are:
+
I parametri del metodo <code>inject()</code> sono:
 
<table style="width: 100%;" class="pretty">
 
<table style="width: 100%;" class="pretty">
 
     <tr>
 
     <tr>
−
       <th>Parameter</th>
+
       <th>Parametro</th>
−
       <th>Description</th>
+
       <th>Descrizione</th>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
       <td>containerID</td>
 
       <td>containerID</td>
−
       <td> A string with the id of the HTML object that will be the parent of the applet. </td>
+
       <td> Una stringa con l'id dell'oggetto HTML che sarà il padre dell'applet. </td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
       <td>appletType</td>
 
       <td>appletType</td>
−
       <td> This can be one of the following keywords:
+
       <td> Può essere una delle seguenti opzioni:
−
; preferHTML5 (default)
+
; preferHTML5 (predefinito)
−
: use HTML5 whenever possible (on tablets and with modern browsers), only fall back on Java otherwise (e.g. with Internet Explorer 8)
+
: utilizza HTML5 quando è possibile (su tablet e browser moderni), e Java in alternativa (ad es. con Internet Explorer 8)
 
; preferJava
 
; preferJava
−
: use Java when installed, otherwise use HTML5
+
: utilizza Java all'installazione, altrimenti utilizza HTML5
 
; html5
 
; html5
−
: use HTML5 applet
+
: utilizza applet HTML5  
 
; java
 
; java
−
: use Java applet. Note: in this case your applet will not work on tablets.
+
: utilizza applet Java. Nota: in questo caso l'applet non funzionerà sui tablet.
 
; auto
 
; auto
−
: automatically decide the best technology (HTML5 or Java) based on the client and GeoGebra version number provided
+
: decide automaticamente la tecnologia migliore (HTML5 o Java) basandosi sul client e sulla versione di GeoGebra  
 
       </td>     
 
       </td>     
 
       </tr>
 
       </tr>
 
</table>
 
</table>
 
[[es:Referencia:Applet Embebido]]
 
[[es:Referencia:Applet Embebido]]
 +
[[en:Reference:Applet_Embedding]]

Versione attuale delle 11:26, 31 mag 2016

Per includere un materiale dalla Piattaforma dei materiali di GeoGebra in una pagina Web è possibile incorporare un iframe o utilizzare lo script deployggb.js per inserirlo direttamente nella propria pagina Web.

Incorporare con iframe

Per ottenere il codice iframe necessario, fare clic sul pulsante "Incorpora" nella pagina del materiale. Ecco un esempio: 

<iframe scrolling="no"
src="https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false/at/preferhtml5"
width="1600px"
height="715px"
style="border:0px;">
</iframe>

La lingua dell'interfaccia di GeoGebra (barra degli strumenti, menu, etc ...) ha come impostazione predefinita la lingua del browser in uso. Per impostare una lingua diversa basta aggiungere il parametro ?ggbLang=<codice_lingua> al termine dell'URL, ad es. ?ggbLang=fr, ?ggbLang=zh_CN, ?ggbLang=zh_TW.

Esempio: https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/true/stb/true/stbh/true/ld/false/sri/false/at/preferhtml5?ggbLang=fr
Descrizione Codice Esempio
Forza HTML5 sui browser at /at/preferhtml5
Abilita clic destro, zoom e modifiche da tastiera rc /rc/true
Mostra la barra di inserimento ai /ai/true
Abilita trascinamento Vista e zoom sdz /sdz/true
Mostra la barra dei menu smb /smb/true
Mostra la barra degli strumenti stb /stb/true
Mostra la Guida sulla barra degli strumenti stbh /stbh/true
Consenti trascinamento etichette ld /ld/true
Mostra icona di ripristino (in alto a destra) sri /sri/true
Imposta la lingua dell'interfaccia utente (attenzione al formato del parametro) ggbLang ?ggbLang=en

Incorporare con deployggb.js

Questo metodo è raccomandato quando più applet HTML5 devono essere visualizzate in una stessa pagina. In questo caso esse possono condividere una singola istanza del codebase di GeoGebraWeb in modo da velocizzare il caricamento. Ecco una pagina Web di esempio che mostra come incorporare le applet: Pagina di esempio

È necessario includere nel file HTML le seguenti tre parti:

1 Includere la libreria javascript deployggb.js utilizzando il seguente tag: 

    <script type="text/javascript" src="https://www.geogebra.org/scripts/deployggb.js"></script>

2 Creare un oggetto javascript del tipo GGBApplet per ciascuna applet: inserire come parametro almeno l'ID del materiale nella Piattaforma dei materiali di GeoGebra.

Ecco il codice relativo alla pagina di esempio, che crea 3 applet: 

   var applet1 = new GGBApplet({material_id: "27876"}, true);
   var applet2 = new GGBApplet({material_id: "17499", borderColor:"#55FF00"}, true);
   var applet3 = new GGBApplet({material_id: "17501", showMenuBar:true}, true);

Per impostazione predefinita l'applet sarà creata utilizzando le dimensioni (larghezza e altezza) e i parametri definiti nelle impostazioni del materiale nella Piattaforma dei materiali di GeoGebra . È possibile modificare tali impostazioni con opportune modifiche dei parametri. Fare riferimento a Riferimenti:Parametri_applet per un elenco dei parametri delle applet.

Nell'esempio il parametro 'showMenuBar:true' sostituisce l'impostazione del materiale nella Piattaforma dei materiali di GeoGebra e mostra la barra dei menu nell'applet3.

3 Definire la posizione dell'applet nel documento, quindi inserire l'applet. Nel file di esempio viene creato un div come riferimento (padre) per ciascuna applet, come segue: 

    <div id="applet_container1"></div>

Al termine della sezione di script le applet sono inserite nei div utilizzando la funzione di inserimento: 

    window.onload = function() {
        applet1.inject('applet_container1', 'preferHTML5');
        applet2.inject('applet_container2', 'preferHTML5');
        applet3.inject('applet_container3', 'preferHTML5');
    }

I parametri del metodo inject() sono:

Parametro Descrizione
containerID Una stringa con l'id dell'oggetto HTML che sarà il padre dell'applet.
appletType Può essere una delle seguenti opzioni:
preferHTML5 (predefinito)
utilizza HTML5 quando è possibile (su tablet e browser moderni), e Java in alternativa (ad es. con Internet Explorer 8)
preferJava
utilizza Java all'installazione, altrimenti utilizza HTML5
html5
utilizza applet HTML5
java
utilizza applet Java. Nota: in questo caso l'applet non funzionerà sui tablet.
auto
decide automaticamente la tecnologia migliore (HTML5 o Java) basandosi sul client e sulla versione di GeoGebra

es:Referencia:Applet Embebido en:Reference:Applet_Embedding

Estratto da "http://wiki.geogebra.org/s/it/index.php?title=Riferimenti:Incorporare_Applet&oldid=15026"
© 2024 International GeoGebra Institute