Diseño desde el Código

Clave(es)	DIS 2822
Créditos	4
Profesor(es)	Basilio Cáceres
Prof. Anteriores	Basilio Cáceres,Felipe Lavín
Del Programa	Diseño
Mención	Diseño de Interacción
Ciclo Formativo	Ciclo Disciplinar
Área de Estudio	Área Científica, Línea del Lenguaje Tecnológico
Currículum	Decreto Académico 37/2017
Homologada	Gráfica Digital,Construcción de Diseño Gráfico 4
Régimen	semestral
Período Académico	segundo
Tipo de Asignatura	Optativa
Horas PUCV	2 teóricas + 2 de taller + 12 de trabajo autónomo * Las horas PUCV corresponden a periodos académicos de 35 minutos.

Descripción y Contextualización de la Asignatura en el Currículo

El curso trata el diseño de códigos de interfaz para distintos medios y soportes digitales, es decir, la capa Front-end dentro de un proyecto digital. Los alumnos aprenderán a desarrollar proyectos digitales enfocándose en cómo estos se componen y construyen a través de un código limpio, claro y ordenado, utilizando lenguajes tales como HTML, CSS, SASS, Javascript entre otros. Conoce el lenguaje del soporte digital lo que le permite pensar un diseño desde la justeza y el calce con ese soporte; Emplea flujos de trabajo adecuados a los soportes contemporáneos.

El taller tributa a las siguientes competencias del perfil de egreso:

Competencias Fundamentales:

1. C4: Usa las tecnologías de la información y comunicación como herramientas del desarrollo académico y profesional

Competencias Disciplinares:

1. C11: Domina un lenguaje teórico y técnico del diseño que le permite permanecer en el estudio.
2. C14: Comprende las particularidades de los materiales y los fenómenos físicos orientándolos a la construcción de los fundamentos del trabajo creativo.

Competencias Profesionales:

1. C18: Domina las bases de los lenguajes técnicos y tecnológicos que le permiten interactuar con distintas especialidades.

Resultados de Aprendizaje

1. RA1: Desarrolla proyectos digitales utilizando lenguajes de programación Front-end como HTML, CSS, SASS y Javascript, aplicando flujos de trabajo organizados y el uso de herramientas de control de versiones como Git y Github, con el propósito de crear interfaces claras con escritura ordenada del código
2. RA2:Diseña interfaces digitales mediante el uso de frameworks gráficos y de contenidos, implementando principios de diseño adaptable y programación limpia, con el fin de garantizar la funcionalidad y usabilidad en su diseño.

Contenidos o Unidades de Aprendizaje

1. Flujos y plan de trabajo en un proyecto digital
2. HTML
3. CSS
4. SASS
5. Frameworks gráficos (Bootstrap, Foundation, Pure, etc)
6. Flujos de trabajo y control de versiones (Git, Github, etc)
7. Frameworks de contenidos (Wordpress)
8. Diseño adaptable a múltiples formatos y soportes
9. Principios de Javascript

Actividades de Aprendizaje

1. Clases expositivas
2. Desarrollo de proyectos personales y/o grupales
3. Presentaciones orales y visuales de estudiantes

Evaluación de los Resultados de Aprendizaje

1. Realización de proyectos individuales o grupales.
2. Documentación de su trabajo en Github,

Bibliografía y Otros Recursos para el Aprendizaje

1. Design by numbers. (Maeda, John).
2. Visualizing data. (Fry, Ben).

Bibliografía Complementaria o Sugerida

1. PHP y MySQL: creación de sitios web dinámicos y con bases de datos (Davis, Michele & Phillips, Jon).
2. A UX Designers Guide to Coding: Merging the Worlds of Design and Development (Miller, Jason).
3. A Project Guide to UX Design: For User Experience Designers in the Field Or in the Making (Unger, Russ & Chandler, Carolyn).

Cursos Realizados

1. Diseño desde el Código 2018(Año: 2 018)
2. Diseño desde el Código 2019(Año: 2 019)
3. Diseño desde el Código 2020(Año: 2 020)
4. Diseño desde el Código 2021(Año: 2 021)
5. Diseño desde el Código 2023(Año: 2 023)
6. Diseño desde el Código 2024(Año: 2 024)
7. Diseño desde el Código 2025(Año: 2 025)