análisis paso a paso

5 entradas

Guardar el paso a paso en Chrome

Cuando subimos el Análisis Sintáctico paso a paso, que era una de las novedades estrella del EdAS, nos llegaron algunos mensajes sobre problemas a la hora de guardar la presentación generada. Entre que no persistieron las quejas y que es cierto que no habíamos probado a guardar la presentación en Chrome, tan solo a generarla, pensábamos que no había problemas.

Recientemente al ir a guardarla tal y como hacemos en Firefox, hemos descubierto que el botón «Guardar como» en Chrome aparece deshabilitado. He estado investigando y al parecer es un bug/fallo del Chrome y no se puede hacer nada para solucionarlo. Como es una pena que una de las funcionalidades más útiles se quede coja para el navegador con el que más visitas recibimos, se nos han ocurrido pos posibles soluciones.

  • Mostrar el código de la página generada para que se pueda guardar. Es algo cutre, pero podemos ver si el navegador usado es Chrome, y de ser así, en la presentación que aparezca un botón sobre el que al pulsar nos muestre en una ventana el código fuente o que nos lo copie al portapapeles y que sea el usuario el que tenga que crear un fichero .html y copiar el contenido.
  • Crear la presentación en una carpeta temporal y enlazarla. Si en vez de abrir una página nueva en otra ventana, la creamos físicamente y la enlazamos, desaparecería el error del Chrome ya que interpretaría que la página ahora sí que existe y dejaría guardarla. El problema sería que ya habría que usar un lenguaje de programación PHP complicando el entorno y habría que borrar periódicamente las presentaciones generadas.

Creo que de momento voy a intentar la primera solución ya que es la que menos follón crea y según funcione vemos si hay que optar por la segunda.

Guardar el Análisis Sintáctico paso a paso

Se me olvidó incluirlo en el manual del análisis sintáctico paso a paso, pero esta funcionalidad ha sido creada principalmente para que se puedan guardar las presentaciones para poder llevarlas posteriormente al aula, ya que si hubiera que hacerlas delante del alumno, iba a perder la utilidad.

En Chrome y Firefox que son los navegadores que manejamos, con dar al botón derecho y dar «Guardar como», nos saldrá la ventana para elegir la carpeta donde guardarla. Elegimos el nombre y dejamos la opción de Página completa que lo guardará como .htm. Tened cuidado de no hacerlo sobre algún enlace ya que os guardará la página de destino y no la presentación.

Se ha diseñado de manera que tanto los estilos como el código necesario para manejar la presentación ya vienen integrados en el fichero, así que no se guarda más de un fichero como pasa cuando se guardan otras páginas webs.

Si tenéis algún problema, avisadnos ya que puede que haya algún error y lo podamos solucionar.

Análisis sintáctico paso a paso. Manual

Ayer os comentábamos las mejoras del análisis sintáctico paso a paso. Hoy vamos a explicaros cómo se usa, ya que hay muchos atajos de teclado para facilitar el manejo. Todo esto se incluirá en el manual de usuario una vez se actualice la nueva versión.

Todas las diapositivas se van a dividir en 3 zonas, una barra superior de título, el contenido y la barra inferior de navegación.

La barra de título no ofrece ninguna interacción y nos permite saber en qué paso nos encontramos y cuál es el grupo sintáctico nuevo que se ha creado en este paso.

La zona de contenido es donde se nos mostrará una imagen con el estado del análisis en ese momento.

La barra inferior nos ofrece una navegación directa. Solo aparece cuando el ratón está situado encima de la barra inferior. En la siguiente imagen podemos ver que hay dos secciones:

Barra inferior
Barra inferior

Las flechas blancas sirven para avanzar o retroceder una diapositiva. El desplegable inferior sirve para acceder directamente a la diapositiva que queramos. Vienen identificadas con el número del paso y el grupo sintáctico para que sean más fácilmente identificables.

Vamos ahora a hablar del manejo en sí de la presentación:

Avanzar diapositivas

  • Click con el ratón sobre la barra de título o de contenido
  • Click con el ratón en las flechas >> de la barra inferior
  • Teclas «Derecha», «Abajo», «Av Pág» y «Espacio»

Retroceder diapositivas

  • Teclas «Izquierda», «Arriba» y «Re Pág»

Ir al inicio de la presentación

  • Tecla «Inicio»

Ir al final de la presentación

  • Tecla «Fin»

Ir a diapositiva concreta

  • Desplegable de la barra inferior
  • Escribir el número de la diapositiva y presionar «Intro»

Esperemos que os guste, si tenéis alguna sugerencia, por favor, dejádnos un comentario. Os recordamos que estará disponible el 7 de abril. Mañana os mostraremos un vídeo del funcionamiento.

Análisis Sintáctico paso a paso

Como ya os anticipábamos en en el post que hablábamos de la generación de una presentación con el análisis sintáctico paso a paso, vamos a ver cómo nos ha quedado.

Tras analizar una frase, tendremos que darle al nuevo botón de la barra de herramientas, que pone HTML en un fondo azul, que nos permitirá generar la presentación.

Botón Generar presentación
Botón «Generar presentación»

Se nos abrirá una nueva pestaña/ventana en la que nos aparecerá una portada.

Portada de la presentación
Portada de la presentación

Si seguimos avanzando, iremos viendo paso a paso el análisis realizado.

Análisis paso a paso
Análisis paso a paso

Vemos como nos aparece en la cabecera el paso en el que estamos, y cuál es el elemento nuevo que hemos añadido.

Por último, en la barra inferior, tenemos unos accesos rápidos para avanzar/retroceder y para ir a una diapositiva concreta.

Barra inferior
Barra inferior

Esperemos que os haya gustado. Mañana publicaremos el manual de instrucciones completo.