ARQUITECTURA WEB.pptx
-
Upload
gabriel-ortega -
Category
Documents
-
view
228 -
download
0
Transcript of 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.
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
Se refiere a que todas aquellas personas que lo deseen puedan percibir, entender, navegar e interactuar con una página.
Accesibilidad
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
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
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
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.
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
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.
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
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
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
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?
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
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.
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
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
ACCESIBILIDAD, NAVEGABILIDAD Y USABILIDAD
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
ACCESIBILIDAD, NAVEGABILIDAD Y 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
REQUERIMIENTOS TÉCNICOS DE 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
REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB
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.
Estructuración de la información
REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB
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.
Estructuración de la información
REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB
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.
Estructuración de la información
REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB
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.
Estructuración de la información
REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB
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
REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB
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.
REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB
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.
REQUERIMIENTOS TÉCNICOS DE LOS CONTENIDOS WEB
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