IW Unidad 1: Introducción a la Ingeniería Web

Ingeniería Web Carrera de Software
Ph.D. Franklin Parrales 1
01/03/2023
Introducción a la
Ingeniería Web
Unidad 1
Material docente compilado por el profesor Ph.D. Franklin Parrales Bravo
para uso de los cursos de Ingeniería Web

01/03/2023
Objetivo general de la Unidad 1
Estudiar los problemas que dieron lugar a la creación de la
disciplina de Ingeniería Web, así como estudiar los
atributos de las aplicaciones web y los procesos de la
Ingeniería Web.

01/03/2023
Contenido
▪ Motivación de la disciplina
▪ Diferencias entre los sistemas web y el software
tradicional
▪ Definición de la Ingeniería Web
▪ Atributos de las aplicaciones web
▪ El Proceso de Ingeniería Web
▪ Gestión de proyectos para aplicaciones web

01/03/2023
Visión general
▪ En 2005 el número de usuarios llegó a los
1.000 millones (Morgan Stanley, 2005)
▪ En 2002 se estimaban 605,6 millones
▪ Esto supone un crecimiento anual del 18%
▪ El segundo millardo se calcula que se conseguirá
en 2015, mientras que el tercer millardo se
retrasaría hasta el 2040 (Nielsen, 2005) – Se
consiguió en enero de 2011
▪ Hay 5,385,798,406 usuarios (datos de
diciembre de 2021) (https://goo.gl/bSHzoN)
▪ Representa aproximadamente una penetración
mundial del 67,9%

01/03/2023
¿Cómo afrontar esta demanda?
•Es necesario contar con un conjunto consolidado de
procesos, técnicas y herramientas que ayuden al
ingeniero en su labor
n Ingeniería del Software es la disciplina que aplica los
principios de ingeniería al contexto del software
n Creación de soluciones rentables a problemas prácticos
n Mediante la aplicación del conocimiento científico
n Para la construcción de cosas al servicio de la humanidad
(Shaw, 1990)
n ¿Y esto también para las aplicaciones Web?

01/03/2023
¿Y esto también para las aplicaciones
Web?
▪ El desarrollo de aplicaciones web en general no es
una excepción
▪ Presiones para acelerar la salida de las aplicaciones
web
▪ A semejanza de los primeros tiempos del software
tradicional, se está convirtiendo en un crecimiento caótico
y sin control de la Web
▪ ¿Qué se debería haber aprendido?
▪ Por mucha prisa que exista, es necesario un proceso
software que guíe el devenir del desarrollo, facilitando su
futuro mantenimiento y evolución
▪ Debe elegirse el proceso adecuado
▪ Que se ajuste a las necesidades del proyecto software y
de las organizaciones involucradas en su ciclo de vida

01/03/2023
¿Y esto también para las aplicaciones
Web?
“Me parece que cualquier producto o sistema importante es
merecedor de recibir una ingeniería. Antes de comenzar a
construir, lo mejor es entender el problema, diseñar una
solución viable, implementarla de una manera sólida y
comprobarla en profundidad. Probablemente también se
debería controlar los cambios a medida que el trabajo vaya
avanzando, y disponer de mecanismos para asegurar la
calidad del resultado final. Muchos de los que desarrollan
Webs no dicen lo mismo; ellos piensan que su mundo es
realmente diferente, y que simplemente no se van a aplicar
los enfoques de Ingeniería del Software convencionales”
Roger S. Pressman

01/03/2023
Planteamiento del problema
▪ Crecimiento y desarrollo de Internet en general y de la Web
en particular
▪ El crecimiento de la Web, como medio de aplicación, ha sido
exponencial y muy rápido
▪ Gran impacto en muchos ámbitos de la sociedad (banca,
comercio, negocios, industria, educación, etc.)
▪ Muchas de las aplicaciones tradicionales están siendo
migradas total o parcialmente para tener acceso a la Web
▪ Avances de las tecnologías wireless y su conexión con
Internet están dando lugar a una nueva generación de
aplicaciones Web móviles
▪ Mayor dependencia de las aplicaciones web cada vez más
complejas y críticas

01/03/2023
▪ Tiempo que ha llevado llegar a los 50 millones de
usuarios
▪ 40 años a la telefonía
▪ 35 años a la radio
▪ 20 años al vídeo
▪ 26 años a la televisión
▪ 19 años a los ordenadores
▪ ¡Sólo 4 años a Internet!

01/03/2023
▪ Este aumento en la importancia de las aplicaciones web no
se ha visto refrendado con una mejora en el proceso de
desarrollo de las mismas
▪ Existe prisa y presión competitiva en el desarrollo de los
sistemas web
▪ Prisa por estar en la Web e intentar dominar este espacio en
cada área de aplicación imaginable
▪ Se sigue un proceso ad-hoc, falto de rigor y sistematización
▪ Influencias del desarrollo de los primeros sitios web estáticos y
de pequeño tamaño
▪ Abundan las aplicaciones web desarrolladas sin rigor alguno
▪ Alta probabilidad de fallo
▪ Bajo rendimiento

01/03/2023
▪ No prestan atención a
▪ La obtención de los requisitos y su análisis
▪ Las metodologías de desarrollo y los procesos software
▪ La capacidad de mantenimiento
▪ La escalabilidad
▪ La accesibilidad
▪ La usabilidad
▪ La seguridad
▪ …
▪ Frecuentemente estos desarrollos recaen en
individuos o grupos pequeños que hacen uso de sus
prácticas en absoluto estandarizadas, por no
mencionar la falta de pruebas y documentación

01/03/2023
▪ Muchos desarrolladores piensan que el desarrollo de las
aplicaciones web se reduce a la creación de una página web
▪ Ya sea empleando HTML o un compositor de páginas como Front Page
o Dreaweaver
▪ Desgraciadamente diversos libros y revistas potencian esta idea
▪ Hay ciertos tipos de aplicaciones web sumamente simples que pueden
catalogarse dentro de esta clasificación simplista
▪ Páginas personales, folletos, etc.
▪ Se trata como un problema de autoría en lugar de como un
problema de desarrollo
▪ ¿Qué sucede con las aplicaciones que van mucho más allá de la
presentación de contenidos?
▪ Un aplicación web es más que un diseño visual y una interfaz de
usuario
▪ Planificación, requisitos, diseño del sistema, pruebas, mantenimiento,
etc.

01/03/2023
▪ Las necesidades de estos tipos de
aplicaciones incluyen, entre otras, cómo
gestionar
▪ La presentación de información
▪ La navegación dentro de la aplicación
▪ Mecanismos de búsqueda de información
▪ Interfaces complejas (texto + multimedia)

01/03/2023
▪ ¿Quién controla los sitios web?
▪ Lucha entre
• El departamento de informática
• El departamento de marketing y relaciones
públicas
• Unidades organizacionales individuales

01/03/2023
▪ El desarrollo de una aplicación web no es
exactamente lo mismo que el desarrollo de otro
tipo de aplicación software
▪ No se pueden seguir exactamente las mismas
prácticas
▪ Hay varios puntos en común, pero existen
diferencias significativas
▪ Las aplicaciones web requieren un mantenimiento
continuo
▪ La complejidad de las grandes aplicaciones web es,
con frecuencia, engañosa

01/03/2023
▪ Problemas derivados con una aproximación
ad-hoc en el desarrollo de aplicaciones web
▪ El sistema completo no es lo qué el usuario
quiere
▪ El sistema no se desarrolla a tiempo y el coste se
dispara
▪ Falta de escalabilidad y capacidad de
mantenimiento
• Limitado tiempo de vida útil
▪ No se cumplen los requisitos de rendimiento
▪ Derroche de recursos

01/03/2023

01/03/2023
Crisis de la Web
▪ Las aplicaciones web pobremente desarrolladas tienen una
probabilidad muy alta de fallar
▪ Un fallo en una aplicación web puede propagarse causando
problemas en muchas otras
▪ Potencial para una crisis de la Web: Los desastres de la
Web
▪ La confianza en la Web puede verse afectada de forma
irreparable
▪ Puede ser más importante y extendida que la crisis del software
▪ Los proyectos fallan
▪ Objetivos equivocados
▪ Carencias en la gestión del proyecto
▪ Falta de proceso

01/03/2023
Evitar los desastres en la Web
▪ Se necesitan aproximaciones disciplinadas para el
desarrollo, explotación y evaluación de sistemas
basados en la Web
▪ Estas aproximaciones deben tener en cuenta
▪ Las características propias del nuevo medio que
supone la Web
▪ Los entornos de operación
▪ Escenarios y multiplicidad de perfiles de usuarios
▪ El tipo, características y conocimiento de los
involucrados en el desarrollo de un sistema web
▪ Crecimiento y cambio potencial

01/03/2023
Una nueva disciplina
▪ Se identifican nuevos elementos propios de las aplicaciones
web que no se cubren en las Ciencias de la Computación, en
la Ingeniería del Software o en los Sistemas de Información
▪ Existe una acuciante necesidad de aproximaciones
sistemáticas y estrategias de desarrollo orientadas a las
aplicaciones web
▪ Debe alejarse de las aproximaciones ad-hoc
• De una aproximación personal y ad-hoc a una aproximación
disciplinada basada en un proceso
• Se necesita engendrar una conciencia sobre la necesidad de
una aproximación sistemática
▪ En 1998 surge una nueva disciplina interesada en abordar
esta problemática y que recibe el nombre de Ingeniería Web
▪ Grupo de profesores de la Universidad de Western
Sydney

01/03/2023
Características de los sistemas web
Web
Systems
Compleja estructura
navegacional
Equipo de desarrollo
complejo
Más abiertos
Mantenimiento
complejo
A modo de resumen, y de manera general, los conceptos más
importantes que se van destacando en los sistemas web son los
siguientes en el ámbito de las metodologías se pueden concretar
en 4:
- Pérdida en el hiperespacio
- Sistemas de guia en la navegación
- Garantía de la calidad en la navegación
- Relaciones con otros conceptos de la SE
- Diferentes usuarios en el ciclo de vida
- Usuarios finales desconocidos
- Diferentes tipos de equipos de desarrollo
- Adaptabilidad
- 24*7*365
- Descontrol en el uso final
- Descontrol sobre usuario final
- Mantenimiento en caliente
- Representación comercial
- Mercado muy cambiante

01/03/2023
Características de los sistemas web
Bieber & Isakowitz
A hypermedia system can be defined as a navigational system.
Navigation is critical nowadays in all the systems which have a
complex interface.
Yoo & Bieber

01/03/2023
Problemas en la web
¿Qué es navegación?
¿Cómo tratarla?
¿Qué problemas encontramos al
tratarla?
¿Cómo trabajar con
usuarios tan distintos?
¿Cómo implicarlos
en el desarrollo y validación?
¿Cómo aprender de ellos? ¿Cómo adaptar la navegación a las espectativas?
Navigation has been mainly dealt with in Web Engineering,
so we must try to answer these questions in this
environment.
?

01/03/2023
¿Qué es navegación?
Información
Idea de movimiento
Adaptación
Funcionalidad

01/03/2023
¿Cómo se tratan estas características?
Ingeniería del Software
No ofrece técnicas específicas
Web Engineering
Ofrece demasiados caminos
Navigation has been mainly dealt with in
Web Engineering, so we must try to answer
these questions in this environment.
Desphande et. Al. 2002.
DESHPANDE, Y., MARUGESAN, S., GINIGE, A., HANSE, S.,
SCHAWABE, D., GAEDKE, M., WHITE, B. 2002. Web Engineering.
Journal of Web Engineering. Vol. 1 Nº 1. pp. 3-17. Rinton Press

01/03/2023
Contenido
tradicional

01/03/2023
Categorías de las aplicaciones web
(Ginige y Murugesan, 2001)
Categoría Ejemplos
De información Periódicos en línea, catálogos de
productos, libros electrónicos en línea…
Interactivas Formularios de registro, presentación de
información personalizada, juegos en
línea…
Transaccionales Compra electrónica, banca electrónica…
Workflow Sistemas de planificación en línea,
gestión de inventario, monitorización de
estado…
Entornos de trabajo cooperativo Sistemas de autor distribuido,
herramientas de diseño colaborativas…
Comunidades en línea, marketplaces Grupos de chat, sitios que recomiendan
productos o servicios, marketplaces en
línea, subastas en línea…
Portales web Centros comerciales, intermediarios en
línea…

01/03/2023
Sistemas web simples vs avanzados
(Ginige y Murugesan, 2001)
Sistemas web Simples Sistemas web Avanzados
Fundamentalmente presentan Páginas webs complejas
información textual
Los contenidos de información no La información es dinámica, cambia con
cambian, son estáticos el tiempo y las necesidades de los
usuarios
Navegación simple Dificultad para navegar y encontrar la
información
Sistemas aislados Sistemas integrados con bases de datos,
sistemas de planificación…
No requieren un alto rendimiento Requieren un rendimiento alto y
disponibilidad continua
Desarrollados por una sola persona o Requieren grandes grupos de desarrollo
por un grupo reducido con experiencia en diversas áreas
Se utilizan para distribuir información Se emplean en aplicaciones con
en aplicaciones no críticas cometidos críticos

01/03/2023
Sistemas web vs software tradicional
▪ Los sistemas web tienen una naturaleza y unos
requisitos que difieren del software tradicional
▪ Los sistemas web
▪ Están orientados a documentos que contienen
páginas web estáticas o dinámicas
▪ Se centran en el look & feel y enfatizan la creatividad
visual y la presentación en la interfaz
▪ Son conducidos por el contenido, incluyendo el
desarrollo del contenido
▪ Necesitan ofrecer servicios a usuarios con diversidad
de características y capacidades
▪ Ejemplifican los vínculos entre el arte y la ciencia que
generalmente aparecen en el desarrollo del software

01/03/2023
Sistemas web vs software tradicional
▪ Los sistemas web
▪ Requieren acortar el tiempo de desarrollo,
dificultando aplicar el mismo nivel de formalidad
en la planificación y prueba que se aplica en el
software tradicional
▪ Presentan un formato de distribución y
explotación diferente al software tradicional
▪ Los desarrolladores de los sistemas web
• Difieren en gran medida en su formación,
características, conocimiento y comprensión del
sistema
• Diferencias en su percepción de la Web y de la calidad
del sistema web

01/03/2023
¿Qué es especial en los sistemas
web?
▪ Evolución del sitio web
▪ La organización completa es una disposición de celdas
interdependientes
▪ Gestión del contenido
▪ El contenido y la funcionalidad cambia en el tiempo
▪ Gestión del rápido y gran cambio requerido, por ejemplo, en los
sistemas de e-business
▪ Son como sistemas orgánicos que continuamente se adaptan a
su entorno
▪ Desarrollo abierto
▪ Los desarrollos y correcciones no tienen que hacerse
necesariamente por ingenieros de software
▪ Departamentos o personas individuales pueden tener privilegios
para hacer cambios
• Herramientas de autor

01/03/2023
¿Qué es especial en los sistemas
web?
▪ El sistema es la organización
▪ No es un papel soportado, sino que se convierte en el
sistema
▪ Organizaciones virtuales y empresas virtuales
▪ Diversidad de involucrados
▪ Internos y externos a la organización
• Consideraciones sobre diferencias regionales, culturales,
lingüísticas…
▪ Responsabilidad ambigua sobre el sitio web
▪ La gestión global de la estrategia web recibe poca
atención

01/03/2023
Contenido
tradicional

01/03/2023
Ingeniería del Software vs Web Engineering
Calidad del software
Ingeniería del Software + Hipermedia + Navegación+Web…
Web Engineering
Desde el principio hubo muchas discusiones sobre si la Ingeniería Web realmente
era algo necesario y nuevo o si las metodologías clásicas eran suficientes.
LANG, M. 2002. Hypermedia System Development. Do we really
need new Methods?. Site-Where Parallels Intersect. Informing
Science. pp. 883-891

01/03/2023
Definición de la Ingeniería Web
▪ La Ingeniería Web se ocupa del desarrollo y gestión
de sistemas web grandes y complejos
▪ Tiene como objetivos (Murugesan, 2000)
▪ Gestionar y controlar la complejidad en todo el ciclo de
vida
▪ Soportar efectivamente los diferentes tipos de usuario de
una aplicación web
▪ Hacer de los sistemas basados en la Web menos una
aspiración y más una profesión
▪ Los sistemas web evolucionan
▪ Compatibilidad
▪ Flexibilidad
▪ Escalabilidad

01/03/2023
▪ La Ingeniería Web intenta evitar el caos existente en el
desarrollo de sistemas basados en la Web
▪ Controlar el proceso
▪ Minimizar riesgos
▪ Potenciar la calidad y la capacidad de mantenimiento
▪ La Ingeniería Web no es un clon de la Ingeniería del Software
▪ La Ingeniería Web adopta muchos de los principios de la
▪ Incorpora muchos de los principios y muchas de las prácticas de la
• Son sumamente conocidos y están satisfactoriamente probados
▪ Adapta estos principios a la naturaleza más abierta y flexible de la
Web
• Así como también al tipo de aplicación web
▪ Combina estos principios con elementos que son específicos de la
Web

01/03/2023
▪ La Ingeniería Web incorpora nuevas aproximaciones,
metodologías, técnicas y guías para cumplir los
requisitos de los sistemas web
▪ Desarrollar aplicaciones web difiere sustancialmente
de los desarrollos tradicionales
▪ Diferencias en la naturaleza y en el ciclo de vida de las
aplicaciones web
▪ El desarrollo web es una mezcla entre la publicación y
el desarrollo de software, entre la mercadotecnia y la
computación, entre las comunicaciones internas y las
relaciones externas, y entre el arte y la tecnología
(Powell, 1998)

01/03/2023
Principios de ingeniería aplicados a la
Web
▪ Objetivos y requisitos bien definidos
▪ Desarrollo de un producto en fases
▪ Planificación cuidadosa de dichas fases
▪ Diseño y desarrollo sistemático
▪ Auditoría continua de todo el proceso

01/03/2023
Jardinería web
▪ Metáfora ampliamente utilizada en el desarrollo de
sistemas web (Murugesan et al., 2001)
▪ Como los jardines, las aplicaciones web evolucionan,
cambian y crecen de forma continua
▪ Los sistemas basados en la Web son sistemas que crecen
▪ Se necesita una buena infraestructura inicial para permitir
el crecimiento de una forma controlada y flexible, a la vez
que se fomenta la creatividad, el refinamiento y el cambio
▪ Esta metáfora relaciona la necesidad de unos principios
de ingeniería para las aplicaciones web con las
capacidades creativas que se pueden plasmar en muchos
de estos sistemas

01/03/2023
La Ingeniería Web es un campo
multidisciplinar
Ingeniería Web
Hipertexto
Ingeniería de la información
Ingeniería de requisitos
Diseño y análisis de sistemas
Gestión de proyectos
Modelado y simulación
Pruebas
Interacción
persona-ordenador
Multimedia
(Murugesan et al., 2001)

01/03/2023
Definición
▪ La aplicación de una aproximación
sistemática, disciplinada y cuantificable al
desarrollo, operación y mantenimiento de
aplicaciones basadas en la Web o la
aplicación de la ingeniería al software basado
en la Web (Murugesan et al., 2001)
▪ La aplicación de principios científicos para
diseñar y crear sistemas de información
basados en la Web efectivos de una manera
eficiente (Ginige, 2000)

01/03/2023
Definición
Podemos definir pues, como conclusión al tema que la Ingeniería Web es la rama
de la Ingeniería del Software que define procesos, técnicas y modelos para tratar
de manera específica las características más críticas del entorno Web.
The application of systematic, disciplined and quantifiable approaches
to the cost-effective development and evolution of high-quality solutions
in the World Wide Web.
www.webengineering.org

01/03/2023
Contenido
tradicional

01/03/2023
Atributos de las aplicaciones web
(Pressman, 2000)
▪ Intensivas de red
▪ Controladas por el contenido
▪ Evolución continua
▪ Inmediatez
▪ Seguridad
▪ Estética
Máster Universitario en Sistemas Inteligentes 4
4

01/03/2023
Atributos de las aplicaciones web
▪ Atributos de las aplicaciones web (Murugesan, 2000)
▪ En línea (disponibles las 24 horas del día)
▪ Ubicuidad
▪ Locales y globales
▪ Digitalización
▪ Multimedia
▪ Interactividad
▪ Integración
▪ Diversidad de accesos
• Intranet
• Extranet
• Público
Máster Universitario en Sistemas Inteligentes 4
5

01/03/2023
INTENSIDAD DE RED
Reside en una RED y debe satisfacer las necesidades de una variada
comunidad de cliente. Puede colarse en una INTRANET o en una
EXTRANET
CONCURRENCIA
Un gran numero de usuarios puede tener acceso al mismo tiempo.
CARGA IMPREDECIBLE
El numero de usuarios de la aplicación Web puede variar en orden
de magnitud de día con día.
DISPONIBILIDAD
Expectativa de una disponibilidad total.
Atributos de Aplicaciones basadas en Web

01/03/2023
GOBERNADA POR LOS DATOS
Consiste en que WEBAPP se utilicen para tener acceso a información
que existe en una BASE DE DATOS.
SENSIBILIDAD AL CONTENIDO
La calidad y naturaleza estética del contenido sigue siendo una
importante determinante de la calidad de una WebApp.
EVOLUCION CONTINUA
Se actualicen sobre una agenda minuto a minuto. El cuidado continuo
y la alimentación permiten que un sitio Web crezca en (ROBUSTEZ E
IMPORTANCIA)
SEGURIDAD
La finalidad de proteger el contenido confidencial y ofrecer modos
seguros de transmisión de datos, se deben implementar fuertes
medidas de seguridad a lol largo de la infraestructura.

01/03/2023
ESTETICA
La estética tiene tanto que ver con el éxito de la WebApp
(especialmente cuando se diseña para comercializar productos)

01/03/2023
Una Aplicación Web Puede ser creada:
INFORMATIVO
Se proporciona contenido de solo lectura con navegación y enlaces simples
DESCARGA
Un usuario descarga información
INTERACCION
Comunicación entre una comunidad de usuarios por medio de cuartos de
charla, entre otro
ORIENTADA A SERVICIOS
La aplicación proporciona un servicio al usuario.

01/03/2023
ACCESO A UNA BASE DE DATOS
El usuario consulta una gran base de datos y extrae información
ORIENTADA A TRANSACCIONES
El usuario hace una solicitud por ejemplo la realización de un pedido.
PORTAL
La aplicación canaliza al usuario hacia otro contenido o servicio Web
fuera del dominio del portal de la aplicación.

01/03/2023
Contenido
tradicional

01/03/2023
Ingeniería Web (IWeb)
▪ La Iweb es el proceso con el que se crean
WebApps de alta calidad.
▪ No es un clon perfecto de la ingeniería de
software.
▪ Acentúa actividades técnicas y administrativas
similares.
▪ Existen sutiles diferencias en la manera en
como se dirigen dichas actividades, pero el
método primordial dicta un enfoque disciplinado
para el desarrollo de un sistema

01/03/2023
Estratos de la Ingeniería de WebApp
▪ Modelos de Proceso
▪ Los modelos de procesos IWeb adoptan la
filosofía de desarrollo ágil
▪ Reducir el ciclo de desarrollo
▪ Métodos de IS
• Conjunto de labores técnicas para construir una
WebApp de alta calidad
▪ Herramientas y Tecnología

01/03/2023
Estratos de la Ingeniería de WebApp
▪ Proceso
▪ A pesar de la rapidez de los ciclos de
desarrollo es importante que:
• Adopte el cambio
• Aliente la creatividad y la independencia del
equipo de desarrollo y fortalezca la interacción con
los accionistas de la WebApp
• Construya sistemas que utilicen pequeños equipos
de desarrollo
• Subraye el desarrollo evolutivo o incremental
mediante el uso de cortos ciclos de desarrollo

01/03/2023
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:
• Las WebApps con frecuencia se entregan de manera
incremental
• Los cambios ocurrirán frecuentemente
• Los plazos son cortos

01/03/2023
▪ Definición del Marco de Trabajo
▪ Actividades involucradas:
• Comunicación con el cliente
– Análisis del negocio: define el contexto empresarial-organizativo
para la WebApp
– 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 WebApp
• Modelado
– Abarca las tareas de análisis y diseño
• Construcción
• Despliegue
– La webApp se configura para su ambiente operativo

01/03/2023

01/03/2023
COMUNICACION
PLANEACION
MODELADO
CONSTRUCCION
DESPLIEGUE
Inicio del Proyecto
Recopilación de requisitos
Entrega
Soporte
Retroalimentación
Análisis
Diseño
Código
Prueba
Estimación
cronograma

01/03/2023
COMUNICACION
PLANEACION
MODELADO
CONSTRUCCION
DESPLIEGUE
Inicio del Proyecto
Entrega
Soporte
Retroalimentación
Análisis
Diseño
Código
Prueba
Estimación
cronograma

01/03/2023
COMUNICACIÓN CON EL CLIENTE
PLANEACION
Dentro del Proceso IWEB la comunicación con el cliente se caracteriza por
medio de dos grandes tareas: ANALISIS DEL NEGOCIO: define el contexto
empresarial-organizativo para la WebApp, se identifica los participantes, se
predicen los potenciales cambios en el ambiente o los requisitos del
negocio, base de datos, funciones. FORMULACION: es una actividad de
recolección de requisitos que involucra a todos los participantes.
Crea el plan del proyecto para el incremento de la WEbApp. El plan
consiste en una definición de tareas y un calendario de plazos respecto al
periodo proyectado para el desarrollo de la WebAPP
MODELADO
Las labores convencionales del Análisis y Diseño de Ingeniería del
software. Se debe realizar análisis rápidos y modelos de diseño que
definan requisitos y al mismo tiempo representen una WEbApp que los
satisfará

01/03/2023
CONSTRUCCION
DESPLIEGUE
Las herramientas y la tecnología IWEB se aplican para construir la WebApp
que se ha modelado. Se debe dirigir una serie de pruebas rápidas para
asegurar que se descubran los errores en el diseño (arquitectura , interfaz).
Se entrega a los usuarios finales y luego comienza un periodo de
evaluación
ESTAS CINCO ACTIVIDADES DEL MARCO DE TRABAJO DE LA IWEB
SE APLICAN EMPLEANDO UN FLUJO DE PROCESO INCREMENTAL-
MODELOS AGILES

01/03/2023
Procesos de ingeniería web - Comunicación
RECOPILACION DE REQUISITOS
Los objetivos globales de la recopilación de requisitos propuestos por la
INGENIRIA DE SOFTWARE son adaptados para los WebApp, dichos objetivos
se convierten en:
1. Identificar requisitos de contenido
2. Identificar requisitos funcionales
3. Definir escenarios de interacción para diferentes clases de usuarios.
La mayoría de las WebApps tienen una amplia población de usuarios finales.
Por lo tanto es muy importante crear diferentes categorías o clases de
usuarios.
CONSTRUIR

01/03/2023
Procesos de ingeniería web - Comunicación
Conforme se recopila la información paralelamente se realiza una análisis de la
información (plantear Problemas, Objetivos, funciones, limitantes, alcances)
Lo casos de uso describen como interactuara con la WebApp los diferentes
usuarios (actor) para lograr una acción especifica. Los casos de uso deben
describir la interacción desde el punto de vista del usuario.
1. Ayudan ala desarrollador a entender como perciben los usuarios su
interacción con la WebApp
2. Proporcionan el detalle necesario para crear un modelo de análisis efectivo
3. Ayudan a dividir el trabajo de Iweb
4. Ofrecen una guía importante para quienes deben probar la WebApp
DESARROLLO DE CASOS DE USO
ANALISIS DE LA INFORMACION

01/03/2023
COMUNICACION
PLANEACION
MODELADO
CONSTRUCCION
DESPLIEGUE
Inicio del Proyecto
Entrega
Soporte
Retroalimentación
Análisis
Diseño
Código
Prueba
Estimación
cronograma

01/03/2023
Procesos de Ingeniería web- Planeación
IMPORTANTE
Se deben considerar los riesgos, se debe establecer un crongrama y se deben
definir controles de modo que eviten la confusión, la frustración y el fracaso.
El objetivo de la planificación del proyecto de software o
WebApp es proporcionar un marco de trabajo que permita al
gestor hacer estimaciones razonables de recursos, coste y
planificación temporal
OBJETIVO

01/03/2023
AMBITO DE SOFTWARE
La primera tareas es redefinir el ámbito del software debe describir:
El control y los datos a procesar
La función
Las restricciones
Las interfaces
TECNICAS DE DESCOMPOSICION
❑ Estimar el coste del software es vital
❑ Cuanto mejor estimemos, más rentable será nuestro proyecto
❑ Basar las estimaciones en proyectos similares que ya hayan sido
completados.
❑ Emplear técnicas de descomposición relativamente simples para
generar estimaciones de costo y esfuerzo de proyecto.

01/03/2023
RECURSOS
Otro proceso importante de la planificación del desarrollo de
software es la ESTIMACIÓN DE RECURSOS requeridos para
acometer el esfuerzo de desarrollo
Personas.
Software reutilizables.
Herramientas de hardware.

01/03/2023
RECURSOS - PERSONAS
Se deben distribuir entre los miembros del equipo Iweb, los siguiente papeles:
Actúa como conexión entre el equipo técnico que diseña la WebApp y los
desarrolladores de contenido sin conocimientos técnicos, quien deben
entender el contenido como la tecnología de la WebApp
Editores de web:
Se involucra en un amplio rango de actividades durante el desarrollo de una
WebApp, que incluye la obtención de requisitos, el modelo de análisis, el
diseño arquitectónico, de navegación y de interfase, la implementación de la
WebApp y las pruebas Debe tener solidos conocimientos de las nuevas
tecnologías
Ingeniero Web

01/03/2023
RECURSOS - PERSONAS
Se asigna la persona que es responsable del apoyo continuo a la WebApp.
Puesto que estas evolucionan continuamente, el especialista de soporte es
responsable de las correcciones, adaptaciones y mejoras al sitio, que incluyen
actualizaciones del contenido, implementación de nuevos procedimientos,
etc.
Especialista de soporte:
Usualmente llamado “WEB MASTER”, esta persona tiene la responsabilidad
de la operación diaria de la WebApp, lo que incluye desarrollo e
implementación de políticas para la operación de la WebApp, establecimiento
de soporte, implementación de seguridad y derechos de acceso, medición y
análisis de trafico del sitio web
Administrador:

01/03/2023
RECURSOS - PERSONAS
Este debe ser capaz de responder todas las preguntas relacionadas con
metas, objetivos, y requisitos empresariales relacionados con la WebApp
Expertos en dominios empresariales
IMPORTANTE
CADA MIEMBRO DEL EQUIPO SE DEBE COMPROMETER
EL RESPETO HACIA LOS TALENTOS INDIVIDUALES ES CRUCIAL

01/03/2023
RECURSOS - SOFTWARE
Especificar el software que se empleara o que componentes se utilizaran
(diseños, códigos o datos de prueba ya desarrollados anteriormente y
similares a los requeridos.
RECURSOS - HARDAWARE
Especificar el hardware requerido para el desarrollo y para
implementación. Se debe identificar todas las características como ser:
capacidad, velocidad, entre otros..

01/03/2023
Procesos de Ingeniería web
GESTION DE CALIDAD
La calidad de refiere a características mesurables, es decir, cosas que se puedan
comparar para conocer estándares, como longitud, color, entre otros.
Sin embargo, en el software, es mas difícil de caracterizar que los objetos físicos.
Se pueden encontrar dos tipos de calidad:
CALIDAD DE DISEÑO: CALIDAD DE CONCORDANCIA
Se refiere a las
características que los
diseñadores especifican
para un elemento.
es el grado en el que las
especificaciones de diseño
se aplican durante la
fabricación.
BUENA
CALIDAD
PRODUCTO
MANEJABLE
SATISFACCION DEL
CLIENTE/USUARIO
ENTREGA DENTRO DE
PRESUPUESTO Y
TIEMPO
= + +

01/03/2023
GESTION DE CALIDAD – ESTANDARES DE CALIDAD
Fueron creados para ayudar a las organización a garantizar que sus
productos y servicios satisfacen las expectativas de los clientes al cumplir
sus especificaciones. El estándar ISO describe un sistema de garantía
de la calidad en términos genéricos que se aplican a cualquier negocio sin
importar los productos o servicios ofrecidos.
GESTION DE CALIDAD – SEGURIDAD DE SOFTWARE
Es una actividad de aseguramiento de la calidad de software que se enfoca
en la identificación y evaluación de los riesgos potenciales que pueden
afectar negativamente al software y provocar una falla de todo el sistema
Aplicaciones Web – Proyectos de software

01/03/2023
GESTION DE CALIDAD – GARANTIA DE CALIDAD
La garantía de calidad de software consiste en realizar los siguientes
pasos:
1. La información acerca de los defectos de software se recopila y se
clasifica.
2. Se intenta determinar la causa subyacente de cada defecto (por
ejemplo falta de concordancia con las especificaciones, errores de
diseño, deficiente comunicación con el cliente, entre otros).
3. Una vez que las causas vitales han sida identificadas, se corrigen
los problemas que han provocado los defectos
Algunos de los defectos se descubren cuando el software esta en desarrollo;
otros, después de que se ha liberado entre sus usuarios finales.

01/03/2023
GESTION DE CALIDAD – GARANTIA DE CALIDAD
Se descubren cientos de diferentes defectos, todos tiene una o mas de las causas siguientes:
ERROR NUMERO % DESCRIPCION DE
LA SOLUCION
Especificaciones incompletas o erróneas
Mala interpretación e la comunicación el cliente
Desviación intencional de las especificaciones
Violación de los estándares de programación
Errores en la representación de los datos
Interfaz de componentes inconsistentes
Error en la lógica del diseño
Prueba incompleta o errónea
Documentación imprecisa o incompleta
TOTALES

01/03/2023
GESTION DE CALIDAD – SEGUIMIENTO DE LA CALENDARIZACION
La calendarización del proyecto proporciona un mapa de carreteras al
gestor del proyecto de software. Si se ha desarrollado de manera
adecuada, la calendarización del proyecto define las tareas e hitos
que se deben seguir controlar conforme avance el proyecto. El
seguimiento se puede hacer de diferentes maneras:
1. Con la realización periódica de reuniones para valorar el estado
del proyecto en las cuales cada uno de los miembros del equipo
informa del progreso y los problemas.
2. Con la evaluación de los resultados de todas las revisiones
realizadas a lo largo del proceso de Ingeniaría de Software.
3. Al comparar fechas de inicio de con la fecha de inicio prevista
para cada tarea del proyecto mocionada .

01/03/2023
GESTION DE CALIDAD – SEGUIMIENTO DE LA CALENDARIZACION
ACTIVIDAD INICIO
PREVISTO
INICIO REAL TERMINACIÓN
PREVISTA
TERMINACIÓN
REAL
PERSONAS
ASIGNADAS
OBSERVACIONES
1 semana -
1 día
1 semana
2 día
2 semana -1
día
2 semana -1
día
Julio
canaza
Descripción
del
cumplimiento
u obstáculos

01/03/2023
El cambio es inevitable cuando se construye software de computadoras y el
cambio aumenta al grado de confusión entre los ingenieros de software
que trabajan en el proyecto. La confusión surge cuando los cambios no
se analizan antes de realizarlos, no se registran antes de implementarlos,
no se reportan a quienes deben saberlo o no se controlan en una forma
que mejorara la calidad y reducirá el error.
Cada cambio se debe clasificar en una de las cuatro clases:
1. CLASE 1 = Un cambio de contenido que corrija un error o mejore el
contenido local.
2. CLASE 2 = Un cambio de contenido que tenga impacto sobre otros
objetos de contenido
3. CLASE 3= Un cambio de contenido que tenga amplio impacto a través de
una WebApp
4. CLASE 4= Una gran cambio de diseño que inmediatamente apreciaran
una o mas categorías de usuarios.
GESTION DE CAMBIO

01/03/2023
GESTION DE CAMBIO
CLASIFICACION DEL
CAMBIO REALIZADO
Adquisición de objetos
relacionados
evaluando impactos de
cambio
Desarrollar breve
descripción escrita del
cambio
Transmitir a todos los
miembros del equipo
para revisión
Desarrollar breve
descripción escrita del
cambio
Transmitir a todos los
miembros del equipo
para revisión
SALIDA de ojeto hacer
cambiado
Eefctuar cambio ,
diseño, prueba
Publicar en la
WebApp

01/03/2023
COMUNICACION
PLANEACION
MODELADO
CONSTRUCCION
DESPLIEGUE
Inicio del Proyecto
Entrega
Soporte
Retroalimentación
Análisis
Diseño
Código
Prueba
Estimación
cronograma

01/03/2023
ANALISIS
Para el Modelado de Análisis es importante aprovechar la información
obtenida durante la formulación y la recopilación de requisitos, sirve
para la creación de un Modelo de Diseño para la WebApp
1. RECOPILACION DE REQUISITOS
En esta etapa se intensifica la comunicación entre el equipo de
ingeniería Web. La intención es establecer una comprensión básica de
por que se construirá la WebApp, quien lo usara y que problema
resolverá a sus usuarios.

01/03/2023
ANALISIS
2. JERARQUIA DE USUARIOS
Las categorías de usuarios finales que interactuaran con la WebApp se identifican como
parte de las tareas de formulación y de recopilación de requisitos. Cuando crece el
numero de categorías de usuario, a veces es aconsejable desarrollar una JERARQUIA
DE USUARIOS,
Usuario del Proyecto
Visitante Usuario
Registrado
Personal de Servicio
al Cliente
Cliente Nuevo Cliente existente

01/03/2023
ANALISIS
3. DESARROLLO DE CASOS DE USO
Los casos de uso deberían desarrollarse para cada categoría de usuario
descrita en la jerarquía de usuarios. Los casos de uso permiten
describir la funcionalidad, es decir permiten realizar el MODELADO
DEL ANALISIS.
También se debe realizar una descripción narrativa de cada caso de uso,
que describa una interacción especifica entre un usuario y la WebApp.

01/03/2023
ANALISIS
4. MODELADO DEL ANALISIS
El Modelado de Análisis se basa en la información que contienen los Casos de
Uso desarrollados para la aplicación. Las descripciones de los caos de uso se
analizan gramaticalmente para identificar potenciales clases de análisis y las
operaciones y atributos asociados.
ANALISIS DE CONTENIDO: Identifica todo el espectro del contenido que ofrecerá la
WebApp (Texto, Graficos e imágenes asi como datos de video)
ANALISIS DE INTERACCION: Describe como interactúa el usuario con la
WebApp
ANALISIS DE FUNCIONES: define las operaciones que se aplicaran al contenido
de la WebApp y describe otras funciones de procedimientos, independientes del
contenido pero necesarias para el USUARIO FINAL
ANALISIS DE CONFIGURACION: describe el ambiente y la infraestructura en la que reside
la WebApp

01/03/2023
DISEÑO
El Diseño es considerado como un modelo que guía la construcción de la
WebApp. El modelo de diseño es importante en su forma, debe
contener suficiente información para reflejar como habrán de
traducirse los requisitos de los participantes en contenido y código
ejecutable.
CALIDAD DE DISEÑO
FACILIDAD DE USO
FUNCIONALIDAD CONFIABILIDAD
EFICIANCIA
FACILIDAD DE
MANTENIMIENTO

01/03/2023
DISEÑO
DISEÑO DE INTERFAZ
Debe ofrecer al usuario final una experiencia satisfactoria y gratificante.
Cada categoría de usuario puede tener necesidades sutilmente diferentes , tal
vez quiera interactuar con la WebApp en diferentes formas y quizás requiera
funcionalidad y contenidos únicos
La interfaz debe ofrecer una identificación de que se ha
tenido acceso a la WebApp.
Informar al usuario de la ubicación en la jerarquía de
contenido.
La interfaz siempre debe ayudar al usuario a entender sus
opciones actuales, que vínculos están vivos, que contenido es
relevante.
La interfaz debe facilitar la navegación

01/03/2023
DISEÑO
DISEÑO DE INTERFAZ
Grafico, logotipo y nombre de la compañía Barra de
menú de
funciones
principales
Menú de Navegación
Texto de la pagina inicial
Gráfico

01/03/2023
DISEÑO ESTETICO
También llamado diseño gráfico, es un esfuerzo artístico que complementa los
aspectos técnicos de la ingeniería web. Sin el, una WEBAPP PUEDE SER
FUNCIONAL, PERO SIN ATRACTIVO. Con el lleva a los usuarios a un mundo
que los incluye en un ámbito tanto emocional como intelectual.
El diseño grafico considera cada aspecto de la presentación y percepción
de una WebApp, se debe considerar un esquema de colore, tipos de
fuentes, tamaños, estilos, el uso de medios audiovisuales complementarios
(audio, video, animación) y todos los elementos estéticos de una aplicación
DISEÑO GRAFICO
DISEÑO

01/03/2023
DISEÑO
El diseño de contenido desarrolla una representación de diseño
de los objetos de contenido representan los mecanismos que
se requieren para que establezcan sus relaciones uno con
otro . Además el diseño de contenidos se ocupa de la
representación de la información dentro de un objetivo de
contenido especifico.
DISEÑO DE CONTENIDO
DIAGRAMA DE CLASES

01/03/2023
DISEÑO
DISEÑO ARQUITECTONICO
Esta enlazado con las metas establecidas para la WebApp, el contenido que
representara, los usuarios que la visitaran y la FILOSOFIA DE LA
NAVEGACION
Se centra en la definición de la estructura global hipermedia para la WebApp, y
en la aplicación de las configuraciones de diseño y plantillas constructivas
para popularizar la estructura
Estructuras lineales
Estructuras en retícula
Estructura jerárquica
Estructura en red
ARQUITECTURA DEL CONTENIDO

01/03/2023
Lineal Lineal con flujo Opcional Lineal con desviaciones
Las Estructuras Lineales aparecen cuando es común la sucesión
predecible de interacciones (con alguna variación o diversificación).

01/03/2023
Las Estructuras Reticulares son una opción arquitectónica que pueden
aplicarse cuando el contenido de la WebApp puede ser organizado
categóricamente en dos dimensiones (o más)

01/03/2023
Las Estructuras Jerárquicas son sin duda la arquitectura WebApp más
común. Se podrá diseñar una estructura jerárquica de la WebApp para
posibilitar (por medio de la ramificación de hipertexto) el flujo de control en
horizontal atravesando las ramas verticales de la estructura. Por tanto, el
contenido presentado en la rama del extremo izquierdo de la jerarquía
puede tener enlaces de hipertexto que lleven al contenido que existe en
medio de la rama derecha de la estructura.

01/03/2023
Una Estructura en Red o de «web pura» se asemeja en muchos aspectos a la
arquitectura en evolución a los sistemas orientados a objetos. Los
componentes arquitectónicos (en este caso las páginas Web) se diseñan
de forma que pueden pasar el control (mediante enlaces de hipertexto) a
otros componentes del sistema. Este enfoque permite una flexibilidad de
navegación considerable, aun cuando puede resultar confuso para el
usuario

01/03/2023
DISEÑO
DISEÑO NAVEGACIONAL
Comienza con una jerarquía de usuario y los casos de uso relacionados
desarrollados para cada categoría de usuarios. Cada actor puede usar la
WebApp de manera un poco diferente y por tanto tener diferentes requisitos
de navegación. Los casos de uso desarrollados para cada actor definirán un
conjunto de clases que abracan uno o mas objetos de contenido o funciones
de la WebApp.
DIAGRAMA DE COLABORACIONES

01/03/2023
DISEÑO
DISEÑO DE COMPONENTES
En el diseño de componentes se debe tomar en cuenta la
implementación, los lenguajes de programación y software
utilizados.
DIAGRAMA DE COMPONENTES

01/03/2023
COMUNICACION
PLANEACION
MODELADO
CONSTRUCCION
DESPLIEGUE
Inicio del Proyecto
Entrega
Soporte
Retroalimentación
Análisis
Diseño
Código
Prueba
Estimación
cronograma

01/03/2023
La prueba es un proceso de ejercitar al software con la finalidad de encontrar
errores. Esta filosofía fundamental no cambia para las WebApps, puesto que
los sistemas y aplicaciones basados en Web residen en una red e interoperan
con muchos sistemas operativos diferentes, navegadores, plataformas de
hardware, protocolos de comunicación, entre otros.
Existen diferentes estrategias y técnicas de pruebas, como ser:
Pruebas de validación
Prueba de seguridad
Prueba de integración
Pruebas de caja negra y blanca
Prueba de ruta básica
PRUEBA

01/03/2023
PRUEBA
PRUEBA DE CONTENIDO: Intenta descubrir errores tipográficos menores o tan
significativos como información incorrecta, organización impropia o violación de las
leyes de propiedad intelectual.
PRUEBA DE INTERFAZ: proporcionan una validación final de la facilidad
de uso
PRUEBA DE COMPONENTES: se enfocan sobre un conjunto de pruebas que
intentan descubrir errores en las funciones de la WebApp
PRUEBA DE NAVEGACION. Consiste en verificar las rutas del visitante de la
WebApp
PRUEBA DE CONFIGURACION. Consiste en Probar las un conjunto de probables
configuraciones del lado del cliente y del servidor.
PRUEBA DE CARGA: Determina la carga de la WebApp

01/03/2023
PRUEBA
PRUEBA DE CONTENIDO:
Tiene tres objetivos:
1. descubrir errores sintácticos por ejemplo errores
tipográficos, equívocos gramaticales en los documentos
basados en texto, representaciones graficas y otros medio.
2. Descubrir errores semánticos es decir errores en la
presición de la información o que esta sea incompleta.
3. Hallar errores en la organización o estructura del
contenido que se presenta al usuario final.

01/03/2023
PRUEBA
PRUEBA DE INTERFAZ:
Durante el diseño se revisa el modelo de diseño de la interfaz para garantizar
que se han alcanzado los criterios genéricos de calidad establecidos para
todas las interfaces del usuario.
Prueba de mecanismos e la interfaz
Prueba de facilidad de uso
Prueba de semántica de la interfaz

01/03/2023
PRUEBA
PRUEBA DE INTERFAZ: Prueba de mecanismos e la interfaz
Vínculos
Formatos
Cada vinculo de navegación se prueba para asegurar que se
alcanza el objetivo de contenido o función adecuada
Las etiquetas identifican correctamente los campos dentro del
formato y que los campos obligatorios están identificados
visualmente para el usuario.
El servidor recibe toda la información contenida en el formato y
ningún dato se pierda en la transmisión entre el cliente y
servidor.

01/03/2023
PRUEBA
PRUEBA DE INTERFAZ: Prueba de mecanismos e la interfaz
Ventanas
pop-up
Cookies
Se debe garantizar que una Pop-Up está ubicada de manera
adecuada y tiene un tamaño apropiado.
La Pop-up no cubre la ventana original de la WebApp.
Las barras de desplazamiento y otros mecanismos de control
agregados a la Pop-Up funcionan, están ubicados adecuadamente
y trabajan como quieren.
Se requieren pruebas tanto del lado del servidor como del lado de
cliente EN EL LADO DEL SERVIDOR, las pruebas deben garantizar
que una cookie esta construida de manera adecuada. LADO DEL
CLIENTE, las pruebas determina si la WebApp une adecuadamente
las cookies existentes a una solicitud especifica.

01/03/2023
PRUEBA
PRUEBA DE INTERFAZ: Prueba de facilidad de uso
La prueba de la facilidad de uso es similar a la PRUEBA DE LA SEMANTICA de la
interfaz
INTERACTIVIDAD
PLANTILLA
LEGIBILIDAD
ESTETICA
Los mecanismos de interacción por ejemplo: menús
desplegables, botones si son fáciles de entender y usar
Los mecanismos de navegación, contenido y funciones están
colocados en una forma que permiten al usuario encontrarlos
rápidamente.
El texto este bien escrito y sea comprensible. Las representaciones
graficas sean fáciles de entender.
Los usuarios se sienten cómodos con la apariencia y la percepción de
la WebApp.

01/03/2023
PRUEBA
PRUEBA DE INTERFAZ: Prueba de facilidad de uso
La prueba de la facilidad de uso es similar a la PRUEBA DE LA SEMANTICA de la
interfaz
CARACTERISTICAS
DE DESPLIEGUE
SENSIBILIDAD DE
TIEMPO
ACCESIBILIDAD
La Webapp utiliza de forma optima el tamaño y la resolución
de la pantalla.
Las características, funciones y contenido importantes pueden
utilizar de manera oportuna..
Facilidad de uso para todo diversos usurios

01/03/2023
PRUEBA
PRUEBA DE COMPONENTES:
Llamada también PRUEBA DE FUNCION, se enfoca sobre un conjunto de
pruebas que intentan descubrir errores en las funciones de la Webapp.
Cada función es un modulo de software se pueden probar empleando las
técnicas de CAJA NEGRA.

01/03/2023
PRUEBA
PRUEBA DE NAVEGACION:
El proceso de navegación es predecible en el sentido en que todo
visitante tiene un conjunto de objetivos cuando ingresa a la
WebApp. El proceso de navegación puede ser imprendecible porque
le visitante, influido por algo que ve o aprende, puede elegir una
ruta o iniciar una acción que no es típica para su objetivo.
VINCULOS DE NAVEGACION: Se deben probar los vínculos internos dentro de la
Webapp, los vínculos externos hacia otras Webapp; para garantizar que se
alcanzara el contenido o la funcionalidad adecuados cuando el vinculo se elija
MOTORES DE BUSQUEDA INERNOS: Un motor de búsqueda interno permite al
usuario realizar una búsqueda por palabra o clave dentro de la Webapp para
encontrar el contenido necesario. La Prueba del motor de búsqueda valida la
precisión y que tan completa es la búsqueda

01/03/2023
PRUEBA
PRUEBA DE CONFIGURACION:
La variabilidad y la inestabilidad de la configuración son factores importantes
que hacen de la ingeniería Web un desafió. Hardware, sistemas operativos,
navegadores, capacidad de almacenamiento, rapidez de comunicación de la
red y una diversidad de otros factores del lado del cliente son difíciles de
predecir para caa usuario
CONFLICTOS DEL LADO DEL
SERVIDOR
Se diseña para verificar que la
configuración de servidor
proyectada puede soportar la
Webapp sin error
CONFLICTOS EN LADO DEL
CLIENTE
Se centran principalmente en la
compatibilidad de la WebApp con
las configuraciones que contienen
una o mas permutaciones (
hardware, sistemas operativos,
entre otros.)

01/03/2023
PRUEBA
PRUEBA DE CARGA:
Es determinar como la Webapp y su ambiente del lado del servidor
responden a varias condiciones de carga. conforme proceden las pruebas, las
permutaciones a las siguientes variables definen un conjunto de condiciones
de prueba.
N : El numero de usuario concurrentes
T: el numero de transacciones en linea por usuario por unidad de
tiempo
D: la carga de datos procesada por el servidor por transacción
P: La cantidad de información global procesada en una unidad de tiempo
P = N x T x D

01/03/2023
PRUEBA
PRUEBA DE CARGA:
Ejemplo:
Considérese un popular sitio de noticias deportivas. En un momento dado,
20.000 usuarios concurrentes realizan una solicitud (una transacción t) una
vez cada dos minutos en promedio. Cada transacción requiere que la
Webapp descargue un nuevo articulo que promedia 3 Kbytes de longitud. En
consecuencia, la cantidad de información procesada en una unidad de tiempo
se puede calcular como cantidad de información procesada en una cantidad
de tiempo se puede calcular como
P = N x T x D P = (20.000 x 0,5 X3 Kb)/60 = 500 kb/seg
Por lo tanto, la conexión de la red para el servidor tendría que soportar esta tasa de
datos y se debería probar para garantizar que la tiene

01/03/2023
COMUNICACION
PLANEACION
MODELADO
CONSTRUCCION
DESPLIEGUE
Inicio del Proyecto
Entrega
Soporte
Retroalimentación
Análisis
Diseño
Código
Prueba
Estimación
cronograma

01/03/2023
Implantación/Despliegue
▪ Un sistema de software no puede cumplir su
propósito hasta que se implanta/despliega
▪ Los módulos ejecutables se colocan físicamente en
los dispositivos de hardware en los que se supone
que deben ejecutarse.

01/03/2023
Liberando el sistema
▪ Se debe ayudar a los usuarios a entender
y usar el sistema
▪ Distintos tipos de usuarios (segmentación)
▪ Involucra los siguientes aspectos:
▪ Entrenamiento
▪ Documentación
▪ Solución de Problemas
▪ Conversión
▪ Instalación

01/03/2023
Entrenamiento
▪ Dos grupos a entrenar:
▪ Usuarios finales
▪ Operadores/Administradores
▪ Usuarios
▪ Presentar lo que hace el sistema
▪ Cómo usarlo
▪ Operadores o Administradores
▪ Funciones de soporte
▪ Explicar cómo funciona
▪ Diferentes necesidades
▪ usuarios frecuentes/eventuales
▪ usuarios nuevos/experientes

01/03/2023
Revisión del entrenamiento
Evaluar el entrenamiento
➢Grado de uso del sistema
➢Eficiencia en el uso
➢Cumplimiento de objetivos
Entrenamiento debe tomar en cuenta:
➢características y preferencias personales
➢estilos de trabajo
➢presiones de la organización

01/03/2023
Ayudas al entrenamiento
• Documentos
➢cuidado con el tamaño (asegurar lectura y relación
costo/beneficio)
° Guías/referencias
• Ayuda en línea
• Demostraciones
• Talleres
➢ ¿cuándo hacerlo?
° conflictos por: disponibilidad, validación temprana, olvido por
desuso
• Usuarios expertos
➢ entrenadores
➢ pueden dar primer nivel de soporte (descentralización)
Parte importante de la
Validación

01/03/2023
Instalación
Instalar el software de forma que quede
disponible y operativo
➢Su complejidad depende de:
▪ Tecnología utilizada
▪ Restricciones funcionales (por ejemplo temporales)
▪ Requerimientos de disponibilidad
➢La facilidad de instalación afecta la liberación
inicial y las sucesivas liberaciones durante el
mantenimiento

01/03/2023
Tareas de la Instalación:
▪ Instalación del hardware y software nuevo.
▪ Formar a los primeros usuarios y
operadores.
▪ Desarrollar los planes de contingencia,
recuperación y caída.
▪ Desarrollar los procedimientos de
mantenimiento.
▪ Llevar a cabo cualquier conversión de
datos necesaria.

01/03/2023
Tareas de la Instalación:
▪ Llevar a cabo la instalación del sistema
nuevo a producción.
▪ Comenzar el uso de los acuerdos de nivel de
servicio.
▪ Planificar y programar las revisiones post-
instalación:
▪ Llevar a cabo las revisiones post-instalación:
▪ Establecer el calendario para otras revisiones
post-instalación si es necesario.

01/03/2023
Entregables de la Instalación:
▪ Planes detallados de contingencias de
explotación, caídas del sistema y
recuperación.
▪ Plan de revisión post-instalación.
▪ Informe de la instalación.
▪ Carta de aceptación del sistema.

01/03/2023
Contenido
tradicional

01/03/2023
Objetivo
▪ Gestión de proyectos: un enfoque
sistemático para planificar y guiar los
procesos de proyectos de principio a fin.
▪ Es una actividad centrada en el ser humano.
▪ Al igual que el análisis de requisitos, la
resolución de conflictos es fundamental.
▪ Muchos equipos de desarrollo todavía son
"nuevos" en la Web
▪ Historia corta, sin experiencia en manejo.
▪ Solo con experiencia en software tradicional

01/03/2023
Objetivos & Tareas
Proyecto de
Software
Planeación
Pruebas Implementación
Monitoreo

01/03/2023
Equilibrio de objetivos en conflicto
▪ Un cambio en un
objetivo incurre en
compensaciones
con los demás.
▪ ¡Asegúrese de que
todas las partes
interesadas estén
al tanto de esta
relación!
Proyecto de
Software
Presupuesto
Tiempo Calidad

01/03/2023
Tradicional vs. Web
▪ En Proyectos Tradicionales:
▪ Producto de calidad al
menor costo
▪ 10-100 miembros del equipo
▪ horizonte de 12-18 meses
▪ $ millones
▪ Basado en requisitos; fases
estructuradas; basado en
documentosmétodos OO
▪ Procesos rígidos
▪ Complejo; mala reutilización
▪ Desarrolladores
profesionales con
experiencia
▪ En Proyectos Web:
▪ Producto utilizable en el
menor tiempo
▪ 3-10 miembros del equipo
▪ horizonte de 3-6 meses
▪ $ miles
▪ métodos ágiles; prototipos
▪ métodos basados en
componentes; multimedia;
programación visual
▪ Procesos ad-hoc
▪ Estandarizado; alta
reutilización
▪ diseñadores multimedia;
programadores web;
vendedores

01/03/2023
Desafíos de desarrollo
▪ Novedad – audiencias desconocidas &
desinformadas.
▪ Dinámica – presiones de tiempo
▪ Paralelismo – subequipos y comunicación
▪ Continuidad – del desarrollo a la transición
▪ Juvenil – juventud; menos experiencia
▪ Inmadurez – herramientas inadecuadas

01/03/2023
Desafíos relacionados con el producto
▪ Web apps son “simples”
▪ Estética
▪ Espontaneidad
▪ Ubicuidad
▪ Compatibilidad
▪ Estabilidad y Seguridad
▪ Escalabilidad

01/03/2023
Gestión del equipo de desarrollo
▪ El éxito está determinado en gran medida por
la dinámica del grupo & cuanto de bien son
gestionados.
▪ Comunicación entre los miembros del equipo
▪ Motivación & coordinación por Gerente de
Proyecto
▪ Identificar & resolver conflictos lo antes possible
▪ Concurrent engineering
▪ Primary & backup
▪ La documentación es responsabilidad de todos

01/03/2023
The Web Project Team
Web Project Team
Management Functionality Data
Project Manager Software Engineer
Multimedia Designer
Domain Expert
Business Expert

01/03/2023
Los roles del gerente de proyecto
▪ Mediador
▪ Motivador
▪ Comunicador
▪ Traductor
▪ Entrenador
▪ Enlace con el cliente
▪ Requisitos durante el desarrollo
▪ ¿Después del despliegue?

01/03/2023
10 Golden Rules
1. Promover la autoconcepción profesional de cada miembro
del equipo y el comportamiento ético.
2. Enfatizar la importancia del conocimiento de diferentes
aplicaciones.
3. Resolver conflictos rápidamente
4. Mantener los roles bien definidos
5. Buscar desarrollos paralelos y sinergias
6. Distribuir la tarea de documentación de manera justa
7. Promover y coordinar el uso continuo de herramientas
8. Traducir costos y valores
9. Mantener al cliente involucrado
10. Supervisar el progreso y los objetivos del proyecto

01/03/2023
Gestión del proceso de desarrollo
▪ Basado en herramientas vs en documentos
▪ Requirimientos & test suites
▪ Comunicación (Wikis)
▪ Gestión de la configuración
▪ Versionamiento
▪ Ciclos de iteración cortos
▪ Ningún proyecto es demasiado pequeño para él!
▪ Midiendo el progreso
▪ Especificación del sistema
▪ La aplicación en sí

01/03/2023
Riesgos del proyecto
▪ Riesgo: la probabilidad de que una
actividad resulte en una pérdida.
▪ Riesgos más críticos:
▪ Déficit de personal
▪ Especificaciones poco realistas de tiempo y
costo
▪ Componentes de terceros incompatibles
▪ Propiedades mal entendidas
▪ Pobre interfaz de usuario

01/03/2023
Riesgos top de Nielsen
▪ Definición poco clara de los objetivos
▪ Público objetivo equivocado
▪ Estructura de página orientada al desarrollo
▪ diseño inconsistente
▪ Presupuesto insuficiente para el
mantenimiento.
▪ Reciclaje de contenido y enlaces deficientes
▪ Mezclando Internet e Intranet
▪ La investigación de mercados es vista como
investigación de usabilidad.

01/03/2023
Gestión de riesgos
▪ ¿Cuál es la probabilidad de que ocurra un
problema, cuál será el impacto y cuáles son
las soluciones?
▪ Evaluación: identificar, analizar y priorizar
▪ Control: Aprovisionar, monitorear, mitigar
▪ Los grupos son mejores para evaluar y
gestionar el riesgo que los individuos.
▪ Realizar un análisis de costo-beneficio para
justificar las actividades de gestión de
riesgos.

01/03/2023
Cosas a tener en cuenta (o resumen)
▪ Un buen proceso de desarrollo es importante
▪ Reducir costos
▪ Permitir alcanzar metas
▪ Se adapta a nuevos problemas.
▪ Project Management es parte del proceso de
meta-desarrollo (proceso sobre el proceso)
▪ Minimizar riesgos
▪ Habilitar la supervisión del proceso de desarrollo
▪ Requiere integración con el proceso de desarrollo
(puntos de sondeo)

01/03/2023
Introducción a la
Ingeniería Web
Unidad 1
Final de la unidad

IW Unidad 1: Introducción a la Ingeniería Web

Más contenido relacionado

La actualidad más candente (20)

Similar a IW Unidad 1: Introducción a la Ingeniería Web (20)

Más de Franklin Parrales Bravo (20)

Último (8)

IW Unidad 1: Introducción a la Ingeniería Web