Coordinating unit: 804 - CITM - Image Processing and Multimedia Technology Centre Teaching unit: 804 - CITM - Image Processing and Multimedia Technology Centre Academic year: Degree: 2018 BACHELOR'S DEGREE IN MULTIMEDIA STUDIES (Syllabus 2009). (Teaching unit Compulsory) ECTS credits: 6 Teaching languages: Catalan, Spanish Teaching staff Coordinator: Others: Zúñiga Zárate, Ana Gabriela González Romo, Zahaira Fabiola Sánchez Carreras, David Lapaz Castillo, Dolores Fábregas Ruesgas, Juan José Lombardero González, Manuel Degree competences to which the subject contributes Specific: 5. (ENG) Aplicar els conceptes i el mètode del disseny centrat en el usuari. 6. (ENG) Aplicar els conceptes i principis de la gestió de projectes multimèdia. 7. (ENG) Gestionar i desenvolupar projectes de: creació de vídeo interactiu. 8. (ENG) Planificar les fases de desenvolupament d'un projecte multimèdia, les activitats i tasques tipus i els documents que es generen en cada fase. 9. (ENG) Utilitzar algun programa informàtic de gestió de projectes. Transversal: 1. EFFICIENT ORAL AND WRITTEN COMMUNICATION. Communicating verbally and in writing about learning outcomes, thought-building and decision-making. Taking part in debates about issues related to the own field of specialization. 3. TEAMWORK. Being able to work as a team player, either as a member or as a leader. Contributing to projects pragmatically and responsibly, by reaching commitments in accordance to the resources that are available. 4. EFFECTIVE USE OF INFORMATI0N RESOURCES. Managing the acquisition, structure, analysis and display of information from the own field of specialization. Taking a critical stance with regard to the results obtained. 10. SELF-DIRECTED LEARNING. Detecting gaps in one's knowledge and overcoming them through critical selfappraisal. Choosing the best path for broadening one's knowledge. 12. SUSTAINABILITY AND SOCIAL COMMITMENT. Being aware of and understanding the complexity of social and economic phenomena that characterize the welfare society. Having the ability to relate welfare to globalization and sustainability. Being able to make a balanced use of techniques, technology, the economy and sustainability. 1 / 8
Teaching methodology (eng)-aprendizaje basado en proyectos. Trabajo individual y en equipo, con coordinación y distribución de tareas para facilitar el desarrollo del proyecto. Los estudiantes progresan aplicando los conocimientos aprendidos en las diferentes materias del curso, buscan la información que necesitan, consultan al profesor de proyectos y a los profesores de las otras materias y aprenden nuevos conocimientos y recursos aplicables al proyecto. Una parte del trabajo se desarrolla durante las clases, y en ese caso el trabajo es orientado y supervisado por el profesor. Otra parte se desarrolla en equipo, dentro de las horas de clase o bien durante horas de trabajo autónomo. Finalmente, otra parte es de trabajo individual para la posterior puesta en común. -Tutoría grupal, explicación de los materiales que se proporcionan y plan de trabajo. -Trabajo autónomo. Los estudiantes trabajan de manera autónoma, fuera de las horas de clase, estudiando, leyendo, resolviendo ejercicios o problemas, desarrollando prácticas. -Redacción de informes, presentación pública y defensa de las conclusiones extraídas y realización de pruebas de evaluación. Learning objectives of the subject (eng) Study load Total learning time: 150h Hours large group: 0h 0.00% Hours medium group: 60h 40.00% Hours small group: 0h 0.00% Guided activities: 0h 0.00% Self study: 90h 60.00% 2 / 8
Content (ENG) Descripción del proyecto Learning time: 1h Practical classes: 1h (ENG) Objetivos General Creación de un video interactivo para promocionar productos que muestren enlaces a la tienda online, a otras webs o simplemente para ampliar información de los mismos. Objetivos específicos. Creación de un video interactivo con elementos "clickables".. Creación una interfaz usable para ordenador y para dispositivos móviles.. Utilización del HTML5 en especial las etiquetas de video.. Creación de una tienda online la cual se podrá acceder a través de los elementos "clickables" del video.. Creación una base de datos con información de los productos para poderla desplegar dentro de la aplicación. Características técnicas Guión:. Creación de un guion publicitario.. Creación del slogan.. Definición de las zonas clickables o hotspots. Video: La duración del video será de 2 minutos. Usabilidad: a) Durante el proceso de creación de la aplicación web se tienen que aplicar técnicas de diseño centrado en el usuario orientadas a obtener un nivel adecuado de usabilidad para los diferentes dispositivos de salida. Diseño: En relación a la arquitectura de la aplicación (el diseño gráfico o aspecto visual y los objetos incluidos en el website) se tendrán en cuenta las siguientes consideraciones: La arquitectura de la aplicación: Constará de los siguientes apartados, contenidos y características estructurales como mínimo: En todos las secciones del site debe incorporar un menú de navegación para acceder a ellas. a. Home Página principal con el módulo del vídeo b. Créditos Página para mostrar los datos de los componentes del proyecto, así como un enlace a su CV. c. Contacto Página con un formulario de contacto que debe enviarse por correo electrónico. Programación: a) Programar el video para poner las zonas clickables. b) Creación de la tienda online. c) Creación del catálogo de productos. d) Creación de la web. e) Preparar la web para diferentes dispositivos de salida. 3 / 8
(ENG) Presentación del PBL V Learning time: 1h Practical classes: 1h (ENG) 1. Presentación del encargo a. Objetivos Generales y específicos. b. Ejemplos de videos interactivos. c. Ejemplos de videos con HTML5. d. Ejemplos del PBL. e. Creación de grupos de trabajo. (ENG) Tema 2. Conceptos básicos sobre el desarrollo de una pieza visual / audiovisual publicitaria Learning time: 5h Theory classes: 3h Self study : 2h (ENG) 1. Análisis del sector / entorno. 2. Definición del producto o servicio a comunicar. 3. Benchamrking de la competencia. 4. Análisis DAFO. 5. Objetivos de comunicación publicitaria. 6. Análisis de los públicos objetivo. 7. Desarrollo de la estrategia de comunicación. title english tema 1. Gestión de proyectos Learning time: 25h Theory classes: 15h Practical classes: 10h content english. Gestión del Proyecto. Software para la gestión de Proyecto. El comportamiento asertivo y las Habilidades sociales. competencias emocionales Specific objectives: Comprender los conceptos y principios de la gestión de proyectos multimedia. Conocer las fases de desarrollo de un proyecto multimedia, las actividades, tareas y los documentos que se generan en cada fase. Elegir de manera correcta las herramientas y procedimientos necesarios para el desarrollo de los proyectos. Elaborar la memoria del proyecto desarrollado. Participar en el trabajo en equipo y colaborar, una vez indicados los objetivos y las responsabilidades colectivas e individuales, y decidir conjuntamente la estrategia que se debe seguir. Después de identificar las diferentes partes de un documento académico y de organizar las referencias bibliográficas, diseñar y ejecutar una buena estrategia de búsqueda avanzada con recursos de información especializados, seleccionando la información pertinente teniendo en cuenta criterios de relevancia y calidad. 4 / 8
(ENG) Tema 3. Revisión de videos Learning time: 2h 30m Theory classes: 1h Self study : 1h 30m (ENG) 1. Analizar la creación de imágenes desde las áreas principales que intervienen en ella. o Dirección. o Fotografía. o Dirección de arte. o Montaje. o Producción. o Casting. (ENG) Tema 4. Definición de Objetivos Potenciales Learning time: 4h Theory classes: 1h Self study : 3h (ENG) 1. Presentación de cada uno de los grupos de sus ideas sobre el video: primeras ideas y líneas narrativas, así como la definición de los contenidos visuales que se estimen adecuados (en qué tipo de ambiente se rodará, qué clase de lugar, qué tipo de personas aparecerán, como estará ambientado el decorado, cómo vestirán los modelos elegidos, etc.). (ENG) Tema 6. Diseño Gráfico Learning time: 10h Practical classes: 4h Self study : 6h (ENG) 1. Diseño de la interfaz. 2. Estructura. (ENG) Tema 7. Parcial 1 Learning time: 2h Practical classes: 2h (ENG) 1. Parcial. 2. Revisión del avances de los proyectos. 3. BubblesJS. 4. PorpCorn js. 5 / 8
(ENG) Tema 8. Presentación de los guiones que expliquen detalladamente los videos y filmaciones que se van a realizar Learning time: 10h Practical classes: 4h Self study : 6h (ENG) 1. Fotografía de las localizaciones 2. Horas y sistemas de iluminación elegidos. 3. Decisiones concretas de dirección de arte: cuál será el decorado?. cómo estará presentado? necesitará decoración especial? vestuario especial?. 4. Aspecto de los 'modelos', 'actores'. (ENG) Tema 9. Presentación en bruto de los materiales rodados, así como los primeros montajes. Learning time: 20h Theory classes: 12h Practical classes: 8h (ENG) a. Valoración y comentarios de los resultados que se están obteniendo. b. Comparación con los objetivos que fueron presentados en clase en las primeras sesiones. c. Modificación del material en bruto para su presentación final. (ENG) Tema 10. Guión para películas interactivas Learning time: 2h 30m Theory classes: 1h 30m Practical classes: 1h (ENG) 1. Estructura de un guión. (ENG) Tema 11. Programación Learning time: 65h Practical classes: 26h Self study : 39h (ENG) 1. Revisión de la integración de la interactividad con el video. 6 / 8
(ENG) Tema 12. Revisión de programación. BBDD Learning time: 2h Practical classes: 1h Self study : 1h (ENG) 1. Revisión de la Base de datos. Carrito de la compra. Qualification system Parcial Parcial 1 con una ponderación del 7,5% de la nota final de la asignatura. Entregas Semana 7. Entrega de los siguientes documentos en la fecha del parcial 1. Idea, storyboard y guion técnico con una ponderación del 10% de la nota final de la asignatura Briefing, Benchmarking, Análisis DAFO con una ponderación del 5% de la nota final de la asignatura. Informe del test de usabilidad de un vídeo interactivo (dado por el profesor o seleccionado por el grupo) con una ponderación del 2.5% de la nota final de la asignatura. Semana 13. Revisión del vídeo final con una ponderación del 10% de la nota final de la asignatura. Semana 14. Entrega del informe de usabilidad del test del prototipo de la web con una ponderación del 10% de la nota final de la asignatura. Semana 15. Entrega de la Memoria del proyecto con una ponderación del 2.5% de la nota final de la asignatura. Entrega de la web (programación web responsiva, vídeo interactivo, BBDD, diseño gráfico, usabilidad) con una ponderación del 40% de la nota final de la asignatura. Vídeo de la defensa del proyecto con una ponderación del 2.5% de la nota final de la asignatura. Gestión con una ponderación del 10% de la nota final de la asignatura. Regulations for carrying out activities La evaluación será individual. Cada estudiante tendrá sus propias notas, independientes de las notas de los otros componentes del grupo. 7 / 8
Bibliography Basic: Pilgrim, Mark. HTML5: up and running dive into the future of web development. O'Reilly, 2010. ISBN 9780596806026. David, Matthew. HTML5: designing rich Internet applications [on line]. Amsterdam: Focal Press, 2010 [Consultation: 28/05/2013]. Available on: <http://www.sciencedirect.com/science/book/9780240813288>. ISBN 9780240813288. Others resources: HTML5 http://dev.w3.org/html5/html-author/ SQLite http://www.sqlite.org/docs CSS3 http://dev.w3.org/html5/spec/overview HTMLForms Eina gratuïta per a la creació de formularis http://htmlform.com/ Demos i exemples http://html5demos.com/ HTML Tag Reference http://woorkup.com/wp-content/uploads/2009/12/html5-visual-cheat-sheet.pdf Tutorial de Canvas http://www 5canvastutorials.com/ Dive into HTML 5 http://diveintohtml5.org/ 8 / 8