1 Estudiante: Alexandra Ruiz Gaona Tutor: Ph.D. Jose Luis Arciniegas Herrera Cotutor: Ph.D. William Joseph Giraldo Orozco Marco de desarrollo de la interfaz de usuario de sistemas interactivos de televisión basado en fundamentos de integración de notaciones y procesos Doctorado en Ingeniería Telemática - Universidad del Cauca Junio - 2015

2 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

3 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

4 Contexto Tdi MDE

5 Televisión digital interactiva Contexto Definición TDi 2001 2002 2003 2004 “Cualquier servicio de televisión que facilite la comunicación bidireccional entre el espectador y los proveedores de contenido” Espial “Interactivity is a functionality rather than a specific type of service, and it can be applied in a wide variety of contexts. Its distinguishing characteristic is the ability of viewers to interact with TV programmames by one of two methods - By changing the contect which appears on the screen - By providing information to the broadcaster through a return path” Independent television commission “Es un dialogo que permite al televidente hacer elecciones y tomar acciones sobre el contenido” Gawlinski 2005 “Es entendida como la activa participación del usuario en determinar la dirección del flujo del contenido” Jensen 2006 2007 2008 “Es considerada como la convergencia de la televisión y la computación que reúne tres características típicas: interactividad, personalización y digitalización” Belloti “Se define como una experiencia de usuario que envuelve al menos un usuario y uno o más contenidos audiovisuales” Lekakos, Chorianopoulos, Georgios “Interactive television is about engaging with content [on the TV], not the hardware [with which you engage]” Swartz

6 Television Interactiva Acciones sobre o asociadas al contenido Funcionalidad Personalización UX Comunicación Bidireccional

7 - modelos de datos, - modelos de dominio, - modelos de aplicación, - modelos de tareas, - modelos de diálogo, - modelos de presentación (abstracta y concreta) - modelos de usuario - modelo de escena - modelos de contexto HTML, Java, CSS,.Net, etc EMF, GMF Model Driven Engineering - MDE Contexto

8 Model Driven Architecture - MDA Contexto Reglas de Transformación Reglas de Transformación Reglas de Transformación Modelo independiente de la Computación Modelo de dominio Modelo de negocio, etc Modelo Independiente de la Plataforma Modelo especifico de la plataforma Generación automática CIM PIM PSM PIM PSM Código

9 Model Based User Interface Development - MBUID Contexto Modelos de IU CIM/PIM PIM PSM Independiente de la modalidad Y de la implementación Dependiente de la modalidad Y de la implementación Modelo Tareas Modelo Dominio IU Abstracta IU Concreta IU Final Dependiente de la modalidad e independiente de implementación HTML5, Java, …

10 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

11 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

12 Motivaciones

13 Emprender el desarrollo de una aplicación interactiva de televisión Motivaciones A nivel de desarrollo SW Usabilidad Credibilidad Jugabilidad Emoción Accesibilidad

14 Usabilidad Credibilidad Jugabilidad Emoción Accesibilidad Motivaciones A nivel de desarrollo SW Emprender el desarrollo de una aplicación interactiva de televisión

15 Noticias Deportes Show Novelas Musicales Realities TDT VoD con Apps Películas Series Cartoons IPTV, OTT VoD con Apps o Web Películas Series Cartoons OTT VoD a través de la Web Catch up Services Download Movies OTT Cómo vemos televisión? Vanattenhoven, Jeroen., Geerts, David. (2015). “Broadcast, Video-on-Demand, and Other Ways to Watch Television Content: a Household Perspective” ACM Proceedings TVX 2015, June 3-5,2015. Brussels, Belgium Motivaciones

16 Noticias Deportes Show Novelas Musicales Realities TDT VoD con Apps Películas Series Cartoons IPTV, OTT VoD con Apps o Web Películas Series Cartoons OTT VoD a través de la Web Catch up Services Download Movies OTT Cómo vemos televisión? Vanattenhoven, Jeroen., Geerts, David. (2015). “Broadcast, Video-on-Demand, and Other Ways to Watch Television Content: a Household Perspective” ACM Proceedings TVX 2015, June 3-5,2015. Brussels, Belgium Motivaciones 067

17 Proveedores TV Cómo vemos televisión? Motivaciones IU

18 La necesidad de un marco que guíe y facilite a los involucrados el desarrollo de la interfaz de usuario de sistemas interactivos de televisión de tal forma que se integre los aspectos más relevantes que la caracterizan.

19 ? Motivaciones Posible solución

20 ? MBUID Motivaciones Posible solución

21 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Referencias

22 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Referencias

23 Trabajos relacionados

24 Comparación de propuestas metodológicas de Tdi en relación a la notación, el proceso y el soporte mediante herramientas Trabajos relacionados

25 2° Generación: -Extensión de los modelos de la interfaz de usuario -Los desarrolladores podían especificar, generar y ejecutar IU -Se introduce el concepto de DCU a través de los modelos CTT Propuestas con enfoque de MBUID 1° Generación: -Las herramientas principalmente usaban un modelo IU declarativo universal -Se enfocaban en la generación automática. (Meixner, 2011) Trabajos relacionados

26 4° Generación: -IU sensitiva al contexto para variedad de plataformas, dispositivos y modalidades y la integración de aplicaciones web. -Los modelos son almacenados como XML -El reto de esta generación es garantizar automáticamente un mayor nivel de usabilidad 3° Generación: -Dirigida por la proliferación de nuevas plataformas de interacción y dispositivos -Reto  IU para dispositivos diferentes con restricciones diferentes. -MBUIDE se vuelva más relevante que en las generaciones anteriores. (Meixner, 2011) Propuestas con enfoque de MBUID Trabajos relacionados

27 Comparación de propuestas de MBUID Trabajos relacionados

28 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

29 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

30 Brechas Hipótesis Pregunta de investigación

31 Brechas encontradas  La mayoría de las propuestas encontradas de MBUID se centran en generar la interfaz de manera automática pero no poseen un proceso sintomático que guíe en el desarrollo de la interfaz de usuario  No incorporan aspectos de HCI durante el proceso

32 Pregunta de investigación ¿Cómo guiar de manera ágil a los involucrados en el proceso de desarrollo de la interfaz de usuario de sistemas interactivos de televisión teniendo en cuenta los principales aspectos de este tipo de sistemas?

33 Televidente M.M Móvil Computador Televisor Tablet… TDT IPTV OTT… Esquema de la Solución

34 Televidente M.M Móvil Computador Televisor Tablet… TDT IPTV OTT… Esquema de la Solución Interfaz Particionamiento Layout Modelo Mental Presentación Interacción Contenido televisivo Labor Navegación Dialogo Factor Humano HCI Intenciones Características físicas y cognitivas Creencias Metas Cultura …

35 Televidente M.M Móvil Computador Televisor Tablet… TDT IPTV OTT… Esquema de la Solución Interfaz Particionamiento Layout Modelo Mental Presentación Interacción Contenido televisivo Labor Navegación Dialogo Factor Humano HCI Intenciones Características físicas y cognitivas Creencias Metas Cultura … Marco IUTV Conceptual Patrones, guías de estilo,Lineamientos modelos, notación Tecnológico Metodológico

36 Televidente M.M Móvil Computador Televisor Tablet… TDT IPTV OTT… Esquema de la Solución Interfaz Particionamiento Layout Modelo Mental Presentación Interacción Contenido televisivo Labor Navegación Dialogo Factor Humano HCI Intenciones Características físicas y cognitivas Creencias Metas Cultura … Marco IUTV Conceptual Patrones, guías de estilo,Lineamientos modelos, notación Tecnológico Metodológico Caso de estudio

37 El marco de desarrollo a proponer permitirá el desarrollo de la interfaz de usuario de sistemas interactivos de televisión guiado por modelos y basado en fundamentos de integración de notaciones y procesos que guíe a los distintos involucrados y agilice el proceso de desarrollo de la IU, mediante el uso de notaciones, métodos y herramientas Hipótesis

38 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

39 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

40 Objetivos General Específicos

41 Objetivos General Proponer un marco de desarrollo de la interfaz de usuario de sistemas interactivos de televisión guiado por modelos y basado en fundamentos de integración de notaciones y procesos que guíe a los distintos involucrados y agilice el proceso de desarrollo de este tipo de sistemas, mediante el uso de notaciones, métodos y herramientas

42 Objetivos Específicos Especificar un marco conceptual con el fin de que describa los conceptos teóricos, en forma de elementos de modelado y relaciones, que puedan caracterizar a los SI de televisión. Especificar los tipos de modelos y sus respectivas notaciones (diagramas y su documentación), vistas y artefactos utilizados para modelar los sistemas interactivos de televisión Proponer el modelo de procesos para el desarrollo de la interfaz de usuario que considere distintos aspectos de los sistemas interactivos de televisión Implementar un marco tecnológico que apoye a los desarrolladores en la generación de la interfaz de usuario de aplicaciones interactivas de televisión Validar la propuesta mediante un caso de estudio

43 Validación En (Shaw, 2001), se listan varias técnicas comunes de validación en ingeniería de software: Persuasión: Argumentar la solución y explicar a través de un ejemplo ejecutable Implementación: Demostrar a través de un prototipo Evaluación: Evaluación a través de comparación con otras aproximaciones teniendo en cuenta criterios dados o basado en datos empíricos Análisis: Derivado de hechos a través de una prueba formal o un modelo predictivo empírico Experiencia: Evaluación basada en la experiencia o en observaciones realizadas durante la aplicación en la industria

44 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

45 Agenda 1. Contexto 2. Motivaciones 3. Trabajos relacionados 4. Brechas, Hipótesis y ¿? 5. Objetivos6. Metodología

46 Tácito Explícito SPEM El proceso puede habitar en la mente del que desarrolla software Proceso de Desarrollo El proceso es una especificación de tareas, roles, artefactos, etc. como producto Documento Tool (Navegador) Metodología

47 AnálisisDiseñoImplementación Definir ciclo de vida - Paso 1, - Paso 2,… Tarea 1 Tarea 2… Actividad 1 EPFC Metodología (Villegas, 2012) (Giraldo, 2010) Marco para la evaluación y la integración de lenguajes y de propuestas metodológicas

48 Análisis Definir ciclo de vida - Paso 1, - Paso 2,… Tarea 1 Tarea 2… Actividad 1 Identificación de propuestas. Análisis de pros y contras. Metodología

49 Diseño Formalizar las propuestas seleccionadas. Identificar los puntos de integración. Metodología

50 Diseño Aplicar fundamentos de integración de CIAF Representación Tipo de componente metodológico Aspecto del sistema Ciclo de vida Formalidad Nivel de granularidad Artefactos Nivel de abstracción Consistencia y trazabilidad Metodología

51 EPFC Implementación Implementar un proceso según un ciclo de vida Metodología

52 -Ambler, S. W., J. Nalbone and M. Vizdos, "Extending The RUP With The Zachman Framework", vol., ed. city, Pearson Education, (2005), 0131914510 -Booch, G., R. A. Maksimchuk, M. W. Engle, P. D. Bobbi J. Young, J. Conallen and K. A. Houston, "Object‐Oriented Analysis and Design with Applications", vol., 3 ed. city, Addison‐Wesley, (2007), 9780201895513 -France, R. and B. Rumpe, "Model‐driven Development of Complex Software: A Research Roadmap," presented at 2007 Future of Software Engineering, (2007), 37‐54, publisher: IEEE Computer Society, 0‐7695‐2829‐5. -Giraldo, W. “Marco de Desarrollo de Sistemas Groupware Interactivos Basado en la Integración de Procesos y Notaciones – CIAF.” (2010) -Roland Berger Strategy Consultants. “WebTV insights and perspectives: A web 2.0 phenomenon is coining new TV usage patterns”, Germany, (2008) -Shaw, M. “The coming-of-age of software architecture research,” in ICSE ’01: Proceedings of the 23rd International Conference on Software Engineering. Washington, DC, USA: IEEE Computer Society, 2001, p. 656 -Vanattenhoven, Jeroen., Geerts, David. (2015) Broadcast, Video-on-Demand, and Other Ways to Watch Television Content: a Household Perspective. Proceedings TVX 2015, June 3-5,2015. Brussels, Belgium Referencias

53 QUÉPORQUEDONDECUANDOQUIENCÓMO PREGUNTAS ???