Guía docente de Fundamentos de la Programación Multimedia y Diseño Web (22711A1)

Ninguno.

• Teorías y descripciones fundamentales de las características y fenómenos propios de la cultura digital (cibercultura). Condiciones políticas, económicas, socioculturales, técnicas y tecnológicas en que se desarrolla la creación y el consumo de productos audiovisuales en la “Galaxia Internet”, consideradas en sus interrelaciones con la “Galaxia Gutenberg” (cultura impresa) y la “Galaxia Mcluhan” (cultura de masas). En dicho contexto, se presentarán las formas emergentes de narración multimedia e interactivas (videojuegos, software cinema, video y audioblogs, literatura digital, telefonía móvil, etc.), así como las dinámicas de convergencia en la producción y distribución de dichos productos. Se atenderá de forma especial a la especificidad mediática de los videojuegos (híbridos entre el entretenimiento interactivo y los mundos de ficción narrativos), cuya industria constituye una realidad profesional insoslayable y el mercado más importante del mundo audiovisual en esos inicios del siglo XXI.
• Introducción a la programación de ordenadores: algoritmos y programas; conceptos específicos de la programación multimedia, prácticas de programación multimedia para el desarrollo de proyectos audiovisuales multimedia (flash, actionscript, etc.).
• Introducción al cine de animación: evolución y códigos del género; la animación con dibujos y acetatos; la animación 3D Stop Motion y la animación digital: la animación por ordenador (sistemas 3D CGI), los efectos digitales y las técnicas de captura del movimiento y otras herramientas informáticas de producción y síntesis de imágenes (photoshop, rigging, ec.); técnicas de sonorización y actuación en animación; estrategias y modelos específicos de producción en cine de animación (mercados y festivales).
• Introducción a las distintas fases, funciones, técnicas y tecnologías de la sonorización en producciones audiovisuales, tanto en la fase de realización (grabación) como de montaje y edición (técnicas de mezcla y masterización); práctica del análisis de la sonorización en distintos modelos de puesta en escena, en relación a los distintos contextos dramáticos, narrativos, estilos fílmicos y videográficos, medios de comunicación (cine / televisión) y géneros de espectáculo; tratamiento de sonido digital y aplicación del software de audio; breve introducción a la sincronización fílmica y a los efectos especiales de sonido.
• Presentación, descripción y análisis de los distintos formatos y géneros audiovisuales en las redes de comunicación e información digitales. Entrenamiento en la aplicación de técnicas específicas de generación de contenidos para las redes electrónicas con especial énfasis en la estructura, dinámicas y especificidad de la comunicación audiovisual en la Web 2.0. Introducción a los canales y estrategias de difusión y comercialización de esos contenidos digitales.

• Fomentar la capacidad crítica, analítica y reflexiva en relación al hecho audiovisual, con un conocimiento teórico, técnico y estético de las formas, procesos y tendencias de la comunicación visual de nuestro entorno.
• Adquirir un conocimiento básico y generalista de los principales acontecimientos y mensajes que configuran el panorama actual de los medios audiovisuales, de las representaciones icónicas y acústicas y de su evolución. La dimensión espacial de este conocimiento es fundamental en la medida que contribuye a desarrollar la diversidad disciplinaria y la variedad de funciones de la comunicación audiovisual en las sociedades contemporáneas.
• Proporcionar un conocimiento exhaustivo de las técnicas, tecnologías y procesos de creación y difusión audiovisuales en sus diversas fases, así como las interrelaciones entre los sujetos (agentes) de la comunicación audiovisual: autores, instituciones, empresas, medios, soportes y receptores.
• Conocer las metodologías y conceptos aplicables en las diferentes ramas de investigación, desarrollo e innovación de la comunicación audiovisual y los futuros entornos tecnológicos.
• Ser capaz de expresarse con corrección, claridad y coherencia en las lenguas propias de su comunidad, así como tener conocimiento de otros idiomas, en particular el inglés, para comunicarse en su ejercicio profesional.

• Tema 1. El ordenador como equipo multimedia. Introducción a la programación multimedia.
• Tema 2. Tipos de datos y valores. Variables. Expresiones y operadores.
• Tema 3. Sentencias y estructuras de control.
• Tema 4. Diseño web.
• Tema 5. Funciones.
• Tema 6. Estructuras de datos: Objetos y vectores.
• Tema 7. El Modelo de Objeto Documento. Jquery.
• Tema 8. Eventos.
• Tema 9. Vídeo y sonido.
• Tema 10. Animación mediante programación.
• Tema 11. HTML Canvas.
• Tema 12. Introducción a programación multimedia avanzada: Formularios, AJAX, Cookies, Extensiones, etc.

Seminarios/Talleres

• S1. Aplicaciones Web y herramientas para la creación de contenidos multimedia.
• S2. Juego con Javascript.
• S3. jQuery User Interface. Widgets y recursos para jQuery UI.
• S4. Animaciones.
• S5. Recursos en Internet para desarrolladores de Aplicaciones Web.

Prácticas de Laboratorio

• Práctica 1. HTML: Estructura. Etiquetas básicas. Enlaces.
• Práctica 2. HTML: Listas. Imágenes. Tablas. Formularios.
• Práctica 3. CSS: Definición, reglas, herencia y selectores.
• Práctica 4. CSS: Diseño Web 1.
• Práctica 5. CSS: Diseño Web 2.
• Práctica 6. JavaScript: Sentencias, estructuras de control y funciones.
• Práctica 7. JavaScript: Objetos, jQuery.
• Práctica 8. JavaScript: Eventos. Efectos. Extensiones.
• Práctica 9. Sonido y vídeo.
• Práctica 10. HTML Canvas.

• Consorcio W3C. Especificación HTML. https://www.w3.org/TR/html52/ , 2023.
• Consorcio W3C. Especificación CSS. http://www.w3.org/TR/CSS/ , 2023.
• Mozilla Developer Center. JavaScript Guide. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide , 2023.
• Murphey, Rebeca. Fundamentos de jQuery. https://uniwebsidad.com/libros/fundamentos-jquery , 2013.
• Belén Albeza. XHMTL+CSS: ¡De una maldita vez!. 2006.

• Gauchat, Juan Diego. El gran libro de HTML5, CSS3 y Javascript. Marcombo, 2012.
• Ecma International. Estándar ECAM-262: Especificación del lenguaje ECMAScript. http://www.ecma-international.org/publications/standards/Ecma-262.htm , 2020.
• Powers, David. Beginning CSS3. Apress, 2012. http://dx.doi.org/10.1007/978-1-4302-4474-5

Los Siguientes libros están disponibles a través la biblioteca de la Universidad de Granada:

• Devlin, Ian. HTML5 multimedia: develop and design. Peachpit Press, 2012.
• Fulton, Steve and Fulton, Jeff. HTML5 Canvas, 2nd Edition. O'Reilly Media, Inc, 2013.
• Percival, John. HTML5 advertising. Apress and Springer Science+Business Media, 2013.
• Castledine, Earle. HTML5 Games: Novice to Ninja. SitePoint, 2018.

• World Wide Web Consortium. http://www.w3.org/
• Mozilla Developer Network. https://developer.mozilla.org/es/
• CSS zen garden http://www.csszengarden.com
• Guía de referencia rápida HTML http://www.w3c.es/Divulgacion/GuiasReferencia/XHTML1/
• Guía de referencia rápida CSS http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/
• Editor HTML/CSS http://brackets.io/
• jQuery http://jquery.com/
• jQuery User Interface http://jqueryui.com/
• Editor visual de estilo jQuery UI http://jqueryui.com/themeroller/
• Code.org. https://code.org/
• CodeCombat.com. https://codecombat.com/

• MD01. Lección magistral (expositiva) 
• MD02. Resolución de problemas y estudio de casos prácticos 
• MD03. Prácticas de laboratorio 
• MD04. Prácticas en estudio 
• MD05. Seminarios 
• MD06. Trabajos individuales o en grupo 
• MD07. Análisis de fuentes y documentos 

Se ajustará al sistema de evaluación continua del aprendizaje del estudiante atendiendo a los siguientes apartados:

• Parte teórica: se realizará un examen de desarrollo o la entrega de un trabajo propuesto por el profesor. La ponderación de este bloque es del 50%.
• Parte práctica: se realizarán prácticas de laboratorio, resolución de problemas y desarrollo de proyectos (individuales o en grupo), valorándose las entregas de los informes/memorias realizados por los alumnos cuando se demanden, y, en su caso, las entrevistas personales con los alumnos, las sesiones de evaluación y la presentación oral de algún trabajo desarrollado. La ponderación de este bloque es del 50%.

La calificación global corresponderá a una calificación numérica obtenida mediante la suma de las calificaciones correspondientes a la parte teórica y a la parte práctica.

Para la convocatoria extraordinaria consecutiva a la ordinaria, la evaluación se realizará:
• Parte teórica: se realizará un examen de desarrollo o la entrega de un trabajo propuesto por el profesor. La ponderación de este bloque es del 50%.
• Parte práctica: una prueba escrita de resolución de problemas, casos o supuestos relacionado con las prácticas. La ponderación de este bloque es del 50%.

Para la convocatoria extraordinaria consecutiva a la ordinaria, el alumnado podrá optar por conservar la valoración obtenida en la parte teórica o práctica de la convocatoria ordinaria.

Para el resto de convocatorias extraordinarias no se conservará ninguna calificación de convocatorias anteriores, y la calificación será la obtenida mediante un único examen de contenido teórico-práctico (evaluado de 0 a 10). La ponderación de las preguntas de teoría será de un 50% de la nota y la ponderación de las preguntas de prácticas será de un 50% de la nota.

Esta modalidad de evaluación se realizará en un solo acto académico en la fecha establecida por el Centro y consistirá en un examen escrito (evaluado de 0 a 10) incluirá preguntas tanto de tipo teórico como práctico que garanticen que el alumno ha adquirido la totalidad de las competencias descritas en esta misma guía docente. La ponderación de las preguntas de teoría es de un 50% de la nota y la ponderación de las preguntas de prácticas es de un 50% de la nota.

• Plataforma docente http://prado.ugr.es/.
• Información sobre el Plagio (artículo 15 de la Normativa de Evaluación y de Calificación de los Estudiantes de la Universidad de Granada):
  1. La Universidad de Granada fomentará el respeto a la propiedad intelectual y transmitirá a los estudiantes que el plagio es una práctica contraria a los principios que rigen la formación universitaria. Para ello procederá a reconocer la autoría de los trabajos y su protección de acuerdo con la propiedad intelectual según establezca la legislación vigente.
  2. El plagio, entendido como la presentación de un trabajo u obra hecho por otra persona como propio o la copia de textos sin citar su procedencia y dándolos como de elaboración propia, conllevará automáticamente la calificación numérica de cero en la asignatura en la que se hubiera detectado, independientemente del resto de las calificaciones que el estudiante hubiera obtenido. Esta consecuencia debe entenderse sin perjuicio de las responsabilidades disciplinarias en las que pudieran incurrir los estudiantes que plagien.
  3. Los trabajos y materiales entregados por parte de los estudiantes tendrán que ir firmados con una declaración explícita en la que se asume la originalidad del trabajo, entendida en el sentido de que no ha utilizado fuentes sin citarlas debidamente.

Mozilla FireFox

Brackets.io