Qué es S5?
- Es un Sistema simple de presentaciones basado en estándares. En inglés: Simple Standards-based Slide Show System
- Un simple documento XHTML proporciona todo el contenido de la presentación.
- Con CSS se maneja la apariencia y estilo de las diapositivas.
- JavaScript maneja los aspectos dinámicos de la presentación.
- Así de sencillo y potente es S5!
Orígenes
- Opera 4 introdujo el sistema Opera Show, una tecnología para webs en modo proyección.
- Permite que un simple documento XHTML se convierta en una presentación similar a un PowerPoint u OpenOffice Impress
- Proporciona estilos para pantalla e impresión, permitiendo vistas sencillas del documento para distintos dispositivos
- Altamente eficiente, pero altamente dependiente del navegador Opera...
Expandiendo el Campo
- Cuando Opera 7.5 para MacOS X fue publicado, el banner se añadió de manera persistente en el modo proyección
- Tantek Çelik creo una técnica para presentaciones con JavaScript que funcionaba en multiples navegadores.
- Desafortunadamente, esta técnica requería que cada diapositiva fuera identificada con un ID de tiempo, dificultando las modificaciones y añadidos en la presentación
- La navegación era lineal; no había manera de saltar arbitrariamente a una diapositiva concreta
- No había tampoco ninguna manera sencilla de desabilitar los estilos CSS
Dónde estamos ahora
- S5, basado en las ideas y scripts de Tantek, con varias ideas de otra gente
- Cada diapositiva está perfectamente encerrada en un elemento de clase. Los IDs son asignados dinámicamente vía JavaScript
- Menú de navegación automáticamente generado en tiempo real
Dónde estamos ahora II
- El formato S5 es compatible con el formato Opera Show 1.0, siendo sencillo convertir las presentaciones de un formato a otro si es necesario
- S5 puede también ejecutar presentaciones basadas en XOXO
Cómo funciona
- Los Controles son...
- Siguiente Diapositiva: Barra espaciadora, Intro, Flecha derecha, Flecha abajo, Avanzar página, click con el ratón en cualquier sitio de la presentación (menos en el área de control en la esquina inferior derecha), click en la "flecha" del control de la parte inferior derecha, telca de acceso directo "X"
- Diapositiva Anterior: Flecha arriba, Flecha izquierda, Retroceder Página, click en la "flecha" de la parte inferior derecha, tecla de acceso directo "Z"
Cómo funciona II
- Los Controles son...
- Intercambiar entre estilos de la presentación: Click en el botón de "cambiar" del control de la parte inferior derecha, pulsando la tecla "t", tecla de acceso directo "T"
- Para invocar el menú de navegación: mover el ratón hacia la esquina inferior derecha.
Las Ventajas
- Con un sólo archivo, obtiene una presentacion, imprimible y visualizable en pantalla
- Los archivos son increiblemente pequeños y se pueden comprimir facilmente
- Gracias al uso de XHTML semántico, las presentaciones son altamente accesibles
- Nuevos temas gráficos pueden ser creados de manera sencilla escribiendo una nueva hoja de estilos CSS
- Al contrario que Opera Show, que también posee todas estas ventajas, S5 funciona en múltiples navegadores
S5 Default File Structure
Temas S5
(sólo un ejemplo)
Nuevas características de la versión 1.1
- Muestra Incremental del contenido de la diapositiva
- Escalado del texto basado en el tamaño de la ventana
- Soporte de canales alfa en PNG en todos los navegadores soportados, incluido IE/Win
- Habilidad de saltar a cualquier diapositiva o saltarse un número de ellas vía comandos de teclado
Animación Incremental
- Una demostración de una de las maneras de crear efectos simples de animación (usando un diagrama de "XFN y...")
Limitaciones Actuales
- Sólo un autor puede ser listado en los metadatos
- En Opera se puede recurrir a usar OperaShow; pero de ese modo los "extras" (como el menú de navegación o el indicador de progreso) no están disponibles
- Imágenes no se escalan como el texto cuando el tamaño de la ventana cambia
Abierto al público
- S5 1.1 está is publicado explícitamente bajo licencia de Dominio Público
- Colaboradores de S5 deben estar dispuestos a aceptar estos términos
- En otras palablas: si envía una contribución, estará de acuerdo en atenerse a colocar y publicar sus contribuciones bajo Dominio Público junto con S5
- Por otra parte, cualquiera puede usar libremente S5 para sus presentaciones y modificar S5 ajustándolo a sus necesidades
En Resumen
- Con una escritura mínima, hemos recreado y mejorado una tecnología (actualmente) específica de una navegador, consiguiendo durante este proceso, hacerla compatible con más navegadores
- Nuevos temas pueden ser creados simplemente escribiendo una nueva hoja de estilo
- El formato S5 es compatible con OSF 1.0 y XOXO
- S5 es un sistema flexible y ligero disponible para que lo use cualquiera