introducción al curso - aplicaciones multimedia interactivas

Aplicaciones

Multimedia

Interactivas

AMI 2013-

I

Profesor Xavier Ochoa

xavier.ochoa

xavier.ochoa

@xaoch

xaoch

http://ariadne.cti.espol.edu.ec/xavier

Estudiantes

??

El Curso

AAplicacionesplicaciones

MMultimediaultimedia

IInteractivasnteractivas

#amiespol

Expectativas

¿Qué desean aprender ¿Qué desean aprender en esta materia?en esta materia?

AMI

No la parte teórica de la MultimediaNo la parte teórica de la Multimedia

Ya la conocen:Ya la conocen:

Señales y SistemasSeñales y Sistemas

Gráficos por Computadora I y IIGráficos por Computadora I y II

Procesamiento de A&VProcesamiento de A&V

Procesamiento Digital de ImágenesProcesamiento Digital de Imágenes

Interacción Hombre-MáquinaInteracción Hombre-Máquina

Aplicaciones

Sí la parte PrácticaSí la parte Práctica

Analizaremos en detalle aplicaciones Analizaremos en detalle aplicaciones exitosasexitosas

Analizaremos frameworks de desarrolloAnalizaremos frameworks de desarrollo

SI LA PARTE PRÁCTICASI LA PARTE PRÁCTICA

Realizaremos una Aplicación Multimedia Realizaremos una Aplicación Multimedia InteractivaInteractiva

Aplicaciones

¿Qué una APLICACION?¿Qué una APLICACION?

Multimedia

¿Qué es MULTIMEDIA?¿Qué es MULTIMEDIA?

Multimedia

Uso de varios Medios simultáneos:Uso de varios Medios simultáneos:

SonidoSonido

VideoVideo

GráficosGráficos

TextoTexto

OloresOlores

TactoTacto

… … para transmitir información.para transmitir información.

Interactivas

¿Qué es INTERACCIÓN?¿Qué es INTERACCIÓN?

Interactivas

Es cuando dos entidades tienen efecto Es cuando dos entidades tienen efecto una sobre el otra.una sobre el otra.

En el caso que nos atañe: Cuando las En el caso que nos atañe: Cuando las acciones del usuario producen un cambio acciones del usuario producen un cambio en el estado o comportamiento del en el estado o comportamiento del sistema, y así mismo, el sistema produce sistema, y así mismo, el sistema produce cambios en el estado o conducta del cambios en el estado o conducta del usuario.usuario.

AMI

Crearemos …Crearemos …

sistemas útiles que …sistemas útiles que …

utilicen varios medios para transmitir utilicen varios medios para transmitir información …información …

de una manera tal que el usuario tenga de una manera tal que el usuario tenga control sobre como se realiza dicha control sobre como se realiza dicha transferencia.transferencia.

Sesiones de Análisis

En las sesiones de análisis, estudiaremos En las sesiones de análisis, estudiaremos a fondo frameworks de desarrollo.a fondo frameworks de desarrollo.

Cada estudiante realizará dos Cada estudiante realizará dos presentacionespresentaciones

9 Presentaciones - 5 Clases 9 Presentaciones - 5 Clases

Wiki en SIDWebWiki en SIDWeb

1 Persona a Favor, 1 Persona en Contra1 Persona a Favor, 1 Persona en Contra

2 Discusiones en Grupo – en Línea2 Discusiones en Grupo – en Línea

Sesiones de Tutoría

1 vez a la semana (horarios a definir) 1 vez a la semana (horarios a definir) por 30 minutos deberán presentarme por 30 minutos deberán presentarme un avance de su proyecto.un avance de su proyecto.

En cada tutoría se calificará el avance En cada tutoría se calificará el avance el proyectoel proyecto

Sesiones de Evaluación

Se entregará un problema de análisis el cual Se entregará un problema de análisis el cual tendrá que ser procesado y devuelto en un tendrá que ser procesado y devuelto en un tiempo determinado.tiempo determinado.

Más conocido como exámen.Más conocido como exámen.

Calificaciones

Frameworks: 30 puntosFrameworks: 30 puntos

Proyecto: 40 puntosProyecto: 40 puntos

Examen: 30 puntosExamen: 30 puntos

Sesiones de Presentación

El proyecto final debe ser presentado El proyecto final debe ser presentado ante sus demás compañeros. ante sus demás compañeros.

Proyecto

En grupos de 2 realizarán una Aplicación En grupos de 2 realizarán una Aplicación Multimedia InteractivaMultimedia Interactiva

Tercera Evaluación

Antes mejoramiento.Antes mejoramiento.

Se calificará el proyecto mejorado sobre 100.Se calificará el proyecto mejorado sobre 100.

¿Preguntas?

¿?¿?

Multimedia Interactiva

““Interactive Media are Interactive Media are participant-centered, participant-centered, responsive, engaging, responsive, engaging,

dynamic and adaptive.” dynamic and adaptive.”

Centrado en el

Participante

Respuesta Rápida

Enganchante

Dinámico

Adaptivo

Multimedia Interactiva

Cambia el rol del diseñador y el usuario.Cambia el rol del diseñador y el usuario.

Experiencias multimediales interactivas Experiencias multimediales interactivas crean algo que invita a la participacióncrean algo que invita a la participación..

Nuevo término: PARTICIPANTE.Nuevo término: PARTICIPANTE.

• Son co-autores de su experiencia individual.Son co-autores de su experiencia individual.

Interfaz

• Uno de los componentes esenciales de las AMI es la Uno de los componentes esenciales de las AMI es la Interfaz.Interfaz.

• Es donde el dialogo o transacción de mensajes es Es donde el dialogo o transacción de mensajes es intercambiados entre el artefacto y el participante.intercambiados entre el artefacto y el participante.

• Es una agrupación de contenido, diseño e infraestructura Es una agrupación de contenido, diseño e infraestructura tecnológica de una menara compleja e interesante.tecnológica de una menara compleja e interesante.

• Desde las páginas Web, a los Cajeros Automáticos, la Desde las páginas Web, a los Cajeros Automáticos, la Multimedia Interactiva sirve para lograr una conexión más Multimedia Interactiva sirve para lograr una conexión más fuerte con el participante.fuerte con el participante.

AMIs

Cada uno deberá analizar 2 aplicaciones que Cada uno deberá analizar 2 aplicaciones que considere AMIconsidere AMI

Lo publicará en el Wiki del CursoLo publicará en el Wiki del Curso

Frameworks

• Multimedia WebMultimedia Web

– Flash/Flex Flash/Flex

– SilverlightSilverlight

– HTML5HTML5

Frameworks

• Multimedia MóvilesMultimedia Móviles

– iOS SDKiOS SDK

– Android SDKAndroid SDK

Frameworks

• Multimedia no tradicionalMultimedia no tradicional

– Realidad Aumentada: ARToolkitRealidad Aumentada: ARToolkit

– Multitouch: KivyMultitouch: Kivy

PROYECTO

OBJETIVO DEL PROYECTO

Ser capaz de seguir el proceso Ser capaz de seguir el proceso ingenieril para la resolución de ingenieril para la resolución de

un problema real utilizando un problema real utilizando Multimedia InteractivaMultimedia Interactiva

Proceso ingenieril

• Identificación y definición del problemaIdentificación y definición del problema• Análisis del problema Análisis del problema • Análisis de la soluciónAnálisis de la solución• Diseño de la soluciónDiseño de la solución• Implementación de la soluciónImplementación de la solución• PruebasPruebas• Conclusiones sobre la soluciónConclusiones sobre la solución

Identificación del problema• El problema no deberá ser trivial (la El problema no deberá ser trivial (la

solución no deberá ser de fácil deducción solución no deberá ser de fácil deducción o de conocimiento común) o de conocimiento común)

• Tampoco deberá estar fuera del ámbito de Tampoco deberá estar fuera del ámbito de trabajo del ingeniero (no deberá requerir la trabajo del ingeniero (no deberá requerir la generación de nuevos métodos o generación de nuevos métodos o herramientas de trabajo o la realización de herramientas de trabajo o la realización de experimentación investigativa). experimentación investigativa).

Identificación del problema• La utilización de nuevas tecnologías, La utilización de nuevas tecnologías,

que no estén todavía difundidas en el que no estén todavía difundidas en el medio, podrá ayudar a incrementar el medio, podrá ayudar a incrementar el interés por la solución, pero no interés por la solución, pero no reemplazará el requerimiento de que el reemplazará el requerimiento de que el problema a resolver no sea trivial. problema a resolver no sea trivial.

Análisis del problema

• En esta fase se identifica, define y descompone En esta fase se identifica, define y descompone el problema a tratar. el problema a tratar.

• Se debe indicar cuales son las principales Se debe indicar cuales son las principales antecedentes, causales y efectos del problema. antecedentes, causales y efectos del problema.

• Se deberá referenciar a fuentes que respalden Se deberá referenciar a fuentes que respalden las afirmaciones hechas. las afirmaciones hechas.

• Se debe establecer cuales son las justificaciones Se debe establecer cuales son las justificaciones por las cuales este problema es escogido.por las cuales este problema es escogido.

Análisis del problema

• Se debe investigar si ya existen soluciones al Se debe investigar si ya existen soluciones al problema propuesto en otros ámbitos o problema propuesto en otros ámbitos o utilizando otras tecnologías.utilizando otras tecnologías.

• De existir otras soluciones, se debe dar una De existir otras soluciones, se debe dar una BREVE descripción de cada una, haciendo BREVE descripción de cada una, haciendo énfasis en sus ventajas y desventajas, con una énfasis en sus ventajas y desventajas, con una referencia que brinde mayor información.referencia que brinde mayor información.

Análisis de la solución

• En esta fase se deber responder la pregunta: En esta fase se deber responder la pregunta: ¿Qué se va a hacer para resolver el problema?¿Qué se va a hacer para resolver el problema?

• Se podrá utilizar cualquier metodología de Se podrá utilizar cualquier metodología de análisis que se prefiera: Casos de Uso, análisis que se prefiera: Casos de Uso, Historias de Usuario, etc.Historias de Usuario, etc.

• El reporte deberá incluir los diagramas o El reporte deberá incluir los diagramas o productos más importantes. El resultado debe productos más importantes. El resultado debe ser un texto fluido, más que un conjunto de ser un texto fluido, más que un conjunto de diagramas o tablas. diagramas o tablas.

Análisis de la solución• En esta fase también se presentará de manera En esta fase también se presentará de manera

estructurada, las diferentes herramientas/conocimientos estructurada, las diferentes herramientas/conocimientos que se pueden utilizar para la solución del problema. que se pueden utilizar para la solución del problema.

• Lo más importante de esta sub-fase no es solo conocer la Lo más importante de esta sub-fase no es solo conocer la existencia y descripción de las herramientas/conocimiento, existencia y descripción de las herramientas/conocimiento, sino organizarlas/clasificarlas lógicamente y comparar sus sino organizarlas/clasificarlas lógicamente y comparar sus principales ventajas/desventajas en lo que concierne al principales ventajas/desventajas en lo que concierne al problema a resolver. problema a resolver.

• Se debe incluir una BREVE descripción de cada Se debe incluir una BREVE descripción de cada herramienta/conocimiento, una referencia que provea más herramienta/conocimiento, una referencia que provea más información y una sección donde se contraste su utilidad información y una sección donde se contraste su utilidad para diseñar/implementar la solución problema. para diseñar/implementar la solución problema.

Análisis de la solución

• Al final de este capítulo se procede a Al final de este capítulo se procede a establecer cuál será el alcance de la solución establecer cuál será el alcance de la solución que se elaborará.que se elaborará.

• El alcance significa que va ha hacer y que no El alcance significa que va ha hacer y que no va a hacer la solución.va a hacer la solución.

• Al final del proyecto se establecerá hasta que Al final del proyecto se establecerá hasta que punto se cumplió este alcance.punto se cumplió este alcance.

Diseño de la solución• Esta fase es el núcleo de la tesis. Deber responder la Esta fase es el núcleo de la tesis. Deber responder la

pregunta: ¿Cómo se va a resolver el problema?pregunta: ¿Cómo se va a resolver el problema?• Se deberá explicar la forma en que resolverá el problema. Se deberá explicar la forma en que resolverá el problema. • Se puede utilizar cualquier metodología de soporte al diseño Se puede utilizar cualquier metodología de soporte al diseño

(OO, Modular, etc.)(OO, Modular, etc.)• Se deberá reportar, en forma de narrativa, el diseño Se deberá reportar, en forma de narrativa, el diseño

propuesto. Se podrá utilizar diagramas, tablas o figuras, propuesto. Se podrá utilizar diagramas, tablas o figuras, solamente cuando ayuden a esclarecer un pasaje del texto. solamente cuando ayuden a esclarecer un pasaje del texto.

• Cuando no estén vinculados a una sección del texto, los Cuando no estén vinculados a una sección del texto, los productos de la metodología de soporte al diseño (tablas, productos de la metodología de soporte al diseño (tablas, diagramas o figuras) podrán incluirse como anexos.diagramas o figuras) podrán incluirse como anexos.

Diseño de la solución

• En esta fase se debe evitar, en lo posible, En esta fase se debe evitar, en lo posible, cualquier referencia a detalles de cualquier referencia a detalles de implementación como lenguaje a utilizar, implementación como lenguaje a utilizar, sistema de base de datos, especificaciones de sistema de base de datos, especificaciones de hardware, entre otros. hardware, entre otros.

• El resultado del diseño debería, en principio, El resultado del diseño debería, en principio, independiente de la plataforma sobre la cual independiente de la plataforma sobre la cual se implemente.se implemente.

Diseño de la solución

• Dada la importancia de la interfaz, esta se Dada la importancia de la interfaz, esta se debe diseñar en esta fase. debe diseñar en esta fase.

• Deben realizarse bosquejos de lo que será la Deben realizarse bosquejos de lo que será la interfaz final, así como de la interacción interfaz final, así como de la interacción prevista con el usuario.prevista con el usuario.

Alerta

• Tanto la fase de Análisis como la de Diseño de Tanto la fase de Análisis como la de Diseño de la Solución deberán ser completamente la Solución deberán ser completamente originales. originales.

• No se debe incluir en estas fases materiales No se debe incluir en estas fases materiales de referencia, ya que se presupone que el de referencia, ya que se presupone que el trabajo originaltrabajo original..

Implementación de la solución• Esta fase varía en su contenido dependiendo Esta fase varía en su contenido dependiendo

del tipo de solución. En general debería del tipo de solución. En general debería contener:contener:• Selección de las herramientas, principalmente la Selección de las herramientas, principalmente la

justificación para su elecciónjustificación para su elección• Detalles de la implementación (lenguajes, Detalles de la implementación (lenguajes,

configuraciones, etc)configuraciones, etc)• Detalles de la implantación (máquinas, Detalles de la implantación (máquinas,

servidores, etc.)servidores, etc.)• Vistas del software completado (de ser posible)Vistas del software completado (de ser posible)

Pruebas

• En esta fase se comprobarán que los objetivos En esta fase se comprobarán que los objetivos dados durante la fase de análisis de la dados durante la fase de análisis de la solución (alcance) se han cumplido.solución (alcance) se han cumplido.

• Se deberá establecer un plan de pruebas de Se deberá establecer un plan de pruebas de acuerdo a los objetivos.acuerdo a los objetivos.

• Se deberá probar con usuarios ajenos a la Se deberá probar con usuarios ajenos a la aplicación.aplicación.

• El mínimo de usuarios deberá ser de 5 El mínimo de usuarios deberá ser de 5 • Se deberá reportar las estadísticas sobre los Se deberá reportar las estadísticas sobre los

datos recopiladosdatos recopilados

Conclusiones y recomendaciones• Al finalizar el trabajo, se deberá reflexionar Al finalizar el trabajo, se deberá reflexionar

sobre lo que hemos aprendido de él.sobre lo que hemos aprendido de él.• Esto se debe resumir en grupo de Esto se debe resumir en grupo de

conclusiones (cosas que podemos afirmar conclusiones (cosas que podemos afirmar luego de haber terminado el trabajo, basados luego de haber terminado el trabajo, basados en la experiencia que hemos ganado) y un en la experiencia que hemos ganado) y un grupo de recomendaciones (cosas que se grupo de recomendaciones (cosas que se podrían cambiar o mejorar en nuevas podrían cambiar o mejorar en nuevas soluciones al problema)soluciones al problema)

• Deben ser importantes y relevantesDeben ser importantes y relevantes

Próxima Clase

• Discusión sobre AMIDiscusión sobre AMI