Diplomado en Aplicaciones de Diseño y Desarrollo Web (Modalidad Sincrónica)

Diplomado

Online

$ 1.430.000 IVA inc.

Descripción

  • Tipología

    Diplomado

  • Nivel

    Nivel intermedio

  • Metodología

    Online

  • Horas lectivas

    192h

  • Duración

    Flexible

  • Inicio

    14/12/2020

  • Campus online

  • Servicio de consultas

  • Clases virtuales

Descripción

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.

Instalaciones y fechas

Ubicación

comienzo

Online

comienzo

Consultar
Online

comienzo

14 dic 2020Matrícula abierta

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

Preguntas & Respuestas

Plantea tus dudas y otros usuarios podrán responderte

¿Quién quieres que te responda?

Sólo publicaremos tu nombre y pregunta

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

Módulos

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

Descuentos

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)

$ 1.430.000 IVA inc.