ARQUITECTURA WEB.pptx

ARQUITECTURA WEB

ANTECEDENTESLa Web (World Wide Web

WWW)

Sistema de distribución de información basado en hipertexto o hipermedios enlazados y accesibles a través de Internet.

ANTECEDENTES

Como funciona la Web

1- Traducir la parte nombre del servidor de la URL en una dirección IP usando DNS.

2- Enviar una petición HTTP al servidor Web solicitando el recurso.

3- Al recibir los ficheros solicitados desde el servidor web, el navegador Renderiza la página tal y como se describe en el código HTML. Al final se incorporan las imágenes y otros recursos para producir la página que ve el usuario en su pantalla.

ANTECEDENTES

¿Que es una página Web? Es un documento o información

electrónica adaptada para la WWW y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo móvil

Las páginas web pueden estar almacenadas en un equipo local o un servidor web remoto.

El acceso a las páginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).

ANTECEDENTES

Características de página Web

Está compuesta principalmente por información (texto y/o módulos multimedia) e hiperenlaces.

Puede contener o asociar datos de estilo para especificar cómo debe visualizarse.

Son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML.

El contenido de la página puede ser:-Predeterminado («página web estática») -Generado al momento de visualizarla o solicitada a un servidor web («página web dinámica»), que son creadas por una aplicación en el servidor web que alberga las mismas.

Una página web es en esencia una tarjeta de presentación digital

ANTECEDENTES

Dominio de una página web Es la dirección web de nuestra página

que es única e irrepetible:

www.unid.edu.mx Los dominios poseen una estructura y

una sintaxis propia con una cantidad máxima de caracteres de 19. Las partes estructurales de un dominio están separadas por un punto:

ANTECEDENTES

Dominio de una página web El prefijo www es la clave que le indica al

navegador que visitaremos una página web.

www.unid.edu.mx

El nombre es el cuerpo principal del dominio, o sea la palabra que denomina nuestra página web.

ANTECEDENTES

Dominio de una página web El tipo identifica la finalidad del sitio.

www.unid.edu.mx

El país es una parte opcional del dominio que identifica el país de origen del mismo.

ANTECEDENTES

Los dominios están regulados internacionalmente por ICANN (sigla en inglés de Corporación Internacional para la Asignación de Nombres y Números), que es una organización sin fines de lucro que se encarga de administrar el sistema de asignación de dominios.

En todo el mundo, NIC (sigla en inglés de Centro de Interconexión de Información) es el ente que, siguiendo las prácticas internacionales, administra el dominio

Dominio de una página Web

ARQUITECTURA WEBDefine una tarea que requiere conocimientos

técnicos de construcción, funcionales y de diseño para sitios o páginas web. La construcción de páginas web requiere una compleja conjunción de diferentes sistemas integrados entre sí: servidores, bases de datos, organización de la información, etcétera.

El foco para el diseño y construcción de páginas web se centra en el usuario y sus requerimientos.

ARQUITECTURA WEBObjetivo

El principal objetivo de la arquitectura Web es resolver las necesidades específicas del negocio como: Venta de productos.Servicios online.Satisfacción de las necesidades de los

potenciales clientes

ARQUITECTURA WEBArquitectura de la Información

Es el estudio de la organización de la información con el objetivo de permitir al usuario encontrar su vía de navegación hacia el conocimiento y la comprensión de la información.

ARQUITECTURA WEBAnálisis de la arquitectura de webs

Uno de los factores más importantes en el diseño de un sitio web es la correcta construcción de su Arquitectura de la Información (IA).

En este sentido, la técnica más enfocada al estudio de la IA en sistemas de información ya desplegados y que proporciona mayor grado de independencia es el Test de Estrés de Navegación (TEN); se basa en una serie de preguntas que determinan si una IA permite a los usuarios hacerse una idea clara de dónde están y qué elementos de información tienen a su alcance desde ese punto.

Otra técnica novedosa es la de Eye Tracking (ET) –seguimiento de los ojos– que permite mirar al usuario en cada momento, consintiendo que los evaluadores puedan saber si una de las causas de que los usuarios no perciban correctamente la IA es que no hayan fijado la mirada en algunos de los elementos relevantes de la misma.

ARQUITECTURA WEBAspectos Generales en Arquitectura WEB

1- Escalabilidad. Característica principal apps WEB: Posible incremento vertiginoso del número de

usuarios Es importante el correcto dimensionamiento de la

aplicación La adaptabilidad del sistema ante el incremento

de demanda. Varias opciones:

Escalabilidad Horizontal Escalabilidad Vertical Cluster de servidores

ARQUITECTURA WEBAspectos Generales en Arquitectura WEB 2- Separación de responsabilidades. Premisa base para la separación de capas Distintas Responsabilidades no deben ser

delegadas en la misma clase (separación de incumbencias)

Tendencia actual en aplicaciones WEB: Arquitectura n-capas

El modelo más básico es el de tres capas: Capa de presentación Capa de negocio Capa de persistencia

ARQUITECTURA WEBAspectos Generales en Arquitectura WEB 3- Portabilidad. Una aplicación web debe poder adaptarse a las

distintas arquitecturas físicas posibles en el despliegue.

Las tareas de adaptación a un nuevo entorno deben limitarse al ámbito de la configuración, no del desarrollo.

Supuesto de ejemplo: Cliente reacio a las tecnologías de componentes J2EE (EJBs) por costes, rendimiento o simplemente, moda.

4- Componentización de los servicios de

infraestructura.

ARQUITECTURA WEBAspectos Generales en Arquitectura WEB 5- Gestión de la sesión del usuario, cacheado

de entidades. Aspecto muy delicado del sistema Cacheado de entidades en:

Sesión de usuario Contexto de la aplicación Caducidad de la información Refresco de datos Rendimiento del sistema. Consumo de recursos

del sistema.

6- Aplicación de patrones de diseño.

ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD

Procurar la accesibilidad, la navegabilidad y la usabilidad de una página web es fundamental para ofrecerles a los visitantes y usuarios una experiencia gratificante, y así instarlos a volver a visitarla.


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

Accesibilidad


El diseño y la arquitectura de una página web debe cumplir con ciertos requisitos de accesibilidad, lo que implica tener en cuenta muchos factores, como:

el tipo de contenido el tamaño la complejidad de la página web las herramientas tecnológicas con las que

será desarrollada.

Accesibilidad


Generalmente se evalúa de acuerdo con tres niveles de prioridad:

Accesibilidad

Prioridad 1Son aquellos

puntos que se deben cumplir ya

que, de otra manera, ciertos

grupos de usuarios no tendrían acceso a la

información de la página web.

Prioridad 2Son aquellos puntos que se

deberían cumplir ya que, en caso contrario, sería

muy difícil acceder a la

información para ciertos grupos de

usuarios.

Prioridad 3Son aquellos puntos

que se deberían cumplir ya que, de otra forma, algunos

usuarios experimentarían

ciertas dificultades para

acceder a la información.


En función de estas prioridades, las aplicaciones de evaluación de accesibilidad establecen niveles de conformidad, que se codifican de la siguiente forma:

Accesibilidad

Nivel de Conformidad "A":

Todos los puntos de verificación de prioridad 1 se

satisfacen

Nivel de Conformidad

"AA":

Todos los puntos de verificación de

prioridad 1 y 2 se satisfacen

Nivel de Conformidad

"AAA":

Todos los puntos de verificación de

prioridad 1, 2 y 3 se satisfacen.


Una de las herramientas de evaluación de accesibilidad más utilizadas es TAW (Test de Accesibilidad Web). Sus destinatarios son profesionales del diseño y desarrollo web.

En el sitio http://www.tawdis.net/, solo tenemos que ingresar la URL de la página que queremos analizar, y en breves instantes tendremos un informe en HTML donde se indican los inconvenientes de accesibilidad y algunas recomendaciones para mejorarla.

Accesibilidad


Se refiere a la facilidad con que un usuario puede desplazarse por ella. Si una página web es clara, sencilla, comprensible, ofrece al usuario una experiencia satisfactoria.

Navegabilidad

Una página web tiene un nivel óptimo de navegabilidad cuando su interfaz le responde al

usuario las siguientes preguntas: ¿Dónde estoy?, ¿dónde he estado?, ¿dónde puedo ir?


Puede determinarse a partir de tres principios:

Principios para la Navegabilidad Web

La estructura del sitio:

Es la organización interna de una página web: se

refiere a cómo se categorizan los contenidos en

niveles de importancia, en

secciones y subsecciones, etc.

La localización:

Cuando se trata de páginas complejas, es necesario que el

usuario pueda identificar con

facilidad en qué lugar de la página

se encuentra.

El contexto:

Guiará en todo momento al

visitante de una página web. El diseño de una página debe proveer a los

usuarios referencias explícitas que

ayuden a diferenciar una sección de otra.


Recomendaciones para la navegabilidad Web

1- Incorporar

el menú de

navegación

3- Regla de los

tres clics

2- Poder volver en un clic a la página principal

4- Crear un mapa del sitio


Término que se utiliza para analizar la mejor forma de diseñar sitios web para que los usuarios puedan interactuar con ellos de la forma más fácil, cómoda e intuitiva posible.

Usabilidad


Criterios a considerar para la Usabilidad

1- Facilidad

de aprendizaj

e

3- Flexibilidad

2- Eficiencia

de uso4-

Seguridad

REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB

Se deben tener en cuenta ciertas necesidades y requisitos técnicos que son fundamentales para la calidad y performance de la página.

Las decisiones técnicas que se deben tomar con respecto al contenido son muchas: estructuración de la información, estructura de las carpetas en el servidor, tipo de archivo y tamaño de las imágenes y fotografías y vínculos para descargas de archivos imprimibles.

Decisiones técnicas sobre los contenidos web


Es importante diseñar, ya sea en papel o a través de algún recurso tecnológico, un organigrama con todas las secciones que se quieren publicar en una página web, incluyendo la distribución de texto, imágenes, vínculos y otras herramientas.

Las estructuras más comunes para organizar la información son cuatro:

Estructuración de la información


1.- Estructura en árbol: Esta estructura se diseña a partir de una página principal que se vincula con otras páginas con menor nivel de jerarquía: esta línea jerárquica se reitera cuantas veces sea necesario; solo es recomendada para páginas con muy poca información.



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



3.- Estructura mixta: Es una estructura que combina la estructura en árbol y la lineal. Esta estructuración permite una organización jerárquica en algunos niveles, y una organización lineal en otros. Esta estructuración facilita mucho la navegabilidad de una página, ya que permite recorrer diferentes secciones sin necesidad de volver a la página de inicio.



4.-Estructura en red: es actualmente la más utilizada, ya que permite que todas las páginas estén interconectadas entre sí, por lo tanto es una estructura mucho más compleja y menos organizada. Hay que tener en consideración que la planificación de este tipo de estructura se debe realizar con minuciosidad, para evitar que el usuario se pierda en la navegación.



Refleja la estructura de información por medio de la cual está conformada una página web, y permite al usuario saber dónde encontrar determinada sección o información.

Además de la estructura de la información al nivel de la página o sitio web, debemos tener en cuenta que la información y los contenidos que se publiquen también deben respetar una cierta estructura.

Mapa de Sitio


Cuando se habla de desarrollo para contenidos web se identifica una serie de Recomendaciones Básicas:

Mapa de Sitio

•Los contenidos de un sitio web se organizan en forma piramidal: esto implica que la información más actualizada o más importante debe situarse en un primer nivel.


Recomendaciones Básicas:

Mapa de Sitio

•Se deben destacar los títulos, los enlaces a otras páginas, los enlaces a secciones propias, los archivos para descarga, etcétera.


Recomendaciones Básicas:

Mapa de Sitio

•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 información. Esto puede lograrse con una buena selección de títulos y subtítulos, palabras clave destacadas, párrafos breves, etcétera.

GRACIAS

Documents

ARQUITECTURA WEB.pptx