Diseño Web
(Curso Académico 2021 - 2022)

Mostrar Todo Ocultar Todo

• E9 - Conocer la terminología específica, las técnicas y los lenguajes aplicados a los procesos del diseño: preimpresión y sistemas de impresión, técnicas y soportes digitales y multimedia.
• E10 - Conocimiento y manejo de todas aquellas herramientas tecnológicas y metodológicas de aplicación en el proyecto de diseño (programas informáticos específicos, sistemas de representación tradicional y digital; construcción de maquetas, modelos y prototipos, fotografía, técnicas de video, animación e ilustración) así como demostrar habilidad en el manejo de otras técnicas y procedimientos específicos, materiales, tecnología y ciencias de la construcción.
• E14 - Estar motivado por la calidad de los resultados obtenidos así como demostrar autoexigencia y rigor en el trabajo personal. Familiaridad con las normativas vigentes que regulan la calidad en productos y servicios como para saber aplicarlas (como por ejemplo las normas ISO).

• G3 - Trabajo en equipo: capacidad para colaborar con los demás y de contribuir a un proyecto común; capacidad para colaborar en equipos interdisciplinares y multiculturales.
• G5 - Desarrollar la sensibilidad estética y cultivo de la facultad de apreciación estética: capacidad de crítica y evaluación estética, capacidad para tomar decisiones de carácter estético y extraer información sobre la cultura que la ha generado.
• G7 - Capacidad para utilizar las tecnologías de la información y la comunicación (TIC) en diferentes contextos y desde una perspectiva crítica, creativa e innovadora. Comprender la relación entre la tecnología y otros campos del saber humano.
• G8 - Capacidad para organizar y planificar tareas a desarrollar personal o colectivamente.

• B2 - 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.
• B4 - Que los estudiantes puedan transmitir información, ideas, problemas y soluciones a un público tanto especializado como no especializado.
• B5 - Que los estudiantes hayan desarrollado aquellas habilidades de aprendizaje necesarias para emprender estudios posteriores con un alto grado de autonomía.

 Temas:

1. Diseño de sitios web: lenguajes, herramientas y formatos.
2. Metodologías de diseño: Pensamiento de Diseño. Diseño centrado en el usuario
3. Desarrollo de proyectos web

-Profesores: Todos
* Consulta bibliográfica en inglés
* Gestión de documentación técnica en inglés
* Manejo de herramienta informática en inglés.
* Visualización de vídeos en inglés.

1. La asignatura consta de clases teóricas magistrales y virtuales, actividad en aula de ordenadores y actividad en aula virtual.
2. La metodología docente que se seguirá en esta asignatura se conoce como “Flipped Classroom” o “Aula invertida”. Esta denominación se debe a la inversión de papeles respecto a las clases magistrales habituales.  El profesorado ha elaborado un larga lista de videotutoriales  a los que se puede acceder desde el aula y que se encuentran ordenados para una mejor temporización. Los estudiantes deben visualizarlos antes de ir a clase. Las clases teóricas y de problemas ya no consistirán en una exposición durante toda la hora por parte del profesor. Se dará más importancia al aprendizaje activo por parte del estudiante. Por tanto, se fomentará la interactividad en las clases. Los estudiantes deberán preguntar aquellas cuestiones sobre las que le quede duda después de haber visto los videotutoriales y la introducción del profesor. Si no fuera suficiente, deberá aprovechar las tutorías del profesor para aclarar dudas a lo largo de todo el curso. De esta manera los alumnos aprenderán de forma continua. El profesor indicará cada semana:
   1. Los videotutoriales que tienen  que visualizar antes de las clases de la siguiente semana.
   2. Sobre qué conceptos tienen que reflexionar.
   3. Aspectos que tienen que traer pensados a clase (pueden ser tanto conceptos teóricos como procedimentales).

Actividades formativas

1. En las clases de teoría se impartirán los contenidos de la asignatura. De acuerdo con la metodología docente empleada, previamente los discentes tienen que haber visualizado los tutoriales indicados. las clases teóricas consistirán en una primera explicación por parte del profesor y una segunda parte donde los alumnos y alumnas podrán preguntar dudas relacionadas con los videotutoriales y la explicación del profesor. Como se ha dicho anteriormente, dado que existen numerosos videotutoriales grabados, en el caso de tener que acudir a una docencia no presencial, éstos complementarían la docencia online del profesor.
2. Las clases prácticas de grupo reducido estarán basadas en la resolución de casos prácticos. Cada semana se indicará, por parte del profesor, los vídeos que se tienen que visualizar, sobre qué conceptos tienen que reflexionar y un esbozo de trabajo que tienen que traer inciado a la clase práctica. En ella se aclararán las dudas tanto conceptuales como de procedimiento para poder realizarlos. El trabajo práctico será individual en la primera parte de la asignatura y grupal en la segunda.
3. Estudio autónomo. En la metodología Flipped classroom el estudio autónomo cobra especial importancia, dado que una parte importante se realiza previamente a la clase.  Esto facilita que en el caso de una docencia no presencial los discentes puedan tener acceso a la información y gestionar el tiempo de forma personalizada para adquirir dichos conocimientos. Este estudio autónomo requiere, por parte de los alumnos y alumnas: a) La visualización de los tutoriales (u otras fuentes de información) indicados, b) La reflexión sobre determinados conceptos de diseño, c) El inicio de un trabajo en el que intente plasmar dichos conceptos en su trabajo personal.
4. Participación activa y asistencia a clase. Con la metodología de aula invertida la participación activa del alumno es fundamental.  Los estudiantes deben acudir a clase con la intención de resolver las dudas que les han surgido al estudiar el material correspondiente con anterioridad a la clase.
5. Realización de exámenes. El sistema de evaluación permite que los alumnos y alumnas superen la asignatura mediante evaluación continua sin tener que presentarse a examen final.

Actividades formativas	Horas presenciales	Horas de trabajo autónomo	Total horas	Relación con competencias
Clases teóricas	10,00	0,00	10,0	[B5], [B4], [B2], [G8], [G7], [G5], [G3], [E10], [E9]
Clases teóricas	0,00	0,00	0,0	[B5], [B4], [B2], [G8], [G7], [G5], [G3], [E10], [E9]
Clases prácticas (aula / sala de demostraciones / prácticas laboratorio)	38,00	0,00	38,0	[B4], [B2], [G7], [G5], [E9]
Clases prácticas (aula / sala de demostraciones / prácticas laboratorio)	0,00	0,00	0,0	[B4], [B2], [G7], [G5], [E9]
Realización de seminarios u otras actividades complementarias	2,00	0,00	2,0	[B5], [G7], [G3], [E9]
Realización de seminarios u otras actividades complementarias	0,00	0,00	0,0	[B5], [G7], [G3], [E9]
Realización de trabajos (individual/grupal)	0,00	75,00	75,0	[B5], [B4], [G7], [G5], [G3], [E14], [E10]
Realización de trabajos (individual/grupal)	0,00	0,00	0,0	[B5], [B4], [G7], [G5], [G3], [E14], [E10]
Estudio/preparación de clases teóricas	0,00	15,00	15,0	[B5], [B2], [E14], [E9]
Estudio/preparación de clases teóricas	0,00	0,00	0,0	[B5], [B2], [E14], [E9]
Realización de exámenes	4,00	0,00	4,0	[B4], [B2], [G7], [E14], [E9]
Realización de exámenes	0,00	0,00	0,0	[B4], [B2], [G7], [E14], [E9]
Asistencia a tutorías	2,00	0,00	2,0	[B2], [G7], [G3], [E14]
Asistencia a tutorías	0,00	0,00	0,0	[B2], [G7], [G3], [E14]
Estudio y análisis de casos	2,00	0,00	2,0	[B5], [B4], [B2], [G8], [G7], [G5], [G3], [E14], [E10], [E9]
Estudio y análisis de casos	0,00	0,00	0,0	[B5], [B4], [B2], [G8], [G7], [G5], [G3], [E14], [E10], [E9]
Visitas profesionales	2,00	0,00	2,0	[B4], [B2], [G7], [E14], [E10]
Visitas profesionales	0,00	0,00	0,0	[B4], [B2], [G7], [E14], [E10]
Total horas
Total ECTS

Apuntes y videotutoriales desarrollados por los profesores de la asignatura. Disponibles en el Campus Virtual.
 

Especificaciones del World Wide Web Consortium disponible en su página web (www.w3c.org).

Tutotriales para  desarrolladores web 
https://www.w3schools.com/

Jesús Lorés, Julio Abascal, José J. Cañas, Miguel Gea, Ana Belén Gil, Ana Belén Martínez Prieto, Manuel Ortega, Pedro Valero y Manuel Vélez. La interacción persona-ordenador libro electrónico. Primera edición.

Helen Sharp, Yvonne Rogers, and Jenny Preece. 2007. Interaction Design: Beyond Human Computer Interaction. John Wiley & Sons. 3rd edition.
 

Para el correcto seguimiento de esta asignatura y dadas las especiales circunstancias que estamos viviendo a consecuencia de la pandemia
es necesario que el alumno disponga de ordenador para el correcto seguimiento de las clases
, ya que implican un trabajo continuo a lo largo del cuatrimestre. Los estudiantes deben visualizar vídeos y generar páginas web. No se requiere un software especialmente potente, ya que existen suficientes programa gratuitos o de software libre que permiten trabajar con las páginas web. 

Donald Norman (2010). La psicología de los objetos cotidianos. Nerea. 4ta edición

Jenny Preece, Yvonne Rogers, Helen Sharp, David Benyon, Simon Holland, and Tom Carey. 1994.Human-Computer Interaction. Addison-Wesley

Jakob Nielsen. 1999. Designing Web Usability: The Practice of Simplicity. New Riders Publishing, Thousand Oaks, CA, USA. 1rst edition.
Longman Ltd., Essex, UK. 1rst Edition.

Alan Dix, Janet Finlay, Gregory Abowd y Russell Beale, Human-Computer Interaction. Prentice Hall, 2004. 3rd edition

Adobe Creative Suite (PC). Software (*) Sujeto a disponibilidad presupuestaria ULL.
Adobe Muse (PC/MAC). Software (*) Sujeto a disponibilidad presupuestaria ULL.

PRIMERA CONVOCATORIA
La calificación de la primera convocatoria de cada asignatura estará basada en la evaluación continua del alumnado que se realiza sobre diferentes tipos de actividades a desarrollar durante el curso en la asignatura. Estos tipo de actividades y pruebas serán:  trabajos y proyectos, informe memoria de prácticas y portafolios, pruebas objetivas y pruebas de respuesta corta. El porcentaje de valoración de cada una de estos tipos de actividades se especifica en la tabla correspondiente.

Todas las actividades son obligatorias y es necesario que el alumnado obtenga una calificación de al menos 5.0 puntos (sobre 10) en cada una para que se realice la media ponderada. En caso contrario la nota de la convocatoria correspondiente (y la que figurará en el acta) será la nota mínima de las obtenidas en cada actividad (aunque no se haya presentado a alguna de ellas).

En la modalidad de evaluación continua, se considerará que el alumnado se ha presentado a la asignatura desde el momento en que haya realizado un porcentaje del 25% o superior de las actividades de evaluación.

Las fechas de entrega de las actividades de cada parte de la asignatura tendrán como plazo límite la fecha indicada en el aula virtual.


RESTO DE CONVOCATORIAS

Los alumnos que no hayan superado la asignatura en la evaluación continua (primera convocatoria) serán evaluados en las convocatorias siguientes. La evaluación consistirá en la entrega de todas las tareas requeridas en la evaluación continua en los plazos comunicados en el aula virtua. Las pruebas que el alumno haya superado durante la evaluación continua mantendrán la calificación hasta la convocatoria de Septiembre. 

CONSIDERACIÓN FINAL:
En lo no indicado explícitamente en esta guía (evaluación en el caso de copia, etc.) se actuará según lo indicado en el Reglamento de Evaluación y Calificación de la Universidad de La Laguna.

Tipo de prueba	Competencias	Criterios	Ponderación
Pruebas objetivas	[B4], [B2], [E14], [E10], [E9]	Dominio de los contenidos de la asignatura	15,00 %
Pruebas de respuesta corta	[B4], [B2], [E14], [E10], [E9]	Dominio de los contenidos de la asignatura	10,00 %
Trabajos y proyectos	[B5], [B4], [B2], [G8], [G7], [G5], [G3], [E14], [E10], [E9]	Asistencia a las sesiones prácticas. Dominio de los contenidos prácticos de la asignatura. Capacidad para trabajar en equipo. Valoración de una actitud participativa. Defensa de trabajos.	50,00 %
Informes memorias de prácticas	[B5], [B4], [B2], [G8], [G7], [G5], [G3], [E14], [E10], [E9]	Dominio de los contenidos prácticos de la asignatura Expresión escrita	10,00 %
Portafolios	[B5], [B4], [B2], [G8], [G7], [G5], [G3], [E14], [E10], [E9]	Aplicación de los contenidos prácticos de la asignatura a un portafolios personal	15,00 %

En las guías docentes la planificación temporal de la programación sólo tiene la intención de establecer unos referentes u orientaciones para presentar la materia atendiendo a unos criterios cronológicos, sin embargo son solamente a título estimativo, de modo que el profesorado puede modificar –si así lo demanda el desarrollo de la materia– dicha planificación temporal.

Semana	Temas	Actividades de enseñanza aprendizaje	Horas de trabajo presencial	Horas de trabajo autónomo	Total
Semana 1:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. Introducción al diseño web. Conceptos fundamentales. Investigación de estructura de páginas web habituales	4.00	5.00	9.00
Semana 2:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. Introducción al lenguaje CSS. Plantillas de diseño. Funcionamiento básico. Ejercicios prácticos de estructura de layouts y estilos.	4.00	5.00	9.00
Semana 3:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. HTML5 + CSS3. Selectores básicos. Selectores avanzados. Modelos de cajas. Colores y fondos. Valores y unidades. Fuentes y textos. Posicionamiento, maquetación y diseño. Ejercicios prácticos.	4.00	5.00	9.00
Semana 4:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. Resolución de problemas frente a supuestos prácticos. Trabajo práctico en laboratorio de ordenadores con HTML5+CSS3. Galería de Imágenes, Estilización de imágenes.Transiciones y animaciones. Tutorías.	4.00	5.00	9.00
Semana 5:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. Introducción a la interactividad en web: lenguaje Javascript. Trabajo práctico en laboratorio de ordenadores con HTML5+CSS3+Javascript. Diseño responsivo utilizando HTML5, unidades viewport y mediaquery	4.00	5.00	9.00
Semana 6:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. Introducción a la interactividad en web: lenguaje Javascript. Trabajo práctico en laboratorio de ordenadores con HTML5+CSS3+Javascript. Layout utilizando Div y alternativas.	4.00	5.00	9.00
Semana 7:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. Elementos de HTML, Formularios, Botones, imágenes, Vídeos, Gráficos SVG. Trabajo práctico en laboratorio de ordenadores con HTML5+CSS3+Javascript.	4.00	5.00	9.00
Semana 8:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. Introducción a la interactividad en web: lenguaje Javascript. Trabajo práctico en laboratorio de ordenadores con HTML5+CSS3+Javascript. Sintaxis, objetos y eventos de Javascript	4.00	5.00	9.00
Semana 9:	1. Diseño de sitios web: lenguajes, herramientas y formatos.	Clase magistral. Introducción a la interactividad en web: lenguaje Javascript. Trabajo práctico en laboratorio de ordenadores con HTML5+CSS3+Javascript. (Ejemplos prácticos: Galería de imágenes, hooverable menu, formularios, check validity)	4.00	5.00	9.00
Semana 10:	2. Metodologías de diseño: Pensamiento de diseño y DCU	Clase magistral. Resolución de problemas frente a supuestos prácticos. Desde la idea al prototipo inicial del proyecto web.	4.00	5.00	9.00
Semana 11:	2. Metodologías de diseño: Pensamiento de diseño y DCU	Clase magistral. Resolución de problemas frente a supuestos prácticos. Desde la idea al prototipo inicial del proyecto web.	4.00	5.00	9.00
Semana 12:	3. Desarrollo de proyectos web	Clase magistral. Creación incremental del proyecto web funcional. Resolución de problemas frente a supuestos prácticos. Trabajo práctico en laboratorio de ordenadores.	4.00	5.00	9.00
Semana 13:	3. Desarrollo de proyectos web	Clase magistral. Creación incremental del proyecto web funcional. Resolución de problemas frente a supuestos prácticos. Trabajo práctico en laboratorio de ordenadores. Tutorías.	4.00	5.00	9.00
Semana 14:	3. Desarrollo de proyectos web	Clase magistral. Creación incremental del proyecto web funcional. Resolución de problemas frente a supuestos prácticos. Trabajo práctico en laboratorio de ordenadores.	4.00	5.00	9.00
Semana 15:	Evaluación	Evaluación y trabajo autónomo del alumno para la preparación y presentación de los proyectos realizados durante el curso	4.00	5.00	9.00
Semana 16 a 18:	3. Desarrollo de proyectos web	Evaluación y trabajo autónomo del alumno para la preparación de la evaluación de los temas 1-5.	0.00	15.00	15.00
Total			60.00	90.00	150.00