Titulación
Máster en Diseño Interactivo
Descripción de la asignatura
Esta asignatura pretende ser una iniciación a los fundamentos de programación con JavaScript así como su aplicación para el desarrollo y diseño de interacción en interfaces de usuario web.
1. Identificadores de la asignatura
Tipo
Obligatoria de especialidad
Carácter
Teórico - Práctico
Especialidad / itinerario / estilo / instrumento
Máster en Diseño de Interacción
Materia
Medios Informáticos aplicados al Diseño
Periodo de impartición - curso
MDI
Periodo de impartición - semestre
1º semestre
Número de horas totales
120
Número de horas presenciales
30
Departamento
Departamento de medios informáticos y audiovisuales
Prelación / requisitos previos
Se necesita haber cursado la asignatura precedente "P. para Diseñadores y artistas visuales"
Idioma/s en los que se imparte
2. Profesor responsable de la asignatura
Aparicio de Santiago
Carlos
3. Relación de profesores y grupos a los que imparten docencia
Profesor
Aparicio de Santiago
Carlos
4. Competencias
Competencias transversales
2CT Recoger información significativa, analizarla, sintetizarla y gestionarla adecuadamente
3CT Solucionar problemas y tomar decisiones que respondan a los objetivos del trabajo que se realiza
6CT Realizar autocrítica hacia el propio desempeño profesional e interpersonal
Competencias generales
1CG Investigar en los aspectos intangibles y simbólicos que inciden en la calidad
2CG Ser capaces de adaptarse a los cambios y a la evolución tecnológica industrial
Competencias generales Máster en diseño de Interacción
CB1 Poseer y comprender conocimientos que aporten una base u oportunidad de ser originales en el desarrollo y en la aplicación de ideas, a menudo en un contexto de investigación
CB3 Integrar conocimientos y enfrentarse a la complejidad de formular juicios a partir de una información que, siendo incompleta o limitada, incluya reflexiones sobre las responsabilidades sociales y éticas vinculadas a la aplicación de sus conocimientos
CB5 Poseer las habilidades de aprendizaje que les permitan continuar estudiando de un modo que habrá de ser en gran medida autodirigido o autónomo
CB7 Reconocer la necesidad del cambio y tener las habilidades para actuar de forma independiente, anticipar y adaptarse a las transformaciones en contextos de ambigüedad e incertidumbre
5. Resultados del aprendizaje
Resultados del aprendizaje
Entender y modificar código compartido y desarrollar capacidades de búsqueda, análisis e integración de información compleja.
Crear contenido dinámico a partir de JavaScript, creación de sistemas de filtrado, de eventos y de búsqueda.
Conocimiento de la sintaxis de JavaScript del lado del cliente, así como del API DOM para modificación dinámica de HTML, y jQuery como estándar de trabajo con el DOM.
Comprender la necesidad y la capacidad de comprometerse en la formación continua
Siguiendo las instrucciones de la resolución de la Dirección General de Universidades y Enseñanzas Artísticas Superiores para el curso 20-21 de 4/09/20, la ESD comienza el curso en el escenario 2 y modalidad semipresencial, lo que implica una asistencia alterna por semanas al centro, simultaneando la enseñanza con presencialidad física/presencialidad interactiva, en grupos divididos. Las guías docentes se elaboran teniendo en cuenta este escenario y la planificación de tareas y contenidos se adapta a esta modalidad. En estas guías del curso 20-21 cada asignatura hará un esfuerzo por completar los conocimientos que han podido dejar de impartirse en semestres anteriores.
6. Contenidos
Contenidos
Variables, tipos, sentencias
Selectores querySelector, querySelectorAll
Dom Manipulation. InnerHTML, classList, dataset
7. Planificación temporal del trabajo del estudiante
Actividades teórico-prácticas
66 horas
Otras actividades formativas de carácter obligatorio (jornadas, seminarios, etc.)
0 horas
Realización de pruebas
6 horas
Horas de trabajo del estudiante
36 horas
Preparación prácticas
12 horas
8. Metodología
Actividades prácticas
La metodología de esta asignatura está basada en la adquisición de competencias mediante el trabajo práctico con explicaciones teóricas de módulos que sean necesarios para llevar a cabo los objetivos prácticos previamente marcados.
El sistema, por tanto, es teórico-práctico en el que se darán partes teóricas que se intercalarán con trabajos en grupo o con trabajos individuales a realizar en el aula bajo la tutela del profesor y de manera autónoma en tiempo de trabajo personal. Dichas prácticas o ejercicios prácticos servirán para lanzar cuestiones teóricas para la adquisición o mejora de competencias y para la posterior evaluación y califcación.
Se van a realizar 3 proyectos secuenciados que cubran los contenidos que estemos trabajando
Otras actividades formativas de carácter obligatorio (jornadas, seminarios, etc.)
Siguiendo las instrucciones 20-21 de 16/07/20, se refleja que el porcentaje mínimo de asistencia del alumno para la evaluación continua, no puede ser inferior al 80% del porcentaje total de las sesiones impartidas
9. Instrumentos y criterios de evaluación y calificación
9.1 Instrumentos de evaluación
Actividades teóricas
No se contemplan
Adaptación COVID: Debido a la situación de excepcionalidad que nos encontramos derivada de la pandemia la presencialidad de las clases seguirá un modelo híbrido en la que la mitad de la clase se irá alternando de forma presencial y remota. En cualquiera de las dos modalidades será necesaria una asistencia de, al menos, un 80%, tanto en el turno presencial como telemático, para que el alumno sea evaluado por evaluación continua.
Actividades prácticas
El instrumento de evaluación serán las actividades teórico prácticas realizadas en clase y los ejercicios prácticos entregados, que el alumno demuestre sus destrezas en la realización del ejercicio y que ha adquirido las competencias de la asignatura y aplicar lo aprendido a una variedad de situaciones.
Para ello se valorara el ejercicio cotejando los puntos que registra la ausencia o presencia de un determinado rasgo sacados de los documentos y explicaciones de las clases teóricas.
Otras actividades formativas de carácter obligatorio (jornadas, seminarios, etc.)
9.2 Criterios de evaluación
Actividades prácticas
Desarrollo correcto de los ejercicios a nivel de sintaxis y de funcionamiento del código.
Limpieza y claridad en la escritura de código
Aplicación de sistemas de interactividad, y desarrollo de la capacidad de entender problemas interactivos a problemas algorítmicos.
En el caso de que el alumno pierda la evaluación continua, y sea evaluado en convocatoria ordinaria o extraordinaria, no se tendrán en cuenta los trabajos prácticos realizados durante el curso
Otras actividades formativas de carácter obligatorio (jornadas, seminarios, etc.)
9.3 Criterios de calificación
9.3.1 Ponderación de los instrumentos de evaluación para la evaluación continua
Actitud y participación activa
0%
9.3.2 Ponderación de instrumentos de evaluación para la evaluación con perdida de la evaluación continua y duración de la prueba
9.3.3 Ponderación de instrumentos de evaluación para la evaluación extraordinaria y duración de la prueba
9.3.4 Ponderación para la evaluación de estudiantes con discapacidad
Actitud y participación activa
0%
10. Planificación temporal de los contenidos, metodología docente y evaluaciones. Cronograma
Semana 1
Bloque temático
Introducción a JS
Tema / repertorio
Variables, tipos, sentencias
Actividades teóricas
Competencias
10CG Optimizar la utilización de los recursos necesarios para alcanzar los objetivos previstos
13CT Buscar la excelencia y la calidad en su actividad profesional
Actividades prácticas
Competencias
5CEI Resolver los problemas estéticos, funcionales, técnicos y constructivos que se planteen durante el desarrollo y ejecución del proyecto
Semana 2
Bloque temático
Introducción a JS
Tema / repertorio
Estructuras de control
Actividades teóricas
Actividades prácticas
Semana 3
Bloque temático
Introducción a JS
Tema / repertorio
Objetos y funciones
Actividades teóricas
Actividades prácticas
Actividad
Entrega cuaderno de ejercicios
Semana 4
Bloque temático
Introducción a JS
Tema / repertorio
Objetos y funciones
Actividades teóricas
Actividades prácticas
Semana 5
Tema / repertorio
Selectores querySelector, querySelectorAll
Actividades teóricas
Actividades prácticas
Semana 6
Tema / repertorio
Dom Manipulation. InnerHTML, classList, dataset
Actividades teóricas
Actividades prácticas
Actividad
Pintado dinámico de datos
Semana 7
Tema / repertorio
Eventos básicos
Actividades teóricas
Actividades prácticas
Semana 8
Tema / repertorio
Eventos básicos
Actividades teóricas
Actividades prácticas
Actividad
Proyecto interactivo
Semana 9
Examen convocatoria ordinaria
11. Recursos y materiales didácticos
Bibliografía complementaria
Direcciones web de interes
Otros materiales y recursos didácticos
Programa o entorno de programación libre. Preferiblemente Sublime Text 3, Atom o Brackets.
Programas de edición de imágenes como Gimp o Adobe Photoshop.
Programas de edición de gráfcos vectoriales como Inkscape o Adobe Illustrator.
Programas de prototipado UI como Figma o Sketch.
Navegador Google Chrome o Mozilla Firefox
Conexión a internet en el aula Proyector en el aula.
