¿Qué es?

• Es la aplicación de metodologías sistemáticas, disciplinadas y

cuantificables al desarrollo eficiente, operación y evolución de
aplicaciones de alta calidad en la (World Wide Web).
• Es el proceso con el que se crean aplicaciones web de alta calidad para
una gran cantidad de usuarios
• Es aplicada por los ingenieros web y los desarrolladores de aplicaciones
web
• Conforme las aplicaciones web se integran más en las estrategias de
negocios para pequeñas y grandes empresas, crece en importancia la
necesidad de construir sistemas confiables, prácticos y adaptables
El modelo iWEB se basa en aspectos como la planeación, análisis, diseño e implementación
aprovechando aspectos de la ingeniería de software como las entregas incrementales y
evolutivas, convirtiendo un modelo en espiral en un modelo eficaz de desarrollo para procesos
de desarrollo web
• 1. Formulación. Se identifican las metas y los objetivos del sistema
• 2. Planificación. Se estima el costo global del proyecto y se evalúan los riesgos
asociados con el esfuerzo del desarrollo, y se define una planificación del
desarrollo de la aplicación
• 3. Análisis. En esta etapa se establecen los requisitos técnicos y de diseño, e
identificación de los elementos de contenido que se van a incorporar
• 4. Ingeniería. En esta etapa se realizan las tareas diseño del contenido y
producción, en paralelo con los diseños arquitectónicos, navegación e
interfaz.
• 5. Generación de páginas. En esta etapa se realiza la construcción haciendo
uso de las herramientas para el desarrollo de aplicaciones web y se asocia
con el diseño arquitectónico, de navegación y de interfaz para la
elaboración de web dinámicas.
• 6. Pruebas. En esta etapa se busca descubrir errores y ayuda a asegurar
que la aplicación web funcionará correctamente en diferentes entornos.
• 7. Evaluación del cliente. En esta etapa es donde se realizan todas las
correcciones y cambios que se detectaron en la etapa de pruebas y se
integran al sistema para el siguiente incremento, de tal modo que se
asegure la satisfacción por parte del cliente, según los requerimientos
solicitados. Adicional a la evaluación en esta etapa se realiza la
transferencia tecnológica del sistema desarrollado, es decir, se realiza el
alojo en servidores o en los equipos que para ello el cliente considere
pertinente.
 Ejemplos de sistemas de
Evolución de la Web
información web

Se aplica el Se desarrollan
Crecimiento
uso de la grandes
desorganizado
Ingeniería sistemas Web Redes sociales

Transacciones
bancarias

Internet

Es Reservaciones
turísticas

Tecnología Revolución de las TIC

Necesaria y útil para

el desarrollo global Explosión de las redes
Utilización de la IWeb
sociales
Es la
Fuente de información
más importante y Sistemas de información
disponible
web
 ¿Qué es ingeniería Web?

Es Para crear y Aplicaciones y De

Ingeniería Web Proceso utilizado Alta calidad
mantener Sistemas Web
Es
Filosofía Idéntica

A
Ingeniería de
Software

Información Idea de movimiento Adaptación Funcionalidad

 Características de la ingeniería Web

Intensivas de red

Estética Inmediatez

Ingeniería
Web

Seguridad Evolución
continua

Controlada por
el contenido
 •Es aquella que posee contenido de solo lectura con navegación y
Informativa
enlaces simples. Ejemplo: www.bbva.es o Wikipedia.

•Un usuario descarga la información de servidor apropiado.

Descarga
Ejemplo: Google Drive

•El usuario personaliza el contenido según sus necesidades. Ejemplo:

Personalizable
Blogs

•Comunicación entre comunidad de usuarios. Ejemplo: Correos

Interacción
electrónicos, Messenger.

•Basada en formularios como el principal camino de comunicación

Entrada de
usuarios
 • Canaliza al usuario hacia otro contenido o servicio
Portal
fuera de su dominio.

• Se solicita al usuario, desde formularios, información

Orientada a para transacciones. Ejemplo: Banpro.
transacciones

Orientada a
• Se proporciona un servicio al usuario.
servicios

• Consulta del usuario a una base de datos, de la cual

extrae información. Ejemplo: Un sistema de
Acceso a una
base de datos cancelaciones en línea.
 El proceso de la Ingeniería Web

• Identifica objetivos.
• Establece el alcance de la
primera entrega.

El resultado final es sometido a Formulación

evaluación del cliente.

• Genera estimación de
costo
Evaluación Evaluación de riesgo
Planificación •
del cliente
• Calendario de desarrollo y
fechas de entrega.

Proceso
de
Pruebas que buscan errores en
Ingeniería
todos los niveles: Contenido, Especifica los requerimientos.
funcional, navegacional, etc. Web •
Test Análisis • Identifica el contenido.

Se integra arquitectura, navegación, e Conta de dos partes

interfaz para la creación más visible del Generación 1. Diseño y producción del contenido.
proyecto: Las páginas. Modelización 2. Diseño de la arquitectura, navegación e
de páginas
interfaz del usuario.
 Formulación en la Ingeniería Web

Formulación
Necesidades del
negocio

Permite
Clientes Equipo

Establecer
Metas y
objetivos
Requisitos Formulación Objetivos y metas

¿Cuál es la
principal
motivación para
la creación de
Webbapps?

Preguntas
¿Cuáles son los
Funciones y
características ¿Quiénes beneficios que
usaran las deben
Webbapps? satisfacer las
Webbapps?
 Formulación en la Ingeniería Web – Obtención de requerimientos
•La complejidad es proporcional al número de empleados.
•Objetivo de cada usuario al usar una Webbapp
•¿Cómo llegará el usuario a la Webbapp?
Definir categorías de usuarios •¿Qué características son de preferencia del usuario?
•Permite que la definición de los requerimientos sea más manejable

•Grupo Muestral Tradicional ( Encuestas)

Comunicación con clientes •Grupo Muestral Electrónico ( Encuestas)
•Entrevistas
para definir requerimientos •Construcción de escenarios mediante observación

básicos
•Listar objetos de contenido
•Definir cuales son lo Requerimientos funcionales y no funcionales
Análisis de información •Definir cuales son las entradas y salidas de información

recopilada

•Definen como interactúa una categoría de usuario con una Webbapp

•Ayudan a desarrollar como un usuario percibe su interacción con la Webbapp
•Proporcionan el nivel de detalle especifico para alcanzar un modelo de análisis específico
Definir casos de uso •Una guía importante para quienes prueban y administran la aplicación
Requisitos para el análisis de las Web Apps

• La jerarquía de usuario
• Desarrollo de casos de uso
• Afinación del modelo de caso de uso
Requisitos para el análisis de las Web Apps

• El análisis de requisitos para las Web apps abarca:

• Formulación
• Recopilación de requisitos
• Modelado de análisis
Requisitos para el análisis de las Web Apps

• La jerarquía de usuario
• Las categorías de usuarios finales que interactuarán con la Web app, se
identifican como parte de las tareas de formulación y de recopilación de
requisitos.
• Cuando el numero de usuarios es grande es aconsejable desarrollar una
jerarquía de usuarios.
Requisitos para el análisis de las Web Apps

• Desarrollo de casos de uso

• - Conocidos también como “haces de funcionalidad”
- Los casos de uso se desarrollan para cada categoría de usuario descrita en
la jerarquía de usuario
Requisitos para el análisis de las Web Apps

• Afinación del modelo de caso de uso

- Los casos de uso se organizan en paquetes funcionales y cada paquete
se valora para verificar que es:
✓ Comprensible
✓ Cohesivo
✓ Libremente acoplados
✓ Jerárquicamente superficial
 Planeación
Planeación
Define
Destaca Se consideran

Desarrollo de Programas Riesgos Controles

Desarrollo local
terceros
Evita

• Realizada por empleados de • Se seleccionan subcontratistas Fracaso Dificultades Confusiones

la empresa
Se debe:
1. Entender el ámbito, las
dimensiones y restricciones
del proyecto.
2. Definir un enfoque de
gestión de cambio
• Se validan cotizaciones, y la
confiabilidad de las
estimaciones.
• Comprensión del grado de
gestión del proyecto a realizar
• Gestión del grado de apoyo
 Planeación

Desarrolladores y Expertos en
Especialistas de
proveedores de Editor de Web Ingeniero Web dominios Administrador
soporte
contenido empresariales
• Generan y • Organización del • Obtención de • Es capaz de • Apoyo continuo • Llamado
recopilan contenido. requerimientos. responder todas a la web app. Webmaster
contenido. • Se relacionan • Modelo de las preguntas • Es responsable • Tiene la
• El contenido es con los análisis. relacionadas con de correcciones, posibilidad diaria
inherente a una desarrolladores. • Diseño metas, objetivos adaptaciones y de la operación
web app. • Entiende el arquitectónico, y requisitos mejoras al sitio. de la web app.
contenido la de interfaz y empresariales • Actualización de • Puede estar
tecnología de la navegación. relacionados con contenido. inmiscuido en
web app. eb app actividades
• Implementación • Implementación
y pruebas. de mejoras técnicas.
El proceso de Ingeniería Web
• Los atributos de los sistemas y aplicaciones basados en web
tienen una profunda influencia sobre el proceso de IWeb que
se elija.
• La inmediatez y la evolución contínua son atributos
principales de una Web app, se debe elegir un modelo de
proceso ágil que produzca liberaciones a un ritmo vertiginoso
El proceso de Ingeniería Web

- Definición del Marco de Trabajo

- Refinamiento del Marco de Trabajo

El proceso de Ingeniería Web
Definición del Marco de Trabajo
• Cualquiera de los modelos de proceso ágil se pueden aplicar como un
proceso Iweb.
• La efectividad de cualquier proceso de ingeniería depende de su
adaptabilidad
• Antes de definir un marco de trabajo se debe reconocer que:
- Los Web app con frecuencia se entregan de manera incremental
- Los cambios ocurrirán frecuentemente
- Los plazos son cortos
El proceso de Ingeniería Web
Definición del Marco de Trabajo

- Actividades involucradas:
• Comunicación con el cliente
- Análisis del negocio: define el contexto empresarial-organizativo para la web app
- Formulación: es una actividad de recopilación de requisitos que involucra a todos los
participantes
• Planeación
- Se crea el plan de proyecto para el incremento de la Web app
• Modelado
- Abarca las tareas de análisis y diseño
• Construcción
• Despliegue
- La web app se configura para su ambiente operativo
El proceso IWeb
El proceso de Ingeniería Web
Refinamiento del Marco de Trabajo

• Se ha advertido que el modelo de proceso Iweb puede ser

adaptable
• Las tareas asociadas con las actividades del marco de
trabajo de Iweb pueden modificarse, eliminarse o extenderse
con base en características del problema, el producto, el
proyecto y la gente en el equipo
Mejores prácticas en Ingeniería Web

• Tomar tiempo para entender las necesidades del negocio y

los objetivos del producto.
• Describir como interactuarán los usuarios con la Web app
aplicando un enfoque basado en escenarios.
• Desarrollar un plan del proyecto.
Mejores prácticas en Ingeniería Web
• Utilizar algún tiempo para modelar lo que se construirá
- UML, diagramas de casos de uso, clases, secuencia
• Revisar la consistencia y calidad de los modelos
• Utilizar herramientas y tecnología que permitan construir el sistema con
componentes reutilizables; MVC, Frameworks, Servicios.
• Diseñar pruebas amplias y ejecutarlas antes de liberar el sistema.
Modelado de Análisis para Aplicaciones Web

• Un equipo de ingeniería Web debe emprender el modelado de análisis si…

• La Web app es grande o compleja
• El equipo de ingenieros Web es numeroso
• Las metas y los objetivos afectarán la línea de referencia del negocio
• El éxito de la Web app tendrá fuerte conexión con el del negocio
Metodología iWEB
El modelo iWEB se basa en aspectos como la planeación, análisis, diseño e
implementación aprovechando aspectos de la ingeniería de software como las
entregas incrementales y evolutivas, convirtiendo un modelo en espiral clásico en
un modelo eficaz de desarrollo para procesos de desarrollo web
Atributos de los sistemas y aplicaciones
basados en Web
• Intensidad de red
-Internet, intranet…

• Concurrencia

• Carga impredecible

• Desempeño
- Espera prolongada

• Disponibilidad
- 24/7/ 365

• Gobernada por los datos

- Texto, gráficos, audio y video

• Sensibilidad al contenido
- Calidad y naturaleza estética
Atributos de los sistemas y aplicaciones
basados en Web
• Evolución contínua
- Análogo a la jardinería
• Inmediatez
- Poner software en el mercado rápidamente
• Seguridad
• Estética
- Presentación y disposición de lo elementos
Categorías de aplicaciones
• Informativo
- Contenido de solo lectura
• Descarga
• Personalizable
• Interacción
- Cuartos de charla, tableros de anuncios o mensajería instantánea
• Entrada del usuario
- La entrada con base en formularios…
• Orientada a transacciones
- Realizar pedidos
• Orientadas a servicios
- Asesoría en trámites
• Portal
- Canaliza al usuario hacia otros servicios web
• Acceso a una base de datos
• Almacén de datos
-Colección de grandes bases de datos