Planeacion Para La Iweb Gral

45
27/10/2022 Ingeniería Web 1 INGENIERÍA WEB 1. INTRODUCCIÓN. 1.1. Antecedentes 1.2. Características de las aplicaciones Web (WebApps) 1.3. Importancia de la Ingeniería Web (IWeb) 1.4. Estado del arte de la IWeb.

Transcript of Planeacion Para La Iweb Gral

Page 1: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 1

INGENIERÍA WEB

1. INTRODUCCIÓN.• 1.1. Antecedentes• 1.2. Características de las aplicaciones

Web (WebApps)• 1.3. Importancia de la Ingeniería Web

(IWeb)• 1.4. Estado del arte de la IWeb.

Page 2: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 2

INGENIERÍA WEB

En esta parte de Ingeniería del Software: un enfoque practico, se aprenderán los principios, conceptos y métodos con que se crean aplicaciones Web de alta calidad.

Page 3: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 3

INGENIERÍA WEB1. Introducción y conceptos.2. Atributos de los Sistemas y aplicaciones

Basados en Web.3. Estratos de la Ingeniería de WebApp.

1. Proceso.2. Métodos.3. Herramientas y Tecnología.

4. El Proceso de Ingeniería Web.1. Definición del marco de trabajo.2. Refinamiento del marco de trabajo.

5. Mejores Practicas en Ingeniería Web.

Page 4: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 4

Introducción y conceptos.

¿Qué es?¿Quién Lo hace?¿Por qué es importante?¿Cuales Son los pasos?¿Cuál es el producto obtenido?¿Como puedo estar seguro de que lo he hecho correctamente?

Page 5: Planeacion Para La Iweb Gral

13/04/2023 5Ingeniería Web

Introducción y conceptos.

¿Qué es?Los sistemas y aplicaciones basados en

Web (WebApps) ofrecen un complejo arreglo de contenido y funcionalidad a una amplia población de usuarios finales.

La Ingeniería Web (IWeb) es el proceso con el que se crean WebApps de alta calidad. La IWeb no es un clon perfecto de la ingeniería del software, pero toma prestados muchos conceptos y principios fundamentales de ella. Además el proceso IWeb acentúa actividades técnicas y administrativas similares.

Page 6: Planeacion Para La Iweb Gral

13/04/2023 6Ingeniería Web

Introducción y conceptos.

¿Quién Lo hace?Los Ingenieros Web y los

desarrolladores del contenido que no es técnico crean las WebApps.

Page 7: Planeacion Para La Iweb Gral

13/04/2023 7Ingeniería Web

Introducción y conceptos.

¿Por qué es importante?Conforme las WebApps se

integran cada vez mas en las estrategias de negocios para pequeñas y grandes empresas (por ejemplo, en el comercio electrónico), crece en importancia la necesidad de construir sistemas confiables, prácticos y adaptables. Por tanto, es necesario un enfoque disciplinado en cuanto al desarrollo de WebApps.

Page 8: Planeacion Para La Iweb Gral

13/04/2023 8Ingeniería Web

Introducción y conceptos.

¿Cuales Son los pasos?Al igual que cualquier disciplina de

ingeniería, la IWeb aplica un enfoque genérico que se suaviza mediante estrategias, tácticas y métodos especializados. El Proceso IWeb Comienza con una formulación del problema que se resolverá con la WebApp. Se Planea el proyecto IWeb y se Modelan los Requisitos y el Diseño de la WebApp. El sistema se Construye con tecnologías y herramientas especializadas asociadas con la Web. Entonces se entrega a los usuarios finales y se Evalúa mediante criterios tanto Técnicos como empresariales. Dado que las WebApps evolucionan continuamente, se deben establecer mecanismos para el control de configuraciones, el aseguramiento de la calidad y el soporte continuo.

Page 9: Planeacion Para La Iweb Gral

13/04/2023 9Ingeniería Web

Introducción y conceptos.

¿Cuál es el producto obtenido?Se producen muchos productos

de trabajo IWeb. El resultado final es la WebApp operativa.

Page 10: Planeacion Para La Iweb Gral

13/04/2023 10Ingeniería Web

Introducción y conceptos.

¿Como puedo estar seguro de que lo he hecho correctamente?

En ocasiones es difícil estar seguro, hasta que los usuarios finales ejecutan la WebApp. Sin embargo, se aplican practicas de aseguramiento de la calidad del software para valorar la calidad de los modelos IWeb, el contenido y la función globales del sistema, la facilidad de uso, el desempeño y la seguridad.

Page 11: Planeacion Para La Iweb Gral

INGENIERÍA WEB2. Atributos de los Sistemas y aplicaciones

Basados en Web.1. Intensidad de Red.2. Concurrencia.3. Carga impredecible.4. Desempeño.5. Disponibilidad.6. Gobernada por los Datos.7. Sensibilidad al Contenido.8. Evolución Continua.9. Inmediatez.10. Seguridad.11. Estética.

13/04/2023 Ingeniería Web 11

Page 12: Planeacion Para La Iweb Gral

13/04/2023 12Ingeniería Web

Atributos de los Sistemas y aplicaciones Basados en Web.

Intensidad de Red. Una WebApp reside en una red y debe satisfacer las necesidades de una variada comunidad de clientes. Una WebApp puede residir en la Internet (y, en consecuencia, permitir una comunicación mundial abierta).

Concurrencia. Un gran número de usuarios puede tener a la WebApp al mismo tiempo. En muchos casos, los patrones de uso entre los usuarios finales variaran enormemente.

Carga impredecible. El número de usuarios de la WebApp puede variar en ordenes de magnitud de dia con día.

Page 13: Planeacion Para La Iweb Gral

13/04/2023 13Ingeniería Web

Atributos de los Sistemas y aplicaciones Basados en Web.

Desempeño. Si un usuario de WebApp debe esperar demasiado, puede decidir irse a cualquier otra parte.

Disponibilidad. Aunque la expectativa de una disponibilidad del total es poco razonable, los usuarios de las WebApps populares con frecuencia demandan acceso sobre una base “24/7/365”.

Gobernada por los Datos. La función primordial de muchas WebApps es usar Hipermedia para presentar contenido de texto, gráficos, audio y video. Además, por lo general, las WebApps se utilizan para tener acceso a información que existe en Bases de Datos.

Page 14: Planeacion Para La Iweb Gral

13/04/2023 14Ingeniería Web

Atributos de los Sistemas y aplicaciones Basados en Web.

Sensibilidad al Contenido. La calidad y naturaleza estética del contenido sigue siendo un importante determinante de la calidad de una WebApp.

Evolución Continua. A diferencia del software de aplicación convencional, que evoluciona a lo largo de una serie de planeadas liberaciones espaciadas cronológicamente, las aplicaciones Web evolucionan de manera continua. El cuidado y la alimentación permiten que un Sitio Web crezca.

Inmediatez. Aunque la inmediatez –la apremiante necesidad de poner software en el mercado rápidamente– es una característica de muchos dominios de aplicación, las WebApps con frecuencia muestran un tiempo para comercializar que puede ser cuestión de unos cuantos días o semanas.

Page 15: Planeacion Para La Iweb Gral

13/04/2023 15Ingeniería Web

Atributos de los Sistemas y aplicaciones Basados en Web.

Seguridad. Puesto que las WebApps están disponibles mediante el acceso a la red, es difícil, si no imposible, limitar la población de usuarios finales que pueden tener acceso a la aplicación. Con la finalidad de proteger el contenido confidencial y ofrecer modos seguros de transmisión de datos, se deben implementar fuertes medidas de seguridad a lo largo de la infraestructura que sustenta una WebApp y dentro de la aplicación misma.

Estética. Una parte innegable de la apariencia de una WebApp es su presentación y la disposición de sus elementos. Cuando una aplicación se diseña para comercializar o vender productos o ideas, la estética puede tener tanto que ver con el éxito como el diseño técnico.

Page 16: Planeacion Para La Iweb Gral

13/04/2023 16Ingeniería Web

Categorías de las WebApps en la IWeb.

Informativo. Se proporciona contenido de solo lectura con navegación y enlaces simples.

Descarga. Un usuario descarga información del servidor apropiado.

Personalizable. El usuario personaliza el contenido según sus necesidades especificas.

Interacción. La comunicación entre una comunidad de usuarios ocurre por medio de cuartos de charla, tableros de anuncios o mensajería instantánea.

Page 17: Planeacion Para La Iweb Gral

13/04/2023 17Ingeniería Web

Categorías de las WebApps en la IWeb.

Entrada del Usuario. La entrada con base en formularios es el principal mecanismo para las necesidades de comunicación.

Orientada a Transacciones. El usuario hace una solicitud que ejecuta la WebApp.

Orientada a Servicios. La aplicación proporciona un servicio al usuario; por ejemplo, lo asesora en la determinación del pago de una hipoteca.

Portal. La aplicación canaliza al usuario hacia otro contenido o servicios Web fuera del dominio del portal de aplicación.

Page 18: Planeacion Para La Iweb Gral

13/04/2023 18Ingeniería Web

Categorías de las WebApps en la IWeb.

Acceso a una Base de Datos. El usuario consulta una gran Base de Datos y extrae información.

Almacen de Datos. El usuario consulta una colección de grandes Bases de Datos y extrae información.

Page 19: Planeacion Para La Iweb Gral

INGENIERÍA WEB

3. Estratos de la Ingeniería de WebApp.1. Proceso.2. Métodos.

1. Métodos de Comunicación.2. Métodos de Análisis de requisitos.3. Métodos de Diseño.4. Métodos de Prueba.

3. Herramientas y Tecnología.

13/04/2023 Ingeniería Web 19

Page 20: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web20

Estratos de la Ingeniería de WebApp

1. Proceso. Los modelos de procesos IWeb adoptan la filosofía del desarrollo ágil. El desarrollo ágil enfatiza un enfoque de desarrollo riguroso que incorpora rápidos ciclos de desarrollo. A cuan rápidos ciclos de tiempo dominan la reflexión acerca del desarrollo, es importante reconocer que el problema todavía debe analizarse, debe desarrollarse un diseño, la implementación debe proceder en una forma incremental y se debe iniciar un enfoque organizado de prueba.

Page 21: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web21

Estratos de la Ingeniería de WebApp

1. Proceso. Sin embargo, dichas actividades del marco de trabajo se deben definir dentro de un proceso que:

1. Adopte el cambio.2. Aliente la creatividad y la independencia del equipo

de desarrollo y fortalezca la interacción con los accionistas de la WebApp.

3. Construya sistemas que utilicen pequeños equipos de desarrollo.

4. Subraye el desarrollo evolutivo o incremental mediante el uso de cortos ciclos de desarrollo.

Page 22: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web22

Estratos de la Ingeniería de WebApp

2. Métodos.El panorama de los métodos de

IWeb abarca un conjunto de labores técnicas que permiten al ingeniero Web comprender, caracterizar y luego construir una WebApp de alta calidad.

Page 23: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web23

Estratos de la Ingeniería de WebApp

2. Métodos.1. Métodos de Comunicación.

Definen el enfoque con que se facilita la comunicación entre ingenieros Web y los demás participantes de la WebApp. Las técnicas de comunicación son particularmente importantes durante la recolección de requisitos y siempre que sea evaluado un incremento en la WeApp.

Page 24: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web24

Estratos de la Ingeniería de WebApp

2. Métodos.2. Métodos de Diseño.

Abarcan una serie de técnicas de diseño que abordan el contenido, la aplicación y la arquitectura de información, así como el diseño de interface y la estructura de navegación de la WebApp.

Page 25: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web25

Estratos de la Ingeniería de WebApp

2. Métodos.3. Métodos de Prueba.

Incorporan revisiones técnicas formales, pruebas de navegación, pruebas de facilidad de uso, pruebas de seguridad y pruebas de configuración.

Page 26: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web26

Estratos de la Ingeniería de WebApp

3. Herramientas y Tecnología.Abarcan un amplio conjunto de

descripción de contenido y lenguajes de modelación, lenguajes de programación, recursos de desarrollo basados en componentes, navegadores, herramientas multimedia, herramientas de autoría de sitio, herramientas de conectividad de bases de datos, herramientas de seguridad, servidores y utilidades de servidor, y herramientas de administración y análisis de sitio.

Page 27: Planeacion Para La Iweb Gral

INGENIERÍA WEB4. El Proceso de Ingeniería Web.

1. Definición del marco de trabajo.1. Las WebApps con frecuencia se entregan

de manera incremental.2. Los cambios ocurrirán frecuentemente.3. Los plazos son cortos.PROCESO IWEB:• Comunicación con el Cliente.• Planeación.• Modelado.• Construcción.• Despliegue.

2. Refinamiento del marco de trabajo.

13/04/2023 Ingeniería Web 27

Page 28: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 28

El Proceso de la 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.

Si la inmediatez y la evolución continua son los atributos principales de una WebApp, un equipo de ingeniería Web debe elegir un modelo de proceso ágil que produzca liberaciones de WebApp a un ritmo vertiginoso. Por otra parte, si una WebApp será desarrollada durante un largo periodo puede elegirse un modelo de proceso incremental.

Page 29: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 29

El Proceso de la Ingeniería Web

1.Definición del Marco de Trabajo.Cualquiera de los modelos de proceso

ágil, se pueden aplicar de manera exitosa como un proceso IWeb. El marco de trabajo del proceso es una amalgama de los principios e ideas.

La efectividad de cualquier proceso de ingenieria depende de su adaptabilidad.

Page 30: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 30

El Proceso de la Ingeniería Web

1.Definición del Marco de Trabajo.El modelo de proceso IWeb se expone en

tres puntos: Entrega Incremental, Cambio Continuo y Plazos Cortos.

Las WebApps con frecuencia se entregan de manera incremental. Esto es, las actividades del marco de trabajo ocurrirán de manera repetida conforme cada incremento se somete a ingeniería y se entregue.

Page 31: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 31

El Proceso de la Ingeniería Web

1.Definición del Marco de Trabajo.Los cambios ocurrirán

frecuentemente. Estos cambios pueden ocurrir como resultado de la evaluación de un incremento entregado o como consecuencia de cambiar las condiciones de los negocios.

Los plazos son cortos. Esto aminora la creación y revisión de voluminosa documentación de ingeniería, pero no excluye la simple realidad de que el análisis critico, el diseño y la prueba deben registrarse en alguna forma.

Page 32: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 32

El Proceso de la Ingeniería Web

1.Definición del Marco de Trabajo.El modelo de proceso genérico es

aplicable a la ingeniería Web.Comunicación con el cliente. Dentro el

proceso IWeb la comunicación con el cliente se caracteriza por medio de grandes tareas: el análisis del negocio y la formulación.

Planeación. Se crea el plan del proyecto para el incremento de la WebApp. El plan consiste de una definición de tareas y un calendario de plazos respecto al periodo proyectado para el desarrollo del incremento de la WebApp.

Page 33: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 33

El Proceso de la Ingeniería Web

1.Definición del Marco de Trabajo.Modelado. Las labores convencionales

de análisis y diseño de ingeniería del software se adaptan al desarrollo de la WebApp, se mezclan y luego se funden en la actividad de modelo IWeb.

Construcción. Las herramientas y la tecnología IWeb se aplican para construir la WebApp que se ha modelado. Una vez que se construye el incremento de WebApp, se dirige una serie de pruebas rápidas para asegurar que se descubran los errores en el diseño.

Page 34: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 34

El Proceso de la Ingeniería Web

1.Definición del Marco de Trabajo.

Despliegue. La WebApp se configura para su ambiente operativo, se entrega a los usuarios finales y luego comienza un periodo de evaluación. La retroalimentación acerca de la evaluación se presenta al equipo de IWeb y el incremento se modifica conforma se requiera.

Page 35: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 35

El Proceso de la Ingeniería Web

PLANEACIÓN

PLANEACIÓN

COMUNICACIÓN

CON EL CLIENTE

COMUNICACIÓN

CON EL CLIENTE

MODELADO

MODELADO

ENTREGA Y

RETROALIMENTACIÓN

ENTREGA Y

RETROALIMENTACIÓNIncremento de SoftwareIncremento de Software

Análisis del

negocio Formulaci

ónPlan de

Iteración

Modelo de AnálisisContenidoIteraciónFunción

Configuración

Modelo de Diseño

ContenidoArquitecturaNavegación

Interfaz

CONSTRUCCIÓN

CONSTRUCCIÓN

Refactorización

CodificaciónPrueba de

componentes

Prueba de aceptaciónUso del Consumidor

Evaluación del Consumidor

Liberación

Page 36: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 36

El Proceso de la Ingeniería Web

2.Refinamiento del Marco de Trabajo.El modelo del Proceso IWeb debe ser adaptable.

Esto es, la definición de las tareas de ingeniería requeridas para refinar cada actividad del marco de trabajo se dejan a discrecional juicio del equipo de ingeniería Web. En todo caso, el equipo es responsable de producir un incremento WebApp de Alta Calidad dentro del periodo acordado.

Es importante destacar que las tareas asociadas con las actividades del marco de trabajo IWeb pueden modificarse, eliminarse o extenderse con base en las características del problema, el producto, el proyecto y la gente en el equipo de ingeniería Web.

Page 37: Planeacion Para La Iweb Gral

INGENIERÍA WEB5. Mejores Practicas en Ingeniería Web.

1. Tomar tiempo para entender las necesidades del negocio y los objetivos del producto, incluso si los detalles de la WebApp son vagos.

2. Describir como interactuaran los usuarios con la WebApp Aplicando un enfoque basado en escenarios.

3. Desarrollar un plan del proyecto, incluso si es muy breve.

4. Utilizar algún tiempo para modelar lo que se construirá.

5. Revisar la Consistencia y la calidad de los modelos.6. Utilizar herramientas y tecnología que permitan

construir el sistema con tantos componentes reutilizables como sea posible.

7. No apoyarse en usuarios anteriores para depurar la WeApp; diséñense pruebas amplias y ejecutándose antes de liberar el sistema.

13/04/2023 Ingeniería Web 37

Page 38: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 38

Mejores Prácticas en Ingeniería Web

Los equipos de ingeniería Web están sometidos a enorme presión respecto del tiempo y trataran de tomar atajos. Pero de se debe aplicar un conjunto fundamental de mejores practicas, si se han de construir WebApps con calidad industrial.

Page 39: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 39

Mejores Prácticas en Ingeniería Web

Tomar tiempo para entender las necesidades del negocio y los objetivos del producto, incluso si los detalles de la WebApp son vagos. Muchos desarrolladores de WebApps creen erróneamente que los requisitos vagos los liberan de la necesidad de asegurarse de que el sistema que están apunto de someter a ingeniería tenga un propósito empresarial legitimo. (Resultado Final “sistema equivocado, razones equivocadas para publico equivocado”, Accionistas “No enunciar necesidades o identificar objetivos claros a las necesidades”)

Page 40: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 40

Mejores Prácticas en Ingeniería Web

Describir como interactuaran los usuarios con la WebApp Aplicando un enfoque basado en escenarios. Se debe convencer a los accionistas para desarrollar casos de uso para reflejar como los diversos actores interactúan con la WebApp. Escenarios:

1. Planeación y Rastreo del Proyecto.2. Guiar el análisis y modelado del

diseño.3. Entrada importante para el diseño

de pruebas.

Page 41: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 41

Mejores Prácticas en Ingeniería Web

Desarrollar un plan del proyecto, incluso si es muy breve. El plan debe basarse en un proceso de marco de trabajo predefinido aceptable para todos los participantes. Puesto que los plazos son muy cortos, la dosificación del programa debe ser exacta; es decir, en muchas instancias el proyecto debe planearse y rastrearse diariamente.

Page 42: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 42

Mejores Prácticas en Ingeniería Web

Utilizar algún tiempo para modelar lo que se construirá. Por lo general, el análisis total y los modelos de diseño no se desarrollan durante la ingeniería Web. Sin embargo, la clase UML y los diagramas de secuencia, junto con otra notación UML seleccionada, pueden proporcionar una visión invaluable.

Page 43: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 43

Mejores Prácticas en Ingeniería Web

Revisar la Consistencia y la calidad de los modelos. Las revisiones técnicas formales se deben dirigir a lo largo del proyecto IWeb. El tiempo empleado en las revisiones paga importantes dividendos porque usualmente elimina reelaboraciones y resulta una WebApp que exhibe alta calidad, lo que aumenta la satisfacción del cliente.

Page 44: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 44

Mejores Prácticas en Ingeniería Web

Utilizar herramientas y tecnología que permitan construir el sistema con tantos componentes reutilizables como sea posible. Un amplio conjunto de herramientas WebApp están a disposición virtualmente para cada aspecto de la construcción WebApp. Muchas de dichas herramientas permiten un ingeniero Web construya porciones significativas de la aplicación empleando componentes reutilizables.

Page 45: Planeacion Para La Iweb Gral

13/04/2023 Ingeniería Web 45

Mejores Prácticas en Ingeniería Web

No apoyarse en usuarios anteriores para depurar la WebApp; diséñense pruebas amplias y ejecutándose antes de liberar el sistema. Los usuarios de una WebApp con frecuencia le dan una oportunidad. Si falla en su ejecución se mueven a cualquier otra parte: nunca regresan. Por esta razón, el “pruebe primero, después despliegue” debe ser un sistema primordial, incluso si los plazos se deben prolongar.