Diplomados - Diseño

DIPLOMADO EN APLICACIONES DE DISEÑO Y DESARROLLO WEB

Región Metropolitana

 
Sede
Educación Continua Sede Miguel Claro 337.
Clases
Inicio reprogramando 2020
Fin   
Dias
mar-jue-sab
Horario
19:00 - 22-00
 

Descripción

ENVÍANOS TUS DATOS EN EL FORMULARIO DE INSCRIPCIÓN Y TE AVISAREMOS LAS NUEVAS FECHAS

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 comunicación, que abarque web, los marketing, conocimientos, tecnológicas y tecnologías áreas y técnicas relacionadas avanzadas adquieran una esenciales formaciónpara el desarrollo eficiente de un proyecto web. Competencias altamente demandadas en el mercado laboral actual. 

 

Objetivos

Al finalizar el diplomado, el alumno estará capacitado para gestionar de principio a fin, las diversas publicación etapas de sitios que web. contempla Además, un será proyecto capaz web: de planificación, comprender la desarrollo, lógica de los interactividad sitios web y semánticos, dinámicos e interactivos que se adaptan a los diferentes dispositivos: computadores, móviles y tablets. 

 

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

 

Orientado

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 qráficos.

Requisitos de ingreso: 

  • 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

 

Financiamiento

Se debe enviar una Orden de compra de la Empresa, a nombre de:
Fundación Instituto Profesional Duoc UC
72.754.700-2

Costos e información

$1.463.000 (-15% Descuento)

Descuentos

20%
Titulados Duoc UC
5%
Descuento por transferencia electrónica
%
Consulta por otros descuentos y convenios

Duración

192 Horas

Modalidad

Presencial

FORMULARIO DE INSCRIPCIÓN

sede Educación Continua Sede Miguel Claro 337.

Educación Continua Sede Miguel Claro 337.

Región Valparaiso

 
Sede
Educación Continua, Sede Viña del Mar, V Región
Clases
Inicio agosto
Fin   
Dias
Horario
* consultar por la programación
 

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 comunicación, que abarque web, los marketing, conocimientos, tecnológicas y tecnologías áreas y técnicas relacionadas avanzadas adquieran una esenciales formaciónpara el desarrollo eficiente de un proyecto web. Competencias altamente demandadas en el mercado laboral actual. 

Objetivos

Al finalizar el diplomado, el alumno estará capacitado para gestionar de principio a fin, las diversas publicación etapas de sitios que web. contempla Además, un será proyecto capaz web: de planificación, comprender la desarrollo, lógica de los interactividad sitios web y semánticos, dinámicos e interactivos que se adaptan a los diferentes dispositivos: computadores, móviles y tablets. 

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

Orientado

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 qráficos.

Requisitos de ingreso: 

  • 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

Financiamiento

Se debe enviar una Orden de compra de la Empresa, a nombre de:
Fundación Instituto Profesional Duoc UC
72.754.700-2

Costos e información

$1.463.000

Descuentos

20%
Titulados Duoc UC
5%
Descuento por transferencia electrónica
%
Consulta por otros descuentos y convenios

Duración

192 Horas

Modalidad

Presencial

FORMULARIO DE INSCRIPCIÓN

sede Educación Continua, Sede Viña del Mar, V Región

Educación Continua, Sede Viña del Mar, V Región

Región del Biobio

 
Sede
Educación Continua Sede San Andres, VIII Región
Clases
Inicio 02-10-2018
Fin   12-01-2019
Dias
mar-jue-sáb
Horario
18:30 - 21:30 - (sáb de 10:00-13:00)
 

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 comunicación, que abarque web, los marketing, conocimientos, tecnológicas y tecnologías áreas y técnicas relacionadas avanzadas adquieran una esenciales formaciónpara el desarrollo eficiente de un proyecto web. Competencias altamente demandadas en el mercado laboral actual. 

Objetivos

Al finalizar el diplomado, el alumno estará capacitado para gestionar de principio a fin, las diversas publicación etapas de sitios que web. contempla Además, un será proyecto capaz web: de planificación, comprender la desarrollo, lógica de los interactividad sitios web y semánticos, dinámicos e interactivos que se adaptan a los diferentes dispositivos: computadores, móviles y tablets. 

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

Orientado

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 qráficos.

Requisitos de ingreso: 

  • 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

Financiamiento

Se debe enviar una Orden de compra de la Empresa, a nombre de:
Fundación Instituto Profesional Duoc UC
72.754.700-2

Costos e información

$1.463.000

Descuentos

20%
Titulados Duoc UC
5%
Descuento por transferencia electrónica
%
Consulta por otros descuentos y convenios

Duración

192 Horas

Modalidad

Presencial

FORMULARIO DE INSCRIPCIÓN

sede Educación Continua Sede San Andres, VIII Región

Educación Continua Sede San Andres, VIII Región

Otros programas que pueden interesarte

CURSO TÉCNICAS DE VENTAS
CURSO DESARROLLO DE MOTION GRAPHICS EN AFTER EFFECTS
DIPLOMADO EN ESTRATEGIA DE DESARROLLO DE PROYECTOS DE DISEÑO