PWA – Prototyping of Web Applications Una Herramienta de Soporte a la Ingeniería de...
-
Upload
maria-angeles-velazquez-reyes -
Category
Documents
-
view
227 -
download
0
Transcript of PWA – Prototyping of Web Applications Una Herramienta de Soporte a la Ingeniería de...
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
PWA – Prototyping of Web Applications 29
Propuesta
Proceso de Desarrollo PWA
PWA – Prototyping of Web Applications 30
Propuesta
Entrada Salida
Modelado
PWAPrototipo
del
Sistema
Conceptual
Navegación
Presentación
Generación de Prototipo:
Proceso de Desarrollo PWA
PWA – Prototyping of Web Applications 31
Propuesta
Caso de Estudio
10
PWA – Prototyping of Web Applications 32
Caso de Estudio A continuación se presenta el proceso de desarrollo de una aplicación
web utilizando la herramienta PWA y la metodología AWA.
El proyecto consiste en el desarrollo de un sistema web para una cooperativa.
La cooperativa se encuentra compuesta por socios de la familia Viveros, que desean una mejor forma de administrar su capital construyendo su propia cooperativa familiar.
Los usuarios del sistema son básicamente los socios y funcionarios de la misma.
Los funcionarios pueden realizar aperturas de libretas de ahorro, operaciones de depósitos, extracciones, créditos, aportes y solidaridad.
Los socios pueden acceder a verificar el estado de sus cuentas y realizar operaciones sobre las mismas.
Caso de Estudio
PWA – Prototyping of Web Applications 33
Conclusiones y Trabajos Futuros
11
PWA – Prototyping of Web Applications 34
Conclusiones
No se encontró ninguna herramienta enfocada directamente a la obtención de requerimientos y el prototipado de aplicaciones web.
Entre las distintas metodologías estudiadas se encontró que el UWE se ajustaba más a las características deseadas debido a las notaciones UML utilizadas.
PWA nace en base a los estudios y metodologías expuestos.
La arquitectura propuesta por PWA ha demostrado ser bastante aceptable, actual y eficiente en cuanto a las arquitecturas utilizadas hoy en día para el desarrollo de aplicaciones web.
PWA y la metodología AWA han demostrado ser una propuesta adecuada y válida para el prototipado de aplicaciones web.
PWA permite ahorrar un alto porcentaje de tiempo en comparación a otras metodologías tradicionales.
Conclusiones y Trabajos Futuros
PWA – Prototyping of Web Applications 35
Aportes
Estado del arte en Ingeniería de Software, Ingeniería de Requerimientos, Ingeniería Web y Prototipado de Software.
Un modelado simple que resulta fácil de entender y desarrollar.
Una herramienta que permite mejorar la obtención, el análisis y la validación de los requerimientos.
Una herramienta que permite automatizar el proceso de desarrollo de software y disminuir los costos.
Una herramienta sencilla que puede ser utilizada con diferentes metodologías de software de manera agilizar el proceso de desarrollo de las mismas.
Conclusiones y Trabajos Futuros
PWA – Prototyping of Web Applications 36
Trabajos Futuros
Aumentar la experiencia de desarrollo con PWA.
Entorno de Desarrollo PWA.
Soporte para la inclusión de Lógica de Negocios.
Soporte para cambios realizados en el código.
Soporte para otras arquitecturas.
Conclusiones y Trabajos Futuros
PWA – Prototyping of Web Applications 37
¡Gracias por su atención!
PWA – Prototyping of Web Applications 38
Bibliografía
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.
Bibliografía
PWA – Prototyping of Web Applications 39
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]
Here comes your footer Page 40
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 41
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 42
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 43
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 44
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 45
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