PWA – Prototyping of Web Applications Una Herramienta de Soporte a la Ingeniería de Requerimientos Universidad Nacional de Asunción Facultad Politécnica

PWA – Prototyping of Web Applications Una Herramienta de Soporte a la Ingeniería de Requerimientos TRABAJO DE FIN DE GRADO Autores 2 Asesor: DANIEL EDUARDO RIVAS LÓPEZ. LEPOLDO ARSENIO POLETTI OJEDA. Prof. M.Sc. LUIS GILBERTO SALINAS. ASUNCIÓN

PWA – Prototyping of Web Applications Agenda 3 1.Justificación. 2.Objetivos. 3.Introducción a la Ingeniería del Software. 4.Ingeniería Web. 5.Ingeniería de Requerimientos. 6.Prototipado. 7.Propuesta. 8.PWA. 9.Prototipo Generado. 10.Caso de Estudio. 11.Conclusiones y Trabajos Futuros.

Justificación 1 PWA – Prototyping of Web Applications 4

Introducción  La primera etapa dentro de la concepción de un sistema consiste en entender y representar de un modo apropiado los requerimientos que presenta el usuario.  Sin embargo, uno de los desafíos más importantes con el que se encuentra el ingeniero de software es comprender las verdaderas necesidades de los clientes.  Ocurren problemas a causa de especificaciones incompletas, mal estructuradas, escasa participación de usuarios, etc.  Las aplicaciones web no escapan a estos problemas, siendo una de las más desarrolladas, hoy en día, y con escasas herramientas enfocadas a la especificación de requerimientos.  Todo esto hace que se pierda una gran cantidad de tiempo y dinero durante el proceso de desarrollo de software. Justificación PWA – Prototyping of Web Applications 5

Justificación  La ingeniería de requerimientos nace de manera tal a ofrecer una posible solución a estos problemas.  Una opción propuesta por la ingeniería de requerimientos es mediante el prototipado de aplicaciones.  El prototipo de un producto software es una versión inicial que permite llegar de manera eficaz al entendimiento de los requisitos, reducir la complejidad del problema y ofrecer una pronta validación del diseño del sistema.  Una herramienta que permita generar estos prototipos, permitiría a los desarrolladores optimizar el tiempo, capturando y validando requerimientos de manera tal a entregar el producto final con una mayor calidad y dentro de los plazos establecidos. Justificación PWA – Prototyping of Web Applications 6

Objetivos 2 PWA – Prototyping of Web Applications 7

Objetivos Objetivo General  Desarrollar una herramienta, basada en modelos de proceso de la ingeniería web, que permita la generación automática de prototipos de manera a satisfacer los objetivos propuestos por la ingeniería de requerimientos. Objetivos Específicos  Mejorar la obtención y el análisis de los requerimientos.  Facilitar la validación de los requerimientos.  Automatizar el proceso del prototipado de manera a agilizar las etapas iníciales del desarrollo de software. PWA – Prototyping of Web Applications 8 Objetivos

Ingeniería del Software 3 PWA – Prototyping of Web Applications 9

Conceptos Básicos  La Ingeniería del Software es una disciplina de la ingeniería o área de la informática que concierne a todos los aspectos de la producción de software.  Concierne a teorías, métodos y herramientas para el desarrollo profesional de software. Ingeniería del Software PWA – Prototyping of Web Applications 10  Entre las metas que se propone podemos citar:  Obtener un producto exitoso.  Aumentar la productividad.  Realizar el proceso de desarrollo de manera eficiente.  Definimos como Proceso del Software a un conjunto estructurado de actividades requeridas para desarrollar un sistema de software.  Las actividades varían dependiendo de la organización y del tipo de sistema a desarrollarse.

Modelos de Proceso Metodologías Tradicionales  Modelo en Cascada.  Modelo Evolutivo.  Prototipado.  Modelo en Espiral. Metodologías Ágiles  SCRUM.  Programación Extrema (XP). PWA – Prototyping of Web Applications 11 Ingeniería del Software Captura de Requerimientos Análisis y DiseñoImplementación Pruebas DespliegueMantemiento

Ingeniería Web 4 PWA – Prototyping of Web Applications 12

Ingeniería Web  La ingeniería web podría definirse como el proceso utilizado para crear, implantar y mantener aplicaciones web de alta calidad [Murugesan2001]. Metodologías Web  Object Oriented Hypermedia Design Method - OOHDM.  UML-Based Web Engineering - UWE.  Agile Web Applications - AWA. PWA – Prototyping of Web Applications 13 Ingeniería Web

Metodologías Web OOHDM - Object Oriented Hypermedia Design Method  Diseño Conceptual.  Diseño Navegacional.  Diseño de Interfaz Abstracto.  Implementación. UWE - UML-Based Web Engineering  Análisis de Requerimientos.  Modelado Conceptual.  Diseño Navegacional.  Modelado de Presentación. PWA – Prototyping of Web Applications 14 Ingeniería Web

Metodologías Web AWA – Agile Web Applications  Requerimientos.  Planificación.  Modelado.  Implementación.  Evaluación y Retroalimentación. PWA – Prototyping of Web Applications 15 Ingeniería Web

Ingeniería de Requerimientos 5 PWA – Prototyping of Web Applications 16

Conceptos Básicos  Se denomina Ingeniería de Requerimientos al conjunto de todas las actividades involucradas al descubrimiento, análisis, documentación y mantenimiento de los requerimientos para un producto.  Las actividades del Proceso de la Ingeniería de Requerimientos incluyen la extracción de requerimientos, el análisis, la negociación y la validación.  El objetivo principal es entregar una especificación de requisitos de software correcta y completa.  El costo de detección de errores tiene un aumento exponencial a medida que el desarrollo avanza en sus etapas [Boehm1981]. Ingeniería de Requerimientos PWA – Prototyping of Web Applications 17

Costo de detección de errores Ingeniería de Requerimientos PWA – Prototyping of Web Applications 18 Requerimientos Diseño Implementación ValidaciónEvolución Tiempo Costo

Procesos Principales Ingeniería de Requerimientos PWA – Prototyping of Web Applications 19 Obtención y Análisis de Requerimientos - Entrevistas - Tormenta de Ideas - Cuestionarios- Prototipos Especificación de Requerimientos - Lenguaje Natural- Escenarios - Plantillas- Casos de Usos Validación de Requerimientos - Revisiones- Casos de Pruebas - Auditorías- Prototipos

Prototipado 6 PWA – Prototyping of Web Applications 20

Conceptos Básicos  Para muchos usuarios resulta difícil imaginar cómo se verá el sistema a partir de solamente la especificación de requerimientos.  Una manera de visualizar y entender mejor estas especificaciones de requerimientos es desarrollando un prototipo del sistema. Prototipado PWA – Prototyping of Web Applications 21  Algunos beneficios que se obtienen al desarrollar un prototipo son:  Los mal entendidos son detectados tan pronto como las funciones del prototipo son demostradas.  Servicios que el usuario olvida mencionar son detectados rápidamente.  El prototipo sirve como una base para escribir las especificaciones de manera a garantizar la calidad del sistema.

Prototipo de Software Propósito  El propósito principal del prototipado es capturar y validar los requerimientos del software. Enfoque de Desarrollo  Enfoque cerrado o prototipo desechable.  Enfoque abierto o prototipo evolutivo. PWA – Prototyping of Web Applications 22 Prototipado

Propuesta 7 PWA – Prototyping of Web Applications 23

Here comes your footer  Page 24 Enter your title here Color pallet  This is a dummy text. Please ignore the following content as it is dummy text.  This is definitely some dummy text.  The text here is meaningless as it is used to fill this slide.  Replace this dummy text with our own text. Enter your subtitle here

Here comes your footer  Page 25 Enter your title here  This is a dummy text. Please ignore the following content as it is dummy text.  This is definitely some dummy text.  The text here is meaningless as it is used to fill this slide.  Replace this dummy text with our own text. Enter your subtitle here

Here comes your footer  Page 26 Enter your title here  This is a dummy text. Please ignore the following content as it is dummy text.  This is definitely some dummy text.  The text here is meaningless as it is used to fill this slide.  Replace this dummy text with our own text.  This is a dummy text. Please ignore the following content as it is dummy text.  This is definitely some dummy text.  The text here is meaningless as it is used to fill this slide.  Replace this dummy text with our own text. Enter your subtitle here

Here comes your footer  Page 27 Enter your title here  This is a dummy text. Please ignore the following content as it is dummy text.  This is definitely some dummy text.  The text here is meaningless as it is used to fill this slide.  Replace this dummy text with our own text. Enter your subtitle here

Here comes your footer  Page 28 Enter your title here  This is a dummy text. Please ignore the following content as it is dummy text.  This is definitely some dummy text.  The text here is meaningless as it is used to fill this slide.  Replace this dummy text with our own text. Enter your subtitle here

Here comes your footer  Page 29 Software and Tools for Microsoft PowerPoint. The website with innovative solutions. Save time and money by automating your presentations. With the use of this free template you accept the following use and license conditions. Not for commercial use.  The template can be used freely by private persons. The commercial employment of the free templates is not permitted. Any further trade with contents as well as making the diagram/template/animations available in changed or unchanged form for downloading on other web sites or multiplying & the selling on data media of any kind are forbidden.  In no event shall PresentationPoint be liable for any indirect, special or consequential damages arising out of or in connection with the use of the template.  In case of questions for commercial usage please get in contact with us. Conditions