Si tiene interés en el entorno del diseño gráfico y quiere complementar su formación con los aspectos esenciales sobre el desarrollo web este es su momento, con el Master en Programación Web, Diseño Creativo e Interactivo aplicado al Desarrollo Web podrá adquirir los conocimientos fundamentales que le ayudarán a desenvolverse de manera experta en este sector. Gracias a la realización de este Master Internacional en Diseño Creativo e Interactivo aplicado al Desarrollo Web el alumno será capaz de manejar diferentes herramientas propias del diseño gráfico como son Adobe Photoshop, Illustrator o Animate. Además podrá conocer aspectos del desarrollo web gracias al conocimiento de HTML5 y CSS3.
El Master en Programación Web, Diseño Creativo e Interactivo aplicado al Desarrollo Web está dirigido a profesionales del entorno del diseño gráfico o desarrollo web que quieran seguir formándose y adquirir conocimientos sobre estas funciones tan importantes en la actualidad laboral. Además es interesante para personas que quieran adentrarse en este ámbito.
Objetivos
– Conocer a fondo Photoshop y su utilidad.
– Aplicar las técnicas que nos ofrece Adobe Illustrator.
– Realizar actividades con Adobe Animate.
– Conocer la situación actual de la Web, en la que tienen gran relevancia las páginas dinámicas e interactivas, convirtiéndose prácticamente en aplicaciones web.
– Estudiar las novedades que aportan HTML5 y CSS3 como evolución de los dos principales estándares web.
– Conocer las novedades que aparecen con la versión Nivel 3 de las Hojas de estilo en cascada (CSS3).
– Desarrollar y desplegar aplicaciones web.
– Documentar aplicaciones web.
Salidas Profesionales
Diseño Gráfico / Diseño Web / Desarrollo Web / Programación / Desarrollo de aplicaciones web.
Utilización del Escenario y el papel Herramioentas en Animate
Flujo de trabajo Animate CC
Ver el área de trabajo
Menús
Gestión de ventanas y paneles
Guardar espacio de trabajo
Preferencias en Animate
Prácticas
El escenario y propiedades del documento
Herramientas
Línea de tiempo y capas
Vistas del documento
Reglas, guías y cuadrículas
Deshacer, rehacer y repetir Historial
Archivos de Animate
Prácticas
Crear documentos
Las plantillas
Importación de imágenes e ilustraciones
Ilustrator y Animate
Photoshop y Animate
Archivos Animate
Prácticas
Información sobre el dibujo
Modos de dibujo
Preferencias de dibujo
Herramientas básicas
Herramientas avanzadas
Herramienta pluma
Editar contornos
Prácticas
Transformar objetos
Seleccionar objetos
Combinación de objetos
Borrar y eliminar objetos
Alinear objetos
Mover y copiar objetos
Prácticas
Selector de color
Paleta color
Degradados
Herramienta transformar degradados
Herramienta bote de tinta y cubo de pintura
Herramienta cuentagotas
Prácticas
Tipos de símbolos
Crear un símbolo
Bibliotecas
Símbolos gráficos
Crear un botón
Clip de película
Prácticas
Línea de tiempo
Las capas
Animaciones
Animaciones fotograma a fotograma
Interpolación de forma
Animación interpolada
Interpolación clásica
Interpolación de movimiento
Animaciones con guías
Animar objetos D
Prácticas
Escenas
Filtros
Tipos de filtros
Modos de Mezcla
Capas de mascara
Texto Clásico
Tipos de texto clásico
Incorporar fuentes
Prácticas
Importar sonidos
Formatos de sonido admitidos
Sonido en la línea de tiempo
Añadir sonido a un botón
Editar un sonido
Comprimir un sonido
Importar video
Propiedades del video
Adobe Media Encoder
Prácticas
Introducción a ActionScript
Panel acciones
Acciones más comunes
Panel Fragmentos de código
Formularios
Configurar publicación
Exportar en Animate
Practicas
¿Qué es Adobe Air?
Creación de un archivo Adobe AIR
Vista previa de una aplicación de Adobe AIR
Publicar un archivo AIR
JSFL
Prácticas
¿Qué es un Sprite Sheets?
HTML 5
Publicación de animaciones en HTML 5
Prácticas
Introducción
Editor de texto
Navegadores
Introducción HTML
¿Cómo creamos documento HTML?
Características básicas
Textos en HTML
Enlaces
Listas en HTML
Imágenes y objetos
Tablas
Formularios
Estructuras y layout
Otras etiquetas importantes
¿Qué es la Metainformación?
Accesibilidad
Validación
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
Selectores CSS
Unidades de medida
Colores
Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización
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
Textos en CSS
Enlaces
Imágenes
Listas
Tablas
Formulario
Versión para imprimir
Personalizar el cursor
Hacks y filtros
Prioridad en las declaraciones
Validar CSS
Recomendaciones Generales
Recursos útiles
¿Qué es Firebug?
¿Como se instala?
¿Como usamos Firebug?
¿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
Introducción a atributos globales
Nuevos atributos
Introducción a los nuevos eventos.
Elemento bdi
Elemento command
Elemento data
Elementos details
Elemento mark
Elemento meter
Elemento progress
Elemento ruby
Elemento time
Elemento wbr
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
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
Introducción
Unidades, colores y fuentes
Nuevos Selectores y pseudo-clases
Propiedades para la animación
Nuevas propiedades para los fondos
Nuevas propiedades para Bordes
Propiedades de las cajas
Propiedades de las cajas flexibles
Propiedades del color
Propiedades para las Fuentes
Propiedades para los hiperenlaces
Propiedades de las multi-columnas
Propiedades para texto
Propiedad 2D/3D Transform
Propiedades para las transiciones
Propiedades para la interfaz de usuario
Validación CSS3
Breve historia y origen de Internet
Principales servicios ofrecidos por Internet
- World Wide Web
- Correo electrónico
- Transferencia de ficheros (ftp)
- Otros servicios
La tecnología de Internet
- Arquitectura TCP/IP. Comparación con OSI
- Protocolos de Internet: TCP, UDP, SMNP, SMTP, etc.
- El protocolo HTTP
Redes TCP/IP
- El direccionamiento IP. Evolución
- Dominios. Jerarquía de dominios
- Servicios de identificación de dominios: DNS
- Ámbitos: Intranet, Internet y Extranet. Consideraciones de seguridad. Cortafuegos
Breve historia de la World Wide Web
Arquitectura general de la Web
- Principios para el diseño de sistemas Web
- Componentes básicos de un sistema Web
- División en capas
El cliente Web
- Hardware básico. Dispositivos fijos y móviles
- Sistemas operativos de uso común e Internet
- Navegadores. Características y comparativa
- Funcionalidades avanzadas: extensiones, aplicaciones específicas, etc.
Servidores Web
- Servidores Web de uso común
- Características básicas de un servidor Web
- Configuración de servidores Web
- Seguridad en servidores Web
- Funcionalidades avanzadas: extensiones, servidores virtuales, etc.
Servidores de aplicaciones
- Concepto de servidor de aplicaciones
- Características de los servidores de aplicaciones
- Comparativa de servidores de aplicaciones de uso común
- Configuración de un servidor de aplicaciones
- Seguridad en servidores de aplicaciones
- Funcionalidades avanzadas: conceptos de escalabilidad, balanceo de carga, alta disponibilidad, etc.
Servidores de bases de datos
- Servidores de bases de datos para Internet de uso común
- Características básicas de un servidor de bases de datos
- Funcionalidades avanzadas: conceptos de escalabilidad, alta disponibilidad, etc.
Servidores complementarios en una arquitectura Web
- Servidores de correo. Características
- Servidores de direccionamiento (DNS). Características
- Proxies
- Servidores de directorio. Características de LDAP
- Servidores de mensajería
- Servidores de antivirus, filtrado de contenidos, etc
- Otros servidores complementarios
Infraestructura hardware y software para servidores de Internet
- Servicios en la nube (Cloud)
- Tipos de servicios: infraestructura como servicio, plataforma como servicio y aplicación como servicio
- Ventajas e inconvenientes de los servicios de infraestructura en la nube
- Comparativa de los servicios de infraestructura en la nube de uso común
Evolución y tipos de aplicaciones informáticas
- Aplicaciones de terminal. Servidores de terminales virtuales
- Aplicaciones de escritorio
- Aplicaciones cliente/servidor
- Aplicaciones Web
- Ventajas e inconvenientes de los tipos de aplicaciones. Comparativa
Tecnologías de desarrollo de aplicaciones
- Características por tipo de aplicación
- Comparativa según el tipo de aplicación
Tecnologías específicas para el desarrollo Web
- Portales de Internet. Características
- Gestores de contenidos: servidores de portales y documentales
- Servidores de contenidos multidispositivo
- Componentes básicos en portales Web. Portlets y otros componentes de uso común
- Características y comparativa de los portales Web de uso común
Concepto de dato. Ciclo de vida de los datos
Tipos de datos
- Básicos
- Registros
- Dinámicos
Definición de un modelo conceptual
- Patrones
- Modelo genéricos
El modelo relacional
- Descripción
- Entidades y tipos de entidades
- Elementos de datos. Atributos
- Relaciones. Tipos, subtipos. Cardinalidad
- Claves. Tipos de claves.
- Normalización. Formas normales
Construcción del modelo lógico de datos
- Especificación de tablas
- Definición de columnas
- Especificación de claves
- Conversión a formas normales. Dependencias
El modelo físico de datos. Ficheros de datos
- Descripción de los ficheros de datos
- Tipos de ficheros
- Modos de acceso
- Organización de ficheros
Transformación de un modelo lógico en un modelo físico de datos
Herramientas para la realización de modelos de datos
Definición de SGBD
Componentes de un SGDB. Estructura
- Gestión de almacenamiento
- Gestión de consultas
- Motor de reglas
Terminología de SGDB
Administración de un SGDB
- El papel del DBA
- Gestión de índices
- Seguridad 130
- Respaldos y replicación de bases de datos
Gestión de transacciones en un SGBD
- Definición de transacción
- Componentes de un sistema de transacciones
- Tipos de protocolos de control de la concurrencia
- Recuperación de transacciones
Soluciones de SGBD
- Distribuidas
- Orientadas a objetos
- Orientadas a datos estructurados (XML)
- Almacenes de datos (datawarehouses)
Criterios para la selección de SGBD comerciales
Descripción del estándar SQL
Creación de bases de datos
- Creación de tablas. Tipos de datos
- Definición y creación de índices. Claves primarias y externas
Gestión de registros en tablas
- Inserción
- Modificación
- Borrado
Consultas
- Estructura general de una consulta
- Selección de columnas. Obtención de valores únicos
- Selección de tablas. Enlaces entre tablas
- Condiciones. Funciones útiles en la definición de condiciones
- Significado y uso del valor null
- Ordenación del resultado de una consulta
Conversión, generación y manipulación de datos
- Funciones para la manipulación de cadenas de caracteres
- Funciones para la manipulación de números
- Funciones de fecha y hora
- Funciones de conversión de datos
Consultas múltiples. Uniones (joins)
- Definición de producto cartesiano aplicado a tablas
- Uniones de tablas (joins). Tipos: inner, outer, self, equi, etc.
- Subconsultas
Agrupaciones
- Conceptos de agrupación de datos
- Funciones de agrupación
- Agrupación multicolumna
- Agrupación vía expresiones
- Condiciones de filtrado de grupos
Vistas
- Concepto de vista (view)
- Criterios para el uso de vistas
- Creación, modificación y borrado de vistas
- Vistas actualizables
Funciones avanzadas
- Restricciones. Integridad de bases de datos
- Disparadores
- Gestión de permisos en tablas
- Optimización de consultas
Modelos básicos de desarrollo de aplicaciones Web. El modelo vista-controlador (MVC)
Herramientas de desarrollo Web de uso común
- Características
- Comparativa
Políticas de desarrollo y pruebas de aplicaciones Web
- Entorno de desarrollo
- Entorno de pre-producción o pruebas
- Entorno de producción
Organización de recursos en una aplicación Web
- Programas
- Hojas de estilos
- Ficheros de configuración
- Imágenes
- Documentos
- Bibliotecas de componentes (librerías)
- Otros archivos
Seguridad en una aplicación Web
- Niveles de seguridad. Estándares
- Conceptos y técnicas de identificación, autenticación y autorización o control de acceso
- Identificación y autenticación avanzada. Certificados digitales
- Concepto de sesión. Conservación de sesiones
- Sistemas de uso común para la conservación de las sesiones en aplicaciones Web. Single Sign-on y Single Sign-out
Despliegue de aplicaciones Web
- Características del proceso de despliegue
- Definición del proceso de despliegue de aplicaciones Web. Verificación
Características de un proceso de pruebas
Tipos de pruebas
- Funcionales
- Estructurales
- De integración con sistemas externos
- Usabilidad y accesibilidad
- De detección de errores. Pruebas de caja negra
- De seguridad. Evaluación de la protección frente a los ataques más comunes
- De rendimiento. Pruebas de carga o estrés. Estadísticas
- De integridad de datos
Diseño y planificación de pruebas. Estrategias de uso común
Consideraciones de confidencialidad. Pruebas con datos personales
Automatización de pruebas. Herramientas
Definición
Características generales
Tipos de control de versiones
- Centralizados
- Distribuidos
Mecanismos de control de versiones
- Repositorios. Gestión y administración
- Publicación de cambios («check-in» o «commit»). Operaciones atómicas
- Tipos de desprotección, despliegue o «check-out»: exclusivos y colaborativos
- Ramificaciones («branching»)
- Fusiones («merging»)
- Etiquetado («tagging»)
- Líneas de base («baseline»)
- Actualizaciones
- Congelaciones
- Gestión de conflictos
Buenas prácticas en control de versiones
Herramientas de control de versiones de uso común
- Características
- Comparativa
Integración del control de versiones en herramientas de uso común
Características generales de la documentación. Importancia en el ciclo de vida software
Organización y estructura básica de documentos
Gestión de versiones de documentos
Tipos de documentación
- De requerimientos
- De arquitectura y diseño
- Técnica
- De usuario: tutoriales, por temas y glosarios
- Comercial
Formatos de documentación
- Documentos
- Documentación en aplicaciones. Formatos de ayuda
- Documentación en línea. Wikis
Estándares de documentación
Herramientas de documentación
- Generación automática de documentación técnica
- Documentación de código
Buenas prácticas en documentación
- Actualizaciones de documentación
- Documentación colaborativa mediante wikis
- Uso de herramientas multimedia. Vídeotutoriales
Conceptos previos de normalización y estandarización
Relación de la norma con otros estándares de gestión de proyectos: PMBOK, PRINCE2…
Introducción a la norma UNE-ISO 21500:2013
Objeto y campo de aplicación de la norma
Historia, contexto actual y futuro de la ISO 21500
Costos de implantación de la norma
Periodo de vigencia de la norma
Estructura de la norma ISO 21500
Definición de conceptos generales de la norma
Clasificación de los procesos en grupos de proceso y grupos de materia
Grupo de procesos del inicio del proyecto
Grupo de procesos de planificación del proyecto
Grupo de procesos de implementación
Grupo de procesos de control y seguimiento del proyecto
Grupo de procesos de cierre del proyecto
Introducción a la materia “Integración”
Desarrollo del acta de constitución del proyecto
Desarrollar los planes de proyecto
Dirigir las tareas del proyecto.
Control de las tareas del proyecto
Controlar los cambios
Cierre del proyecto
Recopilación de las lecciones aprendidas
Introducción a la materia “Partes Interesadas”
Identificar las partes interesadas
Gestionar las partes interesadas
Introducción a la materia “Alcance”
Definir el alcance
Crear la estructura de desglose de trabajo (EDT)
Definir las actividades
Controlar el alcance
Introducción a la materia “Recursos”
Establecer el equipo de proyecto
Estimar los recursos
Definir la organización del proyecto
Desarrollar el equipo de proyecto
Controlar los recursos
Gestionar el equipo de proyecto
Introducción a la materia “Tiempo”
Establecer la secuencia de actividades
Estimar la duración de actividades
Desarrollar el cronograma
Controlar el cronograma
Introducción a la materia “Coste”
Estimar costos
Desarrollar el presupuesto
Controlar los costos
Introducción a la materia “Riesgo”
Identificar los riesgos
Evaluar los riesgos
Tratar los riesgos
Controlar los riesgos
Introducción a la materia “Calidad”
Planificar la calidad
Realizar el aseguramiento de la calidad
Realizar el control de la calidad
Introducción a la materia “Adquisiciones”
Planificar las adquisiciones
Seleccionar los proveedores
Administrar los contratos
Introducción a la materia “Comunicaciones”
Planificar las comunicaciones
Distribuir la información
Gestionar la comunicación
Titulación
Titulación de Máster de Formación Permanente en Programación Web, Diseño Creativo e Interactivo aplicado al Desarrollo Web con 1500 horas y 60 ECTS expedida por UTAMED – Universidad Tecnológica Atlántico Mediterráneo.