DISEÑO DE APLICACIONES WEB E INTEGRACIÓN DE PRODUCTOS AUDIOVISUALES MULTIMEDIA INTERACTIVOS EN APLICACIONES WEB (DESEMPLEADOS)

CONTENIDOS FORMATIVOS

MÓDULO DE FORMACIÓN 1: HTML, CSS, JAVASCRIPT PARA APLICACIONES MULTIMEDIA INTERACTIVAS
Conocimientos / Capacidades cognitivas y prácticas
• Introducción al desarrollo en HTML5, CSS y JavaScript multimedia.
– Evolución de HTML, CSS y JavaScript en el desarrollo multimedia.
– Principales características y ventajas de HTML5 para multimedia.
– Integración de multimedia con HTML, CSS y JavaScript.
• Identificación de los elementos básicos de HTML, CSS.
– Etiquetas HTML más utilizadas en el desarrollo multimedia.
– Propiedades CSS esenciales para estilos multimedia.
– Uso de selectores para manipular elementos específicos.
• Empleo de Estructura HTML.
– Organización adecuada de una página HTML para contenido multimedia.
– Uso de encabezados, párrafos, listas y otros elementos multimedia.
– Etiquetas semánticas para mejorar la accesibilidad.
• Uso de Estructura CSS.
– Organización y jerarquía de estilos CSS para proyectos multimedia.
– Utilización de clases y IDs para aplicar estilos específicos.
– Creación de reglas CSS reutilizables para elementos multimedia.
• Manejo de Herencia CSS.
– Entendimiento de cómo se heredan los estilos en cascada.
– Manejo de la herencia para optimizar el mantenimiento de estilos.
– Resolución de conflictos en la cascada de estilos.
• Utilización de Estructura html/CSS para multipantalla y objetos multimedia.
– Diseño responsive: creación de diseños adaptables a diferentes dispositivos.
– Uso de media queries para estilos condicionales según el tamaño de pantalla.
– Integración de elementos multimedia y su comportamiento en diferentes resoluciones.
• Empleo de JavaScript: sentencia, expresión, variable, función, objeto y DOM.
– Conceptos básicos de JavaScript: variables, funciones y objetos.
– Manipulación del DOM para interactuar con los elementos HTML.
– Implementación de eventos y su uso en aplicaciones multimedia.
• Uso de Booleano, If/Else, string, número, DOM, eventos e interacción.
– Uso de estructuras condicionales para lógica en aplicaciones multimedia.
– Manipulación de cadenas de texto y números en proyectos multimedia.
– Implementación de interacción basada en eventos del usuario.
• Utilización de Bucles. Arrays. Funciones como objetos. Ámbitos. Cierres. Jquery.
– Utilización de bucles y arrays para operar con conjuntos de datos.
– Implementación de funciones como objetos y su aplicabilidad en proyectos multimedia.
– Introducción a jQuery y su papel en la simplificación del código multimedia.
• Empleo de Jquery ui. Interacción con usuario. Bootstrap. Diseño adaptativo.
– Uso de jQuery UI para añadir interacción avanzada en aplicaciones multimedia.
– Integración de Bootstrap para agilizar el diseño y desarrollo adaptativo.
– Creación de una experiencia de usuario óptima en diferentes dispositivos.
• Profundización en arrays, objetos, propiedades, métodos, tipos.
– Exploración avanzada de arrays y objetos en proyectos multimedia.
– Creación de métodos personalizados para objetos multimedia complejos.
– Uso de tipos de datos especiales en situaciones específicas.
• Utilización de Localstorage, Iframes, origin policy y json.
– Uso de LocalStorage para almacenar datos en aplicaciones multimedia.
– Integración de iframes para la inclusión de contenido externo.
– Resolución de problemas de política de origen y manipulación de datos JSON.
• Introducción a gráficos y animaciones svg. Geolocalización.
– Creación de gráficos vectoriales escalables con SVG.
– Implementación de animaciones SVG para mejorar la interacción.
– Integración de la geolocalización en aplicaciones multimedia.
• Empaquetado de aplicaciones web para Android, IOs o Firefox Os.
– Herramientas y metodologías para empaquetar aplicaciones multimedia.
– Adaptación de la aplicación web para su distribución en diferentes plataformas.
– Consideraciones de seguridad y optimización en el empaquetado.
• Optimización de las aplicaciones multimedia.
– Identificación y resolución de problemas de rendimiento en aplicaciones multimedia.
– Compresión y optimización de recursos multimedia para una carga más rápida.
– Prácticas recomendadas para mejorar la eficiencia y usabilidad de las aplicaciones.

MÓDULO DE FORMACIÓN 2: BASES DE DATOS RELACIONALES
Conocimientos / Capacidades cognitivas y prácticas
• Creación de Bases de datos Relacionales.
– Sistemas Gestores de Bases de Datos.
– Diseño y estructura de una base de datos.
– Sentencias SQL.
– Tipos de datos.
– Clave primaria y claves foráneas.
– Diagramas Entidad-Relación.
– Importar y exportar datos a una tabla.
– Disparadores y reglas.
• Implementación de Mysql.
– Administración MySQL: Administración gráfica.
– Gestión de usuarios y privilegios.
– Protección de acceso a datos.
– Conexiones seguras SSL.
– Integración con aplicaciones externas.
– Monitorización y optimización.
– Mantenimiento.
– Replicación.
• Empleo de PostgreSql.
– Replicación.
– Administración PostgreSQL: Administración gráfica.
– Gestión de usuarios y privilegios.
– Extendiendo el SQL.
– Sistema de tipos de PostgreSQL.
– Lenguaje de procedimientos PL/pgSQL.
– Ventajas de usar PL/pgSQL.
– Consejos para desarrollo con PL/pgSQL.

MÓDULO DE FORMACIÓN 3: DESARROLLO DE APLICACIONES WEB CON FRAMEWORKS
Conocimientos / Capacidades cognitivas y prácticas
• Introducción, instalación y estructura de aplicación.
– Conceptos básicos de desarrollo con frameworks web.
– Proceso de instalación y configuración del framework elegido.
– Estructura de una aplicación web utilizando el framework.
• Gestión de Artisa CLI, Composer, Librerías y dependencias.
– Uso del Artisan CLI para tareas de desarrollo y generación de código.
– Gestión de dependencias y librerías externas con Composer.
– Integración de librerías adicionales en el proyecto.
• Uso de Routing, Providers, Facades y Contracts.
– Configuración de rutas para manejar peticiones HTTP.
– Utilización de Providers para extender funcionalidades del framework.
– Empleo de Facades y Contracts para acceder a componentes del framework.
• Aplicación de Controllers, Models y Generadores.
– Creación y gestión de Controllers para manejar la lógica de la aplicación.
– Uso de Models para interactuar con la base de datos y gestionar los datos.
– Generación de recursos y código mediante herramientas de línea de comandos.
• Empleo de Requests, Responses, Inputs, Helpers y Events.
– Manipulación de peticiones y respuestas HTTP en la aplicación.
– Tratamiento de inputs y datos recibidos en las peticiones.
– Utilización de Helpers y Events para mejorar la organización y funcionalidad.
• Uso de ORM Eloquent I y Query Builder.
– Introducción al ORM Eloquent y su papel en el manejo de bases de datos.
– Consultas a la base de datos utilizando Query Builder.
– Relaciones entre tablas y operaciones avanzadas con Eloquent.
• Empleo de ORM Eloquent II y Scheme Builder.
– Uso de Eloquent para realizar consultas y operaciones más complejas.
– Creación y manipulación de tablas con el Scheme Builder.
– Migraciones y seeding para gestionar la estructura de la base de datos.
• Utilización de Templates con Blade y Elixir.
– Creación de plantillas con Blade, el motor de plantillas del framework.
– Uso de Elixir para compilar y gestionar recursos front-end.
– Implementación de layouts y vistas reutilizables en la aplicación.
• Introducción a Formulario, Mail y Sesiones.
– Validación y procesamiento de formularios en la aplicación.
– Envío de correos electrónicos utilizando las funcionalidades de Mail.
– Manejo de sesiones para mantener estados y datos en la aplicación.
• Ejecución de Seguridad, Billing, idiomas, validaciones y buenas prácticas.
– Implementación de medidas de seguridad para proteger la aplicación.
– Integración de pasarelas de pago para funcionalidades de facturación.
– Adición de soporte para múltiples idiomas y validaciones de datos.
– Buenas prácticas de desarrollo para asegurar la calidad y mantenibilidad del código.

MÓDULO DE FORMACIÓN 4: WEB SERVICES RESTFUL
Conocimientos / Capacidades cognitivas y prácticas
• Creación de un entorno de desarrollo.
– Configuración del entorno de desarrollo (IDE, editores de texto, etc.).
– Instalación y configuración de Node.js y npm.
– Utilización de herramientas como Postman para probar y depurar servicios web.
• Tratamiento de distintos tipos de peticiones HTTP.
– Entender los diferentes métodos HTTP: GET, POST, PUT, DELETE, etc.
– Manipulación de parámetros en las peticiones HTTP (query params, body, headers).
– Manejo de respuestas y códigos de estado HTTP adecuados.
• Modularización del Código en Node.js.
– Estructura y organización de proyectos en Node.js.
– Creación de módulos y paquetes reutilizables.
– Implementación de buenas prácticas para mantener un código limpio y mantenible.
• Aplicación de Tests unitarios de lado del servidor con sinon.js
– Importancia de realizar pruebas unitarias en el desarrollo de servicios web.
– Configuración de entorno de pruebas con sinon.js.
– Creación de tests unitarios para funciones y módulos en Node.js.
• Diseño de la API.
– Definición de los endpoints de la API RESTful.
– Estandarización de nombres de rutas y recursos.
– Consideraciones sobre versionado y compatibilidad de la API.
• Creación de Proyecto Express Node.js.
– Creación y configuración de un proyecto Express.js.
– Uso de middleware para manejar solicitudes y respuestas.
– Integración de herramientas y bibliotecas útiles en el proyecto.
• Empleo de contacts.js
– Diseño y creación del módulo para gestionar contactos en la API.
– Definición de funciones para crear, leer, actualizar y eliminar contactos.
– Integración del módulo con la lógica de negocio de la aplicación.
• Implementación de rutas.
– Creación de rutas para diferentes endpoints de la API.
– Uso de los métodos HTTP adecuados para cada ruta.
– Validación de datos de entrada en las rutas.
• Integración de las Rutas a nuestra aplicación.
– Integración de las rutas creadas en el paso anterior en la aplicación Express.
– Asociación de las rutas con las funciones del módulo contacts.js.
– Prueba y depuración de las rutas para garantizar su correcto funcionamiento.

MÓDULO DE FORMACIÓN 5: UI (INTERFAZ DE USUARIO)
Conocimientos / Capacidades cognitivas y prácticas
• Empleo de Canvas.
– Introducción a la etiqueta Canvas en HTML5 para gráficos interactivos.
– Uso de JavaScript para dibujar y animar en el lienzo Canvas.
– Aplicación de transformaciones y efectos en elementos del Canvas.
• Desarrollo de UI: Text, Image, Raw Image.
– Creación de elementos de texto en la interfaz de usuario.
– Incorporación de imágenes estáticas en la UI y su manipulación.
– Uso de imágenes sin procesar (Raw Image) para aplicar efectos visuales.
• Implementación de UI: Button, Tongle, Slider, Scrollbar, Dropdown, Input Field.
– Diseño e implementación de botones interactivos en la interfaz.
– Creación de interruptores (toggle), deslizadores (sliders) y barras de desplazamiento (scrollbars).
– Incorporación de menús desplegables (dropdowns) y campos de entrada de texto (input field).
• Diseño UI: Panel, Scroll View.(A1: Cambio de escenas).
– Creación y personalización de paneles para agrupar elementos en la UI.
– Implementación de vistas de desplazamiento (scroll views) para contenido extenso.
– Uso de UI para facilitar el cambio de escenas en la aplicación.
• Ejecución de EventSystem. (A2: Controlar video). Event triggers.
– Introducción al sistema de eventos para la interacción con la UI.
– Control de eventos para manipular videos y su reproducción.
– Uso de event triggers para activar acciones en respuesta a eventos específicos.
• Detección y manipulación de objetos mediante Raycast.
– Entendimiento del Raycast para detectar colisiones y clics en objetos.
– Utilización de Raycast para seleccionar y manipular objetos en la escena.
– Implementación de interacciones basadas en la detección de Raycast.

MÓDULO DE FORMACIÓN 6: SCRIPTING C#

MÓDULO DE FORMACIÓN 7: CONEXIONES A FUENTES EXTERNAS (JSON)

MÓDULO DE FORMACIÓN 8: REALIDAD AUMENTADA

MÓDULO DE FORMACIÓN 9: REALIDAD VIRTUAL

MÓDULO DE FORMACIÓN 10: OPTIMIZACIÓN PARA MÓVILES