PARTE 1. DISEÑO DE VIDEOJUEGOS EN FACEBOOK CON HTML5 Y CSS3 UNIDAD DIDÁCTICA 1. HERRAMIENTAS NECESARIAS Introducción Editor de texto Navegadores UNIDAD DIDÁCTICA 2. INTRODUCCIÓN HTML Introducción HTML ¿Cómo creamos documento HTML? Características básicas UNIDAD DIDÁCTICA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS Textos en HTML Enlaces Listas en HTML Imágenes y objetos UNIDAD DIDÁCTICA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS Tablas Formularios Estructuras y layout UNIDAD DIDÁCTICA 5. OTRAS ETIQUETAS IMPORTANTES Otras etiquetas importantes UNIDAD DIDÁCTICA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN ¿Qué es la Metainformación? Accesibilidad Validación UNIDAD DIDÁCTICA 7. INTRODUCCIÓN CSS Introducción CSS Soporte de CSS en navegadores Especificación oficial Funcionamiento básico de CSS ¿Cómo incluir CSS en la Web? Estilo básico Medios CSS Comentarios Sintaxis de la definición UNIDAD DIDÁCTICA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES Selectores CSS Unidades de medida Colores UNIDAD DIDÁCTICA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN Modelo de cajas Propiedades de las cajas Margen, relleno, bordes y modelo de cajas Posicionamiento y visualización Posicionamiento Visualización UNIDAD DIDÁCTICA 10. ESTRUCTURAR UNA PÁGINA “LAYOUT” Introducción a layout ¿Cómo centrar una página horizontalmente? ¿Cómo centrar una página verticalmente? Estructura y layout Altura/anchuras máximas y mínimas Estilos avanzados UNIDAD DIDÁCTICA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS Textos en CSS Enlaces Imágenes Listas UNIDAD DIDÁCTICA 12. TABLAS, FORMULARIOS Y SHORTHAND Tablas Formulario UNIDAD DIDÁCTICA 13. OTRAS UTILIDADES DE CSS Versión para imprimir Personalizar el cursor Hacks y filtros Prioridad en las declaraciones Validar CSS Recomendaciones Generales Recursos útiles UNIDAD DIDÁCTICA 14. FIREBUG ¿Qué es Firebug? ¿Como se instala? ¿Como usamos Firebug? UNIDAD DIDÁCTICA 15. INTRODUCCIÓN HTML5 ¿Qué es HTML5? ¿Cuáles son las mejoras? Etiquetas Obsoletas Etiquetas modificadas Lista de etiquetas HTML5 Atributos eliminados Otros cambios Estructura HTML5 Nueva estructuración del body Otros elementos nuevos de estructuración UNIDAD DIDÁCTICA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES Introducción a atributos globales Nuevos atributos Introducción a los nuevos eventos. UNIDAD DIDÁCTICA 17. NUEVOS ELEMENTOS SEMÁNTICOS Elemento bdi Elemento command Elemento data Elementos details Elemento mark Elemento meter Elemento progress Elemento ruby Elemento time Elemento wbr UNIDAD DIDÁCTICA 18. MEJORAS EN LOS FORMULARIOS Nuevos elementos para los Formularios Cambios en el atributo type (input) Nuevos atributos para form Nuevos atributos para fieldset Nuevos atributos para input Nuevos atributos para textarea UNIDAD DIDÁCTICA 19. OTRAS MEJORAS DE HTML5 Introducción a los elementos multimedia Etiqueta source Etiqueta track Elemento video Elemento audio Elemento embed Elemento canvas Introducción a MathML Introducción a SVG Introducción a Drag and Drop Validador HTML5 UNIDAD DIDÁCTICA 20. INTRODUCCIÓN A CSS3 Introducción Unidades, colores y fuentes Nuevos Selectores y pseudo-clases UNIDAD DIDÁCTICA 21. ANIMACIONES, FONDOS Y BORDES Propiedades para la animación Nuevas propiedades para los fondos Nuevas propiedades para Bordes UNIDAD DIDÁCTICA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES Propiedades de las cajas Propiedades de las cajas flexibles Propiedades del color Propiedades para las Fuentes UNIDAD DIDÁCTICA 23. ENLACES Y MULTI-COLUMNAS Propiedades para los hiperenlaces Propiedades de las multi-columnas UNIDAD DIDÁCTICA 24. TEXTO Y 2D/3D TRANSFORMACIONES Propiedades para texto Propiedad 2D/3D Transform UNIDAD DIDÁCTICA 25. TRANSICIONES E INTERFAZ DE USUARIO Propiedades para las transiciones Propiedades para la interfaz de usuario Validación CSS3 PARTE 2. PROGRAMACIÓN DE PÁGINAS WEB PARA FACEBOOK MÓDULO 1. JAVASCRIPT UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS PÁGINAS WEB Introducción Programación del lado del cliente Programación del lado del Servidor ¿Qué utilizaremos? ¿Qué necesita saber? Nuestro primer ejemplo UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A JAVASCRIPT La etiqueta SCRIPT Contenido Alternativo Variables Tipos de Datos Operadores Cuadros de diálogo Práctica 2 UNIDAD DIDÁCTICA 3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN Introducción Estructuras de decisión Estructuras lógicas Estructuras de repetición Definir funciones Llamadas a funciones Ámbito de las variables Práctica 3 UNIDAD DIDÁCTICA 4. OBJETOS EN JAVASCRIPT Introducción La jerarquía de objetos Propiedades y Eventos Métodos79 Práctica 4 UNIDAD DIDÁCTICA 5. LOS OBJETOS LOCATION E HISTORY ¿Qué es un URL? El Objeto Location Redirigir a otra página El Objeto History Práctica 5 UNIDAD DIDÁCTICA 6. EL OBJETO DOCUMENT Introducción La propiedad Title Los colores de la página El método write El conjunto images Práctica 6 UNIDAD DIDÁCTICA 7. EL OBJETO FORM Formularios HTML El conjunto forms La propiedad elements Validar la información ¿Cuándo realizar la validación? Tipos de Validación Práctica 7 UNIDAD DIDÁCTICA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN El conjunto frames El objeto navigator El objeto screen Práctica 8 MÓDULO 2. PHP UNIDAD DIDÁCTICA 9. INSTALACIÓN Introducción Obtener el paquete XAMPP Instalar el paquete XAMPP Apache y MySQL como servicios La directiva register_globals Práctica 9 UNIDAD DIDÁCTICA 10. CREAR UN SITIO WEB ¿Cómo funcionan las páginas PHP? Crear un alias en apache La página principal Práctica 10 UNIDAD DIDÁCTICA 11. INTRODUCCIÓN A PHP Las etiquetas PHP Variables Tipos de datos Constantes Práctica 11 UNIDAD DIDÁCTICA 12. ARRAYS Y ESTRUCTURAS DE CONTROL Arrays Estructuras de repetición Estructuras de decisión Combinar estructuras Arrays Asociativos El bucle foreach Arrays Multidimensionales Práctica 12a Práctica 12b UNIDAD DIDÁCTICA 13. FUNCIONES Introducción Crear Funciones Llamar a una función Paso de parámetros Parámetros por defecto Práctica 13 UNIDAD DIDÁCTICA 14. INCLUIR ARCHIVOS Ámbito de las variables Variables estáticas Uso de include y require Incluir solo una vez Seguridad de los archivos incluidos Práctica 14 UNIDAD DIDÁCTICA 15. PROGRAMACIÓN ORIENTADA A OBJETOS Introducción Clases Propiedades Métodos Visibilidad Crear Objetos Destructores Práctica 15a Práctica 15b UNIDAD DIDÁCTICA 16. HERENCIA Presentación Crear subclases Crear objetos de las subclases Sobrescribir métodos El acceso protected Práctica 16 UNIDAD DIDÁCTICA 17. RECOGER INFORMACIÓN DEL USUARIO Introducción El array $_GET El array $_POST Recogerlos en una página distinta Recogerlos en la misma página Entradas requeridas Práctica 17a Práctica 17b UNIDAD DIDÁCTICA 18. VALIDACIÓN DE FORMULARIOS Expresiones regulares Limpiando la información Comprobando el formulario de origen Práctica 18 UNIDAD DIDÁCTICA 19. COOKIES Y SESIONES Introducción Crear cookies Caducidad de la cookies Dependencia del navegador Características de los cookies ¿Qué es una sesión? El array $_SESSION La función od_start() y od_clean() Finalizar la sesión El identificador de la sesiones ¿Dónde se almacena la información? Práctica 19a Práctica 19b UNIDAD DIDÁCTICA 20. ACCESO A ARCHIVOS Introducción Crear el archivo Escribir en el archivo Leer de un archivo Práctica 20 UNIDAD DIDÁCTICA 21. ERRORES Y EXCEPCIONES Errores Excepciones Práctica 21a Práctica 21b UNIDAD DIDÁCTICA 22. CONFIGURACIÓN DE LA BASE DE DATOS MySql Contraseña para el root Extensión mysqli PHPMyAdmin Administración de usuarios Práctica 22 UNIDAD DIDÁCTICA 23. BASE DE DATOS Y SQL Tipos de tablas en MySQL Crear tablas Relaciones uno a muchos Relaciones muchos a muchos SQL Acceder a la base de datos Establecer la conexión Mostrar los datos en una tabla Cerrar la conexión Práctica 23a Práctica 23b Práctica 23c UNIDAD DIDÁCTICA 24. BUSCANDO MÁS FUNCIONALIDAD Ordenar el resultado Dividir el resultado en páginas Consultas preparadas Práctica 24 UNIDAD DIDÁCTICA 25. AUTENTIFICACIÓN DE LOS USUARIOS La página de login La página de registro Asegurar la confidencialidad Práctica 25 UNIDAD DIDÁCTICA 26. EL PROCESO DE COMPRA Introducción Modificar listaproductos.php La página comprar.php Identificar al cliente La página carritocompra.php Confirmar el pedido La página de desconexión Migrar el carrito de la compra Práctica 26a Práctica 26b UNIDAD DIDÁCTICA 27. INTEGRAR NUESTRO CARRITO A UNA PÁGINA WEB ACTUAL Introducción ¿Qué vamos a hacer? Construir la estructura HTML UNIDAD DIDÁCTICA 28. FORMAS DE PAGO Introducción Tipos de Formas de Pago Contrareembolso Transferencia Bancaria Domiciliación Bancaria Tarjetas Bancarias Tarjetas de Comercio Paypal ¿Qué Formas de Pago Utilizaremos? Modificando la Interfaz de Nuestra Tienda Modificando nuestra base de datos Modificando el Código Anterior Implementando el Contrareembolso Implementando la transferencia Implementando el Paypal PARTE 3. PRACTICA REAL: CREACIÓN DE UN VIDEOJUEGO EN FACEBOOK PASO A PASO UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A EASELJS Introducción a EaselJS Principales Clases de EaselJS Hola mundo usando EaselJS Animando elementos. UNIDAD DIDÁCTICA 2. DESCRIPCIÓN Y ESTRUCTURA DEL JUEGO Introducción Creando enemigo (Enemy.js) Creando Jugador (Player.js) Estructura de ContentPlayer.js Index.html Creando escenario (Tile.js) XNARectangle Creando niveles (Level.js) PlaformHelper.js Implantado la lógica del juego (PlatformerGame.js) UNIDAD DIDÁCTICA 3. CONFIGURACIÓN DE PERSONAJES Y ENEMIGOS Introducción Salto del Personaje Tiempo Atrás Los carteles (Overlays) Meta Crucis - Creando Crucis.js Añadir Enemigos - La clase Enemy.js - Incluyendo a los Enemigos Mejora VII. Vivo o Muerto - Muerto por tocar a un Enemigo - Muerto por caerse PARTE 4. CREACIÓN Y PUESTA EN MARCHA DE VIDEOJUEGOS PARA FACEBOOK UNIDAD DIDÁCTICA 1. ¿QUÉ ES FACEBOOK? Introducción Conceptos básicos del uso de Facebook Registro en Facebook Página principal de usuario Tipos de Perfiles Herramientas Facebook para Empresas Facebook en los móviles UNIDAD DIDÁCTICA 2. DIFERENCIA ENTRE PERFIL Y PÁGINA Roles en Facebook Perfiles de usuario Paginas (pages) Aplicaciones UNIDAD DIDÁCTICA 3. INTRODUCCIÓN A LAS APLICACIONES FACEBOOK Estructura de una aplicación Facebook Requisitos para Desarrolladores El Centro de Aplicaciones UNIDAD DIDÁCTICA 4. PRIMEROS PASOS. LAS CONFIGURACIÓN DE LAS APLICACIONES FACEBOOK La Aplicación Developers Configuración de la Aplicación Elijiendo un espacio web para albergar nuestra aplicación. Desarrollando en nuestro local UNIDAD DIDÁCTICA 5. LA API DE FACEBOOK La Api Open Graph JavaScript SDK UNIDAD DIDÁCTICA 6. INTEGRANDO NUESTRO VIDEOJUEGO HTML5 EN FACEBOOK ¿Qué vamos a hacer? Creación de un perfil Facebook Creación de un Fans Pages Facebook Configurando la aplicación en Developers Preparando la plantilla Configurando nuestro juego como pestaña PARTE 5. CREACIÓN Y GESTIÓN DE BASES DE DATOS SQL UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS BASES DE DATOS Ventajas e inconvenientes de las baes de datos Conceptos generales El modelo entidad-relación El modelo entidad-relación extendido Restricciones de integridad UNIDAD DIDÁCTICA 2. EL MODELO DE BASES DE DATOS RELACIONAL Estructura del modelo relacional Claves en el modelo relacional Restricciones de integridad Teoría de la normalización Diseño de una base de datos relacional Tipos de lenguajes relacionales UNIDAD DIDÁCTICA 3. LENGUAJE DE CONSULTA SQL Caracterísiticas de SQL Sistemas de Gestión de Bases de Datos con soporte SQL Sintaxis en SQL Especificación de restricciones de integridad UNIDAD DIDÁCTICA 4. MYSQL COMO SISTEMA GESTOR DE BASES DE DATOS RELACIONALES Caracterísiticas de MySQL Tipos de datos Sisntaxis SQL para MySQL UNIDAD DIDÁCTICA 5. SALVAGUARDA Y RECUPERACIÓN DE DATOS Posibles fallos en una base de datos Elementos de recuperación Tipos de soporte RAID Servidores remotos de salvaguarda de datos Diseño de un plan de salvaguarda y protocolo de recuperación de datos Tipos de salvaguardas de datos RTO (Recovery Time Objective) y RPO (Recovery Point Objective) Mecanismos de verificación de la integridad de las copias de seguridad UNIDAD DIDÁCTICA 6. BASES DE DATOS DISTRIBUIDAS Definición de SGBD distribuido. Principales ventajas y desventajas Características esperadas en un SGBD distribuido Clasificación de los SGBD distribuidos Enumeración y explicación de las reglas de DATE para SGBD distribuidos Replicación de la información en bases de datos distribuidas Procesamiento de consultas Descomposición de consultas y localización de datos UNIDAD DIDÁCTICA 7. SEGURIDAD DE LOS DATOS Conceptos de seguridad de los datos: confidencialidad, integridad y disponibilidad Normativa legal vigente sobre datos Supuestos prácticos UNIDAD DIDÁCTICA 8. TRANSFERENCIA DE DATOS Herramientas para importar y exportar datos Clasificación de las herramientas Ejemplo de ejecución de una exportación e importación de datos Migración de datos entre diferentes SGBD Inconvenientes al traspasar datos entre distintos SGBD