16
ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA PLANIFICACIÓN DE LA DOCENCIA UNIVERSITARIA GUÍA DOCENTE DISEÑO WEB AVANZADO Curso 2011-2012

ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

ESCUELA SUPERIOR DE

ARQUITECTURA Y TECNOLOGÍA

PLANIFICACIÓN DE LA DOCENCIA UNIVERSITARIA

GUÍA DOCENTE

DISEÑO WEB AVANZADO

Curso 2011-2012

Page 2: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

1

1. DATOS DE IDENTIFICACIÓN DE LA ASIGNATURA.

Título: Grado Diseño Multimedia y Gráfico

Facultad: ESAyT

Departamento/Instituto: Diseño Multimedia y Gráfico

Materia: Módulo de Diseño

Denominación de la asignatura: Diseño Web Avanzado

Código: 39023

Curso: Tercero

Semestre: 1º cuatrimestre

Tipo de asignatura (básica, obligatoria u

optativa): Obligatoria

Créditos ECTS: 6

Modalidad/es de enseñanza: Presencial

Lengua vehicular: Español

Equipo docente: D. David Carvajal Garrido

Profesor/a: D. David Carvajal Garrido

Grupos: DMG31, DMG32

Despacho: Sala de Profesores – 1ª Planta

Teléfono: 915552528

Ext.

E-mail: [email protected]

Página web: http://www.esne.es

Page 3: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

2

2. REQUISITOS PREVIOS. Esenciales:

Las propias del título y especialmente la asignatura de Fundamentos de Diseño Web.

Aconsejables:

Conocimientos básicos sobre Ofimática y manejo de programas. Conocimientos de Diseño Gráfico y tratamiento de imágenes.

3. SENTIDO Y APORTACIONES DE LA ASIGNATURA AL PLAN DE ESTUDIOS.

Campo de conocimiento al pertenece la asignatura.

Esta asignatura pertenece a la materia de Módulo de Diseño.

Relación de interdisciplinariedad con otras asignaturas del curriculum.

Diseño Web Avanzado da el siguiente paso en el diseño y programación web, presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos necesarios para instalar y personalizar aplicaciones web de código abierto bajo arquitecturas cliente-servidor con bases de datos desarrolladas en PHP-MySQL. Para ello el alumno manejará entornos de desarrollo integrado de alto nivel y utilizará herramientas de diseño gráfico y retoque digital, así como de administración, gestión y consultas en bases de datos. Se ayudará al alumno para que potencie al máximo su visión creativa de diseñador gráfico así como de diseñador web, adquirida en otras asignaturas, aplicándola directamente en entornos online y sistemas web. Para ello, se impartirán conceptos avanzados como lenguajes de servidor (PHP), petición-respuesta síncrona y asíncrona (AJAX), interacción con bases de datos (MySQL), instalación y personalización de aplicaciones de código abierto (opensource): blogs, foros, comercio electrónico y gestores de contenidos. Por último, se abordará el nuevo estándar HTML5 y CSS3 y se hará mayor hincapié en la documentación del software. Adicionalmente, también se presentará cómo publicar un sitio web, ponerlo en producción (FTP), contratar y administrar hosting y dominios con proveedores de servicios (ISP).

Page 4: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

3

Aportaciones al plan de estudios e interés profesional de la asignatura.

Los sitios web estáticos, es decir, aquellos no dependientes del usuario y con contenidos fijos, han quedado obsoletos hoy día para la mayoría de los usuarios y webmasters de Internet. El diseño y desarrollo de sitios web ha evolucionado y se ha orientado al concepto de Web 2.0, lo que representa la máxima interacción entre los usuarios y los sitios web que visitan a través de sus contenidos. Esta interactividad da como resultado una Web dinámica, cambiante, dependiente en cierta parte del comportamiento del usuario y actualizada con respecto al tiempo. Este hecho implica la necesidad de un lenguaje de servidor que gestione las bases de datos con los contenidos almacenados e interactúe con el usuario final, enviando los resultados y procesando sus acciones.

Aprender los conceptos avanzados de los entornos web y aplicaciones de servidor con bases de datos asociadas resulta fundamental ante la creciente demanda del mercado de sitios autogestionables con contenidos autoeditables.

En relación con todo ello, un profesional altamente cualificado del diseño gráfico y multimedia debe tener la capacidad de afrontar un proyecto software completo encaminado a sitios web dinámicos del tipo descrito.

Esto implica saber interpretar las necesidades y requisitos del cliente final, así como tener la capacidad de elaborar una propuesta preliminar de diseño, codificar la implementación resultante y presentar un trabajo final completo profesional, con su documentación asociada y bien detallada. Por último, debe ser capaz de administrar un dominio alojado en un servidor web y publicar un sitio web en Internet.

Page 5: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

4

4. RESULTADOS DE APRENDIZAJE EN RELACIÓN CON LAS COMPETENCIAS QUE DESARROLLA LA ASIGNATURA.

COMPETENCIAS GENÉRICAS RESULTADOS DE APRENDIZAJE

RELACIONADOS CON LAS COMPETENCIAS GENÉRICAS

CG1. El alumno aprenderá a analizar la publicidad y los medios de comunicación entendiendo los factores que influyen en la elección y programación de medios publicitarios. Analizará e investigará una serie de medios publicitarios y las propiedades de una gama de productos publicitarios complejos. CG2. Usará las aplicaciones de software de manera eficaz y creativa para presentar una serie de trabajos gráficos. Deberá acceder, manejar y trabajar con imagines, crearlas y manipularlas con técnicas avanzadas. Demostrará un efectivo entendimiento del concepto de la animación en 2D y 3D. Identificará qué software es el más apropiado en cada situación determinada. CG2.1. Conocer los lenguajes de programación y herramientas más comunes necesarias para diseñar y desarrollar sitios web profesionales dinámicos en entornos online, es decir, con procesos desde el lado del servidor contra bases de datos.

CG1.1. Conocer formas de plasmar ideas abstractas como creatividad, comunicación gráfica y marketing a través del diseño web interactivo, aplicando la filosofía web 2.0 y utilizando la herramienta más adecuada para cada solución.

CG3. Conocer los pasos a seguir para la

CG1. Aplicar dotes creativas, diseño gráfico y maquetación de contenidos visuales que generen un efecto estético agradable y un entorno web amigable, interactivo y dinámico al usuario. Ofrecer una solución web 2.0, impactante y funcionalmente eficaz ante cualquier necesidad planteada, ya sea comercial, divulgativa, informativa o de ocio, eligiendo e implantando la herramienta de código abierto idónea. Combinar adecuadamente y manejar con técnicas avanzadas contenidos visuales tales como colores, imágenes, textos y otros recursos multimedia, así como datos y todo tipo de contenidos, todo ello mediante gestores personalizados. CG2. Conocer la sintaxis y el funcionamiento básicos del lenguaje de servidor PHP. Desarrollar scripts ligeros de código PHP eficiente y de calidad que ofrezcan respuesta a peticiones sencillas de máquina cliente. Manejar herramientas de alto nivel y entornos de desarrollo integrado (IDEs) específicas del diseño y desarrollo web, así como administración de bases de datos. CG3. Aplicar una metodología de trabajo directa, estricta y eficiente aprendiendo a separar el diseño preliminar y la funcionalidad específica de la implementación de la herramienta escogida. Comprender las ideas y expresarlas gráficamente usando técnicas y bocetos de forma efectiva, incluso realizando pequeñas demostraciones operativas, orientado al sitio web 2.0 como producto final.

Page 6: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

5

elaboración de un sitio web completo como proyecto software (ciclo de vida), tanto trabajando en grupo como individualmente, desde la implementación inicial hasta la publicación (puesta en producción) y posterior administración avanzada y mantenimiento del sitio.

Planificar de forma efectiva las fases de trabajo de un proyecto web, organizar y dividir tareas en el tiempo y repartirlas dentro de un grupo de trabajo. Publicar en un entorno de red online (Internet) un producto final (previa fase de pruebas y validación del mismo), mediante exposición y presentación oral, enfocadas a la satisfacción del cliente.

COMPETENCIAS ESPECÍFICAS RESULTADOS DE APRENDIZAJE

RELACIONADOS CON LAS COMPETENCIAS ESPECÍFICAS

CE1. Desarrollar espacios WEB utilizando herramientas profesionales de diseño siendo capaz de manejar herramientas software de diseño y desarrollo web e IDEs de alto nivel, así como manejar bases de datos.

CE2. Saber los conceptos más avanzados de los entornos online, basados principalmente en la arquitectura cliente-servidor aplicando lenguajes de desarrollo Web, tales como Java Script y CSS a un nivel avanzado para conseguir Webs de aspecto profesional, teniendo en cuenta conceptos de usabilidad y navegación intuitiva.

CE3. Saber identificar y diferenciar web estática (HTML) de web 2.0.

CE4. Ser capaz de desarrollar código fuente limpio, eficiente y funcional según los requisitos.

CE5. Ser capaz de instalar un servidor web para desarrollo propio en una máquina local.

CE6. Ser capaz de subir por FTP un proyecto web a servidor remoto.

CE1. Manejar IDEs (entornos de desarrollo integrado) y herramientas software de diseño y desarrollo web con lenguajes de servidor, así como programas cliente de administración de bases de datos. CE2. Conocer completamente la arquitectura cliente-servidor, local-remoto, petición-respuesta, petición síncrona/asíncrona y conexión con bases de datos. CE3. Identificar y diferenciar web estática (HTML) de web 2.0 o dinámica (DHTML). CE4.Desarrollar código fuente limpio y de fácil mantenimiento, que cumpla reglas de estilo básicas y cumpla eficazmente las funcionalidades requeridas. CE5. Instalar un servidor web para desarrollo propio en una máquina local. CE6.Subir por cliente de protocolo FTP un sitio web a servidor remoto, simulando su puesta en producción o publicación.

Page 7: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

6

CE7. Saber la sintaxis básica del lenguaje PHP: declaración de variables, expresiones y estructuras de control de flujo.

CE8. Ser capaz de utilizar y manejar variables globales, arrays asociativos y sesiones de trabajo.

CE9. Ser capaz de enviar y recoger datos por el método GET.

CE10. Ser capaz de enviar y recoger datos por el método POST, validándolos en servidor.

CE11. Ser capaz de implementar funciones propias y usar las predefinidas de PHP.

CE12. Saber los fundamentos básicos de bases de datos (BBDD).

CE13. Saber las operaciones más fundamentales contra BBDD.

CE14. Ser capaz de administrar y consultar BBDD con herramientas específicas de alto nivel.

CE15. Saber qué es un weblog (blog) y ser capaz de instalar, configurar y personalizar la herramienta específica WordPress.

CE16. Administrar correctamente un blog basado en WordPress.

CE17. Saber qué es un foro y ser capaz de instalar, configurar y personalizar la herramienta específica phpBB.

CE18. Administrar correctamente un foro basado en phpBB.

CE19. Saber qué es comercio electrónico (e-Commerce) y ser capaz de instalar, configurar y personalizar la herramienta específica Prestashop.

CE7. Conocer la sintaxis básica de PHP. Declarar variables y definir expresiones. Controlar el flujo de ejecución. Desarrollar pequeños scripts sencillos. CE8. Utilizar y manejar variables globales. Utilizar y manejar arrays asociativos. Utilizar y manejar sesiones de trabajo. CE9. Enviar y recoger datos por GET. CE10. Enviar y recoger datos por POST. Validar datos desde el lado del servidor. CE11. Implementar funciones propias. Usar las funciones predefinidas de PHP. CE12.Conocer cómo es la estructura interna de una BD: tablas, relaciones y atributos. CE13. Conocer las operaciones INSERT, UPDATE, DELETE y SELECT. CE14.Administrar y consultar BBDD mediante programas cliente específicos. CE15. Conocer a fondo el concepto de weblog. Instalar, configurar y personalizar un gestor de contenidos WordPress. CE16. Administrar un blog con WordPress. CE17. Conocer el concepto de foro. Instalar, configurar y personalizar un gestor de foros phpBB. CE18. Administrar un foro con phpBB. CE19. Conocer el concepto de e-Commerce. Instalar, configurar y personalizar un gestor de e-Commerce Prestashop.

Page 8: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

7

CE20. Administrar correctamente una tienda electrónica virtual basada en Prestashop.

CE21. Saber qué es un gestor de contenidos (CMS) y ser capaz de instalar, configurar y personalizar la herramienta específica Joomla.

CE22. Administrar correctamente un sitio web basado en Joomla.

CE23. Saber qué es un proveedor de servicios de internet (ISP), cómo contratar dominios y los aspectos legales más importantes de la web.

CE24. Ser capaz de administrar un sitio web mediante paneles web de administrador y aplicar métricas.

CE25. Saber las diferencias principales y nuevas aportaciones de la revisión de los estándares HTML5 y CSS3.

CE26. Saber cómo interpretar ideas plasmadas en un brief inicial y transformarlas en bocetos de diseño y maquetación (wireframes) para un sitio web que cumpla los requisitos especificados.

CE27. Ser capaz de realizar una propuesta documentada de diseño creativo y artes gráficas definitivas para un sitio web.

CE28. Saber cómo y dónde buscar, elegir, proponer e implementar la herramienta de código abierto adecuada para cada necesidad.

CE29. Ser capaz de elaborar una documentación posterior al trabajo realizado a modo de memoria de un proyecto web profesional completo.

CE30. Ser capaz de exponer con una presentación pública oral un proyecto web profesional completo.

CE20. Administrar una e-tienda con Prestashop. CE21. Conocer el concepto de CMS. Instalar, configurar y personalizar un gestor de contenidos web Joomla. CE22. Administrar un sitio web con Joomla. CE23. Conocer el funcionamiento básico de los ISP, hosting y alojamiento, dominios, disponibilidad, propiedad, contactos, etc. CE24. Administrar como webmaster un sitio con la ayuda de un web-admin-panel. Aplicar analítica y métricas web de visita. CE25. Conocer las diferencias principales y compatibilidad de HTML5 y CSS3. CE26. Interpretar ideas plasmadas en un brief. Transformar los requisitos especificados en un borrador de aproximación a la solución como boceto de sitio web. CE27. Realizar una propuesta documentada de diseño y artes gráficas definitivas para un sitio web. CE28. Buscar, elegir, proponer e implementar la herramienta de código abierto adecuada como solución para cada necesidad. CE29. Elaborar una documentación posterior al trabajo realizado a modo de memoria de un proyecto web profesional completo. CE30. Exponer con una presentación pública oral bien preparada un proyecto web profesional completo.

Page 9: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

8

5. CONTENIDOS / TEMARIO / UNIDADES DIDÁCTICAS TEMA 1: ENTORNOS DE SERVIDOR Y WEB 2.0

1. ARQUITECTURA CLIENTE-SERVIDOR 1. Conceptos básicos. Cliente-servidor, petición-respuesta, local-remoto. 2. Petición síncrona-asíncrona (AJAX). Conexión con BBDD (MySQL). 3. Interactividad Usuario-Red. Web 2.0 (DHTML) VS estática (HTML).

2. APLICACIONES AVANZADAS DE CÓDIGO ABIERTO 1. Concepto de open-source. Licencias de uso y responsabilidad legal. 2. Control de privilegios. Parte privada (backend) / pública (frontend). 3. Separación datos-continente-contenido (“modelo vista controlador”).

3. ENTORNO DE TRABAJO Y PUESTA EN PRODUCCIÓN

1. Instalación de servidor Apache en localhost para desarrollo (XAMPP). 2. Protocolo FTP. Manejo clientes FTP (FileZilla). Publicación de sitios.

TEMA 2: FUNDAMENTOS DE PHP

1. LENGUAJE DE SERVIDOR PHP 1. Programación básica en PHP: Sintaxis, variables y control de flujo. 2. Variables globales, arrays asociativos y sesiones de trabajo. 3. Envío y recogida por GET. Preproceso. Paso de parámetros. 4. Envío y recogida por POST. Postproceso. Validación en servidor. 5. Creación de funciones. Uso de funciones predefinidas de PHP.

TEMA 3: FUNDAMENTOS DE MySQL

1. BASES DE DATOS MySQL 1. Fundamentos básicos de bases de datos: tablas, atributos, relaciones. 2. Operaciones contra BBDD: INSERT, UPDATE, DELETE, SELECT. 3. Herramientas de administración y consulta (phpMyAdmin, SqlYog). 4. Funciones predefinidas de PHP para manejo de BBDD MySQL.

TEMA 4: HERRAMIENTA PARA WEBLOGS: WORDPRESS

1. PRIMEROS PASOS 1. ¿Qué es un weblog? ¿Cómo se usa? Conceptos básicos.

2. Instalación y configuración básica. Implementación. 3. Personalización. Búsqueda de temas, plugins y widgets.

Page 10: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

9

2. ADMINISTRACIÓN

1. Gestión de contenidos. Edición de páginas, categorías y entradas. 2. Biblioteca multimedia. Gestión de ficheros. Enlaces permanentes. 3. Gestión de privacidad. Perfiles, usuarios y asignación de permisos. 4. Moderación de comentarios. Antispam. Seguridad básica.

5. Posicionamiento SEO (link-building), RSS y redes sociales. TEMA 5: HERRAMIENTA PARA FOROS: phpBB

1. PRIMEROS PASOS 1. ¿Qué es un foro? ¿Cómo se usa? Conceptos básicos.

2. Instalación y configuración básica. Implementación. 3. Personalización. Búsqueda y modificación de estilos.

2. ADMINISTRACIÓN 1. Gestión de contenidos. Categorías, foros y enlaces.

2. Gestión de ficheros y avatares personales. Códigos BB. Emoticonos. 3. Gestión de privacidad. Perfiles, usuarios y asignación de permisos.

4. Moderación y administración avanzada. Bloqueo de usuarios. TEMA 6: HERRAMIENTA PARA e-Commerce: PRESTASHOP

1. PRIMEROS PASOS 1. ¿Qué es e-Commerce? ¿Para qué sirve? Conceptos básicos.

2. Instalación y configuración básica. Implementación. 3. Personalización. Búsqueda y modificación de temas.

2. ADMINISTRACIÓN 1. Población e importación CSV. Catálogos, categorías y productos.

2. Configuración: monedas, envíos, idiomas, emails, módulos de pago. 3. Instalación y configuración de módulos específicos (PayPal). TEMA 7: GESTOR DE CONTENIDOS: JOOMLA

1. PRIMEROS PASOS 1. ¿Qué es un CMS? ¿Cómo se usa? Conceptos básicos.

2. Instalación y configuración básica. Implementación. 3. Personalización. Búsqueda de plantillas y extensiones.

2. ADMINISTRACIÓN 1. Gestión de contenidos. Edición de artículos y categorías.

2. Gestión y personalización de menús. Jerarquía de contenidos. 3. Gestión de extensiones: Módulos, componentes y plugins. 4. Gestión de privacidad. Perfiles, usuarios y asignación de permisos.

Page 11: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

10

TEMA 8: ADMINISTRACIÓN DE UN SITIO WEB

1. PROVEEDORES DE SERVICIOS DE INTERNET 1. ¿Qué es un ISP? ¿Cómo se contrata un dominio?

2. Disponibilidad y transferencias. SEDO. Whois. 3. Aspectos legales. LSSI. Tipos de contactos.

2. ADMINISTRACIÓN AVANZADA DE HOSTING

1. Presentación de un webpanel de administrador. 2. Google Analytics, métrica y estadísticas de visita. TEMA 9: HTML5 / CSS3

1. HTML5 1. Diferencias con la versión anterior del estándar.

2. Uso correcto de nuevas etiquetas. Compatibilidad.

2. CSS3 1. Diferencias con la versión anterior del estándar.

2. Uso correcto de nuevos atributos. Compatibilidad.

Page 12: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

11

6. CRONOGRAMA

UNIDADES DIDÁCTICAS / TEMAS PERÍODO

TEMPORAL

Tema 1.1. Arquitectura cliente-servidor.

Septiembre.

Tema 1.2. Aplicaciones avanzadas de código abierto.

Septiembre.

Tema 1.3. Entorno de trabajo y puesta en producción.

Septiembre.

Tema 2.1. Lenguaje de servidor PHP.

Octubre.

Tema 3.1. Bases de datos MySQL.

Octubre.

Tema 4.1. WordPress: Primeros Pasos.

Noviembre.

Tema 4.2. WordPress: Administración.

Noviembre.

Tema 5.1. phpBB: Primeros Pasos.

Noviembre.

Tema 5.2. phpBB: Administración.

Noviembre.

Tema 6.1. e-Commerce: Primeros Pasos.

Diciembre.

Tema 6.2. e-Commerce: Administración.

Diciembre.

Tema 7.1. Joomla: Primeros Pasos.

Enero.

Tema 7.2. Joomla: Administración.

Enero.

Tema 8.1. Proveedores de servicios de internet.

Enero.

Tema 8.2. Administración avanzada de hosting.

Enero.

Tema 9.1. HTML5

Febrero.

Tema 9.2. CSS3

Febrero.

Page 13: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

12

7. MODALIDADES ORGANIZATIVAS Y MÉTODOS DE ENSEÑANZA

MODALIDAD ORGANIZATIVA

MÉTODO DE ENSEÑANZA

COMPETENCIAS RELACIONADAS

HORAS PRESENCIALES

HORAS DE TRABAJO

AUTÓNOMO

TOTAL DE HORAS

Clase teórica - Lección

magistral

CG1, CG2, CG3, CE2, CE3, CE6, CE7, CE8, CE9,

CE10, CE11, CE12, CE13,

CE14, CE15, CE16, CE17, CE18, CE19, CE20, CE21, CE22, CE23, CE24,

CE25

38 0 38

Clase expositiva (presentación práctica final)

- Aprendizaje orientado a proyectos

- Aprendizaje cooperativo

CE30 2 2 4

Clases prácticas (trabajos prácticos)

- Aprendizaje orientado a proyectos

CE1, CE4, CE5, CE6, CE7, CE8,

CE10, CE14, CE15, CE16, CE17, CE18, CE19, CE20, CE21, CE22

38 10 48

Estudio y trabajo en

grupo (práctica final)

- Aprendizaje orientado a proyectos

- Aprendizaje cooperativo

CE1, CE4, CE5, CE6, CE14, CE26, CE27, CE28, CE29, CE30

0 16 16

Estudio y trabajo

autónomo (prácticas)

- Aprendizaje orientado a proyectos

CE1, CE4, CE5, CE6, CE7, CE8,

CE10, CE14, CE15, CE16, CE17, CE18, CE19, CE20, CE21, CE22, CE26, CE27, CE28, CE29,

CE30

0 30 30

Page 14: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

13

Estudio autónomo (examen)

- Aprendizaje orientado a proyectos

CG1, CG2, CG3 0 2 2

Tutorías (planteamiento y

resolución de dudas de la parte

teórica)

- Aprendizaje orientado a proyectos

CG1, CG2, CG3 2 0 2

Tutorías (planteamiento y

resolución de dudas de la parte

práctica)

- Aprendizaje orientado a proyectos

CG1, CG2, CG3 8 0 8

Examen 2 0 2

8. SISTEMA DE EVALUACIÓN

ACTIVIDAD DE EVALUACIÓN

CRITERIOS DE EVALUACIÓN

VALORACIÓN RESPECTO A LA

CALIFICACIÓN FINAL (%)

Examen - Prueba objetiva: Test de 10 preguntas y 4 alternativas por pregunta (cada acierto suma 1 punto, cada error resta 0,5 puntos)

20%

Trabajos Prácticos

- Funcionalidad: Solución precisa y eficiente para los requisitos planteados (4 TP x 5%) - Diseño: Aplicación correcta de criterios estéticos y visuales (4 TP x 5%)

40%

Práctica Final / Exposición Oral

- Funcionalidad: Solución precisa y eficiente para los requisitos planteados (10%)

- Diseño: Aplicación correcta de criterios estéticos y visuales (10%)

- Documentación: Elaboración de informe bien detallado y presentado en formato digital, explicando fases del trabajo realizado y justificación de las decisiones tomadas (10%)

- Exposición pública: Presentación oral del trabajo realizado y la documentación (10%)

40%

Trabajo Práctico Opcional

- Funcionalidad: Solución precisa y eficiente para los requisitos planteados (2,5%)

- Código limpio: Aplicación correcta de reglas de estilo, comentarios y tabulaciones (2,5%)

+5%

Actitud

- Especial interés y participación en las clases - Conocimiento continuo de los contenidos de la

asignatura debatidos en clase y planteamiento activo de dudas relacionadas con los mismos

+5%

Page 15: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

14

Consideraciones generales acerca de la evaluación:

Para superar la asignatura es necesario aprobar todas las partes por separado, es decir, obtener un 50% de la nota máxima posible (NMP) para esa parte. El alumno podrá recuperar exclusivamente una sola vez dentro del mismo curso académico la parte teórica y/o la práctica en convocatoria extraordinaria.

Es decir, la parte teórica requiere obtener 1 sobre 2 puntos. La parte práctica se compone de 4 Trabajos Prácticos (TTPP) y una Práctica Final (PF) y se requiere entregar 2 TTPP y la PF.

Los TTPP comienzan en clase realizándose de forma individual y bajo la supervisión del profesor, teniendo tiempo suficiente para terminarlo y optando a un 75% de la NMP para ese TP. Si no se termina en clase, se permitirá terminarlos en casa y entregarlos hasta una semana más tarde, repercutiendo en una reducción de la NMP, optando al 50% de la misma. Adicionalmente, se propondrá por cada TP una tarea opcional a entregar en el plazo de esa semana que permitirá al alumno optar al 100% de la NMP para dicho TP.

La PF debe realizarse fuera de las clases por grupos de 2 o 4 (nunca 1 o 3) alumnos, destinando los horarios de tutorías para la supervisión y seguimiento del profesor. Finalmente, se expondrá públicamente.

Una detección de copia demostrable mediante algún proceso informático (al menos 60% de coincidencia) en el código fuente de alguna de las prácticas entregadas, supondrá la anulación total de dicha práctica y el suspenso directo de la asignatura.

La asistencia presencial es obligatoria al 80% de las clases, pudiendo presentar justificantes. Si no se cumple, el alumno puede suspender automáticamente la asignatura.

El alumno dispondrá de dos formas opcionales de subir nota: 1.Entregando el TP opcional del Tema 2 (+0,5 ptos) 2.Mostrando buena actitud en las clases (+0,5 ptos)

Page 16: ESCUELA SUPERIOR DE ARQUITECTURA Y TECNOLOGÍA · presentando conceptos avanzados para el desarrollo de sitios web en Internet. Esta asignatura proporcionará al alumno los conocimientos

Curso 2011-2012

15

9. BIBLIOGRAFÍA / WEBGRAFÍA

Bibliografía básica

López Quijado, J. (2010). Domine PHP y MySQL. Madrid: Ra-Ma Editorial.

Carazo Gil, F.J. (2011). Domine WordPress: Manual Práctico. Madrid: Ra-Ma Editorial.

Rogers, J. (2006). phpBB: A User Guide. Birmingham (UK): Packt Publishing.

Horton, J. (2010). Prestashop: Beginner's Guide. Birmingham (UK): Packt Publishing.

Mateos Barrado, J.F. (2011). Joomla! 1.6 (Guía Práctica). Madrid: Anaya Multimedia.

Oros Cabello, J.C. (2010). Adobe Dreamweaver CS4 Profesional. Curso Práctico. Válido para Windows y Mac Os X. Madrid: Ra-Ma Editorial.

Webgrafía básica

http://librosweb.es/

http://desarrolloweb.com/ http://www.w3c.es/ http://w3schools.com http://php.net/ http://desarrolloweb.com/ http://www.forosdelweb.com/ http://php.net/ http://www.mysql.com/ http://mysql.conclase.net/ http://www.mysql.com/ http://es.wordpress.org/http://wordpress.org/

http://es.wordpress.org/ http://www.phpbb.com/

http://www.phpbb-es.com/

http://www.prestashop.com/ http://www.prestashop.com/es/ http://www.joomla.org/ http://www.joomlaspanish.org/ http://es.wikipedia.org/ http://es.wikipedia.org/ http://www.google.es/

10.- OBSERVACIONES

No hay observaciones específicas.