GUIA DOCENT DE CENTRES ISEACV GUÍA DOCENTE DE CENTROS ISEACV 1 Curs /Curso 2015/2016 Dades d’identificació de l’assignatura Datos de identificación de la asignatura Nom de l’assignatura Nombre de la asignatura Crèdits ECTS Créditos ECTS TALLER DE DISEÑO WEB AVANZADO 6 Curs Curso TODOS Semestre Semestre Tipus de formació Tipo de formación Optativa Matèria Materia Ciencia Aplicada al Diseño Títol Superior Título Superior Enseñanza Superior de Diseño de Producto Especialitat Especialidad Gráfico, Interiores, Producto, Moda Centre Centro Escuela de Arte y Superior de Diseño Departament Departamento Ciencias Aplicadas y Tecnología Professorat Profesorado David Rizo Valero e-mail e-mail [email protected] bàsica, específica, optativa básica, específica, optativa 1.1 Idioma/es en que s’imparteix l’assignatura Idioma/s en que se imparte la asignatura 2 Castellano Objectius generals i contribució de l’assignatura al perfil professional de la titulació Objetivos generales y contribución de la asignatura al perfil profesional de la titulación El objetivo general de la asignatura es conseguir que los alumnos sean capaces de crear y publicar un sitio web dinámico apoyándose en sistemas de gestión de contenidos abiertos como Drupal o Wordpress. Esta asignatura completa los conocimientos de diseño web que los alumnos han adquirido en la asignatura de Técnicas de Edición Digital 1 del grado de Diseño Gráfico, o bien por su cuenta. En ella se explican conceptos que normalmente los diseñadores no aprenden de forma autodidacta y que se suelen solicitar por empresas del sector. 1.2 Coneixements previs Conocimientos previos Esta asignatura no la deben cursar alumnos sin una base sólida de diseño web o sin las destrezas básicas de manipulación de imágenes digitales. 1/6 2 Competències de l’assignatura Competencias de la asignatura CE1: Generar, desarrollar y materializar ideas, conceptos e imágenes para programas comunicativos complejos materializar ideas CE5: Establecer estructuras organizativas de la información CE6: Interrelacionar los lenguajes formal y simbólico con la funcionalidad especifica CE10: Aplicar métodos de verificación de la eficacia comunicativa CE11: Dominar los recursos tecnológicos de la comunicación visual CE12: Dominar la tecnología digital para el tratamiento de imágenes, textos y sonidos 3 Resultats d’aprenentatge Resultados de aprendizaje RESULTATS D’APRENENTATGE RESULTADOS DE APRENDIZAJE COMPETÈNCIES RELACIONADES COMPETENCIAS RELACIONADAS R1. Instalar un servidor web local R2. Organizar la arquitectura de contenidos de un sitio web R3. Configurar un sistema de gestión de contenidos dinámicos (CMS) como Wordpress R4. Prototipar un diseño web de manera estática R4: Comprender las estructuras de programación básica usadas para maquetar CMS. Aplicación usando el lenguaje PHP. R6. Maquetar un diseño web usando un sistema de gestión de contenidos dinámicos (CMS) como Wordpress R1: R2: R3: R4: R5: R6: 4 CE11 CE1, CE5 CE11 Todas CE5, CE6, CE11 Todas Continguts de l’assignatura i organització temporal de l’aprenentatge Contenidos de la asignatura y organización temporal del aprendizaje Descripció per blocs de contingut, unitats didàctiques, temes,... Descripción por bloques de contenido, unidades didácticas, temas,… UD1: Revisión y ampliación de los conocimientos básicos de Internet • ¿Cómo funciona Internet?. Conceptos básicos: navegador, DNS, DHCP, IP, página HTML, servidor de aplicaciones, servidor web • El perfil del diseñador en el flujo trabajo del desarrollo web • Revisión de conceptos de CSS y HTML • Revisión del proceso de diseño web: diagramas de contenido, prototipos, ensayo cognitivo, patrones de diseño web • Maquetación sistemas basados en Grid • Efectos con JQuery • AJAX: introducción básica Planificació temporal Planificación temporal UD1: 2 semanas UD2: 5 semanas UD3: 6 semanas UD2: Ampliación de técnicas de diseño para CMS • Instalación para desarrollo en estudio: Servidor web (apache), servidor base de datos (MySQL), servidor lenguaje dinámico (PHP) • Elementos de diseño de un sistema web dinámico: páginas, bloques, menús, taxonomías, vistas, templares, campos, tipos de contenidos • Instalación y personalización básica de temas • Organización de contenidos bajo un CMS • Instalación de módulos • Especificación del diseñador para el maquetador UD3: maquetación en un CMS • Fundamentos de un lenguaje de servidor (PHP): literales, cadenas, variables, condicionales, bucles, objetos • Templates • Subtheming 2/6 5 Activitats formatives Actividades formativas 5.1 Activitats de treball presencials Actividades de trabajo presenciales ACTIVITATS ACTIVIDADES Classe presencial Clase presencial Classes pràctiques Clases prácticas Exposició treball en grup Exposición trabajo en grupo Metodologia d’ensenyança-aprenentatge Metodología de enseñanza-aprendizaje Relació amb els Resultats d’Aprenentatge Relación con los Resultados de Aprendizaje Volum treball ( en nº hores o ECTS) Volumen trabajo (en nº horas o ECTS) Todos 20 Todos 28 Todos 13 Todos 5 Exposició de continguts per part del profesor o en seminaris, anàlisi de competències, explicació i demostració de capacitats, habilitats i coneixements en l'aula. Exposición de contenidos por parte del profesor o en seminarios, análisis de competencias, explicación y demostración de capacidades, habilidades y conocimientos en el aula. Sessions de treball en grup supervisades pel professor. Estudi de casos, projectes, tallers, problemes, estudi de camp, aula d'informàtica, laboratori, visites a exposicions/concerts/representacions/ audicions..., cerca de dades, biblioteques, en Internet, etc. Construcció significativa del coneixement a través de la interacció i activitat de l'alumne. Sesiones de trabajo grupal en grupos supervisadas por el profesor. Estudio de casos, proyectos, talleres, problemas, estudio de campo, aula de informática, laboratorio, visitas a exposiciones/conciertos/ representaciones/audiciones…, búsqueda de datos, bibliotecas, en Internet, etc. Construcción significativa del conocimiento a través de la interacción y actividad del alumno. Aplicació de coneixements interdisciplinaris. Aplicación de conocimientos interdisciplinares. Atenció personalitzada i en grup reduït. Període d'instrucció i/o orientació realitzat per un tutor/a amb l'objectiu de revisar i discutir els materials i temes presentats en les classes, seminaris, talleres, lectures, realització de treballs, projectes, etc. Tutoria Tutoría Avaluació Evaluación Atención personalizada y en pequeño grupo. Periodo de instrucción y/o orientación realizado por un tutor/a con el objetivo de revisar y discutir los materiales y temas presentados en las clases, seminarios, talleres, lecturas, realización de trabajos, proyectos, etc. Conjunt de proves (audicions, orals i/o escrites) empleades en l'avaluació inicial, formativa o additiva de l'alumne. Conjunto de pruebas (audiciones, orales y/o escritas) empleadas en la evaluación inicial, formativa o aditiva del alumno. SUBTOTAL 5.2 66 Activitats de treball autònom Actividades de trabajo autónomo ACTIVITATS ACTIVIDADES Treball autònom Trabajo autónomo Estudi pràctic Estudio práctico Metodologia d’ensenyança-aprenentatge Metodología de enseñanza-aprendizaje Relació amb els Resultats d’Aprenentatge Relación con los Resultados de Aprendizaje Volum treball ( en nº hores o ECTS) Volumen trabajo (en nº horas o ECTS) Todos 42 Todos 42 Estudi de l’alumne/a: preparació i pràctica individual de lectures, textos, interpretacions, assajos, resolució de problemes, projectes, seminaris, tallers, treballs, memòries,... per a exposar, interpretar o entregar durant les classes teòriques, classes pràctiques i/o tutories de grup reduït. Estudio del alumno/a: preparación y práctica individual de lecturas, textos, interpretaciones, ensayos, resolución de problemas, proyectos, seminarios, talleres, trabajos, memorias,… para exponer, interpretar o entregar durante las clases teóricas, clases prácticas y/o tutorías de pequeño grupo. Preparació en grup de lectures, textos, interpretacions, assajos, resolució de problemes, projectes, seminaris, tallers, treballs, memòries,... per a exposar, interpretar o entregar durant les classes teòriques, classes pràctiques i/o tutories de grup reduït. Preparación en grupo de lecturas, textos, interpretaciones, ensayos, resolución de problemas, proyectos, seminarios, talleres, trabajos, memorias,… para exponer, interpretar o entregar durante las clases 3/6 teóricas, clases prácticas y/o tutorías de pequeño grupo. Activitats complementàries Actividades complementarias Preparació i assistència a activitats complementàries com tallers, exposicions, concerts, representacions, congresos, conferències,... Preparación y asistencia a actividades complementarias como talleres, exposiciones, conciertos, representaciones, congresos, conferencias,… SUBTOTAL TOTAL 84 150 4/6 6 Sistema d’avaluació i qualificació Sistema de evaluación y calificación 6.1 Instruments d’avaluació Instrumentos de evaluación INSTRUMENT D’AVALUACIÓ INSTRUMENTO DE EVALUACIÓN (véanse ejercicios en 6.2) Evaluación continua E1 E2 E3 E4 E5 Sin evaluación continua Trabajo Examen 6.2 Resultats d’Aprenentatge avaluats Resultados de Aprendizaje evaluados Todos Percentatge atorgat (%) Porcentaje otorgado (%) Evaluación continua 10 30 20 30 10 Sin evaluación continua 45 55 Criteris d’avaluació i dates d’entrega Criterios de evaluación y fechas de entrega Se realizará un pequeño proyecto de diseño y maquetación de un sitio Web a elección del alumno supervisada por el profesor. El proyecto se realizará en varias etapas: E1. Instalación de un servidor local usando MAMP o XAMP (2ª semana) E2. Diseño y configuración del sitio web usando Wordpress y un tema ya existente (7ª semana) E3. Diseño y maquetación del sitio web estático (9ª semana) E4. Maquetación del diseño realizado en E3 usando los mecanismos de theming de Wordpress (12ª semana) E5. Publicación online en un servidor gratuito del sitio web (13ª semana) Cada ejercicio se valorará en el rango [0, 10]. El aprobado se obtiene con una nota de 5. Si el alumno asiste regularmente a clase (80% de las clases) mostrando la evolución de su trabajo en tutorías, la nota final de la asignatura se obtendrá usando esta expresión: (E1 x 0.1) + (E2 x 0.3) + (E3 x 0.2) + (E4 x 0.3) + (E5 x 0.1) En este caso de evaluación continua, se considera imprescindible para aprobar la asignatura la superación (obtención de una nota 5 o superior) de todos y cada uno de los ejercicios E1, E2, E3 y E5. Si el alumno no asiste regularmente a clase (80% de las clases) mostrando la evolución de su trabajo en tutorías, deberá realizar un examen teórico práctico final además de entregar un sitio web diseñado y maquetado con Wordpress y publicado online. En este caso, la nota de la asignatura será: 45% proyecto web + 55% examen final. 6.3 Sistemes de recuperació Sistemas de recuperación La asignatura se recuperará realizando un examen teórico práctico además de entregar un sitio web diseñado y maquetado con Wordpress y publicado online. En este caso, la nota de la asignatura será: 45% proyecto web + 55% examen final. 5/6 Bibliografia Bibliografía 7 Libro Diseño Web Drupal- Using Drupal Angela Byron, Addison Berry, Nathan Haug, Jeff Eaton, James Walker and Jeff Robbins. Ed. O'Reilly, 2009 Content Management Bible Bob Boiko Ed. John Wiley & Sons, 2001 CMS Made Simple 1.6 Beginner's Guide Sofia Hauschildt Ed. Packt Publishing, 2010 PHP y MySQL práctico: para diseñadores y programadores Web Ellie Quigley Ed. Anaya Multimedia, 2007 The Definitive Guide to Drupal 7 B.Melancon et al. Ed. Apress, 2011 Casi todo lo que se de WordPress. Pedro Santos. Libro de descarga pública en: http://www.bubok.es/libros/223226/Casi-todo-lo-que-se-de-WordPress 6/6