Guía Docente 2016-2017 Programación Web Web Programming Grado en Ingeniería Informática Presencial lf:
Índice Programación Web...3 Breve descripción de la asignatura...3 Requisitos Previos...3 Objetivos de la asignatura...4 Competencias y resultados de aprendizaje...4 Metodología...5 Temario...6 Relación con otras materias...9 Sistema de evaluación... 10 Bibliografía y fuentes de referencia... 10 Web relacionadas... 11 Recomendaciones para el estudio y la docencia... 11 Material necesario... 11 Tutorías... 12
Programación Web Módulo: Tecnologías de la Información. Materia: Tecnologías de Programación. Carácter: Obligatoria. Nº de créditos: 4,5 ECTS Unidad Temporal: 3er curso - 2º cuatrimestre Profesora de la asignatura: María Magdalena Cantabella Sabater Email: mmcantabella@ucam.edu Horario de atención a los alumnos/as: Martes y Viernes 17:30 18:30. Fuera de ese horario se puede solicitar cita vía correo electrónico al indicado en la línea anterior. Profesor coordinador de módulo: Francisco Arcas Túnez. Profesora coordinadora de curso: Fernando Pereñíguez García. Breve descripción de la asignatura El objetivo de la asignatura es permitir al alumno se enfrentarse de forma exitosa a la problemática habitual y las diversas tecnologías implicadas a lo largo de un proyecto Web: lenguajes de desarrollo en el lado cliente, los protocolos de comunicación y entornos habituales en lado de servidor. El alumno conocerá las implicaciones de seguridad y las tareas básicas para administrar un sitio Web. Brief Description The aim of the course is to enable the student to successfully face the usual problems and the various technologies involved across a Web project: development languages on the client side, communication protocols and environments common in server side. The student will know the security implications and the basic tasks for managing a website. Requisitos Previos No se establecen requisitos.
Objetivos de la asignatura Los objetivos específicos de la asignatura son: 1. Conocer los estándares web para el desarrollo de contenidos. 2. Saber trabajar con bases de datos en entorno web. 3. Conocer los estándares web para el desarrollo de contenidos. 4. Conocer la seguridad a aplicar en aplicaciones web. 5. Analizar, planificar y programar aplicaciones cliente/servidor basadas en web. 6. Comprender la necesidad de desarrollar sitios que cumplan con los estándares del W3C 7. Conocer las diferentes tecnologías web existentes en la actualidad y ser capaz de seleccionar las más adecuadas a problemas concretos. Competencias y resultados de aprendizaje Competencias transversales T1. Capacidad de análisis y síntesis. T2. Capacidad de resolución de problemas y toma de decisiones. T3. Capacidad para trabajar en equipo y habilidades en las relaciones interpersonales. T5. Razonamiento crítico. T8. Creatividad. Competencias específicas TI2 - Capacidad para seleccionar, diseñar, desplegar, integrar, evaluar, construir, gestionar, explotar y mantener las tecnologías de hardware, software y redes, dentro de los parámetros de coste y calidad adecuados. TI6 - Capacidad de concebir sistemas, aplicaciones y servicios basados en tecnologías de red, incluyendo Internet, web, comercio electrónico, multimedia, servicios interactivos y computación móvil.
Resultados de aprendizaje RA 4.1.12. Realizar eficientemente una aplicación completa en un entorno de programación visual. RA 4.1.13. Conocer los fundamentos de los lenguajes de programación web. RA 4.1.14. Utilizar los lenguajes y herramientas en la parte de cliente. RA 4.1.15. Utilizar los lenguajes y herramientas en la parte del servidor. RA 4.1.16. Acceder a bases de datos desde entornos web. RA 4.1.17. Desarrollar una aplicación completa en entorno web atendiendo a criterios de accesibilidad, ergonomía, usabilidad y seguridad. Metodología Metodología Clases en el Aula Evaluación Prácticas Tutorías Estudio personal Lecturas recomendadas y búsqueda de información Realización de ejercicios, presentaciones, trabajos y casos prácticos Actividades de aprendizaje virtual Horas 10,8 4,5 20,7 9 22,4 9,8 26,4 8,9 Horas de trabajo presencial 45 horas (40 %) Horas de trabajo no presencial 67,5 horas (60 %) TOTAL 112,5 45 67,5
Temario Tema 1. Introducción. Programa de la enseñanza teórica 1. Aplicaciones cliente-servidor. 2. Modelos de aplicaciones web. Tema 2. HTML 5. 1. Historia HTML 5. 2. Lenguaje HTML 5. 3. Elementos HTML 5. 4. APIS. 5. CCS3. Tema 3. Conceptos básicos HTML5, XHTML y CSS. 1. Estructura del documento. 2. Sintaxis. 3. Validación de páginas. 4. Etiquetas. Tema 4. Categorías HTML5. 1. Metadatos. 2. Flujo. 3. Secciones. 4. Títulos. 5. Textos. 6. Contenidos embebidos. 7. Contenidos interactivos.
Tema 5. CSS3. 8. Sintaxis CSS3. 9. Hojas de estilo. 10. Etiquetas. 11. Selectores. Tema 6. Diseño web con CSS. 1. Archivo Reset. 2. Elemento <DIV> 3. Propiedad Float. 4. Menú de navegación. 5. Márgenes internos y externos. Tema 7. Drag and Drop y contenidos Multimedia. 1. Drag and Drop. 2. Elemento de video y audio. 3. Compatibilidad navegadores. Tema 9. Gestor de contenidos. 1. Historia gestores de contenidos. 2. Instalación. 3. Creación de Módulos. 4. Personalización de Módulos. Tema 8. Scripting de lado del Cliente: JavaScript. 1. Historia JS 2. JS Cliente. 3. JS Servidor. 4. Sintaxis. 5. Estructuras de control. 6. Métodos, objetos y funciones.
Tema 9. DOM: Acceso a Elementos de la página con JavaScript. 1. DOM mediante JavaScript. 2. W3C con DOM. 3. Validación de formularios. 4. Ficheros js. 5. Tratamiento de eventos. Tema 10. Canvas. 1. Elemento Canvas. 2. Trazos de dibujos. 3. Dibujos de rectángulos, líneas y círculos, curvas y textos. 4. Uso de colores, estilos y gradientes. 5. Imágenes y transformaciones. 6. Bucles. Tema 11. Scripting de lado del Servidor:Php. 1. Entorno de trabajo. 2. Características generales. 3. Datos, funciones, control de flujo. 4. Recuperación de datos. 5. Sesiones. 6. Includes. Tema 12. PHP y Bases de Datos. 1. MySql. 2. Creación y conexión BD. 3. Acceso a BD: consultas, listados, actualizaciones e inserciones. 4. Búsquedas en BD.
Programa de la enseñanza práctica Práctica 1. Aplicación de tecnologías scripting y hojas de estilo. La práctica consistirá en la realización de diversos ejercicios referenciados en los temas de etiquetado, maquetación y diseño. La entrega de los mismos será mediante tareas en el campus virtual que se irán habilitando conforme se avance en la parte teórica de la asignatura. Práctica 2. Utilización de JavaScript y Canvas. Realización de ejercicios guiados y propuestos en los temas donde se imparten estas tecnologías de desarrollo. Práctica 3. Desarrollo Gestor de contenidos. Se propondrá un trabajo en el cual el alumno tras la elección de un gestor de contenidos realizará la implantación y desarrollo de un tema a elegir por el alumno. Práctica 4. Desarrollo de aplicación web del lado del servidor. Consiste un trabajo final que englobará todos los conocimientos adquiridos en la asignatura. Los alumnos deberán analizar, diseñar e implementar una aplicación que involucre la gestión de base datos para un problema propuesto en clase. Un enunciado más detallado de las prácticas, así como las fechas de entrega será mostrado en el campus virtual y posteriormente en las tareas correspondientes a cada práctica. Relación con otras materias Fundamentos de programación I, Bases de Datos.
Sistema de evaluación - Primera prueba parcial: 30% del total de la nota. Prueba escrita con preguntas tanto teóricas como prácticas. Se establece una nota de corte de 4.0 puntos. -Segunda prueba parcial: 40% del total de la nota. Con los mismos criterios que la primera prueba parcial. Cubrirá la segunda mitad de la asignatura y se realizará al final del cuatrimestre. - Evaluación de prácticas y problemas: 30% del total de la nota. Forman parte de este ítem las actividades desarrolladas en las sesiones prácticas previamente descritas. El total de los documentos y actividades realizados por los alumnos se puntuará entre 0 y 10. Para estos trabajos se establece una nota de corte mínima de 4.0 puntos. Para poder superar la asignatura será necesario obtener al menos una nota de 4.0 en cada uno de los ítems anteriores. Sin embargo para superar la asignatura, la media ponderada de todas las notas deberá ser igual o superior a 5.0. Examen final de la asignatura: Este examen se dividirá en dos partes relacionadas con los dos parciales de la asignatura. El alumno podrá recuperar las partes previamente no superadas (nota inferior a 5) o no presentadas. En caso de no superar la asignatura en la convocatoria ordinaria, la nota de los ítems con 5.0 o superior se conservará para la convocatoria de septiembre. Los detalles sobre el sistema de evaluación se encuentran recogidos en la normativa general de la universidad. Convocatoria de Septiembre: El alumno solamente se examinará de la parte de la asignatura que hubiera suspendido en la convocatoria ordinaria. El valor de cada una de las pruebas será: primer parcial 30%, y segundo parcial 40%. Las pruebas prácticas suponen el 30% del total de la nota. Aquellos alumnos que suspendieran la parte práctica en la convocatoria de Junio deberán realizar de nuevo todos los ejercicios prácticos propuestos. Bibliografía y fuentes de referencia Bibliografía básica Herrera Ríos Emmanuel. Arrancar con HTML5: curso de programación. Alfaomega 2011 Ribes Alba, Purificación. Manual Programación web en el entorno cliente. Editorial CEP, S.L. 2011. Cibelli, Christian Gabriel Fernández, Damián. PHP: programación web para profesionales. Alfaomega Grupo Editor.2012
Bibliografía complementaria Babin, L. Introducción a AJAX con PHP. Madrid: Anaya Multimedia, 2007. Larry U., PHP paso a paso.anaya Multimedia.2009. Geremi Osbon & Agi Creative Team, HTML5 Digital Clasroom.2011. Scott Mccracken, Curso de programación web: con HTL5, CSS, JAVASCRIPT, PHP 5/6 y MYSQL, Infor books ediciones, 2011. Van Der VList, E. Profesional Programación Web 2.0. Madrid: Anaya Multimedia, 2007. Beati,El gran libro de PHP: creación de páginas web dinámicas. Marcombo, S.A., 2012. Helma Spone, Programación de bases de datos con MYSQL y PHP, Marcombo S.A.,2011 HTML5 Cookbook, Christopher Schmitt, Kyle Simpson. O'Reilly Media, 2011. PHP, MySQL and Apache All-in-One Julie C. Meloni, 2012. Web relacionadas Tutoriales Microsoft: http://ie.microsoft.com/testdrive/ Libros Web: http://librosweb.es/tutoriales/ Recomendaciones para el estudio y la docencia El alumno deberá repasar y tener claros los conceptos de lenguaje de etiquetado y hojas de estilo proporcionados por la asignatura de Laboratorio de Informática, servirán de base para el desarrollo las últimas versiones de estos lenguajes. La asignatura requiere un seguimiento continuo por parte del alumno, ya que el contenido de cada tema se basa en lo explicado en temas anteriores. Por ello, se recomienda estudiar conforme se desarrollen los contenidos en clase y realizar los ejercicios propuestos. Material necesario Aplicaciones Para esta asignatura se utilizaran las aulas preparadas con ordenadores y con los programas necesarios para impartir el temario. Se usará el siguiente software:
Editor de texto. o Se recomienda Notepad++, que será el utilizado para los exámenes o Sublime Text compatible con todos los sistemas operativos. Un servidor de software libre independiente de la plataforma que contenga MySql,. o Se recomienda utilizar XAMP que será el utilizado para los exámenes. También se puede utilizar LAMP, WAMP, USBwebSERVER. Material didáctico Además de la bibliografía recomendada, en el campus virtual, en el apartado de recursos se proporcionará al alumno organizado en carpetas por temas el material didáctico necesario para el seguimiento de la misma que consistirá en: Apuntes sobre los temas tratados. Ejemplos resueltos de las actividades propuestas. Enlaces a otros sitios donde aumentar la información sobre los temas. Video tutoriales que recogen ejemplos del desarrollo de los lenguajes usados para esta asignatura. Tutorías Breve descripción Se propondrán ejercicios para resolver por grupos, así como presentaciones orales de los mismos. La valoración dependerá de la calidad general del trabajo, las habilidades y actitudes expuestas. También se resolverán dudas planteadas por los alumnos. A través del campus virtual se van a establecer diferentes mecanismos de tutorización, soportados por las distintas herramientas disponibles: Foros: Sirven para promover la interacción entre todos los participantes en la asignatura. Recoger todas las dudas, aclaraciones, sugerencias, etc. que se van produciendo a lo largo del curso. Debe ser el primer punto de revisión para la aclaración de dudas. Se ofrecen foros para el debate de los contenidos relacionados con el temario y para el debate de las prácticas. Más en concreto habrá un foro para cada uno de los grandes bloques de la asignatura (HTML, CSS, JavaScript, PHP), así como otro para cuestiones generales con temas como evaluación, instalación del software, dudas de las prácticas Mensajes privados y/o correo electrónico: Toda la comunicación directa con el profesor puede realizarse mediante estas herramientas. Preferiblemente correo electrónico. Se realizará diariamente, con un compromiso de respuesta en menos de 48 horas lectivas desde la recepción del mismo.