Curso actualmente no disponible
Diplomado en Aplicaciones de Diseño y Desarrollo Web (Modalidad Sincrónica)
Diplomado
Online
Conviértete en un experto en diseño Web
-
Tipología
Diplomado
-
Nivel
Nivel intermedio
-
Metodología
Online
-
Horas lectivas
192h
-
Duración
Flexible
-
Campus online
Sí
-
Servicio de consultas
Sí
-
Clases virtuales
Sí
En la actualidad los sitios web se han convertido en una herramienta fundamental de marketing, comunicación y proyección en todo tipo de empresas. La evolución tecnológica constante hace necesario que las empresas cuenten con personal especializado y actualizado en las competencias y habilidades necesarias para el desarrollo de sitios web. Este diplomado busca que los profesionales que ejerzan funciones en empresas de diseño integral, comunicaciones web, marketing y áreas de tecnología técnicas relacionadas adquiera una formación esencial para el desarrollo eficiente de un proyecto web. Competencias que son altamente demandadas por el mercado laboral actual.
A tener en cuenta
Al finalizar el diplomado, el alumno estará capacitado para gestionar de principio a fin, las diversas etapas de publicación de un sitio web. Contempla además, un será proyecto capaz web: planificación, comprender el desarrollo, lógica de la interactividad y semántica en sitios web dinámicos e interactivos que se adaptan a los diferentes dispositivos: computadores, móviles y tablets.
Este Diplomado esta dirigido a profesionales de las áreas del diseño, comunicación, web, marketing y tecnológica, tales como: Diseñadores, Periodistas, Publicistas, Comunicadores Audiovisuales, Artistas visuales y Productores gráficos.
Conocimientos en sistemas operativos Macos y/o Windows
Conocimientos de navegación en Internet
Conocimientos básicos de diseño
Conocimientos fundamentales sobre aplicaciones Adobe o Microsoft
Opiniones
Materias
- Estrategias de negociación
- Comunicación visual
- Medios interactivos
- Diseño gráfico
- Representación gráfica
- Diseño multimedia
- Diseño web
- Diseño de medios digitales
- Contenidos Digitales
- Programación para web
Temario
Curso I: Introducción al diseño UX y prototipado web
Unidad I: Fundamentos UX en el diseño de interfaces e interacción web
- ¿Qué es UX y cuáles son los beneficios del diseño centrado en el usuario?
- Conceptos introductorios UX y usabilidad
- Principios básicos de usabilidad y experiencia de usuario.
Unidad II: Introducción a la Arquitectura de la información (Al)
- Arquitectura de la Información en la organización del contenido, navegación y encontrabilidad de la información, productos y servicios.
- Identificar técnicas de representación de la Arquitectura de la información (Mapa de sitio, diagramas de flujo, wireframe y guiones qráficos). Testeo de la Al, Card sortinQ.
Unidad III: lllustrator / Photoshop para Diseño UX y Web
- Modificar configuración de la aplicación y espacios de trabajo para diseño web
- Ajustes de color para web
- Trabajar con dibujo vectorial, texto y manipulación de objetos
- Uso de guías y objetos para creación de retículas
- Creación de objetos Pixel Perfect
- Crear mesas de trabajo para mobile y diseño adaptativo
- Adobe color para creación de paletas de colores
- Creación de botones con panel apariencia
- Estilos de texto y colores globales para edición rápida y consistencia
- Creación de símbolos y botones. Estilos gráficos
- Uso de Bibliotecas Creative Cloud
- Exportación de recursos
Unidad IV: Prototipado web con Adobe XD
- Introducción a Adobe XD. Espacio de trabajo. Importación de recursos gráficos (Bitmap / Vector). Kits de interfaces
- Validación de prototipos con test de usuarios
- Creación de Interfaces de interacción y funcionabilidad
- Creación de maquetas funcionales en smartphones
Unidad V: Ejercicio final de integración
- Creación de proyecto prototipado web, Integrando los conocimientos y técnicas aprendidas
Curso II: Desarrollo web responsivo con HTML5 y CSS3
Unidad I: Conceptos introductorios web
- Identificar conceptos, términos y tecnologías web, hosting, servidores, lenguajes y protocolos.
- Editores de Código y softwares para desarrollo web.
Unidad II: Introducción al lenguaje HTML y CSS
- Crear documentos HTML mediante el uso de etiquetas. Estructura del documento HTML, sintaxis (etiquetas y atributos), elementos para textos, imágenes y formularios.
- Integración de reglas de estilos CSS: Sintaxis CSS, selector, propiedad, tipos de selectores (clase, id, etiqueta, compuesto), inclusión de estilos CSS en documento, creación de hojas de estilo, propiedades CSS básicas para documentos: fuentes, anchos, altos, rellenos, maraenes, tamaf'to entre otras.
Unidad III: Diagramación con HTML5 y CSS3
- Crear Interfaces web a partir del uso de las etiquetas semánticas HTML5 (main, article, section, nav, footer) y propiedades de diagramación CSS (float, position, margin, anchos en pixeles y porcentajes, flex), columnas y diagramación con grilla.
- Propiedades CSS3 para efectos (border-radius, box-shadow, text-shadow, color RGBA, transition, transform, anímate).
Unidad IV: Sitios Responsivos
- Mobile first vs Desktop First, anchos en porcentajes. Imágenes y video responsivo.
- Crear consultas de medios para los diferentes dispositivos, importancia del viewport.
Unidad V: Ejercicio final de integración
- Integrar conocimientos en HTMLS, CSS3 y responsive desing a partir del diseño y desarrollo de una interface web.
- Publicar sitio web vía panel de control o FTP
Curso III: Desarrollo de interfaces interactivas con Bootstrap y jQuery
Unidad I: Introducción al framework Bootstrap
- ¿Qué es Bootstrap y para qué sirve?
- Ejemplos de implementación, descarga e inteqración de librerías al orovecto.
Unidad II: Grilla de Bootstrap
- ¿Qué es la grilla de Bootstrap?. Columnas, alineación y ordenamiento. Columnas anidadas, grillas flex, offseting, utilidades para el diseño responsivo.
Unidad III: Elementos, componentes y personalización en Bootstrap
- Tipografías y texto, imágenes, tablas, componentes (alertas, botones, carousel, collapse, barras de navegación, ventanas modales, tabs, paginación, etc.).
- Añadir e integrar elementos de formulario (inline form, input, checkboxes, radio buttons).
- Colores, posicionamiento, bordes, tamaños y espaciados, aplicación de elementos CSS personalizados.
Unidad IV: Introducción a Javascript
- ¿Qué es Javascript y para qué sirve?.
- Sintaxis básica, librerías y frameworks desarrollados en Javascriot.
Unidad V: Introducción a jQuery
- ¿Qué es jQuery y cómo se usa?.
- Compatibilidad con navegadores.
- Descargar e integrar librerías.
- Selectores, sintaxis: tipos de selectores, métodos y eventos.
- Programación de efectos simples en sitio web, menús móviles y despleqables.
Unidad VI: Integrar plugins de jQuery
- jQuery UI, componentes, dialog, tabs, acordeons, carousel, barras de navegación para desktop móviles.
Unidad VII: Desarrollo de proyecto integrado
- Desarrollar interface web a partir de Bootstrap aplicando interacción con Javascript y jQuery.
Curso IV: Desarrollo web dinámico con PHP, Mysql y Wordpress.
Unidad I: Introducción al desarrollo web dinámico con PHP
- Configurar entorno de trabajo e instalación de servicios, detalle del software necesario.
- Instalación y prueba de servidor local: apache, PHP y Mysql. Configuración de editor de código. Estructura de directorios.
- Identificar y aplicar los elementos de la programación PHP para envio de formularios y desarrollar plantillas basadas en PHP, (variables, operadores, condicionales, bucles, funciones PHP, metodos POST vs GET).
Unidad II: Introducción a las bases de datos Mysql y su uso en PHP
- Definición y tipos de base de datos. Base de datos para desarrollo web, concepto de fila, columna, registro.
- Uso de PhpMyAdmin para crear y operar base de datos Mysql, conceptos de normalización y relación.
- Aplicar consultas SQL.
- Identificar y aplicar programación PHP para operar base de datos, (consultas, conexión, eliminar, modificar, listar, insertar registros).
- Interacción entre formularios y base de datos. Consultas con filtro para búsquedas, orden.
- Exportar e importar base de datos.
- Publicar sitios dinámicos en servidor remoto (hostinting).
Unidad III: Introducción a Wordpress
- Identificar y explicar la importancia de Wordpress como medio de publicación de páginas web y su funcionamiento general
- Aplicar las técnicas para la instalación de Wordpress en servidores locales y remotos.
- Operar la interfaz de trabajo, (escritorio), de Wordpress.
- Conocer las características de las imágenes y recursos que se van a utilizar en una página web en wordpress
- Realizar modificaciones a la apariencia y funcionalidades del sitio Wordpress mediante la instalación de extensiones: temas (themes}, widget y plugins.
Unidad IV: Profundización en Wordpress
- Uso de plugins avanzados para implementar un carro de compra, galerías, calendarios de eventos.
- Identificar y aplicar la personalización de temas, (theme), a partir de Child Themes y CSS.
- Crear temas desde cero, adaptar boceto web html y CSS a Wordpress, crear estructura de archivos para tema, añadir funciones PHP escenciales para integrar menús, widget y plugins.
- Funcionamiento del loop de Wordpress para mostrar contenidos de entradas y páginas.
- Configuración e Introducción al desarrollo de plugins.
- Publicar sitios desarrollados en Wordpress en un servidor remoto (hosting).
- Identificar y aplicar técnicas para realizar mantenciones y ajustes a una instalación Wordpress, migración.
Unidad V: Desarrollo de proyecto integrado
- Implementar un sitio Wordpress totalmente funcional en un servidor remoto (hosting).
- Aplicar presonalización a partir de un tema,(theme), desarrollado desde cero e instalación de plugins
Curso V: Introducción a las aplicaciones móviles
Unidad I: Introducción al desarrollo de aplicaciones móviles
- Aplicaciónes nativas e híbridas, herramientas para el desarrollo de aplicaciones híbridas, ejemplos.
Unidad II: Crear una aplicación móvil
- Instalar entorno de trabajo necesario para desarrollar aplicaciones móviles, crear un proyecto.
- Utilizar componentes, (listas, form, input, alert, navegación y otros), añadir estilos, instalar plugins
Unidad III: Empaquetado y distribución
- Debbugin y ejecución de aplicación en dispositivos móviles (android / IOS).
- Requisitos para la distribución en repositorios de aplicaciones Google play, app store.
Curso VI: Trabajo en equipo y resolución de problemas en contextos multidisciplinares
Unidad I: Trabajo en equipo
- Etapas y roles del trabajo en equipo
- Sinergia positiva
- Influencia del carácter en el trabajo en equipo
- Virtudes cardinales
- Criterios de evaluación del acto humano
- Criterios de la evaluación de la acción técnica
- Integridad personal
Unidad II: Resolución de problemas
- Problema
- Redefinición del problema
- Técnicas de Ideación
- Brainstorming/otros
- Clasificación de ideas
- Selección de ideas
- Generación de concepto solución
- Prototipado de la solución
- Testeo
- Matriz de impacto
Información adicional
20% Titulados Duoc UC
Otros descuentos
Financiamiento
1. Pago Electrónico
2. Transferencia electrónica.
3. Se debe enviar una Orden de compra de la Empresa, a nombre de: Fundación Instituto Profesional Duoc UC 72.754.700-2
Diplomado en Aplicaciones de Diseño y Desarrollo Web (Modalidad Sincrónica)