-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
153 lines (141 loc) · 7.77 KB
/
index.html
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Creative Coding 2022 Edition</title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<section class="section--top">
<!-- <img class="img--logo img--creative-coding-2022" src="./imagenes/page/creativeCoding2022.gif" alt="Creative Coding 2022"> -->
<canvas class="drawingCanvas" width="" height="" id="drawingCanvas"></canvas>
</section>
<section class="section--about">
<p class="about__text">
Introducción a la Programación/Codificación Creativa 2022
<br/>
Por Matías Barreto
</p>
<div class="border"></div>
</section>
<section class="section--syllabus">
<p class="about__syllabus">
Objetivo: Iniciar el desarrollo del pensamiento computacional e introducir en los lenguajes y herramientas de la
interacción humano-máquina poniendo especial énfasis en distintas prácticas creativas que enlazan los mundos de la
ciencia con los mundos de las artes; el reino de las cosas y la materia con lo digital.
Durante todo el curso se pondrá especial énfasis en el desarrollo del ‘human learning’, es decir: el desarrollo de la
colaboración empática; la comunicación abierta del conocimiento abierto; la comunicación no verbal y los distintos modos
de devenir en el mundo.
<br />
<br />
Destinatarios: Abierto al público interesado, artistas, programadores autodidactas, investigadores, creativxs, etc.
<br />
<br />
Duración: 9 encuentros de 3 horas divididos en 2 módulos.
<br />
<br />
Fundamentación: los escenarios de la vida cotidiana en la actualidad se encuentran entrelazados con los lenguajes de la
interactividad tecno-electronica; este entrelazamiento encuentra en una (o varias) de sus capas al código de
programación que ordena, distribuye y propone ciertos comportamientos a los actores (sean estos humanos o no-humanos).
Este taller se propone adentrarse en el código a partir de prácticas propias del campo de la creatividad, es por ello
que el camino se inicia con el actual lenguaje de programación destinado a las prácticas interactivas: JavaScript. A
partir de allí, se sentarán las bases para iniciar un camino que comprenderá las interacciones humano-máquina (sin
descuidar las interacciones interespecies); la incursión en la Investigación en la Experiencia de Usuarios (UX)
focalizada en experiencias artísticas; el desarrollo de interfaces lúdicas.
<br />
<br />
Metodología: En muchas ocasiones, se utilizarán metodologías propias del campo del diseño (se introducirán nociones de
Design Thinking y diseño proyectual) pero en simultáneo y como eje central de esta propuesta se trabajará en un contexto
de experimentación artística antiproyectual que permitirá dar cuenta de ciertas formas de producir ligadas a la
discontinuidad, serialidad, retroprogresión, zonas de inquietudes íntimas y personales que muchas veces son esquivas a
los esquemas de formalización pero encuentran espacio en los “entre”, la dispersión y/o el balbuceo.
Es de resaltar que dentro de este espacio experimental en el que se tendrán siempre a mano las metodologías del campo
del diseño, se introducirán, en una primera instancia, nociones comunes que definan un lenguaje compartido para una vez
apropiado dar lugar al desarrollo de un estilo propio y puesta en práctica a partir de una posible búsqueda personal.
<br />
<br />
Programa:
<br />
<br />
Módulo 1: Nociones de programación: algoritmos, Scratch, JavaScript y Navegadores; metodologías proyectuales;
introducción a la Interactividad.
<br />
<br />
1 - Presentación: Metodologías. Herramientas. Instalación, puesta a punto y primeros pasos: algoritmos, Scratch e
interactividad experimental.
<br />
<br />
2 - Pensar la Interactividad en entornos digitales. Nociones de JavaScript 1 (Parte 1).
<br />
<br />
3 - Nociones de JavaScript 2. Una vuelta de tuerca a la interactividad.
<br />
<br />
4 - Primer momento: Hamlet en la era transmedia: narración e interacción en la era del código ubicuo.
Segundo momento: pensar la pantalla como galería, cine o museo para el siglo XXI y una era post-humana.
<br />
<br />
Módulo 2: Más allá de las pantallas. El antiproyecto, la no linealidad y la retroprogresión. Entrelazar mundos. UX
research para un mundo transespecie.
<br />
<br />
5 - Nociones comunes 2: Processing, Arduino, JavaScript. Una poética inestable de las conexiones electro-líquidas.
<br />
<br />
6 - Desarrollo de interfaces lúdicas y dispositivos de interacción humano-máquina utilizando Processing, Arduino y
JavaScript.
<br />
<br />
7 - Desarrollo de interfaces lúdicas y dispositivos de interacción humano-máquina utilizando Processing, Arduino y
JavaScript.
<br />
<br />
8 - Nociones Comunes 3: Python, un lenguaje para el análisis de datos, el machine learning y la Inteligencia Artificial.
<br />
<br />
9 - ¿Cómo entrenar modelos de Inteligencia Artificial para expandir la mente creativa? Construcción de datasets,
entrenamiento de modelos, primeros resultados.
<br />
<br />
Al finalizar el curso, quedará abierta la posibilidad de realizar una muestra a partir de la articulación de los deseos
y resultados de les, las y los participantes.
</p>
</section>
<section class="section-artwork">
<div class="galeria">
<div class="artwork__item">
<img class="img__galeria" src="./imagenes/works/artwork_001.png" alt="artwork_001">
<p class="titulo__galeria"></p>
</div>
<div class="artwork__item">
<img class="img__galeria" src="./imagenes/works/artwork_002.png" alt="artwork_002">
<p class="titulo__galeria"></p>
</div>
<div class="artwork__item">
<img class="img__galeria" src="./imagenes/works/artwork_003.png" alt="artwork_003">
<p class="titulo__galeria"></p>
</div>
</div>
</section>
<section class="section--contact">
<div class="border"></div>
<div class="contact__data">
<div class="contact__column">
<p class="contact__text">
Matias Barreto
<br/>
Buenos Aires, Argentina.
</p>
</div>
<div class="contact__column">
<p class="contact__text">
<a href="https://www.linkedin.com/in/barreto-matias/" target="_blank">linkedIn</a>
<a href="https://vimeo.com/devenirfantasma" target="_blank">Vimeo</a>
<a href="https://github.com/creativecoding2022" target="_blank">GitHub</a>
</div>
</section>
<script src="script.js"></script>
</body>
</html>