Diferencia entre revisiones de «Imagen Escrita»

De Casiopea
Sin resumen de edición
m (Protegió «Imagen Escrita» ([Editar=Solo administradores] (indefinido) [Trasladar=Solo administradores] (indefinido)))
(No se muestran 19 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
{{#widget:P5js
|url = https://hspencer.github.io/constellated/
|width = 100%
|height = 400
}}
{{Asignatura
{{Asignatura
|Nombre=Imagen Escrita: Introducción a la Programación Gráfica
|Nombre=Imagen Escrita: Introducción a la Programación Gráfica
|Clave=EAD 1841
|Clave=EAD 1841
|Créditos=2
|Créditos=4
|Descripción=Este curso corresponde a una introducción al diseño de software como una herramienta de expresión plástica; ya sea estática, cinética o interactiva. Aquí trataremos los fundamentos de la forma computacional y los principios de la programación gráfica basándonos en el lenguaje Processing.
|Descripción=Este curso corresponde a una introducción al diseño de software como una herramienta de expresión artística construyendo obras visuales estáticas, cinéticas o interactivas.  
 
Aquí trataremos los fundamentos de la forma computacional y de la estructura de la programación gráfica en consonancia con principios matemáticos abstractos.


Los estudiantes se familiarizarán con algoritmos básicos, geometría computacional y simulación cinemática además de los conceptos básicos y necesarios para construir programas; como los diferentes tipos de datos, iteraciones, funciones y el concepto de objeto, entre otros.
Los estudiantes se familiarizarán con algoritmos básicos, geometría computacional y simulación cinemática además de los conceptos básicos y necesarios para construir programas; como los diferentes tipos de datos, iteraciones, funciones, recursiones y el concepto de ''objeto'', entre otros.


Este ramo busca equilibrar las nociones matemáticas abstractas de la computación con la expresión plástica y formal de los algoritmos, permitiendo una mirada más amplia, artística y lúdica de la forma computacional.
Este ramo busca equilibrar las nociones matemáticas abstractas de la computación con la expresión plástica y formal de los algoritmos, permitiendo una mirada más amplia y lúdica de la forma computacional.  


Tener experiencia previa en programación no es un requisito para este curso.
Tener experiencia previa en programación no es un requisito para este curso.
|Profesores=Herbert Spencer
|Profesores=Herbert Spencer
|Carreras Relacionadas=Arquitectura, Diseño
|Carreras Relacionadas=Arquitectura, Diseño, Interacción y Servicios
|Mención=Diseño de Interacción
|Mención=Diseño de Interacción
|Ciclo Formativo=Ciclo del Oficio
|Ciclo Formativo=Ciclo del Oficio
|Área de Estudio=Área Fundamental
|Área de Estudio=Área Científica
|Línea de Estudio=Línea del Lenguaje Tecnológico
|Línea de Estudio=Línea del Lenguaje Tecnológico
|Currículum=Ajuste Curricular 2015
|Currículum=Decretos Académicos 35 y 37/2017
|Asignatura Homologada=Gráfica Digital,
|Régimen=semestral
|Régimen=semestral
|Período Académico=primero
|Período Académico=segundo
|Obligatorio=No
|Tipo de Asignatura=Optativa
|Electivo=
|Horas Teóricas=2
|Horas Teóricas=1
|Horas de Taller=2
|Horas de Taller=1
|Horas de Ayudantía=0
|Horas de Ayudantía=0
|Horas de Trabajo=2,5
|Horas de Trabajo=5
|Contenidos=Breve historia de la programación; Contextualización histórica cyberpunk y cultura DIY; Pensamiento algorítmico en el arte; Entorno de desarrollo Processing; Estructuras de datos; Ciclos y Repeticiones; Funciones propias; Arreglos; Objetos; Elementos de interactividad; Proyecciones: formas de extender y continuar el aprendizaje
|Contenidos=Breve historia de la programación; Contextualización histórica cyberpunk y cultura DIY; Pensamiento algorítmico en el arte; Entorno de desarrollo Processing o P5js; Estructuras de datos; Ciclos y Repeticiones; Funciones propias; Arreglos; Objetos; Elementos de interactividad; Proyecciones: formas de extender y continuar el aprendizaje
|Estrategias de Enseñanza=Presentaciones en modalidad de ponencia;
|Estrategias de Enseñanza=Presentaciones en modalidad de ponencia;
Talleres prácticos, tomando casos, explicando sus partes y desglosando sus métodos;
Talleres prácticos, tomando casos, explicando sus partes y desglosando sus métodos (modalidad "aula invertida");
Reuniones individuales o grupales con el profesor;
Reuniones individuales o grupales con el profesor;
Realización de proyectos individuales o grupales
Realización de proyectos individuales o grupales;
|Criterios de Evaluación=Constancia y cumplimiento de los encargos periódicos;
Exploración individual a partir de encargos o desafíos programáticos
|Criterios de Evaluación='''Constancia''' y cumplimiento de los encargos periódicos;
'''Creatividad''' entendida en este curso como la capacidad de conjeturar y explorar yendo más allá de la literalidad del ejemplo. Al no existir resultados correctos o falsos (como valor mensurable), nos remitiremos a sus dimensiones cualitativas; ya sean en términos escriturales-estructurales (elegancia) o expresivo-plásticos (formales-idiosincráticos);
'''Creatividad''' entendida en este curso como la capacidad de conjeturar y explorar yendo más allá de la literalidad del ejemplo. Al no existir resultados correctos o falsos (como valor mensurable), nos remitiremos a sus dimensiones cualitativas; ya sean en términos escriturales-estructurales (elegancia) o expresivo-plásticos (formales-idiosincráticos);
'''Ciudadanía''' entendida como el sentido de colaboración y reciprocidad con el taller, manifestándose en disponibilidad y capacidad de entregar conocimientos y compartir código, reconociendo y citando las fuentes según sea el caso.
'''Ciudadanía''' entendida como el sentido de colaboración y reciprocidad con el taller, manifestándose en disponibilidad y capacidad de entregar conocimientos y compartir código, reconociendo y citando las fuentes según sea el caso.
|Competencias Fundamentales=Pensamiento abstracto;
|Competencias Fundamentales=Desarrolla pensamiento abstracto lógico-matemático;
Razonamiento lógico y jerárquico;
Usa tecnologías de la información y comunicación como herramientas de desarrollo académico y profesional;
Familiaridad y manejo de conceptos matemáticos y computacionales
Reconoce la correspondencia entre matemáticos-computacionales y formas visuales e interactivas
|Competencias Disciplinares=Integración del razonaminto lógico (''logos'') y el razonamiento plástico (''eros-pathos'') en un ''ethos'' procesual de construcción de forma;
|Competencias Disciplinares=Integración del razonaminto lógico (''logos'') y el razonamiento plástico (''eros-pathos'') en un ''ethos'' procesual de construcción de forma;
Capacidad de dividir un proceso en pasos;
Desarrolla su capacidad de dividir un proceso en pasos de forma ordenada y procedimental;
Capacidad de explorar y generar variaciones a partir de una idea matriz
Desarrolla su capacidad de explorar y generar variaciones a partir de una idea matriz
|Competencias Profesionales=Manejo y aplicación de conceptos programáticos;
|Competencias Profesionales=Maneja y aplica conceptos programáticos en el diseño de software;
Producción de piezas plásticas e interactivas;
Diseña y produce piezas plásticas e interactivas;
Manejo de entorno de desarrollo ''Processing''
Maneja software para el desarrollo de aplicaciones Web o autocontenidas en el lenguaje ''Processing'' o ''P5js'';
Maneja una metodología de trabajo dentro del flujo ''GIT'' para el versionamiento de software
|Bibliografía=Processing: A Programming Handbook for Visual Designers and Artists;
|Bibliografía=Processing: A Programming Handbook for Visual Designers and Artists;
The Nature of Code. Daniel Shiffman;
The Nature of Code. Daniel Shiffman;
The Art Of Computer Designing: A Black and White Approach;
The Art Of Computer Designing: A Black and White Approach;
|Obligatorio=No
|Electivo=Sí
|Horas de Laboratorio=2
|Horas de Laboratorio=2
}}
}}


[[Archivo:3dmesh.gif|center|300px]]




==Herramietas==
==Herramietas==
* Los trabajos de este ramo se publican en el '''[http://imagen-escrita.hspencer.info Blog de Imagen Escrita]'''.
 
* [http://processing.org Processing.org]
* [http://processing.org Processing.org]
* [http://sketchbook.cc Sketchbook]
* [http://sketchbook.cc Sketchbook]
* [http://thecodingtrain.com/ The Coding Train, Dan Shiffman] - [https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw Canal de Youtube]
* [http://openprocessing.org Open Processing]
{{Los Cursos}}
{{Los Cursos}}

Revisión del 14:14 28 jul 2020


Clave(es)EAD 1841
Créditos4
Profesor(es)Herbert Spencer
Del ProgramaArquitectura,Diseño,Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
MenciónDiseño de Interacción
Ciclo FormativoCiclo del Oficio
Área de EstudioÁrea Científica, Línea del Lenguaje Tecnológico
CurrículumDecretos Académicos 35 y 37/2017
Régimensemestral
Período Académicosegundo
Tipo de AsignaturaOptativa
Horas PUCV2 teóricas + 2 de taller + 0 de ayudantía + 5 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

Este curso corresponde a una introducción al diseño de software como una herramienta de expresión artística construyendo obras visuales estáticas, cinéticas o interactivas. Aquí trataremos los fundamentos de la forma computacional y de la estructura de la programación gráfica en consonancia con principios matemáticos abstractos. Los estudiantes se familiarizarán con algoritmos básicos, geometría computacional y simulación cinemática además de los conceptos básicos y necesarios para construir programas; como los diferentes tipos de datos, iteraciones, funciones, recursiones y el concepto de objeto, entre otros. Este ramo busca equilibrar las nociones matemáticas abstractas de la computación con la expresión plástica y formal de los algoritmos, permitiendo una mirada más amplia y lúdica de la forma computacional. Tener experiencia previa en programación no es un requisito para este curso.

Contenidos o Unidades de Aprendizaje

  1. Breve historia de la programación
  2. Contextualización histórica cyberpunk y cultura DIY
  3. Pensamiento algorítmico en el arte
  4. Entorno de desarrollo Processing o P5js
  5. Estructuras de datos
  6. Ciclos y Repeticiones
  7. Funciones propias
  8. Arreglos
  9. Objetos
  10. Elementos de interactividad
  11. Proyecciones: formas de extender y continuar el aprendizaje

Resultados de Aprendizaje

Una vez completada la asignatura, el o la estudiante será capaz de:

Competencias
Fundamentales
  1. Desarrolla pensamiento abstracto lógico-matemático
  2. Usa tecnologías de la información y comunicación como herramientas de desarrollo académico y profesional
  3. Reconoce la correspondencia entre matemáticos-computacionales y formas visuales e interactivas
Competencias
Disciplinares
  1. Integración del razonaminto lógico (logos) y el razonamiento plástico (eros-pathos) en un ethos procesual de construcción de forma
  2. Desarrolla su capacidad de dividir un proceso en pasos de forma ordenada y procedimental
  3. Desarrolla su capacidad de explorar y generar variaciones a partir de una idea matriz
Competencias
Profesionales
  1. Maneja y aplica conceptos programáticos en el diseño de software
  2. Diseña y produce piezas plásticas e interactivas
  3. Maneja software para el desarrollo de aplicaciones Web o autocontenidas en el lenguaje Processing o P5js
  4. Maneja una metodología de trabajo dentro del flujo GIT para el versionamiento de software

Actividades de Aprendizaje

  1. Presentaciones en modalidad de ponencia
  2. Talleres prácticos, tomando casos, explicando sus partes y desglosando sus métodos (modalidad "aula invertida")
  3. Reuniones individuales o grupales con el profesor
  4. Realización de proyectos individuales o grupales
  5. Exploración individual a partir de encargos o desafíos programáticos

Evaluación de los Resultados de Aprendizaje

  1. Constancia y cumplimiento de los encargos periódicos
  2. Creatividad entendida en este curso como la capacidad de conjeturar y explorar yendo más allá de la literalidad del ejemplo. Al no existir resultados correctos o falsos (como valor mensurable), nos remitiremos a sus dimensiones cualitativas
  3. ya sean en términos escriturales-estructurales (elegancia) o expresivo-plásticos (formales-idiosincráticos)
  4. Ciudadanía entendida como el sentido de colaboración y reciprocidad con el taller, manifestándose en disponibilidad y capacidad de entregar conocimientos y compartir código, reconociendo y citando las fuentes según sea el caso.

Bibliografía y Otros Recursos para el Aprendizaje

Processing: A Programming Handbook for Visual Designers and Artists
The Nature of Code. Daniel Shiffman
The Art Of Computer Designing: A Black and White Approach


3dmesh.gif


Herramietas


Cursos Realizados

  1. LC0: 2007(Año: 2 007)
  2. Processing: LC0(Año: 2 007)
  3. LC0: 2009(Año: 2 009)
  4. Imagen Escrita 2012(Año: 2 012)
  5. Imagen Escrita 2013 - ARQ(Año: 2 013)
  6. Imagen Escrita 2013 - DIS(Año: 2 013)
  7. Imagen Escrita 2017(Año: 2 017)
  8. Imagen Escrita 2018(Año: 2 018)
  9. Imagen Escrita 2019 T2(Año: 2 019)
  10. Imagen Escrita 2019 T1(Año: 2 019)
  11. Imagen Escrita 2019(Año: 2 019)
  12. Imagen Escrita 2020(Año: 2 020)
  13. Imagen Escrita 2021(Año: 2 021)
  14. Imagen Escrita 2022(Año: 2 022)
  15. Imagen Escrita 2023(Año: 2 023)
  16. Imagen Escrita: Espacios de Información(Año: 2 023)