Referencia:Applet Embebido

De GeoGebra Manual
Saltar a: navegación, buscar

Aplicaciones Incorporadas

Para incluir material desde GeoGebra en una página web se puede tanto incrustarlo como un iframe como emplear el desenvolvimiento del guion deployggb.js para incorporarlo directamente en la página.

Parámetros Applet

El artículo sobre aplicaciones embebidas se profundiza sobre el modo de incrustar applets en páginas web y cómo aplicar parámetros.
Además, conviene tener en cuenta que para incluir una hoja dinámica de GeoGebra en una página web, primero se la puede subir a GeoGebra (Archivo -> Comparte) y luego se puede obtener automáticamente el código iframe con un clic en el botón "Incrusta" en la página del material, como ilustra el siguiente ejemplo:

Embebido como iframe

Para acceder automáticamente el código iframe basta con un clic sobre el correspondiente botón en la página del material, como se ilustra en el siguiente ejemplo:

<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"
width="1600px"
height="715px"
style="border:0px;">
</iframe>

El idioma de la interfaz de uso de GeoGebra (barra de herramientas, menú, ...) se ajusta al del explorador por omisión.
Para emplear otro, puede añadirse el parámetro ?lggbLang=<lang_code> al final de la URL.
Por ejemplo:
?ggbLang=es, ?ggbLang=zh_CN, ?ggbLang=zh_TW

Ejemplo:
Para establecerlo en español, entonces, sería:
http://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?lang=es
Descripción Código Ejemplo
HTML5 en navegadores más recientes at /at/preferhtml5
Zoom, clic derecho y edición por teclado permitidos rc /rc/true
Barra de Entrada expuesta ai /ai/true
Zoom y Arrastre por Shift admitidos sdz /sdz/true
Barra de Menús expuesta smb /smb/true
Barra de Herramientas expuesta stb /stb/true
Ayuda de Herramientas expuesta stbh /stbh/true
Etiquetas trasladables ld /ld/true
Icono de reinicio (margen superior derecho) sri /sri/true
Establece el idioma de la interfaz (considerando cada uno de los diferentes formatos de parámetros) lang ?lang=es

Desenvolvimiento vía deployggb.js

Este el método recomendado cuando se intenta incluir varias aplicaciones HTML5 applets en una única página y se las puede compartir una instancia del código de base GeoGebraWeb codebase de modo que se agilice la carga. El siguiente ejemplo de página web muestra cómo incorporar aplicaciones (applets embebidas): Página del Ejemplo Es preciso incluir las tres siguiente partes en el archivo HTML:

1 La librería javascript deployggb.js debe incluirse con esta etiqueta tag:

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

2 Por cada aplicación, debe crearse un objeto javaScript del tipo GGBApplet. Esto requiere como mínimo disponer como parámetro del ID del material desde tube.

Se lista a continuación el código correspondiente a la página del ejemplo que crea tres aplicaciones (applets):

  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);

Las dimensiones (ancho y altura) implícitas de la aplicación serán las de lo creado y también las demás características quedarán definidas por los ajustes en GeoGebra para el material en juego.
Se puede optar por las modificaciones que admiten cada uno de los parámetros correspondientes que pueden pasarse tal como se describe en las tablas de referencia.
En Referencia:Parámetros Applet se detalla la lista completa de parámetros applet.

En el ejemplo, el parámetro 'showMenuBar:true' reemplaza el ajuste del material desde tube, haciendo visible la Barra de Menús para la aplicación applet3.

3 Finalmente, es preciso determinar dónde aparecerá la aplicación dentro del documento e incorporarla. El archivo del ejemplo, se ha creado un encabezado de división div como precedente de cada aplicación, de la siguiente manera:

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

Al final de la sección del guion (script) se incorporan las aplicaciones a cada división div empleando la función injet correspondiente:

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

La siguiente tabla organiza los parámetros del método inject():

Parámetro Descripción
containerID Una cadena con la identificación id del objeto HTML que se asignará como precedente de la aplicación.
appletTipo Pueden ser una de las siguientes:
preferHTML5 (por omisión)
se emplea HTML5 cuando es posible (en tablets y con los navegadores m`´as recientes), recurriendo a Java en caso contrario (como en el caso de Internet Explorer 8)
preferJava
empleo de Java cuando estuviera instalado y, de lo contrario, HTML5
html5
empleo de aplicación HTML5 applet
java
empleo de aplicación Java applet. Cabe enfatizar que en tal caso, la aplicación no operará en tablets.
auto
es automática la decisión sobe la tecnología más adecuada (HTML5 o Java) según el número de versión de GeoGebra provisto y datos de cliente


<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"
width="1600px"
height="715px"
style="border:0px;">
</iframe>
Descripción Código Ejemplo
Forzar HTML5 en buscadores más nuevos en /at/preferhtml5
Admitir clic derecho, Zoom y Edición por Teclado rc /rc/true
Muestra Barra de Entrada ai /ai/true
Admite Shift-Arrastre y Zoom sdz /sdz/true
Muestra Barra de Menú smb /smb/true
Muestra Barra de Herramientas stb /stb/true
Muestra Ayuda de Herramientas stbh /stbh/true
Admite arrastre de Rótulos ld /ld/true
Muestra ícono de Reinicio (superior-derecho) sri /sri/true

Parámetros Applet (obsoleto)

Se pueden anotar las siguientes líneas para incluir una construcción de GeoGebra en una página html. El archivo de construcción (digamos, "circunferecia.ggb") debe ser ubicado en el directorio de la página html:

<applet code="geogebra.GeoGebraApplet"  archive="geogebra.jar" 
  codebase="http://jars.geogebra.org/webstart/" 
  width="500" height="300">
      <param name="filename" value="circle.ggb" />
      <param name="framePossible" value="false" />
Para usar esta página, debe instalarse Java 1.5 (o posterior)
desde www.java.com 
</applet>

En lugar del parámetro filename se puede emplear el de ggbBase64 con el archivo codificado en Base64. Para obtener este código, simplemente se pulsa Ctrl + Shift + M -- la etiqueta, tag, del applet con este código aparecerá en el portapapeles.

Codebase

Codebase define la ubicación de los archivos jar de GeoGebra. Se pueden fijar los siguientes valores:

  • http://jars.geogebra.org/webstart/4.0/unsigned/ – para emplear loa versión no firmada de GeoGebra. Esta versión no tiene acceso al hardware de los usuarios (las opciones como Deshace, Rehace, Guarda e Imprime están inhabilitadas) pero los usuarios no tienen que confirmar que están alertados respecto de los riesgos de seguridad
  • http://jars.geogebra.org/webstart/4.0 – permite el empleo de opciones como Deshace, Rehace, Guarda e Imprime
  • paso local como, por ejemplo. ./ – pueden ser útiles cuando se desea que la hoja dinámica quede accesible sin conexión a geogebra.org. Se precisará descargar todos los archivos jar de alguno de los URLs mencionados al paso local (en el caso de codebase is ./, se debe ubicar los archivos jar en la misma carpeta que la hoja dinámica).

Parámetros Applet (en desuso)

Los siguientes parámetros se pueden emplear con la aplicación de etiquetas (applet tag).

Parámetros Applet (para profundización en empleo avanzado)

Al descargar un material de GeoGebra como hoja de trabajo fuera de línea (.zip), es posible emplear parámetros. Los siguientes parámetros se pueden emplear con la aplicación de etiquetas de guion (script tag) en tanto la etiqueta incluya los correspondientes parámetros de variables ('var parameters='):

Nombre
(Java)
GeoGebraWeb (HTML5) Valor Descripción Desde
nombre archivo como
arch.ggb
Paso al archivo
de la construcción.
2.5
ggbBase64 data-param-ggbbase64 Base64-encoded
string of a .ggb file
3.2
tipo button Al usar este parámetro el applet solo mostrará un botón para abrir el marco de la aplicación de GeoGebra.
Obsoleto desde GeoGebra 4
2.5 - 3.2
framePossible true o false Establece si un doble clic sobre la Vista Gráfica abrirá el marco de la aplicación de GeoGebra.
El parámetro se obvia si se fijó el tipo a button, por omisión: verdadero.
Obsoleto desde GeoGebra 4
2.5 - 3.2
bgcolor Como
#FFFFFF
para el blanco.
El color de fondo del applet (como un anillo rgb hex). Este parámetro solo se emplea si el tipo "button" se estableció, por omisión: blanco 2.5
borderColor Como
#FFFFFF
para blanco
Color de la línea de trazo del borde que rodea al applet panel (como anillo hex rgb), por omisión: gris 3.0
enableChooserPopups true o
false
Controla si se permitirá el despliegue de menús emergentes al dar clic sobre múltiples objetos. Por omisión: true
Obsoleto (Deprecated - Desaprobado) desde GeoGebra 4
3.2
enableRightClick data-param-enableRightClick true o false Establece si una pulsación derecha quedará permitida para el applet. Fijando este parámetro a "false" quedan inhabilitados los menús contextuales, las cajas de diálogo de propiedades y el zoom por clic derecho. Por omisión: true. NB también (des)habilita algunos atajos de teclado como Delete y Ctrl + R (para recalcular todos los objetos). Por omisión, true (cierto). 3.0
enableLabelDrags data-param-enableLabelDrags true o false Establece si los rótulos de los objetos podrán ser deslizados. Por omisión: true 3.2
allowRescaling true o false Determina si el applet procurará re-escalar la Vista Gráfica cuando el applet se cargue o se le modifique el tamaño (por ejemplo, con un zoom del explorador). Queda inhabilitado si se expone la Hoja de Cálculo o la Vista Algebraica. Por omisión: false 3.2
enableShiftDragZoom data-param-enableShiftDragZoom true o false Establece si el área gráfica podrá desplazarse usando Shift + arrastre del ratón o mouse (o Ctrl + arrastre de ratón o mouse) o será susceptible de zoom al emplear Shift + rueda del ratón o mouse (o Ctrl + rueda del ratón o mouse). Fijando este parámetro a "false" se inhabilita el movimiento y el zoom del área gráfica. Por omisión: true 3.0
errorDialogsActive true o false Establece si los diálogos de error se expondrán en caso de una entrada no válida (usando la Barra de Entrada o el guion JavaScript) Por omisión: true 3.2
showMenuBar data-param-showMenuBar true o false Establece si la barra de menús de GeoGebra quedará expuesta en el applet, Por omisión: false 2.5
showToolBar data-param-showToolBar true or false Establece si la barra de herramientas con el modo de botones en la construcción se expondrá en el applet. Por omisión: false 2.5
maxIconSize 16 a 32 Medida máxima de los iconos usados en la barra de herramientas, en pixels, Por omisión: 32 3.2
showToolBarHelp true o false Establece si el texto de ayuda de la barra de herramientas a la derecha de la barra se expondrá o no en el applet 3.0
customToolBar data-param-customToolBar Por ejemplo. 0 1 2 3 , 4 5 6 7 Establece la barra de útiles según la cadena de valores enteros fijado de modo tal que Valores del Modo Barra de Herramientas, , añade un separador entre el menú, | inicia un nuevo menú y || añade un separador en la barra de herramientas antes de iniciar un nuevo menú. Las herramientas de los usuarios se numeran 1001, 1002, etc en GeoGebra 3.2 y 100 001, 100 002, etc desde GeoGebra 4. 2.5
showAlgebraInput data-param-showAlgebraInput true o false Establece si se expondrá o no la línea de entrada algebraica (con el campo de entrada, letras griegas y lista de comandos) en el applet. Por omisión: false 2.5
showResetIcon data-param-showResetIcon true o false Establece si el pequeño ícono (elipse de GeoGebra) se mostrará o no en la equina superior derecha del applet. Un clic sobre este icono reinicia el applet (por ejemplo, recarga el archivo dado en el parámetro del nombre de archivo -filename-). Por omisión: false 2.5
language data-param-language iso language string
en..Inglés
fr..Francés
it..Italiano
de..Alemán
es..Español
pt..Portugués
zh..Chino
GeoGebra intenta fijar el idioma local automáticamente (si está disponible entre los que están respaldados, obviamente). El idioma por omisión en caso de no contarse con el idioma local es el Inglés. Para especificar manualmente un cierto idioma, debe
emplearse este parámetro.
2.5
country data-param-country El código estándar para el país, por ejemplo, AT para Austria Este parámetro solo cobra sentido si se emplea en conjunto con el del idioma. 2.5
ggbOnInitParam data-param-id Por ejemplo, applet2 Este parámetro permite especificar el argumento pasado a la función JavaScript ggbOnInit(), que se llama una vez que el applet se ha inicializado por completo. Es útil cuando hay múltiples applets en una página - ver este ejemplo (no tendrá efecto en versiones previas). 3.2
java_arguments Como: -Xmx256m Este parámetro permite especificar más memoria (en megabytes) para el applet de GeoGebra. Opera solo en Java 6 actualizada 10 o superior (no tendrá efecto en versiones previas ) 3.2
allowStyleBar true o
false
Por omisión: false
Determina si la Barra de Estilo se puede mostrar (o se verá si solo está expuesta la Vista Gráfica 1)
4.0
useBrowserForJS data-param-useBrowserForJS true o false Por omisión: true
Determina si Rhino (integrado en GeoGebra) o el navegador se usa para ejecutar JavaScript. Al fijar este parámetro como verdadero - true - durante la exportación, se incrustarán todos los guiones - scripts - en el código HTML, por lo que se debería re-exportar las construcciones propias si se quiere cambiar el valor de este parámetro.
En GeoGebraWeb, esto determina si el guion JavaScript se ejecutará desde el archivo ggb (falso - false en inglés) o desde el HTML (verdadero, true en inglés). Para archivos ggb que no se pudieran corroborar como confiables, debiera establecerse como verdadero (true en inglés).

Atención: En tanto este parámetro permanece verdadero - true - para las construcciones propias, se puede establecer como falso -false - para las ajenas, de modo de garantizar la mayor seguridad.
Para archivos ggb no confiables, es aconsejable fijarlo a true (cierto).

4.0
data-param-capturing
Threshold
Por ejemplo
20
Por Omisión: 3 (Java) 20 (GeoGebraWeb)
Determina cómo cerrar el ratón o mouse para seleccionar / arrastrar un objeto.
4.2
data-param-showLogging true o
false
Por Omisión: false
Determina si se muestra el enlace en la consola del buscador.
4.2
data-param-capturing
Threshold
Entero Por omisión: 3
Determina la sensibilidad para la selección del objeto. El valor por omisión, 3, es en general adecuado para seleccionar y desplazar objetos con cualquier dispositivo de entrada. Cuanto mayor el valor, 4 ó 5, tanto más fácil resultará la operación, siempre dependiendo del dispositivo de empleado (ratón o mouse / al tacto-touch)
4.4

Para Ensayar

Ejemplo: Las siguientes líneas son un ejemplo para un applet "button" que solo consiste de un botón para abrir la ventana de GeoGebra. El fondo del applet (como el área en torno al botón) se fija al blanco (#FFFFFF).</p>
<applet code="geogebra.GeoGebraApplet"
   archive="geogebra.jar" 
   width=200 height=40>
<param name="filename" value="circunferencia.ggb" />
<param name="type" value="button" />
<param name="bgcolor" value="#FFFFFF" />
Please <a href="http://java.sun.com/getjava">install Java
1.4</a> (or later) to use this page.
</applet>

  • GeoGebra
  • Help
  • Partners
  • Contact us
    • Feedback & Questions
    • This email address is being protected from spambots. You need JavaScript enabled to view it.
    • +43 677 6137 2693
© 2017 International GeoGebra Institute