Programación creativa v01

PROGRAMACIÓN CREATIVA
skip intro

1
martes 22 de junio de 2010 1

[twitter]iniciando mi presentación de “programación creativa” en el IED[/twitter]

2

[twitter]mostrando el video del “joven Frankenstein” cuando “fronkonstin” conoce a i-gor[/twitter]

INDEX
1.quien soy 8.programar ?
15.anomalía
2.programadores creativos ? 9.los objetos
16.la nueva vieja escuela
3.el i-ching 10.dinámico & estático
17.metamedios &
transmedios
4.computadoras ? 11.interacción
18.exceso de información ?
5.humanos & maquinas 12.lo rhizomatico
19.más ejemplos
6.idiomas artiﬁciales 13.la gente (tipos de)
20.preguntas
7.jerigonza 14.sintonización

3

[twitter]hablando del indice de mi presentación[/twitter]
10 wii, stylobox ?
12 hablar de cine
13 trending, coolhuntig (tipos de personas)
16 tocar el tema de la educación
18 biblioteca de Alejandría vs google - metódicas y herramientas de organización (rss, etc)
21 una cosa mas ;)

PROGRAMADORES CREATIVOS ?
Durante mucho tiempo el título “artista” estubo reservado para el maestro pintor, escultor o arquitecto, ahora tenemos una comprensión
más amplia de lo que comprende el arte y por lo tanto lo que representa el título.

Hace un siglo, las películas eran vistas como documentales carentes de arte. Hoy en día, sabemos cómo “leer” películas y apreciar su
carácter subjetivo.

Eso sí, actualmente hablamos de una brecha entre lo creativo y lo técnico.

El programador hoy, es como los cineastas de principios del siglo pasado: artistas trabajando duro en una relativa oscuridad, en espera de
una sociedad alfabetizada para apreciar los matices de su arte. ¿Llevará un siglo para que esto suceda? No lo creo.

Foundation ActionScript Animation:
Making Things Move!
By Keith Peters

4

[twitter]hablando de Keith Peters para hacer referencia a la frontera entre técnico y artista[/twitter]

There is a magical line that separates artist from artisan—a line conceived by a spark of creativity but carved, laboriously, by boundless passion,
energy, and dedication. The artist exudes an envious ability to simultaneously inspire awe, impart experience, and evoke emotion in others.
Whereas once the title was reserved for the master painter, sculptor, or architect, we now have a wider appreciation of what comprises art and
thus what comprises the artist.

A mere century ago, we saw films as absolute, objective slices of reality—as documents devoid of artistry. Today, we can appreciate their
subjective nature and the many intricacies that separate a master work from a home movie. This was not always so. When Louis and Auguste
Lumiere first showed their film of the arrival of an express train at Lyons station, the audience fled the theater in terror, afraid for their lives at
the sight of the oncoming train. Today, we know better. We know how to “read” film. We are film-literate. But we cannot yet say the same thing
about programming.

Today, we look upon programming as a purely technical pursuit. We talk of a divide between the creative and the technical, and lump
programmers in the latter. The programmer is today as the filmmaker was early last century: an artist toiling in relative obscurity, awaiting a code-
literate society to appreciate the nuances of her art. Will it take a century for this happen? I don’t think so.

EL I-CHING
Se cree que describe la situación presente de quien lo consulta y predice el modo en que
se resolverá en el futuro si se adopta ante ella la posición correcta
5

[twitter]hablando del i-ching, y explicando q narices tiene q ver con el mundo binario[/twitter]
http://edant.clarin.com/diario/2000/12/31/s-04902.htm

la historia del 0:
La historia del número cero y de su entrada en la Europa cristiana durante la Edad Media, atrapó a los lectores
estadounidenses durante el 2000. Varios libros se ocuparon del tema y de sus implicancias filosóficas, artísticas,
religiosas y matemáticas. Entre ellos Zero, the biography of a dangerous idea de Charles Seife y The nothing that is: a
natural history of Zero, de Robert Kaplan.

La Grecia clásica, que tanto influyó en Roma y luego en el cristianismo, estaba obsesionada con la proporción.
Aristóteles había dicho que el cosmos no era infinito. La teología católica, que se desarrolló a partir de la filosofía de
Aristóteles, "no podía aceptar el cero, que estaba asociado a la idea del vacío, la nada, el infinito. Estas eran nociones
heréticas para el cristianismo", dice Seife. Por eso fue rechazado durante buena parte de la Edad Media, hasta que
penetró a través de los mercaderes italianos de Génova y Venecia, que comerciaban con el Islam.

En el año 1202 el matemático italiano Leonardo Fibonacci escribió un texto sobre los números arábigos, El libro del
ábaco, inspirándose en el tratado de álgebra escrito en el siglo VIII por el matemático árabe Muhammad Ibn al-
Khwarizmi, de cuyo nombre deriva la palabra española "guarismo".

La idea del cero y el álgebra se desarrolló en la India desde el siglo V antes de Cristo. Allí varias religiones aceptaban
la creación del mundo a partir de la nada. Los árabes transmitieron esa sabiduría matemática a Europa con la
expansión del Islam. Los judíos también la incorporaron a la Cábala, su tradición mística, para crear la numerología.

Ya en Europa, el cero permitió el cálculo infinitesimal, la matemática financiera y mucho más. Desde la física de Isaac
Newton hasta la geometría proyectiva de Georg Reinmann, las teorías de Albert Einstein y Max Planck sobre la
relatividad y la mecánica cuántica.

Una serie completa de 8 trigramas y 64 hexagramas (análogos a 3 bit) y números
binarios de 6 bit, eran conocidos en la antigua china en el texto clásico del I Ching.

6

[twitter]i-ching: Una serie completa de 8 trigramas y 64 hexagramas (análogos a 3 bit) y números binarios de 6 bit[/
twitter]

SISTEMA BINARIO
El sistema binario moderno fue
documentado en su totalidad por Leibniz,
en el siglo diecisiete, en su artículo
"Explication de l'Arithmétique Binaire".

7

[twitter]hablando de "Explication de l'Arithmétique Binaire" de Leibniz[/twitter]

MODELO K

• En noviembre de 1937, George Stibitz,
trabajando por aquel entonces en los
Laboratorios Bell, construyó una
computadora basada en relés —a la cual
apodó "Modelo K" (porque la construyó
en una cocina, en inglés "kitchen")— que
utilizaba la suma binaria para realizar los
cálculos

8

[twitter]hablando del “modelo k” de George Stibitz[/twitter]

COMPUTADORAS ?
un poco de historia | un poco de sci-ﬁ

9

[twitter]computadoras ?[/twitter]

1961
IBM 7094

10

[twitter]IBM 7094, http://en.wikipedia.org/wiki/IBM_7094[/twitter]
http://en.wikipedia.org/wiki/IBM_7094

2001
HAL 9000

11

[twitter]2001 HAL 9000, http://en.wikipedia.org/wiki/HAL_9000[/twitter]

http://en.wikipedia.org/wiki/HAL_9000
http://www.youtube.com/watch?v=85wCw3ArNhs#t=4m45s

ORNL Jaguar NSCS Nebulae

2010
12

[twitter]hablando de los superordenadores actuales, http://www.top500.org/lists/2010/06[/twitter]
http://www.top500.org/lists/2010/06

System Name: Jaguar
Site Oak Ridge National Laboratory United States
System Family Cray XT
System Model Cray XT5-HE
Computer Cray XT5-HE Opteron Six Core 2.6 GHz
Vendor Cray Inc.
Processor AMD x86_64 Opteron Six Core 2600 MHz (10.4 GFlops)

1984
Macintosh computer

13

[twitter]1984 Macintosh http://www.youtube.com/watch?v=lSiQA6KKyJo[/twitter]

http://www.youtube.com/watch?v=lSiQA6KKyJo

HUMANOS & MAQUINAS
14

[twitter]humanos y maquinas, http://www.subblue.com/blog/2010/3/29/the_formula[/twitter]

CUANDO EL SER HUMANO DISPONE DE LA TECNOLOGÍA SUFICIENTE,
SE DEDICA A CREAR...CUANDO NO, SE DEDICA A CREARLA.
15

[twitter]Cuando el ser humano dispone de la tecnología suﬁciente, se dedica a crear...cuando no, se dedica a crearla.
[/twitter]
Cuando el ser humano dispone de la tecnología suﬁciente, se dedica a crear...cuando no, se dedica a crearla.

IDIOMAS ARTIFICIALES

16

[twitter]idiomas artiﬁciales, http://es.wikipedia.org/wiki/Idioma_artiﬁcial[/twitter]


• Un lenguaje de programación es un idioma artiﬁcial* diseñado para expresar
computaciones que pueden ser llevadas a cabo por máquinas como las computadoras.

16




• *es un idioma que ha sido total o parcialmente construido, planeado o diseñado por
seres humanos a partir del estudio de las lenguas naturales.

16




• *es un idioma que ha sido total o parcialmente construido, planeado o diseñado por
seres humanos a partir del estudio de las lenguas naturales.

• Los lenguajes de programación no son ideolenguas porque no son idiomas.

16


JERIGONZA.
• (Del prov. gergons).

• 1. f. Lenguaje especial de algunos gremios.

• 2. f. Lenguaje de mal gusto, complicado y difícil de entender.

• 3. f. coloq. p. us. Acción extraña y ridícula.

• andar en ~s.

• 1. loc. verb. coloq. Andar en rodeos o tergiversaciones maliciosas.

17

[twitter]jerigonza: el lado oscuro del pseudoconocimiento[/twitter]

18

[twitter]jerigonza: viendo video de César Alierta http://www.youtube.com/watch?v=rVADWAxOZtg[/twitter]

PROGRAMAR ?

19

[twitter]programar ?[/twitter]

PERFORAR
La tarjeta perforada es una cartulina con unas determinaciones al estar perforadas,
lo que supone un código binario.
20

[twitter]las tarjetas perforadas, http://es.wikipedia.org/wiki/Tarjeta_perforada[/twitter]

http://es.wikipedia.org/wiki/Tarjeta_perforada

21

[twitter]mostrando la faceta de Apu programador, capitulo 07x23 de los Simpsons[/twitter]

LOS OBJETOS

22

[twitter]los objetos[/twitter]

23

[twitter]hablando del paradigma de photoshop[/twitter]

YOUTUBETA
24

[twitter]comparando youtube con un reproductor de video beta[/twitter]

25

[twitter]mostrando un desastre de interface #FAIL[/twitter]

DINÁMICO & ESTÁTICO

26

[twitter]lo dinámico & lo estático[/twitter]

An Empty Canvas

27

[twitter]an empty canvas, hablando del #iPad http://culturedcode.com/things/blog/2010/04/an-empty-canvas.html
[/twitter]

http://culturedcode.com/things/blog/2010/04/an-empty-canvas.html

INTERACCIÓN

28

[twitter]interacción[/twitter]

MOC [OPENFRAMEWORKS]

29

[twitter]mostrando MOC, http://www.creativeapplications.net/openframeworks/moc-openframeworks/[/twitter]

EYEWRITER [OPENFRAMEWORKS]

30

[twitter]mostrando EYEWRITER, http://www.creativeapplications.net/openframeworks/eyewriter-openframeworks/[/
twitter]

GRAFFITI ANALYSIS 2.0 [OPENFRAMEWORKS]

31

[twitter]mostrando Graffiti Analysis 2.0, http://www.creativeapplications.net/openframeworks/moc-openframeworks/
[/twitter]

LO RHIZOMATICO

32

[twitter]hablando de lo rhizomatico[/twitter]

LA GENTE (TIPOS DE)

http://dlanham.com/ui/amora/
33

[twitter]hablando de los 3 tipos de personas[/twitter]

LA GENTE (TIPOS DE)

‘Explorativos’

33


LA GENTE (TIPOS DE)

‘Explorativos’ ‘Pasivos’

33


LA GENTE (TIPOS DE)

‘Explorativos’ ‘Pasivos’ ‘Cientíﬁcos’

33


ANOMALÍA
(Del lat. anomalĭa, y este del gr. ἀνωμαλία).
1. f. Discrepancia de una regla o de un uso.

34

[twitter]la anomalía[/twitter]

35

[twitter]mostrando “public presentation” de mrdoob, http://twitter.com/mrdoob/status/12177732449[/twitter]

36

[twitter]mostrando “A 100 page Microsoft Word-document”, http://www.ignaciouriarte.com/[/twitter]

18. A 100 page Microsoft Word-document with a standard Microsoft Word-square scattered randomly on each page –
Microsoft Word
2005
library with 100 Word-documents page-size: 8.5 x 11” (letter)

37

[twitter] Man Uploads, Downloads, and Re-Uploads Video to YouTube 1,000 Times. http://www.neatorama.com/
2010/06/04/man-uploads-downloads-and-re-uploads-video-to-youtube-1000-times/[/twitter]

Man Uploads, Downloads, and Re-Uploads Video to YouTube 1,000 Times.
…mmm si, hoy día me apetece subir y resubir y volver a resubirlo 1000 veces este video a ver como queda el glitch
art…aparte de eso, alguna otra obsesión ?

• http://www.elpais.com/articulo/cultura/Cervantes/denuncia/sabotaje/Internet/
votacion/palabras/castellanas/elpepucul/20100614elpepucul_3/Tes

• http://www.siliconbeachtraining.co.uk/blog/twitter-heckled-know-your-audience/

• http://chronicle.com/article/A-Self-Appointed-Teacher-Runs/65793/

• http://twitter.com/tw1tt3rart

• http://elkraneo.com/magazine/2010/02/07/google-streetcar-in-berlin-f-a-t/

38

[twitter]+ ejemplos de anomalías[/twitter]
http://www.siliconbeachtraining.co.uk/blog/twitter-heckled-know-your-audience/
http://www.elpais.com/articulo/cultura/Cervantes/denuncia/sabotaje/Internet/votacion/palabras/castellanas/
elpepucul/20100614elpepucul_3/Tes
http://chronicle.com/article/A-Self-Appointed-Teacher-Runs/65793/

SINTONIZACIÓN

39

[twitter]sintonización social[/twitter]

LA NUEVA VIEJA ESCUELA

40

[twitter]la nueva vieja escuela, http://stevenf.tumblr.com/post/359224392/i-need-to-talk-to-you-about-
computers-ive-been[/twitter]

http://stevenf.tumblr.com/post/359224392/i-need-to-talk-to-you-about-computers-ive-been

METAMEDIOS & TRANSMEDIOS

41

[twitter]metamedios & transmedios[/twitter]

42

[twitter]mostrando “johnny cash project”, http://www.radicalmedia.com/Design%7EDigital[/twitter]

http://www.radicalmedia.com/Design%7EDigital

EXCESO DE INFORMACIÓN ?

43

[twitter] exceso de información ?[/twitter]

44

[twitter]http://newsmap.jp/#/b,e,m,n,s,t,w/es/view/[/twitter]

45

[twitter]hablando de rss, http://abduzeedo.com/explaining-rss-your-mother[/twitter]

http://abduzeedo.com/explaining-rss-your-mother

EJEMPLOS++

46

[twitter]ejemplos++[/twitter]

47

[twitter]http://www.bicyclebuiltfortwothousand.com/[/twitter]

EJEMPLOS [1-3]
• http://elkraneo.com/magazine/2010/01/12/robert-hodgin-portfolio/

• http://elkraneo.com/magazine/2010/01/13/swissmiss-passive-agressive-wi-ﬁ-hotspots/

• http://elkraneo.com/magazine/2010/01/13/reﬂected-in-the-trash/

• http://elkraneo.com/magazine/2010/01/27/very-slow-scan-television-today-and-tomorrow/

• http://elkraneo.com/magazine/2010/01/29/fui-fantasy-user-interfaces-mark-coleran-visual-designer/

• http://elkraneo.com/magazine/2010/02/03/we-love-you-so-how-they-did-it-that-crazy-sour-music-video/

• http://elkraneo.com/magazine/2010/02/05/gaffta-transpose-the-work-of-aaron-koblin-and-robert-
hodgin/

48

[twitter]saturando de ejemplos [1-3][/twitter]

EJEMPLOS [2-3]
• http://elkraneo.com/magazine/2010/02/16/el-talento-de-takayuki-fukatsu/

• http://elkraneo.com/magazine/2010/02/16/moscells-processing-exploring-structural-permutations-for-
furniture-design-creativeapplications-net/

• http://elkraneo.com/magazine/2010/02/19/blog-de-bubok-publicar-tus-libros-gratis-»-consigue-los-
microrrelatos-de-juan-jose-millas-en-tu-movil/

• http://elkraneo.com/magazine/2010/03/10/bestiario-eyecandy/

• http://elkraneo.com/magazine/2010/03/24/kim-asendorf-empty-windows-gui-art/

• http://elkraneo.com/magazine/2010/04/02/dazzle-makeup/

• http://elkraneo.com/magazine/2010/04/10/envision-step-into-the-sensory-box-on-vimeo/

49


EJEMPLOS [3-3]
• http://elkraneo.com/magazine/2010/05/14/459-–-marge-simpson’s-european-
adventure-«-strange-maps/

• http://elkraneo.com/magazine/2010/05/25/30699-sweza-uses-qr-codes-to-preserve-
grafﬁti/

• http://elkraneo.com/magazine/2010/05/24/ar-cookies-mike-clare/

• http://elkraneo.com/magazine/2010/06/12/bodycloud-—-capturing-human-movements-
on-datavisualization-ch/

• http://elkraneo.com/magazine/2010/01/14/ﬁrst-person-tetris/
50


PREGUNTAS...

51

[twitter]ala, se reciben preguntas...[/twitter]

[TWITTER] UNA COSA MAS [/TWITTER]

52

[twitter]una cosa mas: http://www.uniqlo.com/utweet/#/search/programacioncreativa[/twitter]

THX

53

[twitter]thx[/twitter]

Programación creativa v01

Recomendados

Recomendados

Más contenido relacionado

Similar a Programación creativa v01

Similar a Programación creativa v01 (20)

Último

Último (20)

Programación creativa v01