Diferencia entre revisiones de «Referencia:Applet Embebido»
Línea 153: | Línea 153: | ||
</pre> | </pre> | ||
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 {{KeyCode|Ctrl+Shift+M}} -- la etiqueta, ''tag'', del applet con este código aparecerá en el portapapeles. | 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 {{KeyCode|Ctrl+Shift+M}} -- la etiqueta, ''tag'', del applet con este código aparecerá en el portapapeles. | ||
+ | <!-- | ||
===Codebase=== | ===Codebase=== | ||
Codebase define la ubicación de los archivos jar de GeoGebra. Se pueden fijar los siguientes valores: | 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/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 | *http://jars.geogebra.org/webstart/4.0 – permite el empleo de opciones como Deshace, Rehace, Guarda e Imprime | ||
− | *paso local como, por ejemplo. <code>./</code> – 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 <code>./</code>, se debe ubicar los archivos jar en la misma carpeta que la hoja dinámica). | + | *paso local como, por ejemplo. <code>./</code> – 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 <code>./</code>, se debe ubicar los archivos jar en la misma carpeta que la hoja dinámica).--> |
+ | |||
===Parámetros Applet (en desuso)=== | ===Parámetros Applet (en desuso)=== | ||
Los siguientes parámetros se pueden emplear con la aplicación de ''etiquetas'' (''applet tag''). | Los siguientes parámetros se pueden emplear con la aplicación de ''etiquetas'' (''applet tag''). |
Revisión del 22:32 9 dic 2019
Página en proceso de traducción. |
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
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
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): 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:
|
<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.
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 | comoarch.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 - |
4.0 |
data-param-capturing Threshold |
Por ejemplo20
|
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 ofalse
|
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
<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>