Diferencia entre revisiones de «Exporta como página web (html)»

De GeoGebra Manual
Saltar a: navegación, buscar
m (Página redirigida a Cuadro de Exportación)
m
 
Línea 1: Línea 1:
#REDIRECT[[Cuadro de Exportación]]
+
<noinclude>{{Manual Page|version=5.0}}</noinclude>{{Interfaz_Gráfica|Exportación}}<small><center>{{Attention|1=Ver sección [[Cuadro de Exportación]].}}</center></small>
 +
Para crear, a partir de archivos GeoGebra, páginas web interactivas, las llamadas '''Hojas Dinámicas''', basta con seleccionar la opción [[File:Text-html.png]] ''Hoja Dinámica como Página Web (html)''...<br>
 +
*del ítem '''Exporta''' del [[Menú Archivo]] y  proseguir con el procedimiento que permite ''subir'' esta ''hoja dinámica'' como página web a GeoGebra
 +
*desde la ''Barra de Estilo'' del [[Protocolo de Construcción|'''''Protocolo de Construcción''''']] y llevar adelante esta exportación que incluirá lo que se seleccione en el cuadro emergente<br>Sendos cuadros de diálogo presentan alternativas a establecer. Tanto la que...
 +
*[[File:export.png|14px]] Sube al ámbito de GeoGebra directamente la hoja dinámica como la que...
 +
*[[File:Export-html.png|14px]] Exporta como Página Web (html) el Protocolo decidiendo sobre los restantes componentes tal como se ilustra a continuación:<br>
 +
[[File:Exporta Protocolo I.PNG|320px|center]]
 +
==[[File:export.png|24px]] Sube al ámbito de GeoGebra==
 +
Desde  esta pestaña se  puede ingresar...
 +
*un título para la construcción
 +
*un ''Texto previo''  como  breve descripción preliminar y uno ''Debajo de la Construcción'' como desafío o propuesta
 +
... al completar esta información, basta pulsar {{KeyCode|Subir}} para que se sume al repertorio de [[GeoGebra]].
 +
{{note|1=Para que sea posible subir un archivo a '''''GeoGebra''''', se debe crear previamente una cuenta y/o una contraseña e ingresar con esa identificación.}}
 +
 
 +
===Detalles sobre Ajustes Avanzados===
 +
 
 +
La pestaña {{KeyCode|Avanzado}} de '''''GeoGebra''''' permite determinar la siguiente serie de parámetros.
 +
 
 +
'''Funcionalidad''': 
 +
*''Clic derecho habilitado, zoom y modalidades de edición de teclado'': Al tildar esta alternativa será posible acceder al menú contextual de los objetos de la [[Vista Gráfica]] y decidir si cada uno de ellos, por ejemplo, se va a [[Herramienta de Objeto (in)visible|mostrar u ocultar]], su rótulo va a quedar o no expuesto, dejará o no [[Rastreo|rastro]], y otras alternativas del [[Cuadro de Propiedades]]). Es posible también emplear las [[Teclas de Atajos|teclas de atajo]].
 +
*''Activa Desplazamiento de Rótulos'': Cuando se tilda, es posible mover los rótulos de los puntos o de otros objetos.
 +
*''Expone el icono de reinicio de construcción'': Pasa a quedar disponible, en la esquina superior derecha de la aplicación interactiva, un icono que permite reiniciar el boceto, representaciones gráficas y condiciones a su estado inicial.
 +
*''Explorador para guiones JavaScript'': Al estar habilitados los guiones JavaScipt el explorador expone adecuadamente la construcción.
 +
'''Interfaz de Uso''':
 +
*''Expone la Barra de Menú'': La barra de menú aparece en el ''applet''  interactivo.
 +
*''Habilita Guardar, Imprimir y Deshacer'': Es posible deshacer lo que se intenta sobre la construcción en marcha, imprimirla y guardarla. Como de este modo, se permite el acceso, a partir de la aplicación, al disco rígido o cualquier dispositivo de almacenamiento y a las impresoras, en cada ocasión se solicitará la confirmación previa para abrir tal aplicación para corroborar la confianza pertinente, por lo que estos accesos involucran (ver en [[Referencia:Parámetros Applet]], la mención a ''applets'' identificadas). 
 +
*''Expone la Barra de Herramientas'': La barra de herramientas queda expuesta y se puede emplear cualquiera de las geométricas sobre la aplicación interactiva.
 +
*''Expone Ayuda de Barra de Herramientas'': En conjunto con la Barra de Herramientas, se dispone de la Ayuda correspondiente al operar sobre la aplicación interactiva. Esta es una alternativa que promueve cierta autonomía en el aprendizaje operatorio básico que se precisa para trabajar con la aplicación, sobre todo la de geometría, y es un propósito que lleva  tildar esta opción.
 +
*''Expone la Barra de Entrada'': El campo de entrada aparece en la zona inferior de la aplicación  interactiva permitiendo usar la entrada algebraica y hasta los comandos para profundizar las exploraciones.
 +
*''Admite Reescalado'': Cuando está activa esta opción, el ''applet'' intentará re-escalar la construcción según el ''zoom'' del explorador, así como cambiar el tamaño del ''applet''. Esta opción se ignora en caso de haber múltiples [[vistas]] de la aplicación (applet) expuestas.
 +
*''Ancho'' y ''Altura'': Permite establecer las dimensiones de la aplicación  interactiva. {{Note|1=<br>Si se reduce la medida de la aplicación, puede que zonas importantes de la hoja dinámica resulten ''invisibles'' cuando se vaya a operar con la aplicación.}} <hr>
 +
*Inclusión de '''''Barras'''''. Las '''dimensiones''' deben cuidarse para que lo exportado refleje lo que se pretende. {{OJo|1=Si se incluye la [[Barra de Menú|Barra de Menús]], la de [[Barra de Herramientas|Herramientas]] o la de [[Barra de Entrada|Entrada]] puede que resulte conveniente ajustar las dimensiones, el ancho y la altura de la aplicación.}}
 +
 
 +
'''Archivos''':
 +
*'''Admite Uso fuera de línea (''offline'')''':  Crea no solo el archivo html, sino también los '''<code>*.jar</code>''' correspondientes. {{Note|1=Es preciso habilitar esta opción para contar con la aplicación o ''applet'' aún sin conexión a http://geogebra.org.}}
 +
*''Eliminar Cortes de Línea'': elimina los cortes de línea del código resultante. Esta maniobra, pese a redundar en una edición de código menos amigable, se requiere cuando se va a  incluir la aplicación en [http://wordpress.com WordPress].
 +
*<big>''Desplegable de Archivo''</big>: Se puede elegir si el archivo a exportar será  html, MediaWiki, GoogleGadget o Moodle.
 +
*''Unico Archivo'': Se creará una página web dinámica usando un único ''archivo '''.html'''''.
 +
*''Único Archivo (Pestañas)'': Más de una hoja dinámica podrá desplegarse con el explorador, para pasar de una a otra se empelarán las correspondientes pestañas. Esta maniobra crea algunos archivos adicionales (por ejemplo, Tabber.js y ggb.css) que se requieren ser copiados junto al '''.html'''.
 +
*''Archivos Vinculados'': Crea hojas dinámicas vinculadas lo que se condice con varios archivos '''.html''' a ser copiados en conjunto. Esta maniobra deja, ademas, disponibles los botones {{KeyCode|Siguiente}} y {{KeyCode|Atrás}} para trabajar en más de una. {{OJo|1=Para crear varias aplicaciones interactivas es preciso producir más de una construcción usando el mismo mecanismo ''Archivo'' - ''Nueva Ventana'' o {{KeyCode|Ctrl+N}}.}}
 +
{{warning|1=La cantidad de datos que es necesario cargar para la ejecución de la aplicación o ''applet'' y su ''peso'' en ''bytes'' se reduce '''significativamente''' (400kB a 1300kB, cuando se emplea geogebra.org como código base - ''codebase ''-) si se contemplan las medidas que se listan a continuación.}}
 +
<hr>'''''Peso''''' de los archivos como limitante
 +
'''Condiciones para acotar el ''peso'' de los datos'''
 +
*Todo se reduce a la [[Vista Gráfica]], evitando la [[Hoja de Cálculo|Hoja de Cálculo]], ni [[Vista Algebraica]].
 +
*No se incluye ni la barra de menús ni la de entrada, etc.
 +
*Se controla el uso del Buscador para Guiones de Java - ''JavaScript''<hr>
 +
;Respecto de los [[Comandos|comandos]]
 +
Se hace viable la exportación completa y/o se reduce el ''peso'' cuando '''no''' se emplea comando alguno de los que requieren cálculo simbólico...
 +
*Los propios de la [[Vista CAS|Vista CAS]] como f'(x), [[Comando Integral|Integral]], [[Comando Tangente|Tangente]], [[Comando Desarrolla|Desarrolla]] u
 +
*Otros, propios de [[Comandos Específicos CAS (Cálculo Avanzado)|CAS (Cálculo Avanzado)]] o [[Comandos Exclusivos CAS (Cálculo Avanzado)|exclusivos]]
 +
*Los de [[Comandos de Matemática Discreta|Matemática Discreta]].
 +
:<hr><small>
 +
{{Attention|1=Puede estar inhabilitada temporalmente la exportación en las versiones más recientes de GeoGebra.<br>En los ámbitos '''3D'''(''imensionales'') es de por sí, inviable.}}</small>
 +
 
 +
===[[File:Export-html.png|24px]] Exporta como Página Web (html)===
 +
Para crear un archivo de página '''<code>html</code>'''  en el equipo de trabajo, deben seguirse las indicaciones que aparecen detalladas a continuación:<br>
 +
#Seleccionar la pestaña [[File:Export-html.png|23px]] '''Exporta como Página Web (html)'''  en la [[Cuadro de Exportación|''caja de diálogo'']] desplegada por la opción [[File:Export-html.png|16px]] ''Hoja Dinámica como Página Web'' desde el '''Exporta''' del [[Menú Archivo]]<br><h3>Pestaña General</h3>
 +
#En la zona superior de la ventana de exportación, anotar los datos correspondientes a ''Título'', ''Autoría'' y ''Fecha'' de la Hoja Dinámica.<br>
 +
#Añadir un ''Texto previo''  y uno ''Debajo de la Construcción'' en sendos espacios ofrecidos en la pestaña '''General'''.{{Note|1=Un enunciado inicial y una propuesta o desafío posterior suelen ser lo adecuado.}}<h3>Pestaña Avanzado</h3><br>'''[[File:Funcionalidad !.PNG|thumb|280px|right]]'''<br>
 +
#Indicar las condiciones de '''''Funcionalidad''''' de la construcción dinámica (des)tildando las casillas de esa sección, en la pestaña '''Avanzado'''.{{Note|1=Esto habilita, por ejemplo, un icono de reinicio y otras alternativas de la interfaz de uso expuesta en el ''applet'' interactivo resultante.}}<br><br><br>
 +
#Establecer cuestiones de la '''''Interfaz de Uso'''''<br><br><br>'''[[File:Interfaz I.PNG|thumb|280px|center]]'''<br>Además de las dimensiones fijadas por la altura y el ancho, también se puede determinar si se cuenta o no...<br>- con la [[Barra de Herramientas]]<br>- con la posibilidad de guardar e imprimir.<br><br>
 +
#Indicar si la construcción va a incluirse de por sí en la página web directamente o si se abrirá con un ''clic'' sobre un botón.
 +
<h3>Applet / Aplicación</h3>
 +
El archivo HTML exportado, por ejemplo  <code>circular.html</code> puede apreciarse con cualquier navegador de Internet  Sea Mozilla, Internet Explorer, Safari u otros.
 +
{{Note|1=Si la medida del ''applet'' excede las dimensiones de pantalla cuando la resolución es la estándar (1024 x 768), conviene redimensionarlo antes de exportarlo efectivamente como ''Hoja Dinámica''.}}
 +
Para que el comportamiento de la construcción sea dinámico, el equipo de trabajo debe tener instalado Java.
 +
{{Note|1=Se lo puede bajar gratuitamente desde http://www.java.com}}
 +
Para trabajar sobre una Hoja Dinámica en uno de los equipos de una red, como la escolar, quien la administre debe asegurarse de contar con  Java adecuadamente instalado, incluyendo todo "plugin" pertinente para los buscadores correspondientes.
 +
{{Notes|1=
 +
*Para editar el texto de una Hoja Dinámica, basta con abrir el archivo HTML exportado con cualquier sistema de procesamiento de textos (por ejemplo. FrontPage, OpenOffice Writer). También puede editarse el ''applet'' de la Hoja Dinámica  abriendo el archivo GGB con GeoGebra y guardándolo después, con el mismo nombre.
 +
*Ver [[Incrustando a CMS, VLE (Moodle - Ambiente de Enseñanza Virtual) y Wiki]] para mayores detalles sobre el modo de exportar aplicaciones de GeoGebra (''applets'') para estos sistemas de trabajo en línea.}}

Revisión actual del 10:43 19 sep 2015

Para crear, a partir de archivos GeoGebra, páginas web interactivas, las llamadas Hojas Dinámicas, basta con seleccionar la opción Text-html.png Hoja Dinámica como Página Web (html)...

  • del ítem Exporta del Menú Archivo y proseguir con el procedimiento que permite subir esta hoja dinámica como página web a GeoGebra
  • desde la Barra de Estilo del Protocolo de Construcción y llevar adelante esta exportación que incluirá lo que se seleccione en el cuadro emergente
    Sendos cuadros de diálogo presentan alternativas a establecer. Tanto la que...
  • Export.png Sube al ámbito de GeoGebra directamente la hoja dinámica como la que...
  • Export-html.png Exporta como Página Web (html) el Protocolo decidiendo sobre los restantes componentes tal como se ilustra a continuación:
Exporta Protocolo I.PNG

Export.png Sube al ámbito de GeoGebra

Desde esta pestaña se puede ingresar...

  • un título para la construcción
  • un Texto previo como breve descripción preliminar y uno Debajo de la Construcción como desafío o propuesta

... al completar esta información, basta pulsar Subir para que se sume al repertorio de GeoGebra.

Nota: Para que sea posible subir un archivo a GeoGebra, se debe crear previamente una cuenta y/o una contraseña e ingresar con esa identificación.

Detalles sobre Ajustes Avanzados

La pestaña Avanzado de GeoGebra permite determinar la siguiente serie de parámetros.

Funcionalidad:

  • Clic derecho habilitado, zoom y modalidades de edición de teclado: Al tildar esta alternativa será posible acceder al menú contextual de los objetos de la Vista Gráfica y decidir si cada uno de ellos, por ejemplo, se va a mostrar u ocultar, su rótulo va a quedar o no expuesto, dejará o no rastro, y otras alternativas del Cuadro de Propiedades). Es posible también emplear las teclas de atajo.
  • Activa Desplazamiento de Rótulos: Cuando se tilda, es posible mover los rótulos de los puntos o de otros objetos.
  • Expone el icono de reinicio de construcción: Pasa a quedar disponible, en la esquina superior derecha de la aplicación interactiva, un icono que permite reiniciar el boceto, representaciones gráficas y condiciones a su estado inicial.
  • Explorador para guiones JavaScript: Al estar habilitados los guiones JavaScipt el explorador expone adecuadamente la construcción.

Interfaz de Uso:

  • Expone la Barra de Menú: La barra de menú aparece en el applet interactivo.
  • Habilita Guardar, Imprimir y Deshacer: Es posible deshacer lo que se intenta sobre la construcción en marcha, imprimirla y guardarla. Como de este modo, se permite el acceso, a partir de la aplicación, al disco rígido o cualquier dispositivo de almacenamiento y a las impresoras, en cada ocasión se solicitará la confirmación previa para abrir tal aplicación para corroborar la confianza pertinente, por lo que estos accesos involucran (ver en Referencia:Parámetros Applet, la mención a applets identificadas).
  • Expone la Barra de Herramientas: La barra de herramientas queda expuesta y se puede emplear cualquiera de las geométricas sobre la aplicación interactiva.
  • Expone Ayuda de Barra de Herramientas: En conjunto con la Barra de Herramientas, se dispone de la Ayuda correspondiente al operar sobre la aplicación interactiva. Esta es una alternativa que promueve cierta autonomía en el aprendizaje operatorio básico que se precisa para trabajar con la aplicación, sobre todo la de geometría, y es un propósito que lleva tildar esta opción.
  • Expone la Barra de Entrada: El campo de entrada aparece en la zona inferior de la aplicación interactiva permitiendo usar la entrada algebraica y hasta los comandos para profundizar las exploraciones.
  • Admite Reescalado: Cuando está activa esta opción, el applet intentará re-escalar la construcción según el zoom del explorador, así como cambiar el tamaño del applet. Esta opción se ignora en caso de haber múltiples vistas de la aplicación (applet) expuestas.
  • Ancho y Altura: Permite establecer las dimensiones de la aplicación interactiva.
    Nota:
    Si se reduce la medida de la aplicación, puede que zonas importantes de la hoja dinámica resulten invisibles cuando se vaya a operar con la aplicación.

  • Inclusión de Barras. Las dimensiones deben cuidarse para que lo exportado refleje lo que se pretende.
    Bulbgraph.pngAtención: Si se incluye la Barra de Menús, la de Herramientas o la de Entrada puede que resulte conveniente ajustar las dimensiones, el ancho y la altura de la aplicación.


Archivos:

  • Admite Uso fuera de línea (offline): Crea no solo el archivo html, sino también los *.jar correspondientes.
    Nota: Es preciso habilitar esta opción para contar con la aplicación o applet aún sin conexión a http://geogebra.org.
  • Eliminar Cortes de Línea: elimina los cortes de línea del código resultante. Esta maniobra, pese a redundar en una edición de código menos amigable, se requiere cuando se va a incluir la aplicación en WordPress.
  • Desplegable de Archivo: Se puede elegir si el archivo a exportar será html, MediaWiki, GoogleGadget o Moodle.
  • Unico Archivo: Se creará una página web dinámica usando un único archivo .html.
  • Único Archivo (Pestañas): Más de una hoja dinámica podrá desplegarse con el explorador, para pasar de una a otra se empelarán las correspondientes pestañas. Esta maniobra crea algunos archivos adicionales (por ejemplo, Tabber.js y ggb.css) que se requieren ser copiados junto al .html.
  • Archivos Vinculados: Crea hojas dinámicas vinculadas lo que se condice con varios archivos .html a ser copiados en conjunto. Esta maniobra deja, ademas, disponibles los botones Siguiente y Atrás para trabajar en más de una.
    Bulbgraph.pngAtención: Para crear varias aplicaciones interactivas es preciso producir más de una construcción usando el mismo mecanismo Archivo - Nueva Ventana o Ctrl + N.
Alerta Alerta: La cantidad de datos que es necesario cargar para la ejecución de la aplicación o applet y su peso en bytes se reduce significativamente (400kB a 1300kB, cuando se emplea geogebra.org como código base - codebase -) si se contemplan las medidas que se listan a continuación.

Peso de los archivos como limitante

Condiciones para acotar el peso de los datos

Respecto de los comandos

Se hace viable la exportación completa y/o se reduce el peso cuando no se emplea comando alguno de los que requieren cálculo simbólico...


Export-html.png Exporta como Página Web (html)

Para crear un archivo de página html en el equipo de trabajo, deben seguirse las indicaciones que aparecen detalladas a continuación:

  1. Seleccionar la pestaña Export-html.png Exporta como Página Web (html) en la caja de diálogo desplegada por la opción Export-html.png Hoja Dinámica como Página Web desde el Exporta del Menú Archivo

    Pestaña General

  2. En la zona superior de la ventana de exportación, anotar los datos correspondientes a Título, Autoría y Fecha de la Hoja Dinámica.
  3. Añadir un Texto previo y uno Debajo de la Construcción en sendos espacios ofrecidos en la pestaña General.
    Nota: Un enunciado inicial y una propuesta o desafío posterior suelen ser lo adecuado.

    Pestaña Avanzado


    Funcionalidad !.PNG

  4. Indicar las condiciones de Funcionalidad de la construcción dinámica (des)tildando las casillas de esa sección, en la pestaña Avanzado.
    Nota: Esto habilita, por ejemplo, un icono de reinicio y otras alternativas de la interfaz de uso expuesta en el applet interactivo resultante.



  5. Establecer cuestiones de la Interfaz de Uso


    Interfaz I.PNG

    Además de las dimensiones fijadas por la altura y el ancho, también se puede determinar si se cuenta o no...
    - con la Barra de Herramientas
    - con la posibilidad de guardar e imprimir.

  6. Indicar si la construcción va a incluirse de por sí en la página web directamente o si se abrirá con un clic sobre un botón.

Applet / Aplicación

El archivo HTML exportado, por ejemplo circular.html puede apreciarse con cualquier navegador de Internet Sea Mozilla, Internet Explorer, Safari u otros.

Nota: Si la medida del applet excede las dimensiones de pantalla cuando la resolución es la estándar (1024 x 768), conviene redimensionarlo antes de exportarlo efectivamente como Hoja Dinámica.

Para que el comportamiento de la construcción sea dinámico, el equipo de trabajo debe tener instalado Java.

Nota: Se lo puede bajar gratuitamente desde http://www.java.com

Para trabajar sobre una Hoja Dinámica en uno de los equipos de una red, como la escolar, quien la administre debe asegurarse de contar con Java adecuadamente instalado, incluyendo todo "plugin" pertinente para los buscadores correspondientes.

Notas:
  • Para editar el texto de una Hoja Dinámica, basta con abrir el archivo HTML exportado con cualquier sistema de procesamiento de textos (por ejemplo. FrontPage, OpenOffice Writer). También puede editarse el applet de la Hoja Dinámica abriendo el archivo GGB con GeoGebra y guardándolo después, con el mismo nombre.
  • Ver Incrustando a CMS, VLE (Moodle - Ambiente de Enseñanza Virtual) y Wiki para mayores detalles sobre el modo de exportar aplicaciones de GeoGebra (applets) para estos sistemas de trabajo en línea.
© 2024 International GeoGebra Institute