Sí. Fem servir un parell de cookies, i una ni tan sols és nostra. N’haurà d’acceptar-les per estalviar-se aquest missatge que ensenyem per imperatiu legal

“Reproducció fidel i accessible de publicacions”, notícia a Interdixit

Disseny + Desenvolupament. Multimèdia. Web. Comunicació. Grafisme. Art

Notícia: “Reproducció fidel i accessible de publicacions” de la secció Tendències

Reproducció fidel i accessible de publicacions

“Flipping pages”, la metàfora del passar les pàgines on line
“Flipping pages”, la metàfora del passar les pàgines on line

La translació literal de publicacions impreses —revistes, catàlegs— a les pàgines web acostuma a ser un problema si no es disposa del text pla i classificat per a ensenyar-lo ordenat i estilitzat amb CSS. El recurs més fàcil és convertir les pàgines en imatges o en documents PDF que es pengen del web, però que no proporcionaran la visibilitat suficient al conjunt.

L’alternativa consisteix en l’ús d’aplicacions que en pantalla fan servir la metàfora del passar les pàgines de la publicació. Hi ha una gran oferta de solucions tècniques per proporcionar aquest tipus d’utilitats, encara que mantenen unes desavantatges comunes: requereixen plug-ins (SWF o Silverlight, el nouvingut), el contingut generalment no és accessible, ni és indexat per part de cercadors, ni la seva utilització és senzilla per als administradors de continguts.

Pàgines de la revista Playboy exhibides amb Covertocover
Pàgines de la revista Playboy exhibides amb Covertocover

L’efecte bàsic consisteix a mostrar dues pàgines de la publicació enfrontades i, fent clic o arrossegant-les, poder passar plana i veure dues noves pàgines enfrontades. La millora principal és que aconsegueix oferir, especialment per a publicacions d’informació general, la representació de l’univers informatiu i de les jerarquies dels assumptes que Internet encara no pot oferir. D’un cop d’ull es veuen els temes que importen i quant interessen.

Usabilitat i accessibilitat
Per ensenyar un efecte de “flip page” poden fer-se servir paquets de programari comercial o, directament, la feina a mida d’un programador. En el segon cas, serà possible —fins i tot fent servir alguns dels paquets comercials— aportar a la pàgina els continguts en format text ocult perquè els usuaris amb discapacitats i els cercadors puguin localitzar-lo i posicionar-lo.

A grans trets, la usabilitat d’aquests productes és la mateixa. Poden oferir un comptador de pàgines, una lupa, botons de navegació pel paginat cap endavant i cap enrere, marcadors, botons per enviar la pàgina/URL per correu electrònic, per imprimir, per descarregar PDF, ampliacions a tota pantalla, accessos a sumaris o resums i cercadors.

Un programador podrà introduir de forma estàtica o dinàmica, el contingut en format HTML accessible per sota de l’aplicació. I, fins i tot, podrà programar a mida un efecte similar, prescindint de paquets de programari i fent servir Ajax o directament Flash.

En tots els casos, de forma independent al tipus de moviment que ofereixi l’aplicació —Covertocover imita la navegació en els iPhone i el CoverFlow—, qualsevol desenvolupador ha de tenir en compte:

  • Visibilitat i usabilitat de l’aplicació.
  • Accessibilitat al contingut en format text.
  • Utilització dels documents base en format PDF accessible, a ser possible.
  • Prescindir de plug-ins obligatoris, sempre que sigui possible, i oferir contingut alternatiu.

L’oferta al mercat és molt extensa i amb característiques que s’ajusten a totes les possibles necessitats. La llista següent recull algunes de les disponibilitats.

Opcions de desenvolupament

  • Page Turner: Sobre Ajax amb framework jQuery i evidentment gratuït. Permet ensenyar reproduccions de pàgines en format imatge i, amb una mica d’habilitat, emmascarar el contingut en format text. Demo.
  • Page-Flip de Pixelwit: El pioner, basat en Flash i gratuït. En combinació amb SWFObject podria generar el contingut de manera accessible. El document amb la programació bàsica pot reprogramar-se amb millores.
  • EMagCreator: Paquet de programari comercial que treballa sobre arxius PDF amb dues interfícies: gestor en local i reproductor en servidor. Li cal el plug-in de SWF (Flash), però fa servir SWFObject. Demo.
  • Fresh Flash Catalog: Aplicació comercial basada en Flash que permet generar l’efecte i exportar al servidor o enviar-lo com arxiu executable. Necessita el plug-in de Flash i el llança FlashObject. Demo.
  • Flipping Book: Paquet comercial amb diferents versions, atorgant la màxima flexibilitat a la generació de l’efecte. Es comercialitza com a component de Flash per a la programació personalitzada, com a aplicació per empotrar en HTML o com a aplicació dotada de programació SWFObject per importar dades directament des d’un arxiu XML. Treballa generalment amb PDF i necessita plug-in de Flash. Demo.
  • YCF: Paquet comercial que llança executables de Flash. És idoni per a documents de gran volum i alta resolució, que es poden descarregar des dels websites. És el cas d’una de les més acreditades revistes d’art visual i tendències, Bak.
  • FPF: Paquets de programari comercial destinats a pàgines web. Cadascuna de les versions pot alimentar-se amb imatges o pel·lícules SWF llançades des de bases de dades MySQL o des de fitxers XML. Existeix versió per llenguatges PHP i ASP. Necessita plugin de Flash. Demo.
  • iBrochure Online: Programari comercial destinat a catàlegs. S’accepten imatges, sons, animacions i vídeos, i ofereix un mòdul comercial directament des de les pàgines de productes. Necessita el plug-in de Flash. Demo.
  • Covertocover: Paquet comercial basat en Silverlight, de Microsoft —ergo, ni estàndard ni lliure— que ofereix com a novetat una navegació per pàgines i publicacions similar al comportament de Safari en el smartphone iPhone i recorda el CoverFlow d’Apple. Utilitza molts recursos de servidor i requereix el plug-in de Microsoft, però és molt espectacular. Demo.
  • Smartpaper: Programari comercial vinculat a un servidor. Amb una interfície senzilla, basada en PDF, es poden generar aplicacions que s’emmagatzemen en el servidor de desenvolupador del soft i poden enllaçar-se després des dels websites clients. Demo.
  • Pagegangster: Utilitat comercial que s’utilitza in the fly, a la manera Web 3.0. Carrega PDF i necessita el plug-in de Flash. Demo.
  • Page Turn: Aplicació comercial que carrega fitxers PDF i n’extreu el contingut, oferint accés en format text i en format visual, després d’obtenir imatges dels PDF. Admet, a més codificació META per cercadors. Està basat en Ajax. Demo.