Introducción al Processing

1
13 12 Objetivo El objetivo del Curso es capacitar a los alumnos en el desarrollo de algoritmos visuales a través de la comprensión de los principales conceptos de programación. El curso pretende explorar la plataforma de programación Open Source Processing. Metodología Sobre La metodología del Curso, se articularán diferentes ejercicios asociados a los diferentes conceptos. INTRODUCCIÓN AL PROCESSING Fechas: 10-14 sep Horario: 9-14h o 16-21h Duración: 25h Precio: 300€ Profesor: Fran Castillo (arquitecto y diseñador de interacción) El curso está destinado a profesionales interesados en comprender la lógica y estructura de los lenguajes de programación como entornos dónde desarrollar proyectos de visualización de datos, así como a profesionales interesados en explorar una dimensión estética del algoritmo, investigando conceptos como Data Art o Art Visualization. Bloque 0. Introducción Introducción a la Visualización de Datos como disciplina transversal (estadística, programación, psicología cognitiva, diseño) dónde explorar a través de modelos de visualización estructuras de datos abstractas. La visualización de datos como disciplina nos posibilitará nuevas formas de amplificación de las capacidades cognitivas, comprensión y análisis de estructuras de datos. Breve introducción a la historia de la Visualización de Datos ( Cartografía, Estadística, Ciencia, ...) VS Visualización Analítica y Art Visualization. Presentación de diferentes protoejemplos que exploren conceptos como Art Visualization , Data Art, Generative Art, Visual Data, Computational Architecture. Bloque I. Processing Development Environment About Processing and Programming Languages Processing Development Environment ( Interface: Menu, Toolbar, Tabs, Text Editor, Message Area, Console) Using Processing (Download, Install, Web processing.org , Reference API, Export Application) Elementos del Código ( sintaxis, funciones, case sensitivity, whitespace, console, println(), print() Sistema de Coordenadas Drawing Order. Drawing Modes Flujo de Ejecución de un Programa. Structure, logic and animation (Void Setup / Void Draw) Bloque 2. Introducción a la Lógica de Programación Variables. Data Type Operaciones Aritméticas. Funciones Operadores Lógicos, Operadores Relacionales Estructuras Condicionales ( if / else / else if ) Estructuras de Repeticion ( For Loops ) Nested Iteration 2.6 Funciones. Creando Funciones. Function overloading. Calculating and Returning Values Clases. Objetos. Paradigma de Programación Orientada a Objetos, OOP Arrays, ArrayList Arrays of Objects Advanced OOP Bloque 3. Funciones Processing Funciones Primitivas. Shape Color by Numbers. Color Data, ColorMode. Color Selector Imagen. Display (PImage; loadImage; image; ) Tipografía. Display (PFont; loadFont(“”); textFont(); ) Trigonometría (sin, cos,...) Random, Noise Transform : Translate, Matrices (translate(); pushMatrix(); popMatrix(); ) Transform : Rotate, Scale (rotate(); scale(); ) Input Mouse, Keyboard, Events Drawing in 3D Space (OPENGL, P3D), Coordinate System 3D Bloque 4. Extending Processing. Libraries Introducción Libraries. Extending Processing, Install, Description Interfaz. Control P5 3D. Peasy Cam ( Entorno 3D, Camara, Perspectiva ) Parametric Design / Physics / Video / Quicktime Movie. Animation Recorder / DXF Export Bloque 5. Data Art + Generative Art Se investigará el diseño de algoritmos que exploren una dimensión estética del dato. Recursividad / Organic Motion / Random / Perlin Noise / Rotational Drawing / Complexity / Emergence / Arrays 2D / ArrayList Bloque 6. Data Visualization Se investigará la metodología a seguir en un proyecto de Visualización de Datos. Introducción a la Metodología. Etapas en el proceso de diseño: Data Gathering, Parse Data, Analysis Data, Filter, Data Mining, Visualization (Interface Design), Analysis/ Refine Data, Interact Mapping Se desarrollará un caso de estudio en el que exploraremos las diferentes etapas de diseño en un proyecto de Visua- lización de Datos, investigaremos el Mapping Software como sistema de visualización, procesando, visualizando e interactuando con diferentes conjuntos de datos sobre un mapa. Data Input / Data Output Contenido El programa del curso se estructura entorno a 5 sesiones: L M X J V S D 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

description

El curso está destinado a profesionales interesados en comprender la lógica y estructura de los lenguajes de programación como entornos dónde desarrollar proyectos de visualización de datos, así como a profesionales interesados en explorar una dimensión estética del algoritmo, investigando conceptos como Data Art o Art Visualization.

Transcript of Introducción al Processing

Page 1: Introducción al Processing

1312

ObjetivoEl objetivo del Curso es capacitar a los alumnos en el desarrollo de algoritmos visuales a través de la comprensión de los principales conceptos de programación. El curso pretende explorar la plataforma de programación Open Source Processing.

MetodologíaSobre La metodología del Curso, se articularán diferentes ejercicios asociados a los diferentes conceptos.

introducción al processing

Fechas: 10-14 sepHorario: 9-14h o 16-21hDuración: 25hPrecio: 300€Profesor: Fran Castillo (arquitecto y diseñador de interacción)

el curso está destinado a profesionales interesados en comprender la lógica y estructura de los lenguajes de programación como entornos dónde desarrollar proyectos de visualización de datos, así como a profesionales interesados en explorar una dimensión estética del algoritmo, investigando conceptos como data art o art Visualization.

Bloque 0. Introducción

• Introducción a la Visualización de Datos como disciplina transversal (estadística, programación, psicología cognitiva, diseño) dónde explorar a través de modelos de visualización estructuras de datos abstractas. La visualización de datos como disciplina nos posibilitará nuevas formas de amplificación de las capacidades cognitivas, comprensión y análisis de estructuras de datos.

• Breve introducción a la historia de la Visualización de Datos ( Cartografía, Estadística, Ciencia, ...) VS Visualización Analítica y Art Visualization.

• Presentación de diferentes protoejemplos que exploren conceptos como Art Visualization , Data Art, Generative Art, Visual Data, Computational Architecture.

Bloque I. Processing Development Environment

• About Processing and Programming Languages

• Processing Development Environment ( Interface: Menu, Toolbar, Tabs, Text Editor, Message Area, Console)

• Using Processing (Download, Install, Web processing.org , Reference API, Export Application)

• Elementos del Código ( sintaxis, funciones, case sensitivity, whitespace, console, println(), print()

• Sistema de Coordenadas

• Drawing Order. Drawing Modes

• Flujo de Ejecución de un Programa. Structure, logic and animation (Void Setup / Void Draw)

Bloque 2. Introducción a la Lógica de Programación

• Variables. Data Type

• Operaciones Aritméticas. Funciones

• Operadores Lógicos, Operadores Relacionales

• Estructuras Condicionales ( if / else / else if )

• Estructuras de Repeticion ( For Loops ) Nested Iteration

• 2.6 Funciones. Creando Funciones. Function overloading. Calculating and Returning Values

• Clases. Objetos. Paradigma de Programación Orientada a Objetos, OOP

• Arrays, ArrayList

• Arrays of Objects

• Advanced OOP

Bloque 3. Funciones Processing

• Funciones Primitivas. Shape

• Color by Numbers. Color Data, ColorMode. Color Selector

• Imagen. Display (PImage; loadImage; image; )

• Tipografía. Display (PFont; loadFont(“”); textFont(); )

• Trigonometría (sin, cos,...)

• Random, Noise

• Transform : Translate, Matrices (translate(); pushMatrix(); popMatrix(); )

• Transform : Rotate, Scale (rotate(); scale(); )

• Input Mouse, Keyboard, Events

• Drawing in 3D Space (OPENGL, P3D), Coordinate System 3D

Bloque 4. Extending Processing. Libraries

• Introducción Libraries. Extending Processing, Install, Description

• Interfaz. Control P5

• 3D. Peasy Cam ( Entorno 3D, Camara, Perspectiva )

• Parametric Design / Physics / Video / Quicktime Movie. Animation Recorder / DXF Export

Bloque 5. Data Art + Generative Art

Se investigará el diseño de algoritmos que exploren una dimensión estética del dato.

Recursividad / Organic Motion / Random / Perlin Noise / Rotational Drawing / Complexity / Emergence / Arrays 2D / ArrayList

Bloque 6. Data Visualization

Se investigará la metodología a seguir en un proyecto de Visualización de Datos.

• Introducción a la Metodología. Etapas en el proceso de diseño: Data Gathering, Parse Data, Analysis

• Data, Filter, Data Mining, Visualization (Interface Design), Analysis/ Refine Data, Interact

• Mapping

Se desarrollará un caso de estudio en el que exploraremos las diferentes etapas de diseño en un proyecto de Visua-lización de Datos, investigaremos el Mapping Software como sistema de visualización, procesando, visualizando e interactuando con diferentes conjuntos de datos sobre un mapa.

• Data Input / Data Output

ContenidoEl programa del curso se estructura entorno a 5 sesiones:

L M X J V S D

1 23 4 5 6 7 8 910 11 12 13 14 15 1617 18 19 20 21 22 2324 25 26 27 28 29 30