Diferencia entre revisiones de «Tutorial:Creando Documentos HTML5 con GeoGebraWeb»

De GeoGebra Manual
Saltar a: navegación, buscar
m (Revertidos los cambios de Lilai (disc.) a la última edición de LailaTov)
 
(No se muestran 25 ediciones intermedias de 5 usuarios)
Línea 1: Línea 1:
{{tutorial|
+
__NOTOC__{{tutoriales|
 
title=Creando Documentos HTML5 con GeoGebraWeb
 
title=Creando Documentos HTML5 con GeoGebraWeb
}}
+
}}{{DISPLAYTITLE:<small>Creando Documentos HTML5 con GeoGebra<small>Web</small></small>}}<!-- DO NOT EDIT -->{{Interfaz Gráfica|Tutoriales}}
== Documentos GeoGebraWeb ==
+
== Aplicaciones GeoGebraWeb ==
A partir de GeoGebra 4.2 se introdujeron genuinos documentos HTML5 GeoGebra por lo que los  applets dan inicio con mayor rapidez. Además, en tanto  Java ya no es un requisito previo en esta tecnología, se abre la disponibilidad de '''''GeoGebra''''' para los  dispositivos móviles del estilo de los '''''smartphones'''''.  
+
A partir de GeoGebra 4.2 se introdujeron genuinos documentos HTML5 GeoGebra por lo que los  ''applets'' dan inicio con mayor rapidez. Además, en tanto  Java ya no es un requisito previo en esta tecnología, se abre la disponibilidad de '''''GeoGebra''''' para los  dispositivos móviles del estilo de los '''''smartphones'''''.
 +
GeoGebra detecta automáticamente el buscador web en uso y ''decide'' si está ejecutándose  en una ''tablet'' y trata el documento en formato HTML5.
 +
{{OJo|1=Por el motivo recientemente expuesto, es altamente recomendable ''subir'' todo documento a '''''GeoGebra''''' si se desea publicarlo como material didáctico.<br>La ventaja principal es que ''funcionarán'' tanto en un equipo de escritorio como, incluso, en una ''tablet''.}}
 +
{{Note|1=La mejor manera de usar la versión ''iframe'' a que da acceso  GeoGebra es vía ''clic'' en el botón "Incrusta" de la página del docente, como se ilustra a continuación.}}
 +
:
 +
<pre>
 +
<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"
 +
width="1600px"
 +
height="715px"
 +
style="border:0px;">
 +
</iframe>
 +
</pre>
 +
<br>
 +
{{OJo|1=Al añadir '''<code>/at/preferhtml5</code>''' la versión HTML5 quedará disponible en general, con la única excepción de buscadores muy antiguos (como el IE6, IE7, IE8).}}
 +
<pre>
 +
<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>
 +
</pre>
 +
 
 +
<h5>Páginas ''web'' Dinámicas de GeoGebra</h5>
 +
Los documentos HRML5 actualmente solo dan acceso a la [[Vista Gráfica]] (por ejemplo, las hojas de cálculo no funcionan todavía), y no cuentan aún con los menús de la interfaz gráfica. Pero, por lo demás, tienen las mismas características que los documentos usuales de '''''GeoGebra'''''. <br>
 +
La principal ventaja es que la ejecución se admite en un conjunto de hardware más amplio, a una velocidad mucho más cómoda, siempre que se empleen los navegadores de Web más recientes. Siendo, entonces, la condición para aprovechar completamente su potencia, la de contar con los buscadores más recientes.
 
;
 
;
Estos documentos actualmente sólo dan acceso a la [[Vista Gráfica]] (por ejemplo, las hojas de cálculo no funcionan todavía), y no cuentan aún con los menúes de la interfaz gráfica. Pero, por lo demás, tienen las mismas características que los documentos usuales de '''''GeoGebra'''''. La principal ventaja es que la ejecución en un conjunto de hardware más amplio a una velocidad mucho más cómoda siempre que se empleen los navegadores de Web más recientes. Condiciión para aprovechar completamente su potencia.
+
En síntesis, la así llamada ''tecnología '''GeoGebraWeb'''''  así como los documentos creados con este método involucran lo que se denomina  ''Applets GeoGebraWeb''<sup><small>''Aplicaciones GG-Web''</small></sup>
;
 
En síntesis, la así llamada ''tecnología '''GeoGebraWeb'''''  así como los documentos creados con este método involucran lo que se denomina  ''documentaciones GeoGebraWeb''.
 
 
<div style="overflow: auto;">
 
<div style="overflow: auto;">
 
<div style="float:right;">
 
<div style="float:right;">
__TOC__
 
 
</div>
 
</div>
  
Hay dos tipos de documentos GeoGebraWeb:
+
Hay dos tipos de Applets GeoGebraWeb:
* ''en línea'' y ''fuera de línea''
+
*''en línea'' y ''fuera de línea''
** por lo general, los ofrecidos ''en línea'' los respaldan los servidores oficiales de GeoGebra, principalmente GeoGebra
+
**por lo general, los ofrecidos ''en línea'' los respaldan los servidores oficiales de GeoGebra, principalmente [http://www.geogebra.org ''GeoGebra'']
** es habitual que miembros de la comunidad de GeoGebra brinden, a través de servidores de intranet - o incluso desde los propios equipos de los usuarios-, los ''fuera de línea''.
+
**es habitual que miembros de la comunidad de GeoGebra brinden, a través de servidores de ''intranet'' - o incluso desde los propios equipos de los usuarios-, los ''fuera de línea''.
 
 
 
=== Documentos en Línea ===
 
=== Documentos en Línea ===
  
Se sugiere el uso generalizado y global - sea donde fuese - de documentos en línea. GeoGebra detecta automáticamente el navegador de uso en la web y decide si se está ejecutando en un ''smartphone'' (''teléfono inteligente'') y, en tal caso, brinda el documento en formato GeoGebraWeb. Por eso es que se recomienda subir todos los documentos a GeoGebraWeb, máxime si se trata de materiales de enseñanza. Esto tiene una gran ventaja: GeoGebra mostrará siempre el último documento de GeoGebraWeb cuando se lo  visite un usuario desde un ''smartphone'' (''teléfono inteligente'').  
+
Se sugiere el uso generalizado y global - sea donde fuese - de documentos en línea. GeoGebra detecta automáticamente el navegador de uso en la web y decide si se está ejecutando en un ''smartphone'' (''teléfono inteligente'') y, en tal caso, brinda el documento en formato GeoGebraWeb. Por eso es que se recomienda subir todos los documentos y aplicaciones a GeoGebraWeb, máxime si se trata de materiales de enseñanza. Esto tiene una gran ventaja: GeoGebra mostrará siempre el último documento de GeoGebraWeb cuando se lo  visite un usuario desde un ''smartphone'' (''teléfono inteligente'').<!--
 
;
 
;
 
En algunos casos, sin embargo, GeoGebra puede no identificar correctamente el equipo empleado y para tales eventualidades, se recomienda añadir, al final de la dirección URL del documento, la indicación correspondiente a la telefonía móvil:  '''&mobile=true'''.
 
En algunos casos, sin embargo, GeoGebra puede no identificar correctamente el equipo empleado y para tales eventualidades, se recomienda añadir, al final de la dirección URL del documento, la indicación correspondiente a la telefonía móvil:  '''&mobile=true'''.
Línea 28: Línea 50:
 
En algunas situaciones es útil contar, sin conexión disponible, con documentos GeoGebraWeb (en un aula sin acceso a Internet o durante un viaje en que la conexión no resulte estable o suficientemente buena).
 
En algunas situaciones es útil contar, sin conexión disponible, con documentos GeoGebraWeb (en un aula sin acceso a Internet o durante un viaje en que la conexión no resulte estable o suficientemente buena).
 
;
 
;
Desde la versión 4.1.62.0, también se pueden crear con '''''GeoGebra''''', documentos GeoGebraWeb sin conexión, siguiendo estos pasos:  
+
Desde la versión 4.1.62.0, también se pueden crear con '''''GeoGebra''''', documentos GeoGebraWeb sin conexión, siguiendo estos pasos:
* Dirigiéndose a la opción  [[Menú Archivo#Submenú Exporta|'''Exporta''']] del menú [[Menú Archivo|Archivo]], para seleccionar '''Exporta - [[Archivo:Export-html.png]] [[Caja de Diálogo de Hoja Dinámica a Exportar#Exportar como Página Web (html)|Hoja Dinámica como Página Web (HTML)]]''', basta con un ''clic'' en [[Exportar como Página Web html|'''''Exporta como Página Web'''''] y en la pestaña [[Exportar como Página Web html#Ajustes Avanzados|'''''Avanzado''''']], verificar que los ajustes correspondientes a [[Exportar como Página Web html#Ajustes Avanzados#Archivos: |'''''Archivos''''']]:
+
*Dirigiéndose a la opción  [[Menú Archivo#Submenú Exporta|'''Exporta''']] del menú [[Menú Archivo|Archivo]], para seleccionar '''Exporta - [[Archivo:Export-html.png]] [[Caja de Diálogo de Hoja Dinámica a Exportar#Exportar como Página Web (html)|Hoja Dinámica como Página Web (HTML)]]''', basta con un ''clic'' en [[Exportar como Página Web html|'''''Exporta como Página Web''''']] y en la pestaña [[Exportar como Página Web html#Ajustes Avanzados|'''''Avanzado''''']], verificar que los ajustes correspondientes a [[Exportar como Página Web html#Ajustes Avanzados#Archivos: |'''''Archivos''''']]:
** Exporta solamente a  HTML5
+
**Exporta solamente a  HTML5
** Admite Uso Fuera de Línea (Offline)  
+
**Admite Uso Fuera de Línea (Offline)
* A continuación, se debe pulsar el botón {{KeyCode|1='''Exporta'''}}.  
+
*A continuación, se debe pulsar el botón {{KeyCode|'''Exporta'''}}.
* A continuación,''''' GeoGebra''''' descargará automáticamente el conjunto necesario de archivos a copiar en el directorio adecuado. Se debe esperar aproximadamente que se almacenen 40 MB de  por cada  documento GeoGebraWeb fuera de línea.  
+
*A continuación,'''''GeoGebra''''' descargará automáticamente el conjunto necesario de archivos a copiar en el directorio adecuado. Se debe esperar aproximadamente que se almacenen 40 MB por cada  documento GeoGebraWeb fuera de línea.
* Se puede simplemente copiar todos los archivos creados durante esta exportación en cualquier  otro directorio o equipo para utilizarlos oportunamente.
+
*Se puede simplemente copiar todos los archivos creados durante esta exportación en cualquier  otro directorio o equipo para utilizarlos oportunamente.
 
+
-->
 
==¿Cómo funciona GeoGebraWeb?==
 
==¿Cómo funciona GeoGebraWeb?==
GeoGebraWeb consiste en un conjunto de archivos HTML que se pueden descargar desde el sitio de desarrollo de GeoGebra a partir de cualquier hoja dinámica de GeoGebra cuya exportación se hubiera iniciado.  
+
GeoGebraWeb consiste en un conjunto de archivos HTML que se pueden descargar manualmente desde el correspondiente sitio de GeoGebra.
 
;
 
;
 
Los archivos están empaquetados en un archivo comprimido (.zip) que también se  puede descargar manualmente. Sin embargo, estos archivos no están destinados al empleo final directo (para quienes tuvieran interés en los detalles internos, y desearan modificar los archivos HTML, se proporciona información adicional a continuación).
 
Los archivos están empaquetados en un archivo comprimido (.zip) que también se  puede descargar manualmente. Sin embargo, estos archivos no están destinados al empleo final directo (para quienes tuvieran interés en los detalles internos, y desearan modificar los archivos HTML, se proporciona información adicional a continuación).
 
;
 
;
Se supondrá que se estuviera tratando con un único boceto u hoja dinámica aunque un HTML puede contener varios documentos GeoGebraWeb. El archivo HTML se expondría de un modo parecido a este:
+
Si bien parecería que se está tratando con un único boceto u hoja dinámica, un documento HTML puede contener varios documentos GeoGebraWeb. El archivo HTML se expondría de un modo parecido a este:<small>
 
<pre>
 
<pre>
  <script type="text/javascript" language="javascript" src="GEOGEBRAWEB_SOURCE"></script>
+
<script type="text/javascript" language="javascript" src="http://www.geogebra.org/web/4.2/web/web.nocache.js"></script>
<article class="geogebraweb" data-param-width="WIDTH" data-param-height="HEIGHT"
+
<article class="geogebraweb" data-param-width="600" data-param-height="400"
data-param-showResetIcon="false" data-param-enableLabelDrags="false" data-param-showMenuBar="false"
+
data-param-showResetIcon="false" data-param-enableLabelDrags="false" data-param-showMenuBar="false"
data-param-showToolBar="false" data-param-showAlgebraInput="true" enableLabelDrags="true"
+
data-param-showToolBar="false" data-param-showAlgebraInput="true" enableLabelDrags="true"
data-param-ggbbase64="UEsDBBQACAAIAHOOh0AAAAAAAAAAAAAAAAAWAA...=="></article>...
+
data-param-ggbbase64="UEsDBBQACAAIAHOOh0AAAAAAAAAAAAAAAAAWAA...==">
</pre>
+
</pre></small>
 
;
 
;
Aquí se omiten las secciones de inicio y cierre del archivo HTML normal para enfocar  sólo las de GeoGebraWeb. En primer lugar, debe cargarse la fuente GeoGebraWeb. Para documentos en línea la GEOGEBRAWEB_SOURCE debe ser '''http://www.geogebra.org/web/4.2/web/web.nocache.js''    mientras que para los documentos fuera de línea, el ajuste correcto  ''web/web.nocache.js'''.  
+
Aquí se omiten las secciones de inicio y cierre del archivo HTML normal para enfocar  solo las de GeoGebraWeb. En primer lugar, debe cargarse la fuente GeoGebraWeb.
 
;
 
;
Los valores de ancho (WIDTH) y altura (HEIGHT) se corresponderán con el tamaño deseado del applet, en píxeles. Los demás parámetros se ajustan directmente para GeoGebraWeb.  
+
Los valores de ancho '''data-param-width''' y altura '''data-param-height''' (antes WIDTH) y HEIGHT) se corresponderán con el tamaño deseado del applet, en píxeles. Los demás parámetros se ajustan directamente para GeoGebraWeb.
 
;
 
;
Por último, el ajuste del parámetro de datos '''data-param-ggbbase64''' debe contener el archivo. ggb codificado en base64  (tal como lo genera '''''GeoGebra''''').  
+
Por último, el ajuste del parámetro de datos '''data-param-ggbbase64''' debe contener el archivo. ggb codificado en base64  (tal como lo genera '''''GeoGebra''''').
 
;
 
;
 
<small>Esto suele involucrar un extenso texto ilegible de varios miles de caracteres, inteligibles para el procesamiento humano de cuya (de)codificación -base64 a archivo ggb-, afortunadamente, se ocupará la aplicación de escritorio GeoGebra.</small><br>
 
<small>Esto suele involucrar un extenso texto ilegible de varios miles de caracteres, inteligibles para el procesamiento humano de cuya (de)codificación -base64 a archivo ggb-, afortunadamente, se ocupará la aplicación de escritorio GeoGebra.</small><br>
 
<small>Efectivamente, puede utilizarse cualquier otro software si así se lo desea, eligiendo el que brinda una búsqueda en Internet (apuntando al software de codificación base64 -''base64 encoding software''-).</small>
 
<small>Efectivamente, puede utilizarse cualquier otro software si así se lo desea, eligiendo el que brinda una búsqueda en Internet (apuntando al software de codificación base64 -''base64 encoding software''-).</small>
 
+
<!--
 
== Cómo obtener GeoGebraWeb ==
 
== Cómo obtener GeoGebraWeb ==
 
Cada vez que se exporta un archivo '''.ggb''' a formato GeoGebraWeb fuera de línea, la aplicación de GeoGebra  descargará el último archivo GeoGebraWeb. zip al directorio temporal del equipo empleado. Para hacer esto de forma manual, siempre se lo puede descargar desde http://dev.geogebra.org/download/web/GeoGebraWeb-latest.zip.
 
Cada vez que se exporta un archivo '''.ggb''' a formato GeoGebraWeb fuera de línea, la aplicación de GeoGebra  descargará el último archivo GeoGebraWeb. zip al directorio temporal del equipo empleado. Para hacer esto de forma manual, siempre se lo puede descargar desde http://dev.geogebra.org/download/web/GeoGebraWeb-latest.zip.
 
+
-->
Para aprender aún más sobre esta tecnología de GeoGebra, se recomienda el sitio - ideal para desarrolladores  -  [http://dev.geogebra.org/trac/wiki/GeoGebraWeb ''' ''GeoGebra Developer Site'' '''].
+
;
 
+
Para aprender aún más sobre esta tecnología de GeoGebra, se recomienda el sitio - ideal para desarrolladores  -  [http://dev.geogebra.org/trac/wiki/GeoGebraWeb GeoGebra Developer Site].
 
[[Category:Tutoriales Avanzados]]
 
[[Category:Tutoriales Avanzados]]
[[en:Tutorial:Creating HTML5 documents with GeoGebraWeb]]
 
[[it:Tutorial:Creare documenti HTML5 con GeoGebraWeb]]
 

Revisión actual del 20:30 12 ago 2020

Plantilla:Tutoriales

Aplicaciones GeoGebraWeb

A partir de GeoGebra 4.2 se introdujeron genuinos documentos HTML5 GeoGebra por lo que los applets dan inicio con mayor rapidez. Además, en tanto Java ya no es un requisito previo en esta tecnología, se abre la disponibilidad de GeoGebra para los dispositivos móviles del estilo de los smartphones. GeoGebra detecta automáticamente el buscador web en uso y decide si está ejecutándose en una tablet y trata el documento en formato HTML5.

Bulbgraph.pngAtención: Por el motivo recientemente expuesto, es altamente recomendable subir todo documento a GeoGebra si se desea publicarlo como material didáctico.
La ventaja principal es que funcionarán tanto en un equipo de escritorio como, incluso, en una tablet.
Nota: La mejor manera de usar la versión iframe a que da acceso GeoGebra es vía clic en el botón "Incrusta" de la página del docente, como se ilustra a continuación.
<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"
width="1600px"
height="715px"
style="border:0px;">
</iframe>


Bulbgraph.pngAtención: Al añadir /at/preferhtml5 la versión HTML5 quedará disponible en general, con la única excepción de buscadores muy antiguos (como el IE6, IE7, IE8).
<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>
Páginas web Dinámicas de GeoGebra

Los documentos HRML5 actualmente solo dan acceso a la Vista Gráfica (por ejemplo, las hojas de cálculo no funcionan todavía), y no cuentan aún con los menús de la interfaz gráfica. Pero, por lo demás, tienen las mismas características que los documentos usuales de GeoGebra.
La principal ventaja es que la ejecución se admite en un conjunto de hardware más amplio, a una velocidad mucho más cómoda, siempre que se empleen los navegadores de Web más recientes. Siendo, entonces, la condición para aprovechar completamente su potencia, la de contar con los buscadores más recientes.

En síntesis, la así llamada tecnología GeoGebraWeb así como los documentos creados con este método involucran lo que se denomina Applets GeoGebraWebAplicaciones GG-Web

Hay dos tipos de Applets GeoGebraWeb:

  • en línea y fuera de línea
    • por lo general, los ofrecidos en línea los respaldan los servidores oficiales de GeoGebra, principalmente GeoGebra
    • es habitual que miembros de la comunidad de GeoGebra brinden, a través de servidores de intranet - o incluso desde los propios equipos de los usuarios-, los fuera de línea.

Documentos en Línea

Se sugiere el uso generalizado y global - sea donde fuese - de documentos en línea. GeoGebra detecta automáticamente el navegador de uso en la web y decide si se está ejecutando en un smartphone (teléfono inteligente) y, en tal caso, brinda el documento en formato GeoGebraWeb. Por eso es que se recomienda subir todos los documentos y aplicaciones a GeoGebraWeb, máxime si se trata de materiales de enseñanza. Esto tiene una gran ventaja: GeoGebra mostrará siempre el último documento de GeoGebraWeb cuando se lo visite un usuario desde un smartphone (teléfono inteligente).

¿Cómo funciona GeoGebraWeb?

GeoGebraWeb consiste en un conjunto de archivos HTML que se pueden descargar manualmente desde el correspondiente sitio de GeoGebra.

Los archivos están empaquetados en un archivo comprimido (.zip) que también se puede descargar manualmente. Sin embargo, estos archivos no están destinados al empleo final directo (para quienes tuvieran interés en los detalles internos, y desearan modificar los archivos HTML, se proporciona información adicional a continuación).

Si bien parecería que se está tratando con un único boceto u hoja dinámica, un documento HTML puede contener varios documentos GeoGebraWeb. El archivo HTML se expondría de un modo parecido a este:

<script type="text/javascript" language="javascript" src="http://www.geogebra.org/web/4.2/web/web.nocache.js"></script>
<article class="geogebraweb" data-param-width="600" data-param-height="400"
data-param-showResetIcon="false" data-param-enableLabelDrags="false" data-param-showMenuBar="false"
data-param-showToolBar="false" data-param-showAlgebraInput="true" enableLabelDrags="true"
data-param-ggbbase64="UEsDBBQACAAIAHOOh0AAAAAAAAAAAAAAAAAWAA...==">

Aquí se omiten las secciones de inicio y cierre del archivo HTML normal para enfocar solo las de GeoGebraWeb. En primer lugar, debe cargarse la fuente GeoGebraWeb.

Los valores de ancho data-param-width y altura data-param-height (antes WIDTH) y HEIGHT) se corresponderán con el tamaño deseado del applet, en píxeles. Los demás parámetros se ajustan directamente para GeoGebraWeb.

Por último, el ajuste del parámetro de datos data-param-ggbbase64 debe contener el archivo. ggb codificado en base64 (tal como lo genera GeoGebra).

Esto suele involucrar un extenso texto ilegible de varios miles de caracteres, inteligibles para el procesamiento humano de cuya (de)codificación -base64 a archivo ggb-, afortunadamente, se ocupará la aplicación de escritorio GeoGebra.
Efectivamente, puede utilizarse cualquier otro software si así se lo desea, eligiendo el que brinda una búsqueda en Internet (apuntando al software de codificación base64 -base64 encoding software-).

Para aprender aún más sobre esta tecnología de GeoGebra, se recomienda el sitio - ideal para desarrolladores - GeoGebra Developer Site.

© 2024 International GeoGebra Institute