Escuela de Arte y Superior de Diseño Fernando Estévez. Enseñanzas artísticas superiores en diseño GUÍA DOCENTE DE LA ASIGNATURA: Diseño para la web II

Transcripción

1 Escuela de Arte y Superior de Diseño Fernando Estévez Enseñanzas artísticas superiores en diseño GUÍA DOCENTE DE LA ASIGNATURA: Diseño para la web II Curso académico

2 1. [Datos descriptivos de la asignatura] Asignatura: Diseño para la web I Tipo: Semestral Centro: Escuela de Arte y Superior de Diseño Fernando Estévez. Titulación: Graduado o Graduada en Diseño Gráfico. Plan de Estudio: Rama de Conocimiento: Artes y Humanidades. Departamento: Diseño Gráfico. Área de Conocimiento: Artes Plásticas y Diseño. Curso: Tercero. Carácter: Obligatoria. Duración: Semestral. Créditos: 5 créditos ECTS. Blog de la asignatura: Idioma: Esta asignatura se imparte en lengua española. 2. [Profesorado que imparte la asignatura] Coordinación / Profesor: José Ángel Trujillo Padilla Departamento: Diseño Gráfico. Área de Conocimiento: Artes Plásticas y Diseño. Centro: Escuela de Arte y Superior de Diseño Fernando Estévez. Lugar Tutoría: Aula habitual de clase. Horario Tutoría: En horario de clase. Teléfono: Correo electrónico: japalajapa@gmail.com. Dirección blog docente: graficalogica.blogspot.com.

3 3. [Prerrequisitos para cursar la asignatura] Recomendables: 1. Tener conocimientos de: Photoshop CS5, Illustrator CS5, Dream Weaver. CS5. Preferiblemente en plataforma Mac. 2. Inglés, comprensión lectora. 3. Disponibilidad de acceso a Internet de forma habitual. 4. Tener ordenador personal. 5. Tener una cuenta de correo electrónico de uso habitual. 6. Memoria USB o disco duro externo para almacenamiento y/o intercambio de archivos. 7. Intereses por las nuevas tecnologías de la información y la comunicación. 4. [Competencias a desarrollar] Competencias Transversales: 1. Utilizar eficientemente las tecnologías de la información y la comunicación. 2. Integrarse adecuadamente en equipos multidisciplinares y en contextos culturales diversos. Competencias Generales: 3. Actuar como mediadores entre la tecnología y el arte, las ideas y los fines, la cultura y el comercio. 4. Conocer procesos y materiales y coordinar la propia intervención con otros profesionales, según las secuencias y grados de compatibilidad. Competencias Específicas: 5. Dominar los recursos tecnológicos de la comunicación visual. 6. Establecer estructuras organizativas de la información. 5. [Contextualización de la asignatura en el Plan de Estudios] Bloque Formativo al que pertenece la asignatura: La asignatura Diseño para la web II se encuentra dentro de la materia de Proyectos de diseño gráfico. Esta materia aborda los diferentes ámbitos y especialidades donde el diseñador gráfico desarrolla su actividad profesional. Esta asignatura, Diseño para la web II, como continuación de Diseño para la web II profundiza en el desarrollo de proyectos basados en la web. También centra su temario en los nuevos dispositivos móviles y gestores de contenidos CMS y comercio electrónico. Aborda los recursos y métodos necesarios para la gestión y el mantenimiento de un sitio web, desde la diagramación hasta la arquitectura de información como base de diseños web avanzados. 3

4 Perfil Profesional: La importancia que ha tomado en la última década Internet como canal de comunicación e intercambio de información y por lo tanto, los sitios web como soportes visuales a este canal, han hecho del diseño web una disciplina más a incluir en la gran familia del diseño gráfico. Este nuevo plan de estudios cubre un importante vacío en la formación del alumnado. Dando a ésta especialidad la importancia que ha ido adquiriendo desde comienzo de siglo. 6. [Contenidos de la asignatura] 4

5 Tema 1. Maquetación web con HTML y CSS 1.3. Estructuras y maquetación web Centrar página en la ventana del navegador Maquetación fija y adaptable Introducción a mediaqueries Principales estructuras de página Etiquetas HTML5 para estructurar páginas Frameworks y librerías para HTML y CSS. Tema 2. Pautas en el desarrollo de un proyecto web 2.1. Planificación y características generales de un proyecto web Usuario, contenido y contexto Interfaz gráfica de usuario Leyes y principios fundamentales en el diseño de interfaces de usuarios Arquitectura de información y diagramación Introducción al diseño de información Diagramación tipos y uso SEO. Técnicas de diseño para posicionamiento natural en buscadores Introducción a SEO Desarrollo web pensando para buscadores. Tema 3. Sitios web dinámicos 3.1. Aplicaciones web Concepto de aplicación web Gestores de contenidos CMS Preparación de entorno de desarrollo dinámico Casos de estudio: Blogger, Wordpress, Joombla, Prestashop Frameworks y librerías Javasript Introducción a jquery Implementar un recurso jquery. Tema 4. Diseño web en movilidad 4.1. Concepto de aplicaciones móviles Dispositivos y soportes tecnológicos Tipos de aplicaciones móviles Web sobre móvil Aplicaciones web híbridas Aplicación web nativas Introducción al diseño de aplicaciones móviles con jquery Mobile y Phonegap. Tema 5. Publicar un sitio web 5.1. Dominios y alojamiento web Nombres de dominio y extensiones Aspectos técnicos en la contratación de dominio y alojamiento web Gestión de archivos Subir/bajar archivos al servidor: Interfaz Filezila Interfaz net2ftp Interfaz Dreamweaver. 7. [Metodología y Volumen de trabajo] 5

6 Metodología y volumen de trabajo Créditos: 5 Horas: 150 VOLUMEN DE TRABAJO ACTIVIDADES DE APRENDIZAJE PRESENCIALES TRABAJO AUTÓNOMO del alumnado HORAS TOTALES Clase magistral 26 Clases prácticas 34 Asistencia a Tutoría Académica-Formativa (presenciales y/o virtuales) 4 Estudio de la asignatura 39 Estudio y preparación de clases prácticas 47 HORAS TOTALES [Bibliografía/ Recursos] Bibliografía básica: Krug, S. (2005). No me hagas pensar. Madrid: Pearson. Niederst, J. (2008). Creación y diseño web profesional. Madrid: Ediciones Anaya Multimedia. Nielsen J., Loranger H. (2006). Usabilidad: Prioridad en el diseño web. Madrid: Anaya Multimedia. Schmitt C., Mahon N. y Barfoot C. (2010). Curso de CSS. Madrid: Anaya Multimedia. Bibliografía complementaria: La bibliografía complementaria se irá publicando en el blog de la asignatura. 9. [Sistema de Evaluación y Calificación] Recomendaciones Dada la naturaleza presencial de estas enseñanzas, la asistencia regular a clase es una obligación por parte del alumnado. Con ello demuestra su interés y participación. Para adquirir las competencias de esta asignatura es obligatorio asistir al menos al 85 % de las horas presenciales de esta asignatura y realizar todos los proyectos/ejercicios planteados. El alumno debe visitar de forma regular el blog de la asignatura para mantenerse informado de posibles cambios o circunstancias que pudieran alterar el normal desarrollo de la misma. 6

7 Evaluación y calificación El alumnado deberá superar la realización de los proyectos/ejercicios prácticos establecidos por el profesor en los que se pondrán en práctica las competencias a desarrollar en la asignatura. Se dará por aprobada la asignatura cuando el alumnado supere con una nota igual o superior a 5 sobre 10, los proyectos/ejercicios establecidos para la asignatura y no haya superado el límite de faltas establecido en esta guía docente. Esta nota será el resultado de la media entre todos los proyectos. La calificación final será numérica de 0 a 10, con expresión de un decimal. El alumnado que no asista al 85% (diez faltas de asistencia incluidas faltas justificadas) de las horas presenciales establecidas para esta asignatura, estará obligado a presentarse a un examen teórico y/o teórico práctico en la convocatoria ordinaria de junio. Este examen estará basado en preguntas teóricas y/o casos prácticos sobre los contenidos y competencias a desarrollar en la asignatura. De igual forma deberán presentarse a este examen quienes no hayan entregado a tiempo cualquiera de los proyectos/ejercicios establecidos para esta asignatura. Cualquier cambio, modificación o circunstancia que pudiera alterar las condiciones y criterios antes mencionados, serán publicados por el profesor en el blog de la asignatura, prevaleciendo esos nuevos criterios sobre los que se describen en esta guía docente. El alumnado tiene derecho a dos convocatorias por año en cada asignatura. Una ordinaria y otra de carácter extraordinaria. Ambas discurrirán bajo los mismos criterios de calificación y evaluación anteriormente mencionados. Estrategia Evaluativa TIPO DE PRUEBA COMPETENCIAS CRITERIOS PONDERACIÓN Buzón de sugerencias. Conocer opinión del alumnado y mejorar la enseñanza. Análisis y reflexión de las sugerencias planteadas. Modificar metodología si procede. Requisito. No califica. Cuestionario de autoevaluación y evaluación docente Implicar al alumnado en el proceso de evaluación y calificación. Análisis crítico y reflexivo de los resultados obtenidos. Comparaciones constructivas. Requisito. No califica Pruebas teóricas o teórica-práctica 1, 2, 3, 4, 5, 6. Adecuada respuesta a cada pregunta formulada y ejercicio práctico planteado. 100% Proyectos prácticos. 1, 2, 3, 4, 5, 6. Ejercicios prácticos planteados en clase como refuerzo de los conceptos teóricos. 100% 7

8 10. [Resultados de Aprendizaje] COMPETENCIAS A DESARROLLAR RESULTADOS DE APRENDIZAJE TIPO Utilizar eficientemente las tecnologías de la información y la comunicación. Demostrar capacidad de manejo y utilización de las TIC como herramienta de resolución de problemas y autoaprendizaje. Transversales Ser capaces de trabajar en equipo Integrarse adecuadamente en equipos multidisciplinares y en contextos culturales aportando sus conocimientos y diversos. experiencias personales en el desarrollo y resolución de problemas. Generales Conocer procesos y materiales y coordinar la propia intervención con otros profesionales, según las secuencias y grados de compatibilidad. Actuar como mediadores entre la tecnología y el arte, las ideas y los fines, la cultura y el comercio. Emplear los nuevos avances tecnológicos y aplicarlos de forma efectiva en coordinación con otros profesionales. Utilizar la tecnología de forma que ayude a una mejor relación del usuario mejorando la experiencia y estética de las interfaces gráficas. Específicas Establecer estructuras organizativas de la información. Dominar los recursos tecnológicos de la comunicación visual. Capacidad para plantear diseños de información claros y efectivos en relación a los objetivos del proyecto. Emplear recursos tecnológicos como solución formal, funcional y estética. 8

9 11. [Cronograma/ Calendario de la asignatura] La siguiente cronología es solo una guía base. Podrá verse modificada por circunstancias del calendario lectivo o cualquier otro motivo que el profesor estime justificado para ello. SEMANA TEMA CLASES TEÓRICAS (AULA) CLASES PRÁCTICAS (AULA) ACTIVIDADES Semana 1 a 4 Tema 1 Proyecto About Me No previstas. Semana 5 a 7 Tema 2 No prevista Por determinar. Semana 9 a 11 Tema 3 Instalación de un entorno de desarrollo para proyectos dinámicos. Instalación Wordpress. Adaptación de plantillas. Instalación jquery. Adaptación de recursos jquery. Por determinar. Semana 12 a 15 Tema 4 Proyecto sobre web pensado para movilidad. Charla sobre aplicaciones móviles. Semana 16 Tema 5 Taller sobre gestión de archivos a través de servidor ftp. Proyecto final Por determinar. 9