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
