Este documento resume una presentación sobre programación creativa. Habla sobre programadores como artistas, la historia de las computadoras y los lenguajes de programación, así como conceptos como objetos, interacción y dinámico vs estático. También menciona ejemplos históricos como el I Ching y modelos tempranos de computadoras. El documento resume la presentación a través de una serie de tuits.
1. 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. 2
martes 22 de junio de 2010 2
[twitter]mostrando el video del “joven Frankenstein” cuando “fronkonstin” conoce a i-gor[/twitter]
3. 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 artificiales 13.la gente (tipos de)
20.preguntas
7.jerigonza 14.sintonización
3
martes 22 de junio de 2010 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 ;)
4. 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
martes 22 de junio de 2010 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.
5. 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
martes 22 de junio de 2010 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.
6. 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
martes 22 de junio de 2010 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]
7. 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
martes 22 de junio de 2010 7
[twitter]hablando de "Explication de l'Arithmétique Binaire" de Leibniz[/twitter]
8. 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
martes 22 de junio de 2010 8
[twitter]hablando del “modelo k” de George Stibitz[/twitter]
9. COMPUTADORAS ?
un poco de historia | un poco de sci-fi
9
martes 22 de junio de 2010 9
[twitter]computadoras ?[/twitter]
10. 1961
IBM 7094
10
martes 22 de junio de 2010 10
[twitter]IBM 7094, http://en.wikipedia.org/wiki/IBM_7094[/twitter]
http://en.wikipedia.org/wiki/IBM_7094
11. 2001
HAL 9000
11
martes 22 de junio de 2010 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
12. ORNL Jaguar NSCS Nebulae
2010
12
martes 22 de junio de 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)
13. 1984
Macintosh computer
13
martes 22 de junio de 2010 13
[twitter]1984 Macintosh http://www.youtube.com/watch?v=lSiQA6KKyJo[/twitter]
http://www.youtube.com/watch?v=lSiQA6KKyJo
14. 1984
Macintosh computer
13
martes 22 de junio de 2010 13
[twitter]1984 Macintosh http://www.youtube.com/watch?v=lSiQA6KKyJo[/twitter]
http://www.youtube.com/watch?v=lSiQA6KKyJo
15. HUMANOS & MAQUINAS
14
martes 22 de junio de 2010 14
[twitter]humanos y maquinas, http://www.subblue.com/blog/2010/3/29/the_formula[/twitter]
16. CUANDO EL SER HUMANO DISPONE DE LA TECNOLOGÍA SUFICIENTE,
SE DEDICA A CREAR...CUANDO NO, SE DEDICA A CREARLA.
15
martes 22 de junio de 2010 15
[twitter]Cuando el ser humano dispone de la tecnología suficiente, se dedica a crear...cuando no, se dedica a crearla.
[/twitter]
Cuando el ser humano dispone de la tecnología suficiente, se dedica a crear...cuando no, se dedica a crearla.
17. IDIOMAS ARTIFICIALES
16
martes 22 de junio de 2010 16
[twitter]idiomas artificiales, http://es.wikipedia.org/wiki/Idioma_artificial[/twitter]
18. IDIOMAS ARTIFICIALES
• Un lenguaje de programación es un idioma artificial* diseñado para expresar
computaciones que pueden ser llevadas a cabo por máquinas como las computadoras.
16
martes 22 de junio de 2010 16
[twitter]idiomas artificiales, http://es.wikipedia.org/wiki/Idioma_artificial[/twitter]
19. IDIOMAS ARTIFICIALES
• Un lenguaje de programación es un idioma artificial* diseñado para expresar
computaciones que pueden ser llevadas a cabo por máquinas como las computadoras.
• *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
martes 22 de junio de 2010 16
[twitter]idiomas artificiales, http://es.wikipedia.org/wiki/Idioma_artificial[/twitter]
20. IDIOMAS ARTIFICIALES
• Un lenguaje de programación es un idioma artificial* diseñado para expresar
computaciones que pueden ser llevadas a cabo por máquinas como las computadoras.
• *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
martes 22 de junio de 2010 16
[twitter]idiomas artificiales, http://es.wikipedia.org/wiki/Idioma_artificial[/twitter]
21. 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
martes 22 de junio de 2010 17
[twitter]jerigonza: el lado oscuro del pseudoconocimiento[/twitter]
22. 18
martes 22 de junio de 2010 18
[twitter]jerigonza: viendo video de César Alierta http://www.youtube.com/watch?v=rVADWAxOZtg[/twitter]
23. PROGRAMAR ?
19
martes 22 de junio de 2010 19
[twitter]programar ?[/twitter]
24. PERFORAR
La tarjeta perforada es una cartulina con unas determinaciones al estar perforadas,
lo que supone un código binario.
20
martes 22 de junio de 2010 20
[twitter]las tarjetas perforadas, http://es.wikipedia.org/wiki/Tarjeta_perforada[/twitter]
http://es.wikipedia.org/wiki/Tarjeta_perforada
25. 21
martes 22 de junio de 2010 21
[twitter]mostrando la faceta de Apu programador, capitulo 07x23 de los Simpsons[/twitter]
26. LOS OBJETOS
22
martes 22 de junio de 2010 22
[twitter]los objetos[/twitter]
27. 23
martes 22 de junio de 2010 23
[twitter]hablando del paradigma de photoshop[/twitter]
28. 23
martes 22 de junio de 2010 23
[twitter]hablando del paradigma de photoshop[/twitter]
29. 23
martes 22 de junio de 2010 23
[twitter]hablando del paradigma de photoshop[/twitter]
30. 23
martes 22 de junio de 2010 23
[twitter]hablando del paradigma de photoshop[/twitter]
31. YOUTUBETA
24
martes 22 de junio de 2010 24
[twitter]comparando youtube con un reproductor de video beta[/twitter]
32. 25
martes 22 de junio de 2010 25
[twitter]mostrando un desastre de interface #FAIL[/twitter]
33. DINÁMICO & ESTÁTICO
26
martes 22 de junio de 2010 26
[twitter]lo dinámico & lo estático[/twitter]
34. An Empty Canvas
27
martes 22 de junio de 2010 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
35. INTERACCIÓN
28
martes 22 de junio de 2010 28
[twitter]interacción[/twitter]
36. MOC [OPENFRAMEWORKS]
29
martes 22 de junio de 2010 29
[twitter]mostrando MOC, http://www.creativeapplications.net/openframeworks/moc-openframeworks/[/twitter]
37. EYEWRITER [OPENFRAMEWORKS]
30
martes 22 de junio de 2010 30
[twitter]mostrando EYEWRITER, http://www.creativeapplications.net/openframeworks/eyewriter-openframeworks/[/
twitter]
38. GRAFFITI ANALYSIS 2.0 [OPENFRAMEWORKS]
31
martes 22 de junio de 2010 31
[twitter]mostrando Graffiti Analysis 2.0, http://www.creativeapplications.net/openframeworks/moc-openframeworks/
[/twitter]
39. LO RHIZOMATICO
32
martes 22 de junio de 2010 32
[twitter]hablando de lo rhizomatico[/twitter]
40. LA GENTE (TIPOS DE)
http://dlanham.com/ui/amora/
33
martes 22 de junio de 2010 33
[twitter]hablando de los 3 tipos de personas[/twitter]
41. LA GENTE (TIPOS DE)
‘Explorativos’
http://dlanham.com/ui/amora/
33
martes 22 de junio de 2010 33
[twitter]hablando de los 3 tipos de personas[/twitter]
42. LA GENTE (TIPOS DE)
‘Explorativos’ ‘Pasivos’
http://dlanham.com/ui/amora/
33
martes 22 de junio de 2010 33
[twitter]hablando de los 3 tipos de personas[/twitter]
43. LA GENTE (TIPOS DE)
‘Explorativos’ ‘Pasivos’ ‘Científicos’
http://dlanham.com/ui/amora/
33
martes 22 de junio de 2010 33
[twitter]hablando de los 3 tipos de personas[/twitter]
44. ANOMALÍA
(Del lat. anomalĭa, y este del gr. ἀνωμαλία).
1. f. Discrepancia de una regla o de un uso.
34
martes 22 de junio de 2010 34
[twitter]la anomalía[/twitter]
45. 35
martes 22 de junio de 2010 35
[twitter]mostrando “public presentation” de mrdoob, http://twitter.com/mrdoob/status/12177732449[/twitter]
46. 36
martes 22 de junio de 2010 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)
47. 37
martes 22 de junio de 2010 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 ?
48. • 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
martes 22 de junio de 2010 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/
49. SINTONIZACIÓN
39
martes 22 de junio de 2010 39
[twitter]sintonización social[/twitter]
50. LA NUEVA VIEJA ESCUELA
40
martes 22 de junio de 2010 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
51. METAMEDIOS & TRANSMEDIOS
41
martes 22 de junio de 2010 41
[twitter]metamedios & transmedios[/twitter]
52. 42
martes 22 de junio de 2010 42
[twitter]mostrando “johnny cash project”, http://www.radicalmedia.com/Design%7EDigital[/twitter]
http://www.radicalmedia.com/Design%7EDigital
53. EXCESO DE INFORMACIÓN ?
43
martes 22 de junio de 2010 43
[twitter] exceso de información ?[/twitter]
54. 44
martes 22 de junio de 2010 44
[twitter]http://newsmap.jp/#/b,e,m,n,s,t,w/es/view/[/twitter]
55. 45
martes 22 de junio de 2010 45
[twitter]hablando de rss, http://abduzeedo.com/explaining-rss-your-mother[/twitter]
http://abduzeedo.com/explaining-rss-your-mother
56. EJEMPLOS++
46
martes 22 de junio de 2010 46
[twitter]ejemplos++[/twitter]
57. 47
martes 22 de junio de 2010 47
[twitter]http://www.bicyclebuiltfortwothousand.com/[/twitter]
58. EJEMPLOS [1-3]
• http://elkraneo.com/magazine/2010/01/12/robert-hodgin-portfolio/
• http://elkraneo.com/magazine/2010/01/13/swissmiss-passive-agressive-wi-fi-hotspots/
• http://elkraneo.com/magazine/2010/01/13/reflected-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
martes 22 de junio de 2010 48
[twitter]saturando de ejemplos [1-3][/twitter]
59. 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
martes 22 de junio de 2010 49
[twitter]saturando de ejemplos [2-3][/twitter]
60. 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-
graffiti/
• 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/first-person-tetris/
50
martes 22 de junio de 2010 50
[twitter]saturando de ejemplos [3-3][/twitter]
61. PREGUNTAS...
51
martes 22 de junio de 2010 51
[twitter]ala, se reciben preguntas...[/twitter]
62. [TWITTER] UNA COSA MAS [/TWITTER]
52
martes 22 de junio de 2010 52
[twitter]una cosa mas: http://www.uniqlo.com/utweet/#/search/programacioncreativa[/twitter]
63. THX
53
martes 22 de junio de 2010 53
[twitter]thx[/twitter]