Información general


Tipo de asignatura: obligatoria

Coordinador: Jorge Oter González

trimestre: Primer trimestre

Créditos: 4

Profesorado: 

Oscar Garcia Subirana

Curso académico: 2025

Curso de impartición: 3

Lenguas de impartición


  • Castellano

Las clases presenciales y la comunicación a través del foro y el correo electrónico se realizarán en castellano o catalán. Las diapositivas y los materiales del aula virtual se proporcionarán principalmente en catalán, aunque también se utilizará el inglés.

Competencias / Resultados de aprendizaje


Competencias específicas
  • E1_Diseñar y programar las interíficas gráficas de portales web estáticos o dinámicos, de aplicaciones interactivas y de videojuegos, siguiendo criterios de usabilidad y accesibilidad

  • E4_Diseñar, planificar, editar, programar y comercializar aplicaciones multimedia interactivas

  • E13_Aplicar los principios de diseño visual y sonoro para la creación de los elementos de presentación que se utilizan en productos sonoros, audiovisuales, televisión y espectáculos

  • E17_Redactar piezas periodísticas de diferentes géneros con sus sistemas de titular y expresarse correctamente tanto de forma escrita como oral

competencias transversales
  • T2_Que los estudiantes tengan capacidad para trabajar como miembros de un equipo interdisciplinar ya sea como un miembro más, o realizando tareas de dirección con el fin de contribuir a desarrollar proyectos con pragmatismo y sentido de la responsabilidad, asumiendo compromisos teniendo en cuenta los recursos disponibles

Presentación de la asignatura


El objetivo de la asignatura es que el alumno adquiera las habilidades necesarias para entender la función de la publicación electrónica y sus campos de aplicación. Esta asignatura profundiza tanto en el campo del diseño de comunicaciones web como en el campo de la producción de soportes tecnológicos que la apoyan. Los temas incluyen la estructura de Internet, la historia y normativa de la publicación de contenidos en la red, así como las técnicas y tecnologías necesarias para desarrollar contenidos interactivos, teniendo en cuenta la usabilidad, accesibilidad y diseño de experiencias de usuario.

La metodología de enseñanza incluye clases magistrales para introducir los conceptos clave, talleres prácticos para aplicar los conocimientos en situaciones reales y aprendizaje basado en proyectos para fomentar la colaboración y la creatividad.

Espacios seguros:

El aula (física o virtual) es un espacio seguro, libre de actitudes machistas, racistas, homófobas, Transfobia y discriminatorias, ya sea hacia el alumnado o hacia el profesorado. Confiamos que entre todas y todos podamos crear un espacio seguro donde nos podamos equivocar y aprender sin tener que sufrir prejuicios otros.

Contenidos


Unidad 1: Publicación de contenidos en Internet

  1. Estudio del WWW como lenguaje de un medio
  2. Conceptos básicos de la publicación electrónica
  3. Protocolos y aspectos técnicos
  4. Marco normativo
  5. Historia y evolución de Internet y la Web

Unidad 2: Herramientas para publicación web

  1. Lenguajes y protocolos
  2. Características del HTML
  3. Características del CSS
  4. Webs dinámicas y CMS
  5. Herramientas y ayudas para la edición de webs estáticas

Unidad 3: Usabilidad, accesibilidad y arquitectura de la información

  1. Diseño centrado en el usuario
  2. Arquitectura de la información
  3. Interacción persona-ordenador
  4. Diseño de interfaces
  5. usabilidad
  6. Accesibilidad
  7. Diseño responsivo y adaptativo

Unidad 4: Desarrollo interactivo

  1.  Introducción al desarrollo interactivo
  2. Distribución, atención y simplicidad
  3. Modelos mentales
  4. Aprendizaje, predicción y retroacción

Actividades y sistema de evaluación


La nota final de cada alumno se calculará combinando la evaluación continua, basada en trabajos grupales, junto a un examen final individual. Los porcentajes de cada actividad son los siguientes:

  • A1. Prácticas de laboratorio 1: construcción web con HTML y CSS (12%)
  • A2. Prácticas de laboratorio 2: construcción de un sitio web utilizando un CMS (12%)
  • A3. Prácticas de laboratorio 3: diseño de interfaz móvil (12%)
  • A4. Ejercicio en clase: dominio del léxico (3.5%)
  • A5. Ejercicio en clase: HTML y CSS (3.5%)
  • A6. Ejercicios en clase: test heurístico (3.5%)
  • A7. Ejercicio en casa: prototipo de aplicación (3.5%)
  • A8. Examen final (50%)
    • Test de respuesta múltiple
    • Actividad o actividades prácticas relacionadas con los contenidos del curso

Nota final = A1 x 0.12 + A2 x 0.12 + A3 x 0.12 + A4 x 0.035 + A5 x 0.035 + A6 x 0.035 + A7 x 0.035 + A8 x 0.50

Consideraciones:

  • Es necesario obtener una nota superior o igual a 5 en el examen final A8 para aprobar la asignatura.
  • Una actividad no entregada o entregada con retraso y sin justificación (citación judicial o asunto médico) cuenta como un 0.
  • La identificación de plagio se considera una infracción grave de integridad académica y puede comportar una calificación de suspenso a la actividad afectada. En estos casos, se informará a la coordinación del grado para valorar las medidas disciplinarias pertinentes.
  • Cualquier forma de fraude académico será sancionada de acuerdo a la normativa de evaluación del centro. En caso de que se detecten indicios de fraude, incluido el uso indebido de herramientas de inteligencia artificial generativa, el profesorado de la asignatura podrá convocar al estudiante a una entrevista individual con el objetivo de verificar su autoría.

recuperación:

  • Sólo se pueden presentar a la recuperación los estudiantes que se presenten en el examen final que no superen la calificación mínima (5) en la nota final o en el examen.
  • Las actividades A1, A2, A3, A4, A5, A6 y A7 no pueden recuperarse.
  • La nota del examen de recuperación sustituye sólo a la nota de la actividad A8. Esta nota de teoría debe ser superior a un 5.

Bibliografía


Básico

Garrett, Jesse James (2010). Los elementos de experiencia experta: User-centered design para la web y el beyond (2nd ed.). New Riders.

Grané, Mariona (2012). El diseño interactivo en la red. Publicaciones y Ediciones de la Universidad de Barcelona.

Nielsen, Jakob (1999). Designing Web Usability: The Practice of Simplicity. New Riders.

Complementaria

Foro StackOverflow

Get started with Bootstrap

Learn design & design Basics with figma

w3Schools API (Application Programming Interface)