Arquitectura Web

ARQUITECTURA WEBHaga clic para modificar el estilo de subttulo del patrn

Conds de la Torre Zrate Eduardo Ortega Sols Gabriel4/8/12

ANTECEDENTESLa Web (World Wide Web WWW) Sistema de distribucin de informacin basado en hipertexto o hipermedios enlazados y accesibles a travs de Internet.

4/8/12

ANTECEDENTESComo funciona la Web1- Traducir la parte nombre del servidor de la URL en una direccin IP usando DNS.

2- Enviar una peticin HTTP al servidor Web solicitando el recurso.

3- Al recibir los ficheros solicitados desde el servidor web, el navegador Renderiza la pgina tal y como se describe en el cdigo HTML. Al final se incorporan las imgenes y otros 4/8/12

ANTECEDENTESQue es una pgina Web? Es un documento o informacin electrnica adaptada para la WWW y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo mvil Las pginas web pueden estar almacenadas en un equipo local4/8/12

ANTECEDENTESCaractersticas de pgina Web Est compuesta principalmente por informacin (texto y/o mdulos multimedia) e hiperenlaces. contener o asociar datos de estilo para especificar cmo debe visualizarse. escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar4/8/12

Puede

Son

ANTECEDENTESDominio de una pgina web Es la direccin web de nuestra pgina que es nica e irrepetible: www.unid.edu.mx Los dominios poseen una estructura y una sintaxis propia con una cantidad mxima de caracteres de 19. Las partes estructurales de un dominio estn separadas por un punto:4/8/12

ANTECEDENTESDominio de una pgina web El prefijo www es la clave que le indica al navegador que visitaremos una pgina web.

www.unid.edu.mx El nombre es el cuerpo principal del dominio,4/8/12

ANTECEDENTESDominio de una pgina web El tipo identifica la finalidad del sitio.

www.unid.edu.mx El pas es una parte opcional del dominio que identifica el pas de origen del mismo.4/8/12

ANTECEDENTESDominio de una pgina Web

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 4/8/12

ARQUITECTURA WEBDefine 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.

El foco para el diseo y construccin de pginas web se centra en el usuario y sus requerimientos. 4/8/12

ARQUITECTURA WEBObjetivo El principal objetivo de la arquitectura Web es resolver las necesidades especficas del negocio como:

Venta de productos. online. de las necesidades de los potenciales

Servicios

Satisfaccin

clientes

4/8/12

ARQUITECTURA WEBArquitectura de la Informacin Es el estudio de la organizacin de informacin con el objetivo de permitir usuario encontrar su va de navegacin hacia conocimiento y la comprensin de informacin. la al el la

4/8/12

ARQUITECTURA WEBAnlisis de la arquitectura de webs Uno de los factores ms importantes en el diseo de un sitio web es la correcta construccin de su Arquitectura de la Informacin (IA). En este sentido, la tcnica ms enfocada al estudio de la IA en sistemas de informacin ya desplegados y que proporciona mayor grado de independencia es el Test de Estrs de Navegacin (TEN); se basa en una serie de preguntas que determinan 4/8/12 IA permite a los si una

ARQUITECTURA WEBAspectos Generales en Arquitectura WEB 1- Escalabilidad. Caracterstica Posible Es

principal apps WEB:

incremento vertiginoso del nmero de usuarios importante el correcto dimensionamiento de la aplicacin adaptabilidad del sistema ante el incremento de demanda. opciones:4/8/12

La

Varias

ARQUITECTURA WEBAspectos Generales en Arquitectura WEB 2- Separacin de responsabilidades. Premisa

base para la separacin de capas

Distintas

Responsabilidades no deben ser delegadas en la misma clase (separacin de incumbencias) actual en aplicaciones WEB: Arquitectura n-capas modelo ms bsico es el de tres capas:de presentacin4/8/12

Tendencia El

Capa

ARQUITECTURA WEBAspectos Generales en Arquitectura WEB 3- Portabilidad. Una

aplicacin web debe poder adaptarse a las distintas arquitecturas fsicas posibles en el despliegue. tareas de adaptacin a un nuevo entorno deben limitarse al mbito de la configuracin, no del desarrollo. de ejemplo: Cliente reacio a las tecnologas de componentes J2EE (EJBs) por costes, rendimiento o simplemente, moda.4/8/12

Las

Supuesto

ARQUITECTURA WEBAspectos Generales en Arquitectura WEB 5- Gestin de la sesin del usuario, cacheado de entidades. Aspecto

muy delicado del sistema de entidades en:de la aplicacin de la informacin del sistema. Consumo de recursos del4/8/12

CacheadoSesin

de usuario

Contexto

Caducidad Refresco

de datos

Rendimiento

ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDADProcurar la accesibilidad, la navegabilidad y la usabilidad de una pgina web es fundamental para ofrecerles a los visitantes y usuarios una experiencia gratificante, y as instarlos a volver a visitarla.

4/8/12

Accesibilidad

ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD

Se refiere a que todas aquellas personas que lo deseen puedan percibir, entender, navegar e interactuar con una pgina.

4/8/12

Accesibilidad


El diseo y la arquitectura de una pgina web debe cumplir con ciertos requisitos de accesibilidad, lo que implica tener en cuenta muchos factores, como:

el tipo de contenido tamao complejidad de la pgina web

el la

las

herramientas tecnolgicas con las que ser desarrollada. 4/8/12

Accesibilidad


Generalmente se evala de acuerdo con tres niveles de prioridad:Prioridad 3 Prioridad 1 Prioridad 2 Son aquellos Son aquellos Son aquellos puntos que se puntos que se puntos que se deben cumplir ya deberan cumplir deberan cumplir ya que, de otra que, de otra ya que, en caso forma, algunos manera, ciertos contrario, sera usuarios grupos de usuarios muy difcil experimentaran no tendran acceder a la acceso a la informacin para ciertas dificultades informacin de la ciertos grupos de para acceder a la 4/8/12 informacin.

Accesibilidad


En funcin de estas prioridades, las aplicaciones de evaluacin de accesibilidad establecen niveles de conformidad, que se codifican de la siguiente forma:

Nivel de Conformidad "A":

Nivel de Conformidad "AA":

Nivel de Conformidad "AAA":

Todos los puntos Todos los puntos Todos los puntos de verificacin de de verificacin de de verificacin de prioridad 1 se prioridad 1 y 2 se prioridad 1, 2 y 3 se satisfacen. satisfacen satisfacen4/8/12

Accesibilidad


Una de las herramientas de evaluacin de accesibilidad ms utilizadas es TAW (Test de Accesibilidad Web). Sus destinatarios son profesionales del diseo y desarrollo web.

En el sitio

http://www.tawdis.net/, solo4/8/12

Navegabilidad


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.

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?4/8/12

Principios para la Navegabilidad Web


Puede determinarse a partir de tres principios:La estructura del La localizacin: sitio: Es la organizacin Cuando se trata de interna de una pginas pgina web: se complejas, es refiere a cmo se necesario que el categorizan los usuario pueda contenidos en identificar con niveles de facilidad en qu importancia, en lugar de la pgina secciones y se encuentra. subsecciones, etc. 4/8/12 El contexto: Guiar en todo momento al visitante de una pgina web. El diseo de una pgina debe proveer a los usuarios referencias explcitas que

ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDADRecomendaciones para la navegabilidad Web

1Incorpora r el men de navegaci n

2- Poder volver en un clic a la pgina principal

3- Regla de los tres clics

4- Crear un mapa del sitio

4/8/12

Usabilidad


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.

4/8/12

Criterios a considerar para la Usabilidad


1Facilidad de aprendizaj e 2Eficiencia de uso

3Flexibilidad

4Seguridad

4/8/12

Decisiones tcnicas sobre los contenidos web

REQUERIMIENTOS TCNICOS DE LOS CONTENIDOS WEB

Se deben tener en cuenta ciertas necesidades y requisitos tcnicos que son fundamentales para la calidad y performance de la pgina.

Las decisiones tcnicas que se deben tomar con respecto al contenido son muchas: estructuracin de la informacin, estructura de las carpetas en el servidor, tipo de archivo y tamao de las imgenes y fotografas y 4/8/12 vnculos para descargas de archivos imprimibles.

Estructuracin de la informacin


Es importante disear, ya sea en papel o a travs de algn recurso tecnolgico, un organigrama con todas las secciones que se quieren publicar en una pgina web, incluyendo la distribucin de texto, imgenes, vnculos y otras herramientas.

Las estructuras ms comunes para organizar la informacin son cuatro:4/8/12



1.- Estructura en rbol: Esta estructura se disea a partir de una pgina principal que se vincula con otras pginas con menor nivel de jerarqua: esta lnea jerrquica se reitera cuantas veces sea necesario; solo es recomendada para pginas con muy poca informacin.

4/8/12



2.- Estructura lineal: No es una estructura que se utilice muy a menudo en pginas web, sin embargo dado que no es jerrquica pero implica una secuencialidad lineal y nica, es muy utilizada en pginas que presentan manuales o cursos, dado que el usuario debe recorrer forzosamente una secuencia de pginas.

4/8/12



3.- Estructura mixta: Es una estructura que combina la estructura en rbol y la lineal. Esta estructuracin permite una organizacin jerrquica en algunos niveles, y una organizacin lineal en otros. Esta estructuracin facilita mucho la navegabilidad de una pgina, ya que permite recorrer diferentes secciones sin necesidad de volver a la pgina de inicio.

4/8/12



4.-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.

4/8/12

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 4/8/12

Mapa de Sitio


Cuando se habla de desarrollo para contenidos web se identifica una serie de Recomendaciones Bsicas: Los contenidos de un sitio web se organizan en forma piramidal: esto implica que la informacin ms actualizada o ms importante debe situarse en un primer nivel.

4/8/12

Mapa de Sitio

REQUERIMIENTOS TCNICOS DE LOS CONTENIDOS WEBRecomendaciones Bsicas:

Se deben destacar los ttulos, los enlaces a otras pginas, los enlaces a secciones propias, los archivos para descarga, etctera.

4/8/12

Mapa de Sitio

REQUERIMIENTOS TCNICOS DE LOS CONTENIDOS WEBRecomendaciones Bsicas: 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.

4/8/12

Haga clic en el icono para agregar una imagen

GRACIAS

4/8/12

Arquitectura Web

Documents

Transcript of Arquitectura Web