INFORMACIN
ARQUITECTURA WEB
PRIMER CUATRIMESTRE
OCTUBRE 2011
NDICE
INTRODUCCIN............................................................................................... 3
ANTECEDENTES................................................................................................ 4
La Web (WWW)............................................................................................ 4
Como funciona la Web................................................................................. 4
Que es una pgina Web?...........................................................................4
Caractersticas de pgina Web...................................................................5
Dominio de una pgina web............................................................................ 5
ARQUITECTURA WEB...................................................................................... 6
Objetivo........................................................................................................... 6
Arquitectura de la Informacin (IA).................................................................7
Anlisis de la arquitectura de webs.................................................................7
Aspectos Generales en Arquitectura WEB........................................................8
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD.............................................9
Accesibilidad.................................................................................................... 9
Pautas de evaluacin y accesibilidad web......................................................10
Navegabilidad................................................................................................ 11
Principios de la navegabilidad Web................................................................11
Recomendaciones para la navegabilidad Web................................................12
Usabilidad...................................................................................................... 12
REQUERIMIENTOS TCNICOS DE LOS CONTENIDOS WEB...............................13
Decisiones tcnicas sobre los contenidos web...............................................13
Estructuracin de la informacin...................................................................13
1.- Estructura en rbol:.............................................................................. 14
2.- Estructura lineal:................................................................................... 14
3.- Estructura mixta:.................................................................................. 14
4.-Estructura en red:.................................................................................. 15
Mapa de Sitio................................................................................................. 15
BIBLIOGRAFA.................................................................................................. 16
INTRODUCCIN
Pocos avances tecnolgicos han tenido un impacto similar a la web en la
historia de la humanidad. En menos de una dcada se ha convertido en un
medio de comunicacin prcticamente indispensable y en la principal fuente de
informacin para parte importante de la poblacin mundial
Cantidades tan grandes de datos requieren de mtodos que permitan su
entrega eficiente a los usuarios. El campo de trabajo del desarrollo web ha
evolucionado rpidamente, tomando nociones de una serie de profesiones y
diversificndose en diferentes especialidades.
Es comparable a la arquitectura tradicional de los espacios pblicos: consiste
en la creacin de los planos que usarn los constructores para levantar zonas
que sern visitadas diariamente por cientos de personas. Como en todos los
espacios pblicos, gran parte de los visitantes que ingresan a stos lo hace por
primera vez. Esto implica que el aprendizaje de la navegacin en dicho lugar
debe ser altamente intuitivo. La mayor diferencia entre la arquitectura
tradicional y la de informacin es que los espacios digitales son intangibles, el
diseador debe suplir la falta de referencias concretas para la orientacin con
claves visuales en la pantalla
Durante su primera ola de evolucin, el desarrollo web tendi a enfocarse en la
dimensin tecnolgica de los sistemas, pero actualmente est aumentando el
reconocimiento de los aspectos humanos de los modelos de informacin como
parte fundamental de su xito.
Los principios usados para construir un edificio no son muy distintos de los que
se presentan en el proceso de disear un sitio o una aplicacin web.
Las aplicaciones deben ser diseadas sobre de las necesidades de las personas
que van a utilizarlas, de la misma forma que los edificios deben ser diseados
en base a las necesidades de sus ocupantes.
En los edificios los picaportes y las manijas de las puertas estn a un metro de
altura porque esa es la altura a la que se encuentran las manos. En la web los
mens de navegacin no tendran que ser diferentes... deberan estar donde
las personas los necesitan.
ANTECEDENTES
La Web (WWW)
La World Wide Web (WWW) es un sistema de distribucin de informacin
basado en hipertexto o hipermedios enlazados y accesibles a travs de
Internet. Con un navegador web, un usuario visualiza sitios web compuestos
de pginas web que pueden contener texto, imgenes, videos u otros
contenidos multimedia, y navega a travs de ellas usando hiperenlaces.
Como funciona la Web
El primer paso consiste en traducir la parte nombre del servidor de la URL en
una direccin IP usando la base de datos distribuida de Internet conocida como
DNS. Esta direccin IP es necesaria para contactar con el servidor web y poder
enviarle paquetes de datos.
El siguiente paso es enviar una peticin HTTP al servidor Web solicitando el
recurso. En el caso de una pgina web tpica, primero se solicita el texto HTML
y luego es inmediatamente analizado por el navegador, el cual, despus, hace
peticiones adicionales para los grficos y otros ficheros que formen parte de la
pgina. Las estadsticas de popularidad de un sitio web normalmente estn
basadas en el nmero de pginas vistas o las peticiones de servidor asociadas,
o peticiones de fichero, que tienen lugar.
Al recibir los ficheros solicitados desde el servidor web, el navegador renderiza
la pgina tal y como se describe en el cdigo HTML, el CSS y otros lenguajes
web. Al final se incorporan las imgenes y otros recursos para producir la
pgina que ve el usuario en su pantalla.
Que es una pgina Web?
Una pgina web es un documento o informacin electrnica adaptada para la
World Wide Web y que puede ser accedida mediante un navegador para
mostrarse en un monitor de computadora o dispositivo mvil. Esta informacin
se encuentra generalmente en formato HTML o XHTML, y puede proporcionar
navegacin a otras pginas web mediante enlaces de hipertexto. Las pginas
web frecuentemente incluyen otros recursos como hojas de estilo en cascada,
guiones (scripts) e imgenes digitales, entre otros.
Las pginas web pueden estar almacenadas en un equipo local o un servidor
web remoto. El servidor web puede restringir el acceso nicamente para redes
privadas, p. ej., en una intranet corporativa, o puede publicar las pginas en la
World Wide Web. El acceso a las pginas web es realizado mediante su
transferencia desde servidores utilizando el protocolo de transferencia de
hipertexto (HTTP).
net:
identifica
pginas
relacionadas
con
internet
y
telecomunicaciones.
El pas es una parte opcional del dominio que identifica el pas de
origen del mismo. Algunas extensiones de este tipo son:
ar: Argentina
mx: Mxico
br: Brasil
ve: Venezuela
Como hemos dicho, los dominios poseen, adems de una estructura, una
sintaxis propia en la que se aceptan nmeros, letras y guiones. Sin embargo,
en un dominio no se aceptan tildes, espacios en blanco, puntos (aparte de los
que organizan la estructura del dominio) ni ningn otro tipo de smbolos. La
cantidad mxima de caracteres permitidos es diecinueve (19).
Los dominios estn regulados internacionalmente por ICANN (sigla en ingls
de
Corporacin Internacional para la Asignacin de Nombres y Nmeros), que es
una organizacin sin fines de lucro que se encarga de administrar el sistema de
asignacin de dominios.
En todo el mundo, NIC (sigla en ingls de Centro de Interconexin de
Informacin) es el ente que, siguiendo las prcticas internacionales, administra
el dominio.
ARQUITECTURA WEB
Se utiliza el trmino arquitectura web, para definir una tarea que requiere
conocimientos tcnicos de construccin, funcionales y de diseo para sitios o
pginas web. La construccin de pginas web requiere una compleja
conjuncin de diferentes sistemas integrados entre s: servidores, bases de
datos, organizacin de la informacin, etctera.
Tal como en la arquitectura tradicional, actualmente el foco para el diseo y
construccin de pginas web se centra en el usuario y sus requerimientos.
Es fundamental tener presente que generalmente, y ms en el momento
actual, los portales Web contienen elementos que interactan facilitando la
comunicacin real entre la informacin y los usuarios, la pgina web por lo
tanto, debe contar con elementos que permitan que el usuario obtenga
respuesta a cada accin; formularios, bases de datos, promociones, etc.
Objetivo
El principal objetivo de la arquitectura Web es resolver las necesidades
especficas del negocio como:
6
Venta de productos.
Servicios online.
Al igual que los principios que rigen la arquitectura tradicional, el diseo web
de un portal o una aplicacin especfica se basa en la satisfaccin de las
necesidades de las personas a las que va dirigido el negocio.
Los arquitectos Web y especialistas en posicionamiento son profesionales
especializados en evitar este tipo de situaciones y sus objetivos apuntan al
xito de su proyecto, por lo que contratar asesora experta es una inversin
con ptimo nivel de retorno que no se debe pasar por alto.
d. Refresco de datos
e. Rendimiento del sistema. Consumo de recursos del sistema.
6. Aplicacin de patrones de diseo., navegabilidad y usabilidad
Accesibilidad
La accesibilidad de una pgina web se refiere a la posibilidad de acceso a la
misma para todas las personas, con independencia de sus caractersticas
fsicas individuales o las caractersticas del contexto de uso (tecnologas
disponibles). Pensar en la accesibilidad de una pgina web implica tener en
cuenta que el diseo de la pgina contemple las necesidades de todos los
posibles usuarios para acceder a la pgina en cuestin. Observar las diferentes
necesidades es reconocer el derecho de todos de acceder a la informacin
disponible en internet. Muchas veces se asocia la accesibilidad solamente con
las necesidades de personas con discapacidades fsicas, como las personas
hipoacsicas o ciegas. Sin embargo, el concepto de accesibilidad es an ms
amplio, dado que por ejemplo tambin incluye las necesidades de personas
mayores que usualmente necesitan tipografas grandes para poder leer, o tiene
en cuenta las necesidades de aquellos que acceden a la Web a travs de
diversos dispositivos tecnolgicos: computadoras sin audio, telfonos celulares,
etctera.
Cuando los videos de una pgina web poseen subttulos estamos permitiendo
el acceso a personas hipoacsicas y a personas que no tienen audio en su PC;
cuando la tipografa de una pgina web es clara y puede modificarse su
tamao estamos permitiendo que personas con problemas visuales lean la
informacin de la pgina; cuando el tamao de los botones o de las reas
activas es adecuado puede facilitar su uso a aquellos que no pueden controlar
el mouse con precisin, etctera.
Cuando hablamos de accesibilidad en la Web estamos refirindonos a que
todas aquellas personas que lo deseen puedan percibir, entender, navegar e
interactuar con una pgina.
Pensar el diseo y la arquitectura de una pgina web de modo tal que la misma
cumpla ciertos requisitos de accesibilidad implica tener en cuenta muchos
factores, como por ejemplo el tipo de contenido, el tamao y la complejidad de
9
la pgina web, y tambin las herramientas tecnolgicas con las que ser
desarrollada.
Lo que es indispensable es considerar las caractersticas de accesibilidad al
momento de desarrollar la pgina, dado que una vez hecho el desarrollo suele
ser muy costoso hacer modificaciones sustanciales.
Es importante, por ejemplo, que el cdigo fuente de nuestra pgina sea
compatible con algunas de las tecnologas que son utilizadas por personas con
necesidades especiales. Las ms comunes son:
Navegabilidad
La navegabilidad de una pgina web se refiere a la facilidad con que un usuario
puede desplazarse por ella. Si una pgina web es clara, sencilla, comprensible,
ofrece al usuario una experiencia satisfactoria.
Cuando diseamos una pgina web debemos proporcionarle al usuario una
serie de recursos y estrategias para que logre conseguir con autonoma y
rapidez la informacin que est buscando. Una pgina web tiene un nivel
ptimo de navegabilidad cuando su interfaz le responde al usuario las
siguientes preguntas: Dnde estoy?, dnde he estado?, dnde puedo ir?
La estructura de navegacin debe dar pistas claras para que el usuario aprenda
a acceder a la informacin.
Usabilidad
La usabilidad es el trmino que se utiliza para analizar la mejor forma de
disear sitios web para que los usuarios puedan interactuar con ellos de la
forma ms fcil, cmoda e intuitiva posible.
La Organizacin Internacional para la Estandarizacin (ISO) ofrece la siguiente
definicin de usabilidad: La usabilidad se refiere a la capacidad de un software
de ser comprendido, aprendido, usado y ser atractivo para el usuario, en
condiciones especficas de uso.
La mejor manera de pensar en la usabilidad de una pgina web es a travs de
un diseo centrado en el usuario y sus necesidades, y no en un diseo
centrado en la tecnologa o en la creatividad u originalidad.
Criterios a considerar para la usabilidad:
12
Estructuracin de la informacin
Al momento de pensar la estructura de la informacin en una pgina web es
importante disear, ya sea en papel o a travs de algn recurso tecnolgico, un
organigrama con todas las secciones que se quieren publicar. Esto incluye la
distribucin de texto, imgenes, vnculos y otras herramientas.
Las estructuras ms comunes para organizar la informacin son cuatro:
13
14
4.-Estructura en red:
La estructura en red es actualmente la ms
utilizada, ya que permite que todas las pginas
estn interconectadas entre s, por lo tanto es una
estructura mucho ms compleja y menos
organizada. Hay que tener en consideracin que la
planificacin de este tipo de estructura se debe
realizar con minuciosidad, para evitar que el
usuario se pierda en la navegacin.
Mapa de Sitio
El mapa de sitio refleja la estructura de informacin por medio de la cual est
conformada una pgina web, y permite al usuario saber dnde encontrar
determinada seccin o informacin.
Adems de la estructura de la informacin al nivel de la pgina o sitio web,
debemos tener en cuenta que la informacin y los contenidos que se publiquen
tambin deben respetar una cierta estructura. Cuando se habla de desarrollo
para contenidos web se identifica una serie de recomendaciones bsicas:
Se deben destacar los ttulos, los enlaces a otras pginas, los enlaces a
secciones propias, los archivos para descarga, etctera.
El texto debe estar escrito de forma tal que el lector pueda saber de qu
trata el contenido sin necesidad de leer por completo la informacin.
Esto puede lograrse con una buena seleccin de ttulos y subttulos,
palabras clave destacadas, prrafos breves, etctera.
15
BIBLIOGRAFA
http://www.desarrolloweb.com/
http://www.nosolousabilidad.com/articulos/ai.htm
http://www.wikipedia.org/
lvaro Martnez Echevarra, Manual prctico de HTML, Universidad Politcnica
de Madrid, Espaa, 1995. Versin digital en: http://www-app.etsit.upm.es
Juan-Miguel Lpez-Gil, Carolina Navarro-Molina, Roberto Garca y Rafael
Aleixandre-Benavent. Anlisis de la arquitectura de webs mediante tests de
estrs de navegacin, de usabilidad y eye tracking. El profesional de la
informacin, v. 19, n. 4, julio-agosto 2010.
Ricardo Baeza-Yates, Cuauhtmoc Rivera Loaiza y Javier Velasco Martn.
Arquitectura de la informacin y usabilidad en la web. El profesional de la
informacin, v. 13, n. 3, mayo-junio 2004 .
16