1 BLOQUE I 1 Introducción a la Ingeniería Web Diseño Centrado en el Usuario Profesorado: Dra. María José Escalona Cuaresma Dr. José Mariano González Romano Master Oficial en Ingeniería y Tecnología del Software Departamento de Lenguajes y Sistemas Informáticos Universidad de Sevilla Curso 2008/09

2 Introducción Ingeniería del Software vs Web Engineering Ingeniería del Software Calidad del software Ingeniería del Software + Hipermedia + Navegación+Web… Web Engineering SE vs WE Características Definición Tratamiento Estado del arte Evaluación 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 Hypermedia System Development. Do we really need new Methods?. Site-Where Parallels Intersect. Informing Science. pp

3 Introducción Las cualidades de la Ingeniería Web (I) Inicialmente se empezó a trabajar la hipermedia SE vs WE Características Definición Tratamiento Estado del arte Evaluación A hypermedia system can be defined as a navigational system Isakowitz 1995 Pronto comienzan a aparecer propuestas que trataban de proponer ideas específicas para solventar los problemas de la web. Las primeras, se orientaban hacia modelos no orientados a objeto, pero poco a poco fueron apareciendo nuevas orientaciónes hacia la OO.

4 Introducción Las cualidades de la Ingeniería Web (II) Pero empiezan a proliferar metodologías y nuevos conceptos sin que la comunidad investigadora tenga claro los conceptos y definidos bajo un estándar. SE vs WE Características Definición Tratamiento Estado del arte Evaluación Navigation is critical nowadays in all the systems which have a complex interface. Yoo and Bieber 2000 El resultado es que comienzan a surgir metodologías para resolver problemas específicos de la Web representando los mismos conceptos con diferentes nombres o usando los mismos nombres para diferentes conceptos. Congreso IWWOST 2001 (Valencia)

5 Introducción Características de los sistemas web Web Systems Compleja estructura navegacional Equipo de desarrollo complejo Más abiertos Mantenimiento complejo SE vs WE Características Definición Tratamiento Estado del arte Evaluación 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

6 Introducción Alcance ¿Qué es navegación? ¿Cómo tratarla? ¿Qué problemas encontramos al tratarla? SE vs WE Características Definición Tratamiento Estado del arte Evaluación Si bien todos estos aspectos son relevantes, el primer bloque del curso va a tratar principalmente sobre los dos primeros problemas que va a abarcar un trato directo con el usuario. Vamos a plantear en el curso una serie de preguntas con el objetivo de buscar soluciones técnicas para resolverla. ¿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?

7 Introducción ¿Qué es navegación? Información Idea de movimiento Adaptación Funcionalidad SE vs WE Características Definición Tratamiento Estado del arte Evaluación

8 Introducción ¿Cómo se tratan estas características? Ingeniería del Software No ofrece técnicas específicas Web Engineering Ofrece demasiados caminos SE vs WE Características Definición Tratamiento Estado del arte Evaluación Navigation has been mainly dealt with in Web Engineering, so we must try to answer these questions in this environment. Desphande et. Al DESHPANDE, Y., MARUGESAN, S., GINIGE, A., HANSE, S., SCHAWABE, D., GAEDKE, M., WHITE, B Web Engineering. Journal of Web Engineering. Vol. 1 Nº 1. pp Rinton Press

9 Introducción Estado del Arte (I) La multiplicidad de metodologías ofrecidas en los últimos años ha provocado una gran cantidad de estudios comparativos que ofrecen una visión de los puntos fuertes y débiles de cada una de ellas. SE vs WE Características Definición Tratamiento Estado del arte Evaluación KOCH, N A Comparative Study of Methods for Hypermedia Development. Technical Report 9905, Ludwig-Maximilians-Universität München. BARRY, C., LANG, M A Survey of Multimedia and Web Development Techniques and Methodology Usage. IEEE Multimedia. pp CACHERO, C Una extensión a los métodos OO para el modelado y generación automática de interfaces hipermediales. PhD Thesis. Alicante, España. ESCALONA, M.J., TORRES, J., MEJÍAS, M., GUTIÉRREZ, J.J., VILLADIEGO, D The treatment of navigation in Web Engineering. Advances in Engineering Software. Vol. 38. pp Elsevier SCHWINGER, W., RETSCHITZEGGER, W., et Al A Survey on Web Modeling Approaches for Ubiquitous Web Applications. International Journal of Web Information Systems (IJWIS),4(3): , Emerald Group Publishing Limited, doi /

10 Introducción Estado del Arte (II) SE vs WE Características Definición Tratamiento Estado del arte Evaluación Escalona et. al 2007

11 Introducción Estado del Arte (III) SE vs WE Características Definición Tratamiento Estado del arte Evaluación Schwinger et. Al 2008.

12 Introducción Conclusiones más importantes Demasiadas propuestas: técnicas, modelos, resultados… SE vs WE Características Definición Tratamiento Estado del arte Evaluación Mismos conceptos para cosas distintas Diferentes conceptos para lo mismo Algunas ideas “estándares” Poca implicación de los usuarios Pocas aplicaciones prácticas Poco soporte tool case Cada una es experta en algo

13 Introducción Ideas comunes: Paradigma OO SE vs WE Características Definición Tratamiento Estado del arte Evaluación Inicialmente se comienza a enriquecer el modelo ERD con nuevos artefactos que recojan los aspectos de la web (principalmente navegación) GARZOTTO, F, SCHWABE, D., PAOLINI, P HDM-A Model-Based Approach to Hypermedia Application Design. ACM Transactions on Information System, 11 (1), pp ISAKOWITZ, T., STOHR, E., BALASUBRAMANIAN, P RMM : A Methodology for the Design of Structured Hypermedia Applications. Communications of the ACM 38(8), Más adelante EORM y OOHDM marcan el hito del comienzo de la OO y se toma como paradigma válido para la Ingeniería Web. LANGE, D An Object-oriented Design Approach for Developing Hypermedia Information Systems. 31st Annual Conference on systems Science, Sprague R. ROSSI, G An Object-Oriented Method for Designing Hypermedia Applications. PHD Thesis. University of PUC-Rio. Rio de Janeiro. Brazil.

14 Introducción Ideas comunes: Separación de conceptos SE vs WE Características Definición Tratamiento Estado del arte Evaluación Esta idea fue inicalmente propuesta por OOHDM y tuvo tal aceptación que todas sus predecesoras la han seguido. Consiste en tratar cada modelo, idea o característica de la web de forma separada y luego agruparlas todas para diseñar el sistema final. OOHDM propuso separar tres ideas: Modelo conceptual, Modelo navegacional y Modelo de interfaz abstracta. Propuestas posteriores han ampliado y cambiado estas ideas pero se sigue trabajando en esta línea.

15 Introducción Ideas comunes: Uso de UML SE vs WE Características Definición Tratamiento Estado del arte Evaluación Aunque no fue una idea extendida al principio, cada día más las propuestas se basan en el uso de UML para respresentar sus modelos y conceptos. Realmente casi todos los modelos de UML han sido usados por alguna propuesta pero los más utilizados han sido, sin duda: - Diagramas de clases - Casos de uso - Diagramas de actividades La capacidad de extensión que ofrece UML ha sido fundamental para este uso generalizado.

16 Introducción Evaluación SE vs WE Características Definición Tratamiento Estado del arte Evaluación FASE I: Montaje y definición de grupos FASE II: Cumplimentación del test 1 por grupos FASE III: Discusión y defensa FASE IV: Elaboración de conclusiones