Pasar al contenido principal

Programación Hipermedia

Text original

Aquesta assignatura s'imparteix en català. El text original d'aquest pla docent és en català.

Consulta el pla docent original!

Texto traducido

Esta asignatura se imparte en catalán. El plan docente en español es una traducción del catalán.

La traducción al español está actualizada y es equivalente al original.

Si lo prefieres, ¡consulta el plan docente original!

Text created with automatic translation

The language of instruction of this subject is Catalan. The course guide in English is an automatic translation of the version in Catalan.

Automatic translation may contain errors and gaps. Refer to it as non-binding orientation only!

Titulación

Multimedia. Aplicaciones y Videojuegos

Asignatura

Programación Hipermedia

Tipología

Obligatorios (OB)

Curso

2

Créditos

6,0

Semestre

2.º

GrupoLengua de imparticiónProfesorado
G15, presencial, mañanacatalánRaymond Lagonigro Bertran
Gustavo Marcos Ballester

Objetivos de desarrollo sostenible (ODS)

ODS logo
  • 5. Igualdad de género

Objetivos

La asignatura se centra en la utilización programática de elementos audiovisuales: Los objetivos son:

  • Incorporar elementos de audio y vídeo digital en una aplicación y dotarlos de interactividad.
  • Trabajar con elementos gráficos interactivos.

Resultados de aprendizaje

  • Sabe incorporar elementos multimedia en una aplicación web.
  • Conoce los mecanismos de interacción con elementos audiovisuales.
  • Sabe incoraporar animaciones gráficas a un entorno web cliente.
  • Sabe trabajar con elementos gráficos de píxeles y vectoriales.
  • Sabe programar en un lenguaje orientado a contexto artístico.
  • Analiza las capacidades personales y profesionales propias en relación a diferentes ámbitos de la práctica profesional.

Competencias

Generales

  • Combinar el conocimiento científico con las habilidades técnicas y los recursos tecnológicos para resolver las dificultades de la práctica profesional. 

Específicas

  • Analizar, diseñar e implementar aplicaciones, ya sean en entorno web, para dispositivos móviles, videojuegos o de ámbito general, utilizando los lenguajes de programación y las herramientas de desarrollo.
  • Conocer las características, funcionalidades y estructura de los sistemas operativos, sistemas distribuidos y redes de ordenadores que permitan su adecuado uso y administración para el diseño e implementación de aplicaciones multimedia basadas en ellos.
  • Desarrollar y gestionar software y hardware en el ámbito multimedia.

Básicas

  • Que los estudiantes sepan aplicar sus conocimientos a su trabajo o vocación de una forma profesional y posean las competencias que suelen demostrarse por medio de la elaboración y defensa de argumentos y la resolución de problemas dentro de su área de estudio.

Transversales

  • Mostrar habilidades para el ejercicio profesional en entornos multidisciplinares y complejos, en coordinación con equipos de trabajo en red, ya sea en entornos presenciales o virtuales, mediante el uso informático e informacional de las TIC.
  • Usar distintas formas de comunicación, tanto orales como escritas o audiovisuales, en la lengua propia y en lenguas extranjeras, con un alto grado de corrección en el uso, la forma y el contenido.

Contenidos

  1. Elementos audiovisuales interactivos en HTML
    • Audio
    • Vídeo
    • Implementación de estructuras de datos complejos
    • Uso de localestorage
  2. Programación hipermedia con p5js (programación visual del canvas web)
    1. Introducción al entorno p5js
    2. Formas básicas
    3. Trabajo con imágenes
    4. Colores
    5. Agentes autónomos y clases
    6. Análisis de datos JSON
    7. Interacción

Evaluación

La evaluación se hará a partir de:

  • Pruebas específicas de evaluación (exámenes): 30 %
    • Examen final
  • Realización de los trabajos o proyectos requeridos: 50 %
    • Trabajo 1. Interfaz interactiva audiovisual (proyecto): 20 %
    • Trabajo 2. Reloj con p5js (proyecto): 10 %
    • Trabajo 3. One-button game (proyecto): 10 %
    • Trabajo 4. Visualizador de datos (proyecto): 10 %
  • Seguimiento del trabajo realizado: 20 %

El examen final es recuperable en la fecha de recuperación establecida en el calendario.

Metodología

La asignatura se basa en un aprendizaje práctico para proyectos en el que se emplean las siguientes actividades:

  • Explicación del contenido teórico por parte del profesor
  • Demostraciones prácticas por parte del profesor
  • Sesiones guiadas de desarrollo de los proyectos

Bibliografía

Básica

  • Gross, B., Lee, J. & Poldervaart, N. (2018). Generative design : visualize, program, and create with JavaScript in p5.js. Recuperado de https://ucercatot.uvic-ucc.cat/permalink/34CSUC_UVIC/16civub/alma991001108878606718
  • McCarthy, L., Reas, C. & Fry, B. (2016). Getting started with p5.js. Recuperado de https://ucercatot.uvic-ucc.cat/permalink/34CSUC_UVIC/16civub/alma991001042743306718
  • McCarthy, L.; Reas, C.; Fry, B. (2015). Getting Started with p5.js. Maker Media.
  • Meyer, J. (2022). Programming 101 : learn to code with the processing language using a visual approach. Recuperado de https://ucercatot.uvic-ucc.cat/permalink/34CSUC_UVIC/1nl2ep/alma991060892349806706
  • Reas, C.; Fry, B. (2014). Processing: A Programming Handbook for Visual Designers (2 ed.). The MIT Press.

Complementaria

El profesorado facilita las referencias de la bibliografía complementaria y de lectura obligatoria en el transcurso de la asignatura a través del Campus Virtual.

Contacta con nosotros

Si tienes alguna duda, tenemos la respuesta

Contacto