{"id":8,"date":"2007-02-25T03:24:45","date_gmt":"2007-02-25T08:24:45","guid":{"rendered":"http:\/\/blogviejo.sld.cu\/keilyn\/2007\/02\/25\/s5-formato-de-presentacion-de-diapositivas-para-web\/"},"modified":"2007-02-25T03:24:45","modified_gmt":"2007-02-25T08:24:45","slug":"s5-formato-de-presentacion-de-diapositivas-para-web","status":"publish","type":"post","link":"https:\/\/blogs.sld.cu\/keilyn\/2007\/02\/25\/s5-formato-de-presentacion-de-diapositivas-para-web\/","title":{"rendered":"S5: Formato de presentaci\u00f3n de diapositivas para Web"},"content":{"rendered":"<p>El pasado jueves comentamos, debatimos y reflexionamos en torno a varios temas que nos permitir\u00e1n concretar un poco m\u00e1s lo que queremos lograr con el proyecto Infomed 2.0. Quisiera referirme a un tema que tocamos muy por arriba, pero que puede servirnos de referencia como alternativa para otras soluciones. Se trata del formato S5 (<em>Simple Standards-Based Slide Show System<\/em>) o Sistema Simple de Presentaciones Basado en Est\u00e1ndares para presentaciones en dispositivas sobre Web. Lo interesante de este formato es que trabaja con una combinaci\u00f3n de est\u00e1ndares Web como XHTML, CSS, JavaScript y normas de Accesibilidad, cuyo objetivo es transformar una p\u00e1gina Web estructurada en una presentaci\u00f3n al estilo Power Point.<\/p>\n<p><!--more--><br \/>\nSin \u00e1nimos de que este comentario sea una rese\u00f1a hist\u00f3rica sobre el tema (pues hay tela por donde cortar) es bueno aclarar que fue concebido por <a href=\"http:\/\/en.wikipedia.org\/wiki\/Eric_Meyer\">Eric A. Meyer<\/a> y liberado al Dominio P\u00fablico en 2005 como alternativa al <a href=\"http:\/\/en.wikipedia.org\/wiki\/Opera_Show_Format\">Opera Show Format<\/a> (OSF), muy centrado en el navegador Web Opera. Algunas de las caracter\u00edsticas esenciales del S5 son:<\/p>\n<ul>\n<li>Solamente es necesario un navegador Web para su visualizaci\u00f3n.<\/li>\n<li>Permite crear presentaciones accesibles, de modo que puedan ser utilizados por usuarios discapacitados a trav\u00e9s de navegadores de voz y texto (como <a href=\"http:\/\/es.wikipedia.org\/wiki\/Lynx_%28navegador%29\">Lynx<\/a>), as\u00ed como dispositivos m\u00f3viles.<\/li>\n<li>Presenta un sistema de navegaci\u00f3n integrado que permite avanzar y retroceder por las diapositivas de manera muy sencilla y c\u00f3moda, bien con el rat\u00f3n o atajos de teclado.<\/li>\n<li>A su vez el formato de etiquetado en XHTML de S5 es bien sencillo de aprender, extender y crear nuevos temas, tan solo modificando su hoja de estilo CSS.<\/li>\n<li>En la actualidad se extienden sus funcionalidades para el uso con <a href=\"http:\/\/es.wikipedia.org\/wiki\/Microformatos\">microformatos<\/a><\/li>\n<\/ul>\n<p>Como resumen me gustar\u00eda compartir un caso de uso y que bien pudiera ser una variante para <a href=\"http:\/\/supercurso.sld.cu\/\">Supercurso<\/a>. Se trata de un <a href=\"http:\/\/plone.org\/products\/s5\">producto que se complementa con Plone<\/a> para este prop\u00f3sito y aunque todav\u00eda se encuentra a un nivel b\u00e1sico, pero se le pueden adicionar algunas mejoras con respecto a la navegaci\u00f3n y presentaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/blogs.sld.cu\/keilyn\/files\/2007\/02\/pagina.jpg\" title=\"Fig.1 P\u00e1gina\"><img src=\"http:\/\/blogviejo.sld.cu\/keilyn\/files\/2007\/02\/pagina.thumbnail.jpg\" alt=\"Fig.1 P\u00e1gina\" \/><\/a><\/p>\n<p>Fig.1 P\u00e1gina Web que muestra el \u00edcono del formato S5.<\/p>\n<p><a href=\"https:\/\/blogs.sld.cu\/keilyn\/files\/2007\/02\/pagina_en_s5.jpg\" title=\"Fig.1 P\u00e1gina en formato S5\"><img src=\"http:\/\/blogviejo.sld.cu\/keilyn\/files\/2007\/02\/pagina_en_s5.thumbnail.jpg\" alt=\"Fig.1 P\u00e1gina en formato S5\" \/><\/a><\/p>\n<p>Fig.2 P\u00e1gina Web transformada en formato  S5.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El pasado jueves comentamos, debatimos y reflexionamos en torno a varios temas que nos permitir\u00e1n concretar un poco m\u00e1s lo que queremos lograr con el proyecto Infomed 2.0. Quisiera referirme a un tema que tocamos muy por arriba, pero que puede servirnos de referencia como alternativa para otras soluciones. Se trata del formato S5 (Simple [&hellip;]<\/p>\n","protected":false},"author":120,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30,38,49,1],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/posts\/8"}],"collection":[{"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/posts\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/media?parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/categories?post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.sld.cu\/keilyn\/wp-json\/wp\/v2\/tags?post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}