Edicin electrnica

Se pretende proporcionar los conocimientos necesarios sobre la edicin electrnica en Web y su implementacin, mediante la comprensin de conceptos bsicos en lo que se refiere a hipertexto y publicacin electrnica.

Los fundamentos
La edicin electrnica presenta una serie de caractersticas: - Inmediatez en el acceso a la informacin. Esta ventaja la hace un medio ideal cuando se necesita consultar informacin puntual en grandes bases de datos como son las enciclopedias y los diccionarios. - Distintas formas de organizar la informacin. La misma informacin puede reorganizarse para adaptarse al perfil de cada usuario. - Lectura no secuencial de los contenidos. La primera persona que se refiri a estos temas fu Vannevar Bush en su artculo "As we may think", publicado en la revista The Atlantic Monthly en julio de 1945: "...consideremos un futuro artefacto de uso individual, una especie de archivo privado mecanizado y biblioteca. Necesita un nombre y, para elegir uno al azar, lo denominaremos memex. Un memex es un artefacto en el cual un individuo almacena todos sus libros, archivos y comunicaciones, y que, al mecanizarse, permite su consulta con gran velocidad y flexibilidad." http://www.ps.uni-sb.de/~duchier/pub/vbush/vbush.shtml Bush estudio cmo funcionaba la mente, observando que "opera por asociacin. Con un asunto entre manos, salta inmediatamente al siguiente que le sugiere la asociacin de ideas". Un sistema de recuperacin de informacin debera seguir un perfil similar, siendo capaz de conectar asuntos relacionados. Ted Nelson uso por primera vez el trmino hipertexto, en 1965 en la revista Literary Machines, donde lo defina como una forma de lectura no secuencial; es decir, el usuario poda decidir en cualquier momento dnde quera ir, sin que fuese necesario seguir unas pautas preestablecidas que condicionaran su criterio. El hipertexto es como el sistema nacional de carreteras y autopistas. Hay muchas formas de llegar de un lugar a otro, dependiendo de si tenemos prisa, de qu tipo de paisaje queremos ver, de qu puede inducirnos a desviarnos en cada momento... El hipertexto es el lenguaje de la exploracin y el descubrimiento. http://xanadu.com.au/ted/ Tim Berners-Lee propone en 1991 la integracin del hipertexto en Internet mediante la Web. Permite presentar la informacin como una gran red con nodos interconectados, en la cual los usuarios pueden navegar libremente con estructuras multidireccionales. Dentro de estas estructuras es posible seleccionar diferentes itinerarios y hacer mltiples lecturas. El xito de la Web se debe fundamentalmente a que supera los antiguos inconvenientes derivados de la incompatibilidad y la diversidad de formatos y protocolos. Gracias al desarrollo realizado en el NCSA (National Center for Supercomputing Applications) de la Universidad de Illinois que libera el producto Mosaic, un navegador con interfaz grfica y de manipulacin directa.

Principales hitos en la historia y desarrollo del hipertexto.

Ao 1945 1965 1967 Sistema MEMEX XANADU Hypertext Editing System oN Line System NLS Autor Vannevar Bush Ted Nelson Andy van Dam (Brown University) Hito Dispositivo basado en microfichas Primero en acuar el trmino "hypertext" Primer sistema hipertexto en funcionamiento

1968

Doug Engelbart Sistema hipertexto con manipulacin directa (Stanford University) con utilizacin de ratn El mapa de Aspen, primer sistema hipermedia en funcionamiento Se utiliza el concepto de ancla (anchor) y red Primer producto para autora de hiperdocumentos

1978 1985 1986 1987 1987

Aspen Movie Andrew Lippman Map (MIT) Intermedia GUIDE HyperCard Yankelovich et al (Brown University) OWL

Apple Computer, Inc. Producto entregado con cada Macintosh Primera conferencia auspiciada por la ACM para el tratamiento de la tecnologa hipertexto Sale al mercado Adobe Acrobat Microsoft lanza el Windows 3.1 y con el programa de ayuda, Help. Proyecto para llevar la tecnologa hipermedia en Internet Navegador grfico para el WWW Establecen como nuevo estndar de marcas y la distribucin de documentos en Web el HTML (Hypertext Markup Language Macromedia lanza el Flash, Programa fr animacin vectorial. Justin Hall un estudiante de Swarthmore crea el primer blog, pginas personales, el trmino Weblog es acuado por Jorn Barger in 1997 Comienza la tecnologa Java, un programa que funciona independientemente de la plataforma eBay es un sitio web, destinado a la subasta de productos a travs de internet. fundad por Pierre Omydiar Jack Smith tuvo la idea de acceder al correo elctronico a travs de la web desde cualquier ordenador en cualquier parte del mundo. Sabeer Bhatia pens el plan del negocio para el servicio de correo, prob todo tipo de nombres acabando en "-mail" y

Hypertext '87 University of North Carolina PDF Help World Wide Web Mosaic HTML Adobe Microsoft Tim Berners-Lee, CERN NCSA International Standars Organization (ISO) Macromedia Weblog

1987 1989 1991 1993 1993

1993 1994

FLASH Blog

1995

Java

Sun Microsistem

1995

Subastas en lnea Correo Web

eBay

1996

Hotmail

finalmente decidi que Hotmail porque inclua las letras "HTML". 1998 1998 XML 1.0 Motor de bsqueda ebook World Wide Web Consortium (W3C) Google Se aprueba de manera definitiva la especificacin (extensible Markup Language), Aunque su principal producto es el buscador, la empresa ofrece desde el principio otros servicios Se publican la primera versin de la norma del open eBook, basada en los estndares del Web HTML y XML. Napster fue un servicio de distribucin de archivos de msica y pionero de las redes P2P de intercambio creado por Shawn Fanning. RSS es un formato XML desarrollado especficamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la informacin y usarla en otros sitios Web o programas. A esto se le conoce como sindicacin. En el 2.000 Tim Berners-Lee, Director del Wide Web Consortium, dibuja su visin futura del web que ha llamado web semntico, que facilitar sentido al contenido. Es una enciclopedia libre multilinge basada en la tecnologa wiki. Wikipedia se escribe de forma colaborativa por voluntarios, permitiendo que la gran mayora de los artculos sean modificados por cualquier persona. Fundada por Jimbo Wales y Larry Sanger como complemento de la enciclopedia escrita por expertos Red social para poner en contacto a profesionales. Correo gratuito de Google en Web que permite almacenar hasta 1Gb de capacidad

1999

Open eBook

1999

P2P

Napster

2000

RSS

Really Simple Syndication

2000

Semantic Web W3C

2001

Wiki

Wikipedia

2003 2003 2003

Carrera profesional Correo Web RDF

linkedin Gmail

Resource Description Se publican la norma RDF: es un lenguaje de Framework (W3C) propsito general para representar informacin (incluso grfica) en el Web, definido sobre XML Blog hablado El trmino podcasting surge como el acrnimo de las palabras pod y broadcast. Fue sugerido por primera vez entre otros trminos, por Ben Hammersley en The Guardian el 12 de febrero de 2004 para describir la posibilidad de escuchar audio en reproductores porttiles. As, el trmino pod sugiere portable device, es decir, reproductor porttil y broadcast, emisin de radio o televisin.

2004

Podcasting

2004 2005 2005

Libros Mapas Video

Google GoogleMap YouTube

Entra en servicio Google Books Es un servidor de aplicaciones de mapas en Web Fundad en febrero de 2005 por tres empleados de PayPal, Chad Hurley, Steve Chen, y Jawed Karim, utilizando la tecnologa Adobe Flash para visualizar los vdeos. Naci en 2004 en la universidad de hardware, en 2005 tena un milln de usuarios, y en 2007 la versin en Espaol. Mensajes de texto plano de 140 caracteres. Sony lanza su lector de libro electrnico con tecnologa de tinta electrnica. Amazon lanza el Kindle W3C abandona el standar XHTNL 2.0 y se apunta al desarrollo del HTML5 y el CSS3 Sem adopta el ePub como formato estndar de publicacin Apple lanza el iPad, incluye iBook, revoluciona la edicin electrnica Lector multimedia, color, 1024x600 px y 169 ppi Un hibrido entre el porttil y la tableta

2005

Redes Sociales

facebook

2006 2006 2007 2007 2008 2010 2011 2012

microblogging Twitter Libro electrnico Libro electrnico HTML5 ePub Tablet Tablet Tablet Sony Reader Kindle W3C ePub iPad Kindle Fire Surface

La edicin electrnica en Internet ha conseguido hitos muy importantes, y se est convirtiendo rpidamente en un medio fundamental para el intercambio de informacin. Permite la transferencia de informacin de tipo textual y multimedia en lnea con unos cnones de normalizacin y estandarizacin, tanto en lo que respecta al lenguaje en el que se codifican los documentos (HTML) como al protocolo que hace posible que se transfieran (HTTP). La edicin electrnica se basa en la consulta libre hipertextual, la cual posibilita que el usuario se mueva de un documento a otro siguiendo una asociacin de ideas. Por este motivo, cualquier usuario, desde cualquier punto del planeta con conexin a Internet, puede explotar todos los recursos que este "gigante" pone a su alcance sin que sea necesario tener unos grandes conocimientos previos de navegacin. El hipertexto es todava un medio joven, una herramienta fundamental en la comunicacin. Sin embargo, tiene una asignatura pendiente que deriva de su excesiva libertad de consulta: el sentimiento o la posibilidad de prdida y caos informativo que puede generar. Una estructura compleja como la de la Web, con multiplicidad de enlaces que dependen de la manera de concebir y publicar la informacin, puede llegar a ser un mar sin mapas de navegacin. Los sistemas hipermedia, en busca de la estructuracin y la navegabilidad para no perder su potencialidad, debern solucionar los inconvenientes que tiene el hipertexto sin perder todas sus grandes ventajas.

Caractersticas
Una publicacin electrnica es aquella que se ha producido y distribuido por medio de sistemas electrnicos, y que necesita un dispositivo informtico para ser interpretada y leda. Las caractersticas de la informacin digital son: - Es reutilizable; en diferentes soportes. Tambin podemos modificar el contenido y el formato del documento para crear uno nuevo. - Se puede actualizar de forma rpida y eficaz, sin que suponga costes elevados. - Permite una interaccin con el usuario muy elevada. - Permite buscar, llegar a la informacin por diferentes caminos. Recuperar la informacin por cadenas que cumplan los requisitos de bsqueda es un rasgo fundamental de la informacin digital. Los mtodos de recuperacin de informacin facilitan la bsqueda de diferentes documentos relativos a un mismo tema; este trabajo sera mucho ms laborioso de cualquier otra forma. Fases En el proceso de implementacin de la edicin electrnica, se han seguido diferentes fases de desarrollo: Una primera fase, en la que slo se utilizaba para generar e imprimir la publicacin convencional en papel. Esto facilitaba el proceso de creacin y tiraje de diferentes ediciones con distintos formatos. Una segunda fase que consista en distribuir en formato digital una copia exacta (facsmile) de la publicacin en papel. En esta fase no se explotan las opciones del soporte digital. Triunfa el formato PDF, ms pensado para imprimirse que para consultarse en la pantalla del ordenador y que suelen mantener las relaciones de aspecto del documento impreso y no del monitor. Jacob Nielsen comenta sobre la proliferacin de archivos PDF en el Web, que son demasiado grandes y que las lneas de texto estn optimizadas para ser impresas y no para leerse online. En una tercera fase la publicacin electrnica no requiere necesariamente de versiones en papel, pero siguen sin aprovecharse las posibilidades y las ventajas del soporte digital. Finalmente, el documento digital se genera con la intencin de que sea explotado con todas las posibilidades del soporte. Se utiliza el hipertexto y elementos multimedia. Una forma nueva de creacin. La existencia de documentacin en papel no tiene que interferir en este proceso, ni en aspectos formales ni descriptivos. Editar digitalmente no consiste en pasar un documento en soporte papel a un nuevo medio ms dinmico. La creacin de documentos digitales tiene que concebirse desde nuevos puntos de vista y nuevas posibilidades, sin que el papel o la impresin impliquen un lastre permanente.

Diferencias entre documento analgico y digital

Se pueden establecer las siguientes diferencias entre los documentos analgicos y los digitales: En lo que respecta a la grabacin del contenido los analgicos usan distintos medios para registrar las diferentes morfologas de la informacin. Papel, cinta de vdeo, cinta de casete... mientras que en los digitales, un nico medio registra las diferentes morfologas de la informacin. En cuanto a la forma de lectura, los analgicos tienen impacto visual directo. Algunos requieren aparatos de lectura, como puede ser el caso de un vdeo, en los digitales siempre existe la necesidad de un aparato de lectura y, a veces, ms de uno. No tienen impacto visual directo. Un libro, por ejemplo, se puede llevar y leer all donde se quiera, es totalmente portable y permite acceder directamente al contenido. (Ver artculo HP desarrolla un nuevo libro electrnico que parece un libro normal). El grado de interactividad es muy limitado en los analgicos. En Internet, tericamente, no tiene lmites. Aunque hay formatos digitales como el DVD, el Photo CD o el video CD cuya interactividad es tambin muy reducida y limitada. La facilidad o dificultad para actualizar el documento, ser mayor en los analgicos que en los documentos en lnea. La cantidad de informacin por unidad de volumen o de espacio, ser mucho menor en los documentos analgicos. La posibilidad de bsquedas aleatorias e interactivas con tiempo de respuesta muy breve y no dependiente de la cantidad de informacin, ser mayor en los documentos en lnea. La durabilidad, el tiempo de vida del soporte, o tiempo medio de vida antes de que se estropee. Ser mayor en el papel que en ningn otro formato. Durabilidad del soporte magntico: - Cinta magntica: se estima una obsolescencia de 5 aos y una durabilidad de 1 ao - Cinta de vdeo: con una obsolescencia de 5 aos y durabilidad entre 1 y 2 aos - Disco magntico: con una obsolescencia de 5 aos y una durabilidad entre 5 y 10 aos - Disco ptico: con una obsolescencia de 10 aos y una durabilidad de 30 aos. - CD-ROM o DVD depende mucho del modo de grabacin pero se estima en 30 aos. El grado de autenticidad atribuible a la informacin, es mucho ms alto en el documento analgico, las ventajas del bajo coste de produccin del documento electrnico hace que se vean de la misma manera documentos de fuentes contrastadas como documentos de dudoso origen. Los altos costes de impresin, almacenamiento y distribucin del documento analgico compiten con costes bajos o inexistentes del documento en lnea. Los analgicos tienen gran dificultad de copia, mientras que los digitales tienen gran facilidad, la dificultad de proteger los derechos de los autores hace que algunos desarrollos estn parados confiando en alguna novedad tecnolgica. La fragilidad del documento: una mancha de tinta encima de un documento sobre papel no lo invalida; por el contrario, un error de pista en un disquete de ordenador anula cualquier posibilidad de acceso a la informacin que contiene.
6

Creacin de un documento interactivo Introduccin

En el proceso de creacin de documentos electrnicos un factor clave es la estructura. Si el documento que se desea publicar en formato electrnico parte de otros documento preexistentes, generalmente en soporte papel, tiene que ser reinterpretado para que sea realmente un documentos interactivo, a fin de que no se convierta en un simple facsmil del original pasados a formato electrnico. Un documento requiere de una serie de anlisis para determinar cul ser la mejor estructura al aplicarlo y para que no pierda su sentido al interrelacionarse con otros documentos. Por otra parte, si el documento est concebido como interactivo, debemos realizar el anlisis para no caer en el error de una excesiva dispersin que le haga perder sentido. El hipertexto no es slo realizar enlaces, sino crear una nueva organizacin de la informacin de manera no lineal. Exige una estructuracin de la informacin diferente de aquella con la que se acostumbra a trabajar. Esta estructura tendr que adecuarse a los requerimientos del usuario en la medida en que se pueda, ya que ser l quien tendr que decidir qu itinerario es necesario elegir entre los posibles que se le proponen segn sus impulsos o intereses. El hipertexto, desplaza la responsabilidad de la decisin al usuario. En un libro, hay un principio y un final; en cambio, en el hipertexto no estn determinados, y pueden crearse diferentes vas para poder llegar al mismo lugar, sin que ninguna de stas sea la nica correcta. Todas lo son y sta es una de las grandes caractersticas que hacen del hipertexto una herramienta potencialmente inagotable. Donde el texto acaba, el hipertexto contina sin fin su recorrido, pero hace falta tener claro que la estructura que configuramos en estos documentos tiene que ser tan clara como sea posible para evitar en el usuario la sensacin de prdida.

Estructura
El hipertexto estructura la informacin de manera que nos permite emular la organizacin asociativa de la memoria humana. Esta posibilidad de construir una memoria sin lmites ni olvidos, confiere un gran potencial a los sistemas interactivos, que pueden aplicarse a toda clase de actividades relacionadas con el procesamiento de la informacin o con el pensamiento. La principal innovacin del hipertexto no es el mtodo de organizacin en s, fiel reflejo de la estructura asociativa utilizada por la mente humana para relacionar conceptos, sino la automatizacin que comporta. Esta estructura es la que favorece el acceso asociativo entre ideas y conceptos de forma no lineal, donde los nodos son las diferentes pginas de informacin, unidas entre si gracias a los enlaces. Estos enlaces son activados por determinados puntos de conexin (anclajes).

Nodos El nodo es la unidad mnima de informacin en las que se fragmenta un documento hipertextual, Es fundamental que sea una representacin perceptible por el usuario. Sobre la dimensin de los nodos hay muchas opiniones. Un nodo queda especificado bajo un solo concepto o una idea simple, aunque la eleccin de la dimensin de un nodo slo depende de la organizacin que el autor quiera dar al documento. De este modo, puede decirse que no tienen que ser homogneos, ni en la forma ni en el contenido, ya que, por ejemplo, para algunos autores un nodo puede ser la representacin de cada pantalla, o bien cada tema concreto que se trate. En un diccionario ser la definicin del trmino, igual que en una enciclopedia, en un peridico o revista, el artculo.

Glosario de la bolsa de Nueva York (New Cork Stock Exchange)

Un documento describe un tema o concepto simple, los documentos en hipertexto se escriben de manera que no dependan del hecho de que el usuario haya visto otros documentos. Los nodos largos (scroll) reducen la sensacin de perdida, sin embargo hay quien opina que los nodos deben ser de la longitud de la pantalla aunque el exceso de fragmentacin desconcierta al lector.

Notas de Prensa en el Web de iBEAM, mejor un scroll largo que partir la noticia. En la parte superior ttulo y entradilla resumen.

Estudios de Sun Microsystem sobre los usuarios del Web indican: Los contenidos textuales deben adecuarse a este medio. Una persona tiene una velocidad de lectura en el ordenador de un 25% menos que en papel, por tanto el contenido de texto debe reducirse un 25%, aunque la experiencia recomienda reducirlo un 50 %. Eliminar al mximo las barras de scroll y que toda la informacin que nos interese transmitir est en la parte superior de la pantalla; muy pocos usuarios leern ms y slo si estn muy interesados.

Pgina principal de Kodak (2000) adaptada a la pantalla.

Enlaces o vnculos Los enlaces son los elementos que hacen posible la interconexin entre los diferentes nodos y que estructuran el contenido. El enlace da un sentido funcional de relacin entre dos informaciones o contenidos. La manera ms bsica de estructurar un enlace es el que estipula una relacin entre una palabra y su definicin, como en el caso de los diccionarios o trminos de un glosario. Otros son los que establecen una relacin entre un concepto e informacin complementaria, entre un msico y su biografa. Otros enlaces sirven para activar todos los nodos que tengan una relacin semntica o, cuando menos, similar. Tambin encontramos los que sirven para relacionar un ndice y el contenido correspondiente, como los mapas conceptuales o los ndices analticos. Se pueden dividir los enlaces en: enlaces estticos, cuando son fijados y decididos slo por el autor del documento y los dinmicos, que se establecen dinmicamente segn las relaciones del lector con el documento como, por ejemplo, al indicar sus direcciones de inters en los favoritos (bookmarks). Podemos tambin calificar los enlaces por su uso : Enlace de salto: corresponde a una transicin de un espacio de lectura a otro, que pueden no tener nada en comn. Estos saltos son una de las principales causas de

10

desorientacin del usuario, ya que pueden cambiar totalmente el mbito de consulta o inters que se tena en el nodo anterior. El retorno al punto de partida es difcil de gestionar, ya que el camino recorrido puede ser totalmente arbitrario y el nodo destino no tiene ningn conocimiento del nodo origen. El back del navegador ser la mejor opcin. Un ejemplo es poner en la pgina un documento en formato PDF y un enlace a Adobe para que descargar el Reader. Enlace jerrquico: corresponde a la organizacin de un documento. Indica que la pgina de llegada es el desarrollo del enlace origen. El recorrido de este enlace conserva el contexto de lectura y lo enriquece. El retorno es simple gracias al orden que se debe establecer dentro del nodo destino. Enlace de anotacin: ejerce un papel de intermediario entre los dos enlaces anteriores. Permite relacionar un anclaje de un contexto de lectura con otro contexto de lectura, sin perder el contexto inicial, al cual el usuario podr volver tan fcilmente como en el caso de un enlace jerrquico. Difiere del jerrquico en el hecho de que el nuevo contexto no se incluye en el primero. Podemos citar como ejemplo el enlace a otra pgina del Web que no est en su lnea jerrquica o la ventana tipo pop-up.

Diseo de hipertexto
El problema de las publicaciones electrnicas basadas en hipertexto, reside en su mayor ventaja: la libertad del usuario de observar el contenido desde diferentes puntos de vista. Para que esta ventaja no sea un inconveniente hay que definir estructuras claras, con nodos bien definidos, que proporcionan sentido al documento y permiten que el usuario acte intuitivamente ante la informacin. Los usuarios corren un gran riesgo de desorientacin cuando se produce sobrecarga cognitiva. Esto ocurre cuando se desconocen los lmites del espacio por el que se mueven y encuentran ms informacin de la que necesitan. Esto, en definitiva, dificulta encontrar los que se busca, creando el llamado sndrome de prdida global; el usuario no sabe dnde est ni cmo volver a un lugar ya visitado o conocido, ni tampoco cmo obtener la informacin que necesita, lo que le provoca la sensacin de que, pese a sus esfuerzos, se est perdiendo algo importante. Internet puede ser concebido como un nico documento de alcance mundial. Cuando se elabora una Web se debe crear una estructura en la que sus partes o secciones se identifiquen claramente mediante ciertos mecanismos: su apariencia, distintas clases de mens, establecimiento de relaciones asociativas entre los contenidos creando mapas de contenido, etc... Los problemas en la navegacin comienzan cuando el usuario llega a una pgina desde cualquier otro lugar de Internet. Al recorrer la Web, la accin de vuelta atrs afecta al histrico de la navegacin, pero no tiene por qu coincidir con la estructura del sitio. El histrico est resuelto por el navegador, permitiendo volver siempre al lugar de donde se parti, pero la navegacin por la estructura, que permite realizar recorridos alternativos, pero relacionados, es responsabilidad del constructor. La falta de homogeneidad de la apariencia entre las partes de una misma publicacin desvirta la visin que el usuario tiene de sta. El mecanismo de navegacin que se proponga debe, adems, suplir las limitaciones que provoca el monitor en cuanto a la percepcin bidimensional de la realidad. El volumen, el peso y otros atributos del mundo son relevantes para una correcta comprensin por parte del usuario.

11

Los instrumentos que ayudan a la navegacin: 1.- MENS En todo momento debe ser accesible un men principal que impida que el usuario se pierda al navegar por una enorme red de nodos interconectados.

Pgina principal de IBM, Men principal y secundario lateral.

La mayora de las Web cumplen este punto. El problema es que la divisin de los contenidos en los diferentes mens no resulta clara para los usuarios. El men principal es la divisin fundamental de la publicacin y no debe tener ms de cinco opciones. El usuario no puede memorizar ms de siete; con la lectura de la octava olvida la primera. Es mejor no apurar estos lmites a la hora de clasificar la informacin. En algunos casos hay un men previo al principal denominado canales. Por defecto, se entra en un canal pblico o de visitantes donde se encuentra informacin abierta. Los canales son vistas diferentes de informacin y servicios dirigidas a colectivos especficos, que requieren autentificacin (firma). El objetivo de los canales es implicar al usuario provocndole una sensacin de trato personalizado. Lnea de copyright, debe haber un men especfico en el que se incluyan enlaces a las declaraciones de derechos de autor, privacidad, objetivos de la publicacin y eventuales necesidades tcnicas para la correcta visualizacin de la Web.

12

lnea de Copyright de AOL

En el men de herramientas. Las herramientas son mecanismos que facilitan la navegacin y la usabilidad: mapa de la Web, contacte con nosotros, buscar, inicio, FAQ, enlaces de inters...

13

2.- BUSCADOR Es conveniente tener un buscador, para localizar los documentos por palabras clave u otros atributos.

Google imgenes

14

3.- MAPA Otra forma de facilitar la navegacin es el mapa, que permite ver una representacin grfica global del sitio y el contexto de cada uno de los nodos. El usuario tiene una idea de la estructura y su profundidad de un vistazo. Si se incluye un enlace en cada nodo, este esquema se convierte en una herramienta de navegacin.

Apple Site map

15

4.- HUELLAS Consiste en incorporar la posicin del usuario y el itinerario seguido mediante un path (huellas). Es un dispositivo eficaz que permite al usuario determinar su localizacin actual en cualquier momento, usted esta aqu y hacerse una idea de la relacin de esta localizacin con el resto de los documentos, volver al punto de partida de manera sencilla y explorar materiales no vinculados directamente a los que se encuentran en este instante.

Huellas en el Web de HP

16

5.- LANDMARKS Las Landmarks (marcas) sirven para sealar los nodos especialmente interesantes. Reducen la ansiedad y facilitan la reorientacin de los usuarios perdidos. Un ejemplo tpico de marca sera regresar a la pgina principal, desde la cual un usuario puede tener una visin amplia de todo lo que podr consultar. Si utilizamos una metfora turstica, sera algo parecido a las indicaciones de los edificios relevantes que sirven para situarnos en una ciudad que no conocemos. Cmo lo haremos?: Con resaltados como las promociones, que son consejos del editor hacia el usuario; lo que queremos que vean. Los ms visitados, son resaltados que se crean automticamente segn la navegacin de los visitantes. Lo que suele ver la gente ser lo ms interesante y, por tanto, tambin es lo que quiero ver yo. Es normal en una tienda poner los libros o los discos ms vendidos. Algunos Web permiten que el usuario d su opinin sobre el artculo o producto, de una manera sencilla, a travs de valores que van de 1 a 5; una clasificacin muy alta por parte de otros usuarios le otorga ms confianza. Temas relacionados. Documentos o productos similares a los que estoy consultando. En la lnea de men en que se encuentra el usuario se habrn agrupado los documentos similares, pero puede haber otros documentos en otras lneas que tambin estn relacionados con el. Por ltimo, podemos mencionar los documentos publicados recientemente, las novedades, destinados a los usuarios que ya conocen nuestro Web. Su clasificacin es cronolgica.

17

Home YouTube

18

6.- INDICES Los ndices son una lista de todos los conceptos tratados en el documento, una representacin exhaustiva de los temas o conceptos que aparecen tratados en el Web. El Web muestra una relacin de todos estos conceptos ordenados alfabticamente, geogrficamente, por fechas. Estos ndices son complementos del mapa del Web, una nueva forma de clasificar la informacin.

Ordenacin alfabtica en el Web de la BBC Tambin pueden usarse, para conseguir el mismo objetivo que los ndices, los mapas conceptuales: estos mapas son modelos reducidos, representaciones grficas, en forma de esquema, de la estructura del Web. Es posible utilizar diferentes mapas en un mismo documento, ya que cada mapa es una forma alternativa de representar la informacin que contiene.

19

7.- SITUACIN Elementos de situacin como, por ejemplo, la informacin de situacin de la pgina sobre el total del documento (Ej.: pgina 3 de 7). S cunto he ledo y cunto me falta por leer.

Indicadores de situacin en google

20

8.- ACCIONES BSICAS Con las acciones tenemos la posibilidad de volver al nodo inmediatamente anterior, recuperar la ltima accin o deshacerla, recorrer de manera secuencial los nodos anteriores y posteriores al nodo activo o acceder directamente a los mapas o ndices referenciados desde cualquier nodo. Es muy importante en la documentacin, que se pueda acceder desde un men y tambin leer como un libro; esto nos garantiza que se pueda llegar a toda la informacin disponible.

Estructura de rbol y lineal.

Es conveniente mantener, siempre que tenga sentido, las opciones de avanzar y retroceder (pgina siguiente y pgina anterior).

21

9.- VISITAS GUIADAS Visitas guiadas, se destacan unos cuantos nodos para cumplir un propsito concreto.

22

10.-METFORAS Metforas, son conceptos o modelos del mundo real del usuario. Sirven para representar la informacin y hacer ms comprensible la navegacin por el documento.

Uso de la metfora del dial de una radio para presentar la timeline de U2 en u2.com

iBook

23

11.- TagCloud Una nube de palabras es una representacin visual de las palabras que conforman un texto, en donde el tamao es mayor para las palabras que aparecen con ms frecuencia. Uno de sus usos principales es la visualizacin de las etiquetas de un sitio web, de modo que los temas ms frecuentes en el sitio se muestren con mayor prominencia. Las etiquetas son solo palabras y por lo general suelen estar en orden alfabtico. La importancia de una etiqueta se muestra con el tamao de la fuente y/o color.

24

Planificacin y diseo
El anteproyecto El anteproyecto tiene la funcin de delimitar el objetivo principal; se evalan los contenidos que formarn el cuerpo de la sede Web y se decide la audiencia a la que se dirige, cmo se acceder al site, desde qu sistemas operativos, con qu versin y de qu navegadores, etc. En cuanto a la audiencia, debemos definir si ofreceremos contenidos que interesen a todo el mundo o si deben ir encaminados a una determinado colectivo, como en el caso de un entorno intranet. La etapa del diseo Como resultado de este proceso, se generar lo que se conoce como Manual de Estilo del Web, en el se refleja la estructura, la funcionalidad, la implementacin, las plantillas de composicin, tipografa, color... documentar los procedimientos y las normativas para homogeneizar el estilo del Web. Dentro de las normativas del diseo tendremos que hacer clara referencia a los siguientes puntos: La redaccin, el estilo de redaccin, se definen los nodos y las organizaciones hipertextuales. La grafa: estipularemos las gamas cromticas, las tipografas y la iconografa. La tcnica: en lo que se refiere a la versin de HTML que usaremos, las versiones de los navegadores a las que irn destinados, los elementos, el uso de Javascripts, Java, Flash, bases de datos, etc. La navegacin: cmo la desarrollaremos para hacer la exploracin del Web intuitiva al usuario. La experiencia de usuario es el conjunto de factores y elementos relativos a la interaccin del usuario, con un entorno o dispositivo concretos, cuyo resultado es la generacin de una percepcin positiva o negativa de dicho servicio, producto o dispositivo. El manual de estilo aporta solidez y credibilidad al proyecto y ayuda a homogeneizar los contenidos y las estructuras en las futuras ampliaciones por parte de otras personas que no han participado en el proyecto inicial. Todos los bocetos que nos han llevado a definir el manual de estilo tendremos que convertirlos en un prototipo. La implementacin Los contenidos se van convirtiendo en pginas que son accesibles. En esta fase de pruebas empezamos a tener los primeros resultados reales del Web y recibir el feedback de los usuarios. La publicacin y anlisis La publicacin consiste en proporcionar un acceso pblico al Web, publicitarla para que nuestro cliente potencial la conozca y pueda acceder a ella. El anlisis estadstico se hace analizando el fichero log, que informa a que pginas se accede y a cules no, en qu franja horaria, de dnde proceden los visitantes, qu navegador usan, Este anlisis de la interrelacin real del usuario, nos

25

proporciona criterios para ver si el Web se adecua a la finalidad planteada desde el inicio.

Organizando la informacin
Un libro estructura sus contenidos de una nica manera, en captulos, con un ndice. En las pginas Web, al requerir una lectura diferente, no secuencial, desconocemos el itinerario que seguir el usuario. Ni siquiera el punto de partida, ya que puede entrar desde un enlace externo que apunta a una pgina concreta, no precisamente desde la de inicio. Hace falta, definir muy claramente las estructuras que aplicaremos a nuestro Web, que al mismo tiempo definirn la navegacin. Bsicamente podemos dividir los tipos de estructura en: Lineal: es la estructura ms bsica y simple. La informacin se estructura secuencialmente, de tal manera que avanzamos segn el itinerario marcado y slo podemos volver atrs o pasar a la pgina siguiente. Es adecuada para documentos que es necesario leer de manera secuencial como, por ejemplo, un curso de formacin. Es necesario aadir la informacin del nmero de la pgina con respecto al total (pg. 5 de 8).

rbol: es una estructura de ndice con enlace directo al contenido. Los contenidos dependen de un nodo raz a partir del cual surgen las diferentes ramificaciones o estructuras de rbol asociadas. Es importante representar el ndice que ofrece los distintos caminos posibles para elegir y que, a su vez, puede abrirse en un segundo ndice, como las ramas de un rbol. Para evitar la desorientacin, en este tipo de estructuras, el usuario puede volver al men anterior de manera fcil e intuitiva. Escribir el recorrido utilizado o path nos permite en todo momento saber dnde estamos situados, hacia dnde podemos ir y qu encontraremos. Esta estructura es muy bsica y clara.

Malla: esta estructura mezcla el concepto de rbol y el lineal, configurando un itinerario basado principalmente en mens de opcin. La lectura dentro de su cuerpo tambin puede ser secuencial. Es muy consistente y proporciona un itinerario claro para el usuario, pero sin caer en la sencillez de la estructura lineal.

26

Telaraa: es, sin duda, la estructura ms difcil de planificar y en la que es ms fcil que el visitante se sienta perdido. En este tipo de estructuras debe analizarse a conciencia la navegacin para que facilite al usuario encontrar el itinerario adecuado

La estructura es la forma de fragmentar y ordenar la informacin. Puede ser una estructura basada en el tema, en la fecha, en un lugar geogrfico... si esta estructura se basa en un esquema genrico, el usuario ya esta familiarizado con ella y puede prever el resultado de sus decisiones de navegacin. El esquema es una abstraccin que permite comprender el contenido y su modo de navegar en el. Los esquemas pueden ser: Exacto, como puede ser el cronolgico, el alfabtico y el geogrfico Ambiguo, organizado por temas que suele ser especfico de una audiencia o en base a una metfora. Hbrido, cuando se mezcla ms de un esquema

Organizacin de la navegacin

27

eBook
Ebook es el "dispositivo dedicado", que sirve bsicamente para leer libros electrnicos o la obra que leemos en un dispositivo dedicado o desde software asociado a dispositivos multitareas como una PDA, ordenadores porttiles, de sobremesa o tablet PC. Ebook es una nueva y atractiva manera de enfrentarse a la lectura. Una realidad de enorme alcance didctico y cultural. La lectura es similar a la de un libro de bolsillo. Se avanza pgina a pgina (sin barras de desplazamiento). Se pueden aadir marca-pginas, volver a la ltima pgina leda, permite realizar anotaciones, subrayar y resaltar, de forma similar a la que normalmente realizamos en un libro impreso. Incluye cubierta portada- con una imagen similar al lomo de los libros impresos, una pequea imagen o thumbnail para visualizarse desde la biblioteca del reader y el ndice. El que hoy podamos plantearnos la posibilidad de leer en pantalla es gracias a la mejora de los monitores -los nuevos Tablet PC incorporan pantallas de plasma con 150 a 200 dpi- y al desarrollo de tecnologas como Cleartype que permite mejorar ms de un 150% la definicin horizontal en pantallas de plasma. La definicin de un pxel color en una pantalla, esta formada por tres sub-pixels, uno para cada color RGB; Cleartype posibilita, mediante software, activar individualmente cada uno de los tres "sub-pxels". Los tipos de letra adaptados para Cleartype (Berling Antiqua, Frutiger Linotype, Lucida Sans Typewriter), permiten poner cada uno de los subpxel: negro o blanco, con lo que los caracteres pueden tener una mayor definicin. El resultado final es que la definicin de los caracteres aumenta en la proporcin indicada y los textos resultan ms claros, mejorando la legilibilidad de los mismos. Los editores teman que, por la urgencia en lanzar un producto, este no cumpliera las necesidades mnimas de seguridad y no lo han hecho hasta que se han desarrollado los servidores de Gestin de Derechos Digitales Mientras la organizacin Open Ebook crea los estndares necesarios para unificar la estructura de los libros en formato electrnico, sus integrantes pelean por hacerse con un mercado prometedor. Pero no hay que confundir este formato de libro con otros formatos de publicacin electrnica como el Help, utilizado en la documentacin de ayuda de los programas, el HTML o el PDF. Los diccionarios y enciclopedias no necesitan el aspecto de un libro de lectura, sern herramientas horizontales, disponibles en todo momento. Ejemplo de esta nueva forma de publicacin, es el diccionario Babilon, que muestra el significado o la traduccin de una palabra a un click del ratn. El ebook es un libro de lectura o de estudio en el ordenador y no pretende ser otra cosa. Desde el reader de Microsoft ni siquiera se puede imprimir y, desde el de Adobe, queda condicionado a los derechos de uso.

28

29

Qu es el formato PDF?
El formato PDF (formato de documento porttil) es el estndar de facto para la distribucin e intercambio seguros y fiables de documentos y formularios electrnicos por todo el mundo, con diez aos de experiencia probada. El formato PDF es un formato de archivo universal que mantiene las fuentes, imgenes, grficos y apariencia de cualquier documento de origen, independientemente de la aplicacin y plataforma utilizadas para crearlo. Los archivos PDF de Adobe son compactos y completos; se pueden compartir, ver e imprimir con el software gratuito Adobe Reader. Hasta la fecha, se han distribuido ms de 500 millones de copias de este programa. Se puede convertir cualquier archivo al formato PDF de Adobe utilizando los productos de software Adobe Acrobat, que permiten que los ingenieros y los profesionales de la empresa y el mundo creativo creen, distribuyan e intercambien documentos en formato PDF de Adobe de forma segura y fiable. Gobiernos y empresas de todo el mundo han adoptado el formato PDF para agilizar la gestin de documentos, aumentar la productividad y reducir la dependencia del papel. Por ejemplo, el formato PDF es el estndar utilizado para la entrega electrnica de solicitudes para la aprobacin de medicamentos a la FDA (del ingls Food and Drug Administration, administracin de alimentos y medicamentos) de los Estados Unidos y para el archivo electrnico de casos en los tribunales federales de los Estados Unidos. Tambin lo utilizan los gobiernos de Reino Unido y Alemania para el intercambio electrnico de documentos. Asimismo, la especificacin PDF/X de ISO es el formato de archivo estndar utilizado para la distribucin digital de anuncios para su posterior publicacin. El formato PDF es una especificacin de formato de archivo abierta que se encuentra a disposicin de todas aquellas personas que deseen desarrollar herramientas para crear, ver o modificar documentos en formato PDF. De hecho, ms de 1.800 proveedores ofrecen soluciones basadas en el formato PDF, lo que garantiza que las organizaciones que adoptan el estndar PDF tengan a su disposicin una gran variedad de herramientas para aprovechar el formato PDF y personalizar los procesos con documentos. A los usuarios tambin les resulta beneficioso que el formato PDF pueda utilizarse en cualquier plataforma, ya que Adobe Reader les permite ver presentaciones de diapositivas PDF con muchas imgenes y tarjetas electrnicas creadas utilizando el software Adobe Photoshop Album.

Problemas habituales
Los destinatarios no pueden abrir los archivos porque no disponen de las aplicaciones en que se crearon dichos documentos. En los archivos en que se combinan papel y documentos electrnicos resulta difcil buscar informacin. Adems, ocupan mucho espacio y es necesario disponer de la aplicacin en que se crearon los documentos si se desea consultarlos en el futuro. Los documentos no se muestran correctamente en dispositivos de mano.

Soluciones PDF de Adobe

Cualquier persona en cualquier lugar puede abrir un archivo PDF. Slo es necesario tener el software gratuito Adobe Reader. Los archivos PDF son compactos, permiten la realizacin de bsquedas y puede accederse a ellos en cualquier momento utilizando Adobe Reader. Los hipervnculos interactivos hacen que sea fcil navegar por los archivos PDF. El formato PDF de Adobe etiquetado permite la redistribucin del texto para que se muestre correctamente en plataformas porttiles, como los dispositivos Palm OS, Symbian y Pocket PC. En los documentos en formato PDF permiten asignar derechos de acceso especiales y pueden firmarse digitalmente.

Las empresas vuelven a intercambiar formularios y documentos en papel debido a la falta de procesos electrnicos que puedan

30

verificarse e inspeccionarse. Los documentos con formato complejo no los pueden consultar las personas con discapacidades visuales. Los archivos PDF etiquetados contienen informacin sobre su contenido y estructura, lo que permite el acceso a ellos con la ayuda de lectores de pantalla.

31

Queslatintaelectrnica
JavierPenalva15deoctubrede2009

Despusdequelallamadaprimerageneracindelibroselectrnicosfuerauncompleto fracaso,lallegadadelatecnologadetintaelectrnicalesdaunnuevoimpulsodefinitivo. Juntoconunamayorsensatezencuantoaformatos,serelpapelelectrnicoysufcil lecturaloqueconsolidelaindustriayestposibilitandoeldespeguedelosactualeslectores delibroselectrnicos.

Porquelpapelelectrnico Leercontenidosenpantallastradicionalespresentaunanefastaconsecuencia:lavistase cansacomorespuestaalailuminacinposteriorquenecesitanlaspantallasdecristallquido paramostrarcontenido. Esailuminacintambinprovocaunconsumomayorynopodemosmantenerpendienteaun lectorderecargarsunuevolibroelectrnicoapocoqueleamucho.Laincidenciadelaluz tambintenaquemejorarse,asqueyaestabansentadaslasbasesdelatintaelectrnica.

32

 Cmoeselpapelelectrnico Bsicamenteelpapelelectrnicoestformadoporunalminaplsticaprotectora,un polmeroylamallademicrotransistoreselctricos. Lasbasedesufuncionamientosonunaspartculasesfricasquesecuentanpormillonesyque secarganelctricamente.Laaplicacindeunapequeacorrienteprovocaquevarensu tonalidadyseformenimgenesquecomponenlasletras.

Segnlacalidaddeesalminapodemoshablardemsomenosnivelesdegrisenunapantalla depapeldigital.

33

Dosempresasfabricanpapelelectrnico Bsicamenteexistendossistemasparaimplementarlatintaelectrnica.:Gyricondela empresaXeroxyEInk,unadelasmsconocidas. LatecnologadeXerox,queeslapioneraenestecampo,disponelasesferascondospartes, unanegrayotrablanca.Esasesferasestnrepartidassobreungelenelqueflotanlibremente. Eltransmisorquehaydebajodelasesferasseencargadeactivarlas.Siaplicamosunadescarga positiva,lamitadnegrabasculaytiendeasubir.Alestarenungelmovindoselibremente, cambiasuposicin.Cuandoladescargaesnegativaocurrejustolocontrario.

EInkeslatecnologamsconocidayusada.Conellaseconsiguedeformageneralunamayor definicindeimagen.Labasedesufuncionamientosontambinesferasquesevanacargar elctricamente,peroenestecasolasesferasestnrellenasdelquidotransparenteencuyo interiorencontramospartculasdetitanioblancasynegras. Tambindebajodecadacpsulaencontramoslapartetransmisora,compuestaenestecaso pordoselementosquerecibendosimpulsoselctricosquepuedenserdeigualodiferente signo.Conesadoblepotenciadecontrolconseguimosmoverlatotalidadolamitaddelas partculasdecadacolor,consiguiendoporlotantomayordefinicinyvariosnivelesdegrises.

34

 Ventajasdelatintaelectrnica Conlaausenciadelaretroiluminacinenlaspantallasdetintaelectrnicaobtenemosuna ventajadirectamuyimportanteparaloslectoresporttiles:eltamao.Menosde3mmesel grosordeestepapel,queademstienemenorconsumo. Lasimgenessontambinmsbrillantesysuvisualizacinapenasdependedelngulo. Tambinsepuedencomportardemaneramuyaceptablebajolaluzdelsol.

35

Encuantoalaautonoma,puedesermuyalta,delordende8.000a10.000pginasporcarga delabatera,bsicamenteporqueunavezplasmadaunaimagenlasesferasnonecesitan voltajeparamantenerseensusituacin.

Inconvenientesdelatintaelectrnica Debidoaquelasesferasqueconformanlabasedelatintaelectrnicanecesitanactualizarla informacin,estatecnologapresentatodavaproblemasdelentitudalahoraderefrescar unapginatrasotra.Eseparpadeopginatraspginaeslomsmolestodelalecturadeun libroelectrnicoendispositivosconestatecnologa.

ConsumerErosky:Libroselectrnicos http://www.consumer.es/libroselectronicos

36

Bibliografa
Nielsen, Jakob Usabilidad: diseo de sitios Web Prentice Hall Nielsen, Jakob; Marie Thair Usabilidad. Jacob nielsen 50 sitios web Pearson Educacin Keely Braum / Max Gadney / Mathew Haughey + Otros autores Usabilidad Anaya Multimedia Diseo y Creatividad Eric Eaton Diseo Web, Elementos de Interfaz Anaya Multimedia Diseo y Creatividad Tammy Sachs y Gary MacClain Sitios Web orientados al usuario Prentice Hall Siegel, David Tcnicas avanzadas para el diseo de pginas Web Anaya Multimedia Codina, Llus El Libro digital y la WWW. Tauro Codina, Llus H de Hypertext, o la teoria de los hipertextos revisitada Cuadernos de documentacin multimedia (nm 6-7)[en lnea] (http://www.ucm.es/info/multidoc/revista/cuad6-7/codina.htm) Berners-Lee, Tim Style Guide for Online Hypertext [en lnea] (http://www.w3.org/Provider/Style/) Nielsen, Jakob useit.com: Jakob Nielsen on Usability and Web Design [en lnea] (http://www.useit.com/)

37