Aplicaciones Web Ingeniera Web, HTML Ingeniera del Software Web

Ingeniera del Software Web En esencia, el proceso del software que se sigue para las aplicaciones de escritorio, es el mismo que se sigue para el desarrollo de aplicaciones web.
Levantamiento de Requerimientos

Planificacin

Diseo

Desarrollo

Despliegue

Soporte

Ingeniera del Software Web Levantamiento de Requerimientos

Ingeniera del Software Web Levantamiento de Requerimientos

Muchos requisitos no funcionales: 1. Aplicaciones visualmente atractivas 2. Tiempos de respuesta bastante cortos 3. Diseo y disposicin de los elementos 4. Fcil navegacin
4

Ingenieria del Software Web Planificacion

Usualmente, la planificacin se realiza por escenarios, entregando incrementos sucesivos hasta lograr entregar el software con la funcionalidad completa

Ingeniera del Software Web

Planificacin
Inicia con la definicin de la funcionalidad del sistema; una vez definida, se divide en incrementos (e-plays) Cada incremento (e-play) se prioriza de acuerdo a su costo y al impacto en la organizacin Los incrementos (e-plays) se pueden desplegar sin necesidad de haber concluido el sistema
6

Ingeniera del Software Web

Desarrollo Iterativo: El enfoque incremental
PROCESO SISTEMA DE INFORMACIN Sistema de Informacin de Autoevaluacin Evaluacin Docente Gestin de la Calidad GoogleApps E-PLAY Evaluacin de Lineamientos Curriculares 3 Evaluacin Docente Gestin Documental Mantenimiento de informacin de las dependencias 6 9 5 8 8
Plazo Impacto

Portal Web

2
SIACURN Tuto Docencia Sistema de Informacin de Medios Audiovisuales Gestin del Conocimiento Acadmico 1 Gestin de Asesoras y Tutoras Gestin de Medios de Apoyo a la Docencia 4 Sistema de Reporte de Tiempos y Asistencia Gestin del Tiempo y Asistencia de Docentes de Docentes 3

10

10 7

Ingeniera del Software Web

Desarrollo Iterativo: El enfoque incremental
4 3

2 5 IMPACTO 6 1 7

PLAZO

Ingeniera del software Web

Desarrollo Iterativo: el enfoque incremental

Ingeniera del Software Web

Desarrollo Iterativo: El enfoque incremental Ventajas:
El cliente no tiene que esperar hasta el final del proyecto para empezar a utilizar el sistema (ideal para soluciones de e-business) El cliente puede utilizar los incrementos iniciales como prototipos Bajo riesgo de fallo total del proyecto A los servicios ms importantes se les hacen ms pruebas (porque se despliegan de forma ms temprana)

Desventajas:
Los incrementos deben ser pequeos (<= 20.000 LDC) Cada incremento debe entregar funcionalidad al sistema Dificultad en identificar los recursos comunes
10

Ingeniera del Software Web Diseo Arquitectnico

El diseo arquitectnico usual en las aplicaciones web es un diseo de tres capas:
Datos Lgica de Negocio Presentacion

11

Ingeniera del Software Web Diseo Arquitectnico

Presentacion

Lgica de Negocio

Datos

12

Ingeniera del Software web Diseo: Despliegue grfico

Requiere definir las hojas de estilo (CSS) y presentacin visual de la aplicacin (imgenes, logos, animaciones, etc.) Requiere definir las interfaces grficas con HTML
13

Ingeniera del Software Web Diseo: Aspectos Funcionales del Despliegue Grfico
Las interfaces deben ser probadas antes de su despliegue para medir su usabilidad, con una muestra de potenciales usuarios

Las interfaces deben ser accesibles, es decir, deben ser amigables con los dispositivos y navegadores que utiliza la poblacin con necesidades especiales (WCAG) Las interfaces deben poder ser accedidas sin distorsionar el contenido por dispositivos mviles
14

Ingenieria del Software Web Diseo: Lgica de Negocio

Al tratarse del componente propiamente de software de la aplicacin, se modela con las mismas tcnicas que el software de escritorio (UML diagramas de clase, actividad, secuencia)

15

Ingeniera del Software Web Diseo: Lgica del Negocio

16

Ingeniera del Software Web Diseo: Lgica del Negocio

17