PLAN DOCENTE DE LA ASIGNATURA Curso académico 2015-2016 Identificación y características de la asignatura Código 501460 Créditos ECTS 6 Denominación (español) Diseño y programación web Denominación (inglés) Web design and programming Titulaciones Grado en Ingeniería Informática en Tecnologías de la Información Grado en Ingeniería Telemática Centro Centro Universitario de Mérida Semestre 7 Carácter Optativa Módulo Optativa Materia Multimedia y Seguridad en Internet Profesor/es Nombre Despacho Correo-e Página web Francisco Luna Valero 8 fluna@unex.es http://campusvirtual.unex.es/ Área de conocimiento Lenguajes y Sistemas Informáticos Departamento Ingeniería de Sistemas Informáticos y Telemáticos Profesor coordinador (si hay más de uno) Competencias específicas CEO9: Emplear y utilizar sistemas de gestión de bases de datos relacionales y de lenguajes de consulta interactivos y embebidos tanto en entornos centralizados y distribuidos. CEO10: Emplear y utilizar los nuevos estándares de la Web. Ser capaz de diseñar y desarrollar aplicaciones AJAX. Competencias transversales CT10: Tener iniciativa para aportar y/o evaluar soluciones alternativas o novedosas a los problemas, demostrando flexibilidad y profesionalidad a la hora de considerar distintos criterios de evaluación. Contenidos Breve descripción del contenido El objetivo general de esta asignatura es introducir al estudiante en el desarrollo y gestión de aplicaciones Web en entornos cliente/servidor. Temario de la asignatura Denominación del tema 1: Reconocimiento de las características de lenguajes de marcas Contenidos del tema 1: 1.1. Definición y clasificación de lenguajes de marcas. 1.2. Tipos de lenguajes de marcas. 1.3. Evolución de los lenguajes de marcas. 1.4. Etiquetas, elementos y atributos. 1.5. Organizaciones desarrolladoras. 1.6. Utilización de lenguajes de marcas en entornos web 1
Denominación del tema 2: Lenguajes para la visualización de información Contenidos del tema 2: 2.1. El Modelo de objetos del documento. 2.2. HTML. 2.3. XHTML. 2.4. Hojas de estilo. Denominación del tema 3: Desarrollo web en el entorno cliente Contenidos del tema 3: 3.1. Evolución y características de los navegadores web 3.2. Arquitectura de ejecución 3.3. Lenguajes y tecnologías de programación en entorno cliente 3.4. Integración del código con las etiquetas HTML 3.5. Javascript Denominación del tema 4: Desarrollo web en el entorno servidor Contenidos del tema 4: 4.1. Modelos de programación en entornos cliente/servidor 4.2. Generación dinámica de páginas web 4.3. Lenguajes de programación en entorno servidor 4.4. Integración con los servidores Web 4.5. Herramientas de programación Denominación del tema 5: Diseño arquitectural de una aplicación web Contenidos del tema 5: 5.1. Patrones de diseño 5.2. El patrón Modelo-Vista-Controlador 5.3. Frameworks para desarrollo con MVC en PHP 5.4. El framework MVC 4 de ASP.NET Denominación del tema 6: PHP Contenidos del tema 6: 6.1. Introducción a PHP 6.2. Sintaxis, variables, funciones 6.3. Ficheros 6.4. Formulario. Validación 6.5. Programación orientada a objetos Denominación del tema 7: El framework ASP.NET MVC 4 Contenidos del tema 7: 7.1. Introducción al framework. NET 7.2. El lenguaje de programación C# 7.3. Web API 7.3. ASP.NET MVC 4 7.4. Routing en ASP.NET 7.5. Controladores 7.6. Vistas. Razor 7.8. Modelos. Persistencia. Entity Framework 5.0 Prácticas Práctica 1: creación de una página web básica con html y xhtml Práctica 2: maquetación básica: tablas, capas y marcos Práctica 3: página web interactiva con formularios Práctica 4: maquetar una página web con css Práctica 5: frameworks MVC en PHP Práctica 6: ASP.NET MVC Práctica final PHP: Diseño e implementación de un portal web complejo en PHP Práctica final ASP: Diseño e implementación de un portal web complejo en ASP.NET 2
Actividades formativas* Horas de trabajo del alumno por Actividad de Presencial tema seguimiento No presencial Tema Total GG SL TP EP 1 5 1 0 0 4 2 7 1 2 0 4 3 15 4 2 1 8 4 4 2 0 0 2 5 16 4 2 0 10 6 47 12 8 1 26 7 42 10 8 1 23 Evaluación del Conjunto 14 3,5 0,5 0 10 Total 150 37,5 22,5 3 87 GG: Grupo Grande (100 estudiantes). SL: Seminario/Laboratorio (prácticas clínicas hospitalarias = 7 estudiantes; prácticas laboratorio o campo = 15; prácticas sala ordenador o laboratorio de idiomas = 30, clases problemas o seminarios o casos prácticos = 40). TP: Tutorías Programadas (seguimiento docente, tipo tutorías ECTS). EP: Estudio personal, trabajos individuales o en grupo, y lectura de bibliografía. Metodologías docentes Clases expositivas de teoría y problemas: Presentación de los contenidos de la asignatura y planificación de la participación de todos los estudiantes en las distintas tareas. Discusión de aspectos teóricos. Adicionalmente se realizarán charlas divulgativas realizadas por expertos y/o empresas de la materia. Tutorización: Actividad de seguimiento para tutela de trabajos dirigidos, consultas de dudas y asesoría en grupos pequeños o individuales. Aprendizaje autónomo mediante el análisis de documentos escritos, la elaboración de memorias, el estudio de la materia impartida y desarrollo de los supuestos prácticos planteados. Planteamiento de prácticas abiertas, pero guiadas por el profesor, donde el alumno deberá solucionar problemas típicos en las herramientas de trabajo evaluando distintas opciones de compromiso. Aprendizaje virtual. Uso de herramientas virtuales de comunicación entre profesor y estudiante e incluso entre los estudiantes entre si. Resultados de aprendizaje El alumno será capaz de: Diseñar sitios webs complejos, con control de acceso y persistencia en base de datos utilizando el patrón Modelo-Vista-Controlador. Definir expresiones regulares para validar formularios. Implementar sitios web complejos utilizando tecnologías open source (PHP) y propietarias (ASP.NET MVC). Sistemas de evaluación Se valorarán los conocimientos teóricos-prácticos adquiridos por el alumno o alumna en relación con las competencias y objetivos de la asignatura, así como su grado de participación en el proceso educativo. 3
1. Actividades de seguimiento. Suman un total 1 punto (No recuperable), asignados a tareas semanales/quincenales de programación en HTML, CSS, PHP, C#, y ASP.NET. Se han de entregar al menos un 85% de las tareas propuestas funcionando correctamente para poder realizar la defensa de la práctica final. No se considerarán aquellas entregas que estén retrasadas. 2. Práctica final en PHP: 3 puntos (Recuperable) La práctica final constará de una entrega (memoria, base de datos, sitio web, documentación) y una defensa posterior. El alumno deberá pasar la defensa para que se le cuente la nota de la práctica. Cualquier indicio de copia sobre la práctica o parte de ella supondrá una calificación de cero, tanto a la persona que copió como a la que se dejó copiar. 3. Práctica final en ASP.NET MVC: 2 puntos (Recuperable) La práctica final constará de una entrega (memoria, base de datos, sitio web, documentación) y una defensa posterior. El alumno deberá pasar la defensa para que se le cuente la nota de la práctica. Cualquier indicio de copia sobre la práctica o parte de ella supondrá una calificación de cero, tanto a la persona que copió como a la que se dejó copiar. 4. Examen final: 4 puntos (Recuperable) Prueba de certificación que constará de una parte escrita y otra práctica. Se debe obtener una calificación mínima de 4 para aprobar la asignatura. Bibliografía (básica y complementaria) Bibliografía básica Libros y tutoriales electrónicos gratuitos http://www.librosweb.es Tutoriales online http://www.w3schools.com/ J. Galloway et al., Professional ASP.NET MVC 4, Wrox, 2012. J. Chadwick, T. Snyder, H. Panda, Programming ASP.NET MVC 4, O Really, 2012. Bibliografía complementaria Van der Vlist, Eric ; Ayers, Danny ; Bruchez, Eric ; y otros, Programación Web 2.0, Ed. Anaya/Wrox, 2007 T. Boronczyk et al., Desarrollo web con PHP, Apache y MySQL, Anaya/Wrox, 2009. A. Freedman, Pro ASP.NET MVC 4, 4th edition, APress, 2013. Recursos virtuales: Otros recursos y materiales docentes complementarios Aula virtual de la asignatura 4
Otros recursos: Medios materiales utilizados: Pizarra Cañón de video Ordenador Internet Materiales y recursos utilizados: Los materiales y recursos utilizados estarán disponibles en el espacio reservado para la asignatura en el Campus Virtual. Concretamente los alumnos dispondrán de: Trasparencias para cada tema del programa Guiones de las sesiones de laboratorio Foros de preguntas y respuestas Tablón de anuncios de novedades Tareas virtuales para la entrega de problemas propuestos Tutorías programadas: Pendiente de horarios. Tutorías de libre acceso: Pendiente de horarios. Horario de tutorías Recomendaciones Se considera fundamental la asistencia presencial de manera continuada tanto a las clases teóricas como prácticas. Se recomienda que el alumno haya superado las asignaturas de Programación Web o tenga conocimientos básicos de HTML y CSS. 5