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
PWA – Prototyping of Web Applications
Una Herramienta de Soporte a la Ingeniería de Requerimientos
TRABAJO DE FIN DE GRADO
Autores
2
Tutor:
DANIEL EDUARDO RIVAS LÓPEZ.
LEPOLDO ARSENIO POLETTI OJEDA.
Prof. M.Sc. LUIS GILBERTO SALINAS.
ASUNCIÓN - 2011
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
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ón EvoluciónTiempo
Costo
Procesos Principales
Ingeniería de Requerimientos
PWA – Prototyping of Web Applications 19
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
Propuesta
Basado en la investigación del estado del arte.
En este trabajo se propone una herramienta de soporte a la Ingeniería de Requerimientos que permita mejorar la calidad del software.
Basado exclusivamente en técnicas, notaciones y mecanismos de extensión UML (Unified Modeling Lenguage) y la metodología UWE.
Prototyping of Web Applications - PWA
Propuesta
PWA – Prototyping of Web Applications 24
Características de la Herramienta Propuesta
Mejorar la obtención y el análisis de los requerimientos.
Facilitar la validación de los requerimientos.
Utilización de un lenguaje sencillo.
Mejorar la calidad del software.
Disminuir los costos y retrasos del proyecto.
Evitar rechazos de usuarios finales.
Soporte para el proceso de prototipado evolutivo.
Generación de un sistema robusto. Diseñado con una arquitectura actual y muy competente en el mercado mundial.
Propuesta
PWA – Prototyping of Web Applications 25
PWA fue diseñada enfatizando los siguientes puntos:
Proceso de Desarrollo PWA
PWA – Prototyping of Web Applications 26
Propuesta
Proceso de Desarrollo PWA
Se obtienen los requerimientos a grandes rasgos.
Se van definiendo mejor a medida que avance el ciclo de vida.
PWA – Prototyping of Web Applications 27
Propuesta
Proceso de Desarrollo PWA
Modelo de Datos.
Modelo de Navegación.
Modelo de Presentación.
PWA – Prototyping of Web Applications 28
Propuesta
Proceso de Desarrollo PWA
Modelo de Datos.
Modelo de Navegación.
Modelo de Presentación.
PWA – Prototyping of Web Applications 29
Propuesta
Here comes your footer Page 30
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 31
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 32
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 33
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 34
Enter your title here
2027
90
20
3139
35 32
0
10
20
30
40
50
60
70
80
90
100
2003 2004 2005 2006
Range A Range B
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 35
Enter your title here
27
20
2045
60
Range A Range B Range C
Range D Range E
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 36
Software and Tools for Microsoft PowerPoint.
The website with innovative solutions.
Save time and money by automating your presentations.
www.presentationpoint.com
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.
E-Mail: [email protected]
Conditions