1. 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ón
Formulación , Planificación , Análisis , Análisis de Contenido , Análisis de Interacción
Análisis Funcional
Análisis de Configuración
Diseño
Diseño Arquitectónico
Estructuras
Lineal
Reticular
Jerárquica
Web Pura
Patrones de Diseño
Diseñ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ÑO
Los 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ÓN
el 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.

2. DISEÑO DE INTERFAZ
La 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

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