Introducción a la programación para el Diseño de interacción

Diseño / FAU / Universidad de Chile

Este es el repositorio de un Electivo para la mención Visualidad y Medios, a cargo del profesor FACO.

Esta versión del Electivo, en segundo semestre de 2021, considera:

• clases remotas, vía Google Meet;

• sesiones los días jueves, de 15.00 a 18.15 hrs.; y

• un programa adaptado a 12 sesiones, que pone mayor énfasis en la programación para Web, descartando actividades presenciales que pudieran relacionarse con Processing, Arduino y electrónica.

---

Materiales de trabajo

Cada estudiante en este Electivo debería contar con:

• conexión estable a Internet

• cuenta personal en GitHub;

• computador disponible en el horario de clases, donde pueda usar:

  • Google Meet;

  • Editor de código fuente: Atom.io o Sublime Text.

  • Navegador web: Chrome o Firefox. No utilizaremos Safari. Es muy necesario que desactive los traductores en su navegador, porque la traducción automática (y forzada) al español puede complicar un trabajo que se hace, principalmente, en inglés. También es necesario que sepa como "Ver el código fuente de la página", inspeccionar elementos y abrir consola.

---

Serán 12 sesiones:

• Jueves 26 de agosto → sesion_01 → HTML5 + CSS3 + p5.js

• Jueves 2 de septiembre → sesion_02 → HTML5 + CSS3 + p5.js

• Jueves 9 de septiembre → sesion_03 → Evaluación Diagnóstica

• Jueves 16 de septiembre → Suspensión excepcional de actividades universitarias. DU N°0011921

• Jueves 23 de septiembre → sesion_04 → Bootstrap v5

• Jueves 30 de septiembre → sesion_05 → Bootstrap v5 + p5.js

• Jueves 7 de octubre → sesion_06 → Bootstrap v5 + jQuery

• Jueves 14 de octubre → sesion_07 → Bootstrap v5 + Charts.js

• Jueves 21 de octubre → sesion_08 → Evaluación Nº1

• Jueves 28 de octubre → Semana de Pausa todos los cursos FAU incluyendo inglés y CFG

• Jueves 4 de noviembre → sesion_09 → Trabajo final: Definición

• Jueves 11 de noviembre → sesion_10 → Trabajo final: Prototipo interactivo rápido

• Jueves 18 de noviembre → sesion_11 → Trabajo final: Implementación

• Jueves 25 de noviembre → sesion_12 → Evaluación Nº2

Esta organización de sesiones se ajusta a la segunda versión del Calendario primavera de 2021, con detalle de Diseño.

Para cada sesión, la organización es: Lectura, exploración y práctica.

La organización se basa en la modalidad de “aula invertida” (flipped classroom en inglés), que permite impartir una clase interactiva y con mayor flexibilidad para adaptar la experiencia de aprendizaje a la modalidad remota. Por esto se recomienda:

• adelantar la lectura;

• participar activdamente de la exploración que se realiza en sesiones sincrónicas breves; y

• resolver el desafío de la práctica en el horario de la clase o durante el mismo día, publicando con GitHub Pages su resultado.

La nota final del electivo se obtiene del promedio entre evaluaciones 1 y 2. La evaluación diagnóstica podrían llegar a reemplazar nota 1 o 2 si es más baja.

---

Referencias bibliográficas

O'Reilly ofrece un par de colecciones que podrían servir de referencia: "The Good Parts" y "Pocket References". En el desarrollo del Optativo, podrían consultar:

• Meyer, E.A. (2018). CSS Pocket Reference: Visual Presentation for the Web

• Robbins, J.N. (2013). HTML5 Pocket Reference: Quick, Comprehensive, Indispensable

A Book Apart también les puede ser útil. Su colección recomendada para el Optativo es "…for web designers":

• Marquis, M. (2016). Javascript for web designers

• Cederholm, D. (2014) CSS3 for web designers

• Keith, J. & Andrew, R. (2010). HTML5 for web designers

Referencias en línea

• Code! Programming with p5.js

• JavaScript Para Gatos

• Primeros pasos en la Web

• Web Demystified

Se agregarán más referencias en el README.md de cada clase.