Los modelos arquitectónicos describen el entorno del sistema. Los modelos arquitectónicos sencillos normalmente se complementan con otros modelos, tales como modelos de procesos, que muestran las actividades de los procesos soportados por el sistema.

Marco de Trabajo, Pruebas ,GestiónFormulación , Planificación , Análisis , Análisis de Contenido , Análisis de InteracciónAnálisis FuncionalAnálisis de ConfiguraciónDiseñoDiseño ArquitectónicoEstructurasLinealReticularJerárquica Web PuraPatrones de DiseñoDiseño de Navegación

MARCO DE TRABAJO

Según Pressman, “el proceso de ingeniería comienza con la formulación que identifica las metas y objetivos de las WebApps y establece el ámbito del primer incremento”La formulación, el análisis de sistemas y aplicaciones basadas en Web representan una sucesión de actividades de ingeniería Web que comienza con la identificación de metas globales para la WebApp, y termina con el desarrollo de un modelo de análisis o especificación de los requisitos para el sistema.

PATRONES DE DISEÑOLos patrones de diseño son un buen método para resolver pequeños problemas que pueden adaptarse a una variedad mucho más amplia de problemas específicos.

DISEÑO DE NAVEGACIÓNel diseñador deberá definir las rutas de navegación que permitan al usuario acceder al contenido y a los servicios de la WebApp.Generalmente, una WebApp grande tendrá variedad de roles de usuarios diferentes. Por ejemplo, los roles podrían ser el de visitante, cliente registrado o cliente privilegiado. Cada uno de estos roles se pueden asociar a diferentes niveles de acceso al contenido y de servicios diferentes.

DISEÑO DE INTERFAZLa interfaz del WebApp es la primera impresión para el usuario. Se debe considerar los siguientes criterios de diseño:

Probabilidad de errores del servidor, incluso los más pequeños, hagan que el usuario abandone el sitio web y busque información y servicios en algún otro sitio. Cantidad de lectura de texto. No hay que obligar al usuario a leer cantidades voluminosas de texto. Evitar símbolo bajo construcción-levanta expectación y provocan un enlace innecesario que seguramente sea decepcionante -. Evitar el desplazamiento en la pantalla. Dentro de las dimensiones normales de una ventana del navegador se deberá incluir información importante. Diseño consecuente de menús de navegación y barra de cabecera. Equilibrio entre estética y funcionalidad. Opciones obvias de navegación.

ESTRUCTURAS Lineal: Sucesión predecible de interacciones. Reticular: Organización de categorías en dos o más dimensiones. Esta arquitectura WebApp es de utilidad solo cuando se encuentra un contenido muy regular. Jerárquica: Fomentan solo el flujo de control a lo largo de las ramas verticales de

la jerarquía. Web Pura (Estructura en red): Se asemeja al uso de componentes. Los componentes arquitectónicos (en este caso las páginas web) se diseñan de forma que se pueden pasar el control (mediante enlaces de hipertexto) a otros componentes del sistema. Este enfoque permite una flexibilidad de navegación considerable, aún cuando puede resultar confuso para el usuario.