GRADO EN DISEÑO Y DESARROLLO DE VIDEOJUEGOS PLANIFICACIÓN DE LA DOCENCIA UNIVERSITARIA GUÍA DOCENTE DISEÑO Y DESARROLLO DE VIDEOJUEGOS WEB

Transcripción

1 GRADO EN DISEÑO Y DESARROLLO DE VIDEOJUEGOS PLANIFICACIÓN DE LA DOCENCIA UNIVERSITARIA GUÍA DOCENTE DISEÑO Y DESARROLLO DE VIDEOJUEGOS WEB CURSO ACADÉMICO

2 1. DATOS DE IDENTIFICACIÓN DE LA ASIGNATURA Título: Módulo: Denominación de la asignatura: Grado en Diseño y Desarrollo de Videojuegos Módulo de Diseño Diseño y Desarrollo de Videojuegos Web Código: Curso: Semestre: Tipo de asignatura (básica, obligatoria u optativa): Segundo Anual Obligatoria Créditos ECTS: 8 Modalidad/es de enseñanza: Lengua vehicular: Página web: Presencial Español Diseño y Desarrollo de Videojuegos Web 1

3 2. REQUISITOS PREVIOS. Esenciales: Haber adquirido los conocimientos básicos relacionados con las asignaturas de Fundamentos de la Programación, Programación II y Fundamentos de las Bases de Datos Aconsejables: Los propios del título. 3. SENTIDO Y APORTACIONES DE LA ASIGNATURA AL PLAN DE ESTUDIOS Campo de conocimiento al pertenece la asignatura. Esta asignatura pertenece a la rama de Ingeniería y Arquitectura y es una materia de Expresión Gráfica e Informática. Relación de interdisciplinariedad con otras asignaturas del currículum. En el desarrollo de una aplicación Web intervienen factores artísticos (colores escogidos, maquetación, fotografía, animaciones) y tecnológicos (lenguajes de programación utilizados, arquitectura cliente servidor, conexión con bases de datos, etc), por lo que interdisciplinariedad de esta asignatura se puede enfocar desde esas dos perspectivas. Desde el punto de vista artístico, asignaturas como Fundamentos de la Creatividad o Dibujo Artístico aportan la base de conocimiento. Así mismo se encuentran dentro de este ámbito las técnicas de animación aprendidas en asignaturas como Animaciones y Scripting, o de creación de gráficos adquiridas en Diseño Vectorial o Tratamiento Digital de Imágenes. Desde el punto de vista tecnológico, el alumno utilizará los conceptos adquiridos en las asignaturas de Fundamentos de la Programación, Programación II y Fundamentos de las Bases de Datos. Así mismo, y dado el gran número de elementos multimedia que incluye una aplicación web, se puede encontrar también relación y aplicación práctica en asignaturas como Comunicación Audiovisual, Postproducción Digital o Animación 3D. Aportaciones al plan de estudios e interés profesional de la asignatura. Esta asignatura dotará al alumno de los capacidades necesarias para desarrollar aplicaciones software (enfocadas al ocio interactivo y videojuegos) en entornos web así como manejar herramientas y entornos de desarrollo de alto nivel. Se ayudará al alumno para que aplique su visión de desarrollador y diseñador de videojuegos adquirida en otras asignaturas aplicándola directamente en entornos de desarrollo específicos, en concreto enfocándolo siempre bajo la perspectiva de la arquitectura cliente-servidor. Diseño y Desarrollo de Videojuegos Web 2

4 Dibujo Técnico es una materia básica del Diseño Gráfico. Permite al alumno desarrollar, proponer y estudiar el mundo del diseño. Sus conocimientos complementan las metodologías de trabajo de todas las asignaturas de diseño y presentación de proyectos e ideas. La asignatura aporta un método de trabajo ordenado para el desarrollo de la carrera, basado en el conocimiento gráfico plano y espacial. 4. RESULTADOS DE APRENDIZAJE EN RELACIÓN CON LAS COMPETENCIAS QUE DESARROLLA LA MATERIA COMPETENCIAS GENÉRICAS CG5. Podrá abordar la realización de proyectos multimedia de comunicación audiovisual, diseño gráfico y producciones 2D y 3D, desde un punto de vista teórico y técnico. COMPETENCIAS ESPECÍFICAS CE6. Tendrá capacidad para diseñar, gestionar y evaluar Sistemas Gestores de Bases de Datos (SGBD). CE8. Será capaz de prototipar un sistema a partir de un diseño. CE11. Tendrá la capacidad para la creación y explotación de entornos virtuales, para la creación, gestión y distribución de contenidos multimedia. CE12. Podrá desarrollar videojuegos y aplicaciones Web con contenidos multimedia, utilizando para ello herramientas profesionales de diseño y desarrollo. CE12.1. Conocerá las herramientas y lenguajes para la creación de Aplicaciones Web sencillas separando el contenido de la presentación. CE12.2. Entenderá la sintaxis y estructura de un documento HTML. CE12.3. Entenderá la sintaxis y las alternativas para añadir Hojas de Estilo en Cascada (CSS) en documentos HTML. CE12.4. Conocerá lenguajes de programación web avanzada del lado del servidor, y la conexión con bases de datos. CE12.5. Comprenderá la utilización de llamadas asíncronas mediante AJAX para poder desarrollar así aplicaciones potentes y dinámicas. Diseño y Desarrollo de Videojuegos Web 3

5 RESULTADOS DE APRENDIZAJE RELACIONADOS CON LA ASIGNATURA El alumno podrá ser partícipe e identificar su rol y prestaciones en un equipo de trabajo para el desarrollo de ideas que le permitirán planificar. analizar y crear las fases de un proyecto y poderlo comunicar a otros. El alumno/a aprenderá los lenguajes y herramientas necesarios para la creación de Sitios web sencillos, usables y accesibles que tengan en cuentan las tendencias actuales del diseño de Sitios y su integración con Redes Sociales. El alumno será capaz de utilizar las distintas herramientas y haber adquirido los conocimientos necesarios de Internet, del World Wide Web y del lenguaje HTML. El alumno será capaz de identificar su rol dentro de un grupo de trabajo y cuál es su implicación en el desarrollo de un videojuego en la Web. De igual modo sabrá identificar los roles necesarios para su desarrollo y ejecución. El alumno será capaz de plantear la creación diseño de una aplicación web en todas sus fases: análisis de requisitos, diseño, desarrollo, documentación e integración en los diferentes entornos de ejecución. El alumno podrá aplicar los conocimientos adquiridos de Matemáticas y Física a la ejecución de proyectos de desarrollo de videojuegos web. El alumno será capaz de desarrollar aplicaciones software (enfocadas al ocio interactivo y videojuegos) en entornos Web así como manejar herramientas y entornos de desarrollo de alto nivel. El alumno manejará las últimas tecnologías de desarrollo web y podrá diseñar Sitios Web usables, dinámicos y potentes que cumplan con los estándares Será capaz de emplear los conocimientos del lenguaje HTML para la creación de documentos HTML que integren: textos, imágenes, enlaces, listas, tablas, formularios y otros elementos multimedia de accesibilidad. Será capaz de desarrollar un programa en el lado del servidor con acceso a una base de datos. Será capar de utilizar AJAX en el desarrollo de un página web en el lado cliente. 5. CONTENIDOS / TEMARIO / UNIDADES DIDÁCTICAS Breve descripción de los contenidos Diseño y Desarrollo de Videojuegos Web 4

6 - Conceptos previos. TCP/IP. Direccionamiento IP. DNS (Domain Name Service). www e Internet. - HTTP y HTML. - HTML enlaces y formatos. - Organización del texto. - Imágenes, Listas y Tablas. - Los estilos. - Los marcos. - Los formularios. - Herramientas para la gestión de sitios Web. - Introducción a la tecnología de servidor y al modelo vista controlador. - Sintaxis básica del lenguaje de programación de tecnología servidor. - Conexión de la Web con bases de datos. - Sesiones y cookies. - Técnica de desarrollo Web para crear aplicaciones interactivas. Temario detallado Tema 1. INTRODUCCIÓN - Conceptos básicos - Origen y evolución de la web - Navegadores - Editores de código - Novedades HTML 5 Tema 2. HTML - Elementos básicos del lenguaje - Organización del texto (espacios, párrafos, encabezados, listas ) - Hipertexto (enlaces, tipos enlaces ) - Imágenes - Tablas - Formularios - Objetos multimedia (video, audio ) Tema 3. CSS - Asociar estilos a documentos (atributo style, importación, archivos - externos ) - Sintaxis (clases, selectores, propiedades ) - Propiedades (texto, posicionamiento ) - Selectores - La herencia de estilos - Posicionamiento Tema 4. Gestión de sitios con Adobe Dreamweaver Diseño y Desarrollo de Videojuegos Web 5

7 - Creación de sitios - Vistas (código, diseño) - Barras de herramientas y paneles (insertar, estilos ) - Publicación contenidos (ftp, dominios, hosting ) Tema 5. Accesibilidad y Usabilidad - Introducción - Diseño de interfaz y sistema de navegación (pautas, errores ) - Pautas de accesibilidad (WAI, WCAG ) Tema 6 : EVENTOS Y JAVASCRIPT - EVENTOS - Creación de elementos interactivos mediante eventos (onclick, etc.) - Inclusión de scripts. Código embebido. Generación de alerts y pop-ups - JAVASCRIPT - Fundamentos básicos de Programación JS: Sintaxis, variables, funciones - Introducción a DOM. Modificación dinámica de propiedades y atributos - Efectos de animación: librerías (jquery, MooTools), menús, slideshow - Validación de formularios en cliente. Evaluación de expresiones Tema 7: FUNDAMENTOS DE PHP-MySQL LENGUAJE DE SERVIDOR PHP - Fundamentos básicos de Programación PHP: Sintaxis, variables, funciones - Variables globales y arrays asociativos: $_SESSION, $_GET y $_POST - Envío y recogida de datos por GET. Preproceso. Paso de parámetros - Envío y recogida de datos por POST. Postproceso. Validación en servidor BASES DE DATOS MySQL - Fundamentos básicos de bases de datos: tablas, atributos, relaciones - Operaciones básicas: INSERT, UPDATE, DELETE, SELECT - Herramientas de administración y consulta (phpmyadmin, SqlYog) - Funciones predefinidas de PHP para manejo de bases de datos MySQL Tema 8: DESARROLLO DE APLICACIONES EN PHP CONCEPTOS AVANZADOS DE PHP - Inclusión de scripts. Modularización. Funciones avanzadas predefinidas - Manejo de sesiones, usuarios, seguridad (SQL-injection) y permisos - Configuración del servidor Apache:.htaccess, httpd.conf y php.ini - AJAX - Qué es? Concepto teórico de llamada asíncrona. Cliente-Servidor (JS-PHP) - Cómo se usa? Recuperación y modificación de datos dinámicamente APLICACIONES AVANZADAS DE CÓDIGO ABIERTO - Concepto de open-source. Licencias de uso y responsabilidad legal Diseño y Desarrollo de Videojuegos Web 6

8 - Ejemplo práctico de aplicación OS: herramienta de blog WordPress Tema 9: POSICIONAMIENTO WEB Y HTML5 - OPTIMIZACIÓN DE MOTORES DE BÚSQUEDA (SEO, SEM) - 1. Conceptos básicos: keywords, sitemap, pagerank, link-building, etc Funcionamiento y comportamiento de spiders de búsqueda (Googlebot) - 3. Codificación de HTML orientada a SEO. Introducción a la Web Semántica 6. CRONOGRAMA UNIDADES DIDÁCTICAS / TEMAS Tema 1. Introducción Tema 2. HTML Tema 3. CSS Tema 4. Gestión de sitios con Adobe Dreamweaver Tema 5. Accesibilidad y Usabilidad Tema 6. Eventos y Javascript PERÍODO TEMPORAL Septiembre-octubre. Octubre. Octubre-noviembre. Noviembre Diciembre enero Febrero - marzo Tema 7.Fundamento de PHP- MySQL Marzo - abril Tema 8. Desarrollo de aplicaciones en PHP Tema 9. Posicionamiento de web HTML5 Mayo. Mayo - junio 7. MODALIDADES ORGANIZATIVAS Y MÉTODOS DE ENSEÑANZA MODALIDAD ORGANIZATIVA Clases teóricas MÉTODO DE ENSEÑANZA Exposición de los temas. Explicar planificación de la asignatura: programa, apuntes y bibliografía. Repasos al inicio de la clase. Resolución de dudas: temas y lecturas. Pruebas de evaluación. COMPETEN CIAS RELACIONA DAS CG5, CE6, CE8, CE11, CE12 HORAS PRESEN C. HORAS DE TRABAJO AUTÓNOMO TOTAL DE HORAS Diseño y Desarrollo de Videojuegos Web 7

9 Clases prácticas Resolución de ejercicios. Debates sobre los temas y especialmente sobre ejercicios y lecturas. Presentaciones. Pruebas de evaluación. CG5, CE6, CE8, CE11, CE Preparación de clase mediante lectura de los temas. Tutorías Planificación de debates y comentarios mediante la preparación de las lecturas. Resolución de ejercicios. CG5, CE6, CE8, CE11, CE Comentarios y resolución de dudas presencialmente o por correo electrónico. Trabajo personal del alumno Lecturas: preparación y búsqueda de información complementaria. Estudio personal. Preparación de comentarios y debates. Tutorías libres y voluntarias. CG5, CE6, CE8, CE11, CE SISTEMA DE EVALUACIÓN ACTIVIDAD DE EVALUACIÓN CRITERIOS DE EVALUACIÓN VALORACIÓN RESPECTO A LA CALIFICACIÓN FINAL (%) Exámenes/Pruebas objetivas - Entregas de trabajos prácticos 80% Trabajos y Proyectos individuales y/o cooperativos - Claridad, selección de contenidos y material de apoyo para compañeros (5%) - Formal: claridad estructuración (2.5%) - Contenidos: nivel de compresión de lo trabajado (2.5%) 10% Diseño y Desarrollo de Videojuegos Web 8

10 Asistencia Participativa - Participación en clase, puntualidad, y colaboración entre compañeros (5%) - Realización de ejercicios de clase y trabajos opcionales (5%) 10% CONSIDERACIONES GENERALES ACERCA DE LA EVALUACIÓN: Asistencia a Clase La asistencia a clase es obligatoria. Sin una asistencia demostrada de al menos un 80%, el alumno no podrá presentarse a examen debiendo acudir a la siguiente convocatoria. No es necesario justificar las faltas, y por tanto no se admitirán justificantes de las mismas, por lo que superado el 20% de faltas de asistencia, el alumno deberá presentarse en convocatoria extraordinaria. La Dirección/Coordinación de la Titulación podrá considerar situaciones excepcionales, previo informe documental, debiendo ser aprobadas por la Dirección Académica de ESNE. Se exigirá puntualidad al alumno en el comienzo de las clases. Una vez transcurridos cinco minutos de cortesía, el profesor podrá denegar la entrada en el aula. Evaluación ordinaria En convocatoria ordinaria, los alumnos deben presentar y aprobar todas las entregas que se les soliciten. La no entrega de un trabajo supondrá suspender la asignatura. En concreto se solicitarán tres entregas: - Diseño de la web que represente el portfolio del alumno - Implementación del portfolio del alumno haciendo uso de HTML, CSS y JavasScript. - Desarrollo, en grupo, de un sitio web haciendo uso de un gestor de contenidos web. Los trabajos deben entregarse en las fechas que solicite el profesor, no se admiten en entregas posteriores. Si excepcionalmente se acepta un trabajo fuera de plazo, la máxima calificación a obtener será 7. En los trabajos en grupo, la calificación será individual por cada alumno, atendiendo a criterios de conocimiento de la materia, esfuerzo, presentación, asistencia a tutorías, etc. Por tanto, miembros de un mismo grupo pueden tener calificaciones diferentes. Los trabajos, una vez calificados, deben ser retirados por los alumnos en el tiempo que se determine. Pasado este plazo, los trabajos podrán ser destruidos. Evaluación Extraordinaria En la evaluación extraordinaria, los alumnos deben volver a presentar los trabajos que Diseño y Desarrollo de Videojuegos Web 9

11 no hayan sido aprobados en convocatoria ordinaria. Además, el profesor de la asignatura podrá solicitar la realización de un trabajo extra en la evaluación extraordinaria. Para superar la asignatura (tanto en la convocatoria ordinaria como en la extraordinaria) es necesario obtener una media de 5 puntos. Para realizar la media, la nota de la parte de Exámenes/Pruebas objetivas debe sumar más de 4 puntos, y la parte correspondiente al Proyecto final debe estar aprobada. La asistencia es obligatoria. Sin una asistencia demostrada de al menos un 80%, los exámenes y trabajos no serán evaluados, debiendo acudir a la siguiente convocatoria. 9. BIBLIOGRAFÍA / WEBGRAFÍA Bibliografía básica Sawyer McFarland, David (2009). CSS. Madrid: Anaya Multimedia Murphy, Christopher y Persson, Nicklas (2009). HTML y CSS. Madrid: Anaya Multimedia Bibliografía complementaria Álvarez García, Alonso (2010). HTML 5. Madrid: Anaya Multimedia. 1) WEBS Y RECURSOS web.es/ Diseño y Desarrollo de Videojuegos Web 10