Sí. Usamos un par de cookies, y una ni siquiera es nuestra. Deberá aceptarlas para evitar este mensaje que mostramos por imperativo legal

“Reproducción fiel y accesible de publicaciones”, noticia en Interdixit

Diseño + Desarrollo. Multimedia. Web. Comunicación. Grafismo. Arte

Noticia: “Reproducción fiel y accesible de publicaciones” de la sección Tendencias

Reproducción fiel y accesible de publicaciones

“Flipping pages”, la metáfora del pase de página on line
“Flipping pages”, la metáfora del pase de página on line

El traslado literal de publicaciones impresas —revistas, catálogos— a las páginas web suele ser un problema si no se dispone del texto plano y clasificado para mostrarlo ordenado y estilizado con CSS. El recurso más sencillo es convertir las páginas en imágenes o archivos PDF que se cuelgan del website, pero que no proporcionarán la visibilidad suficiente al conjunto.

La alternativa consiste en el uso de aplicaciones en pantalla que utilizan la metáfora del pase de páginas de la publicación. Existe una gran oferta de soluciones técnicas para proporcionar este tipo de utilidades, aunque mantienen unas desventajas comunes: requieren plug-ins (SWF o Silverlight, el recién llegado), el contenido generalmente no es accesible, ni indexable por parte de buscadores, ni su utilización es sencilla para los administradores de contenidos.

Páginas de la revista Playboy exhibidas con Covertocover
Páginas de la revista Playboy exhibidas con Covertocover

El efecto básico consiste en mostrar dos páginas de la publicación enfrentadas y, haciendo clic o arrastrando las páginas, poder pasarlas y ver dos nuevas páginas enfrentadas. La ventaja principal es que consigue ofrecer, especialmente para publicaciones de información general, la representación del universo informativo y de las jerarquías de los asuntos que Internet todavía no puede ofrecer. De un vistazo se ven los temas que interesan y cuánto importan.

Usabilidad y accesibilidad
Para mostrar un efecto de “flip page” se puede acudir a paquetes de software comercial o, directamente, al trabajo a medida de un programador. En el segundo caso, éste podrá —incluso utilizando algunos de los paquetes comerciales— dotar a la página de los contenidos en formato texto oculto para que los usuarios con discapacidades y los buscadores puedan localizar lo y posicionarlo.

A grandes rasgos, la usabilidad de estos productos es la misma. Pueden ofrecer un contador de páginas, una lupa, botones de navegación por el paginado adelante y hacia atrás, marcadores, botones para enviarla página/URL por correo electrónico, para imprimir, para descargar PDF, ampliaciones a toda pantalla, accesos a sumarios o resúmenes y buscadores.

Un programador podrá introducir de forma estática o dinámica, el contenido en formato html accesible bajo la aplicación. E, incluso, podrá programar a medida un efecto similar, prescindiendo de paquetes de software y utilizando Ajax o directamente Flash.

En todos los casos, de forma independiente al tipo de movimiento que ofrezca la aplicación —Covertocover, basado en Silverlight, imita la navegación de Safari en los IPhone y CoverFlow de Apple—, cualquier desarrollador debe tener en cuenta:

  • Visibilidad y usabilidad de la aplicación.
  • Accesibilidad al contenido en formato texto.
  • Utilización de los documentos base en formato PDF accesible, a ser posible.
  • Prescindir de plug-ins obligatorios, siempre que sea posible, y ofrecer contenido alternativo.

La oferta en el mercado es muy extensa y con características que se ajustan a todas las posibles necesidades. La lista siguiente recoge una parte de la oferta.

Opciones de desarrollo

  • Page Turner: basado en Ajax con framework jQuery y evidentemente gratuito. Permite enseñar reproducciones de páginas en formato imagen y, con un poco de habilidad, enmascarar el contenido en formato texto. Demo.
  • Page-Flip de Pixelwit: El pionero, basado en Flash y gratuito. En combinación con SWFObject podría generarse el contenido de manera accesible. El documento con la programación básica puede reprogramarse, mejorarse…
  • EMagCreator: Paquete de software comercial que trabaja sobre archivos PDF con dos interfaces, gestor en local y reproductor en servidor. Necesita plug de Flash, pero utiliza SWFObject. Demo.
  • Fresh Flash Catalog: Aplicación comercial basada en Flash que permite generar el efecto y exportarlo al servidor o enviarlo como archivo ejecutable. Necesita el plug-in de Flash y lo lanza por medio de FlashObject. Demo.
  • Flipping Book: Paquete comercial con distintas versiones, otorgando la máxima flexibilidad a la generación del efecto. Se comercializa como componente de Flash para la programación personalizada, como aplicación para empotrar en HTML o como aplicación dotada de programación SWFObject para importar datos directamente desde un archivo XML. Trabaja generalmente con PDF y necesita plug-in de Flash. Demo.
  • YCF: Paquete comercial que lanza ejecutables de Flash. Es idóneo para documentos de gran tamaño y alta resolución, que pueden descargarse desde los websites. Es el caso de una de las más acreditadas revistas de arte visual y tendencias, Bak.
  • FPF: Paquetes de software comercial destinados a páginas web. Cada una de las versiones puede alimentarse con imágenes o películas SWF lanzadas desde bases de datos MySQL o desde archivos XML. Con versiones para lenguajes PHP y ASP. Necesita plugin de Flash. Demo.
  • iBrochure Online: Software comercial destinado a catálogos. Admite imágenes, sonidos, animaciones y vídeos, y ofrece un módulo comercial directamente desde las páginas de productos. Necesita el plug-in de flash. Demo.
  • Covertocover. Paquete comercial basado en Silverlight, de Microsoft —otrosí: ni estándar ni libre— que ofrece como novedad una navegación por páginas y publicaciones similar al comportamiento de Safari en el smartphone iPhone y recuerda a CoverFlow, de Apple. Utiliza muchos recursos de servidor y requiere el plug-in de Microsoft, pero es muy espectacular. Demo.
  • Smartpaper: Software comercial vinculado a un servidor. Con una interfaz sencilla, basada en PDF, se pueden generar aplicaciones que se almacenan en el servidor del fabricante y pueden enlazarse desde los websites clientes. Demo.
  • Pagegangster: Utilidad comercial que se utiliza in the fly, al modo de la próxima Web 3.0. Carga PDF y necesita el plug-in de Flash. Demo.
  • Page Turn: Aplicación comercial que carga archivos PDF y extrae el contenido, ofreciendo acceso en formato texto y en formato visual, tras obtener imágenes de los PDF. Admite, además, codificación META para buscadores. Está basado en Ajax. Demo.