Este documento presenta información sobre Arduino y Processing. Brevemente describe que Arduino es hardware libre para creación electrónica y Processing es software libre para artes electrónicas y visuales. Juntos permiten crear proyectos interactivos que combinan hardware y software.

1. Arduino
+
Processing
Gerardo Puerta
Francisco Moreno
Francisco González
Monday, May 9, 2011

2. 1 Origen
deviantart @alakPaKid
Monday, May 9, 2011

3. Monday, May 9, 2011

4. Monday, May 9, 2011

5. +
=
Monday, May 9, 2011

6. +
Monday, May 9, 2011

7. +
Monday, May 9, 2011

8. +
Monday, May 9, 2011

9. Monday, May 9, 2011

10. Monday, May 9, 2011

11. ¿Qué son arduino y processing?
Todos los esquemas
se pueden descargar
desde la misma página
Hardware
de arduino: http:// Libre
arduino.cc
El lenguaje de
programación,
el IDE y todo el entorno Software
necesario son libres. http://
processing.org/ Libre
Monday, May 9, 2011

12. Monday, May 9, 2011

13. Processing
y Arduino
Juntos
deviantart @Bootcoot
Monday, May 9, 2011

14. Arduino como HID
device or HID
man in terface
A hu er devi ce that
ype of comput
is a t ith, an d most
racts d irectly w
inte from, h umans
oft en take s input
eliver o utput to
and may d
hu mans.
http://en.wikipedia.org/wiki/Human_interface_device
Monday, May 9, 2011

15. Monday, May 9, 2011

16. 2 Hardware
deviantart @Whisperin
Monday, May 9, 2011
g-Legacy

17. Monday, May 9, 2011

18. Tipos de E/S
1.
E ntrada Analógica
2.
Ent rada/Salida Digital
3.
Modulación por ancho de pulsos
Monday, May 9, 2011

19. Tipos de E/S
1.
E ntrada Analógica
2.
Ent rada/Salida Digital
3.
Modulación por ancho de pulsos
Monday, May 9, 2011

20. Sensores
1. 2.
Alcohol CO
3. 4.
Acelerómetros Ultra
Sonidos
5. 6.
Luz Temperatura
Monday, May 9, 2011

21. 3 Lenguaje
deviantart @Frangelius
Monday, May 9, 2011

22. Lenguaje e IDE
Processing: Creado por Wiring: Creado por
Casey Reas y Ben Fry. Hernando Barragán. Es la
Sintaxis muy similar a Java. biblioteca que encapsula
Público objetivo: artes todo el acceso a la E/S de
electrónicas y los dispositivos.
MIT Media Lab “comunidades de diseño
visual”.
wiring.org.co
Java Acceso al Hardware
Simplificado Simplificado
Monday, May 9, 2011

23. Lenguaje
Estructura [] = , // {} . /* */ #include () ; void
Datos boolean, byte, char, double, ...
Control == > < != for() while() break if else ..
Entorno cursor(), framerate(), focused ...
Monday, May 9, 2011

24. Lenguaje
Shape Input Output Transform
Lights Camera Color Image
Rendering Typography Math Constants
Monday, May 9, 2011

25. Lenguaje Shape
2D: arc(), line
3D: Sphere()
Vertex: texture(), vertex()
Curves: bezier(), curve()
Monday, May 9, 2011

26. Lenguaje Input
Time & Date: day()
Mouse: mouseX
Files: selectFolder()
Web: link()
Monday, May 9, 2011

27. Lenguaje
Shape Input Output Transform
Lights Camera Color Image
Rendering Typography Math Constants
Monday, May 9, 2011

28. Bibliotecas
Soporte de las comunicaciones entre el
Serial hardware y dispositivos externos vía puerto
serie.
Vídeo Usar cámaras, ver y crear vídeos.
PDF Generar PDFs.
OpenGL Soporte para exportación OpenGL.
Monday, May 9, 2011

29. Bibliotecas
Sonido de forma fácil.
Minim
Interfaz con javascript. Conecta los applets con
Javascript
js.
SVG Leer ficheros SVG. (Incluida ahora en el core).
XML Leer datos XML. (Incluida ahora en el core).
Monday, May 9, 2011

30. Bibliotecas externas
3D Animation Compila- Computer
tions Vision
Data and Geometry Graphic Import /
protocols Interface Export
Math Simulation Sound Tools
Typogra- Video
phy
Monday, May 9, 2011

31. Bibliotecas externas 3D
OCD surfaceLib PeasyCam SuperPoint
GestaIT Patchy Unwra- anar
pping Lib
GLGra- Shapes 3D Proscene Hemesh
phics
Monday, May 9, 2011

32. Bibliotecas externas
3D Animation Compila- Computer
tions Vision
Data and Geometry Graphic Import /
protocols Interface Export
Math Simulation Sound Tools
Typogra- Video
phy
Monday, May 9, 2011

33. IDE
Menú
Editor de texto
Área de
mensajes
Consola
Monday, May 9, 2011

34. IDE
1. Todo el código de nuestro proyecto se agrupa en un “sketch”. Cada
sketch tiene su propio directorio.
Sketches
2. Reformatea el código para permitir una mejor lectura “humana” por
parte del mismo.
Autoformato
3. Permite compartir tu trabajo con processing mediante un applet java
que puedes empotrar en cualquier página web.
Compartir
Monday, May 9, 2011

35. 4 Instalación
deviantart @wanasabi
Monday, May 9, 2011

36. Paso a paso
1.
Gentoo:
emerge emul-linux-x86-java
Instalar librerías de
emulación de 32
bits para JAVA
2.
Dotar al usuario de Gentoo:
permisos sobre el sudo gpasswd -a $user uucp
puerto serie a usar
Monday, May 9, 2011

37. Paso a paso
3.
Gentoo:
Descargar el wget http://
entorno arduino.googlecode.com/
files/arduino-0022-64-2.tgz
4.
Descomprimir el Gentoo:
tar zxpvf
paquete arduino-0022-64-2.tgz
Monday, May 9, 2011

38. Paso a paso
5.
Ejecutar
Gentoo:
./arduino
Monday, May 9, 2011

39. Paso a paso (modo consola)
Gentoo:
Dependencias:
Si tienes un S.O. de 64 bits necesitarás las bibliotecas de emulación de 32bits para java:
(En gentoo el nombre del paquete es: app-emulation/emul-linux-x86-java)
Necesitarás java y libXext.
Ejemplos de permisos para los puerto serie:
gerardo@funtoo-GNUardo ~ $ ls -lh /dev/ttyS*
crw-rw---- 1 root uucp 4, 64 Abr 25 11:51 /dev/ttyS0
crw-rw---- 1 root uucp 4, 65 Abr 25 11:51 /dev/ttyS1
crw-rw---- 1 root uucp 4, 66 Abr 25 11:51 /dev/ttyS2
crw-rw---- 1 root uucp 4, 67 Abr 25 11:51 /dev/ttyS3
Añadir al usuario al grupo uucp:
sudo gpasswd -a gerardo uucp
gerardo@funtoo-GNUardo ~ $ cat /etc/group | grep gerardo | grep uucp
uucp:x:14:uucp,gerardo
... después salir y volver a entrar en la sesión (o en la shell).
Descargar wiring / arduino:
wget http://arduino.googlecode.com/files/arduino-0022-64-2.tgz
Descomprimir el paquete:
tar zxpvf arduino-0022-64-2.tgz
y ejecutarlo:
./arduino
Voila!
Monday, May 9, 2011

40. 5 Prácticas
deviantart @Bootcoot
Monday, May 9, 2011

41. ¿Qué vamos a hacer?
1.
Juego de coches
Haremos un juego simple de
coches.
2.
Interfaz de control
Trabajaremos con arduino y
processing juntos creando una
interfaz de control personalizado
para el juego.
Monday, May 9, 2011

42. 1.
Juego de coches
Haremos un juego simple de
coches.
IDE
Exportación de nuestros proyectos,
librerías, referencia.
Monday, May 9, 2011

43. 1.
Juego de coches
Haremos un juego simple de
coches.
Lenguaje Nuestro primer “sketch”, jugar con
las shapes, inputs: teclado, ratón
Monday, May 9, 2011

44. 1.
Juego de coches
Haremos un juego simple de
coches.
Caso
práctico
Monday, May 9, 2011

45. 2.
Inferfaz de control
Trabajaremos con arduino y
processing juntos creando una
interfaz de control personalizado
para el juego. Todo el diseño es de
http://projbox.org
Esquema
Monday, May 9, 2011

46. 2.
Inferfaz de control
Trabajaremos con arduino y
processing juntos creando una
interfaz de control personalizado
para el juego. Todo el diseño es de
http://projbox.org
Esquema
Monday, May 9, 2011

47. 6 Resumen
deviantart @Bootcoot
Monday, May 9, 2011

48. Resumen
1. Grandes ideas nacen en un bar y
Ard uino y processing otras muchas en el MIT media
lab.
2. Nos vale con cualquier hardware
Hardware arduino o compatible para
empezar a hacer nuestros
pinitos.
3. Muy fácil de usar incluso para
Software neófitos de la programación. La
documentación es extensa.
Monday, May 9, 2011

49. Resumen
4. No tengas miedo de fallar, yo
Practica hago electrónica y software de
ensayo y error ;)
5. Juntar software y hardware puede
Mezcla ayudarte a despertar toda tu
creatividad.
6. Entre todos podemos hacer una
Comparte comunidad hispana fuerte y de
referencia.
Monday, May 9, 2011

50. ¡Gracias!
Monday, May 9, 2011

51. Más ...
gerardo.puerta@iavante.es
francisco.moreno@iavante.es
francisco.gonzalez@iavante.es
www.iavante.es
Monday, May 9, 2011

52. Créditos
Slide Sources
1 Cover image: @Vultilion at deviantart.com
2 Image born: deviantart @alakPaKid
3 Snapshots: wikipedia.org
4/5 Image Casey Reas: www.v2.nl
Image Ben Fry: flickr @dmflickraccount
Image cat: “Internet”, really I don’t have idea.
6/7 Image Banzi: diydrones.ning.com
Image David: amphibia.com.ar
Image student: flickr @stuartpilbrow
Image bulb: globalwarmingart.com
Image miracle of science: cuboidal.org
9 Image arduino: kaosat.net
10 Snapshots: arduino.cc, wikimedia.org and me
11 Image Danbo love: @Bootcoot deviantart
13 Image Danbo lights:deviantart @Whispering-Legacy
14 Image hardware: arduino.cc
Monday, May 9, 2011

53. Créditos
Slide Sources
15 Video analog signal: tronixstuff.com
Video digital signal: tronixstuff.com
Video PWM signal: youtube @nkcElectronics
16 Images shields: sparkfun.com
17 deviantart @Frangelius
18 Image MIT Media Lab: wikimedia.org
Snapshot: wiring.org.co
21 Images: processing.org
22 Icons: wefunction.com free icon set.
31 Images deviantart: @wanasabi
32 Image 64 bits: librenet.files.wordpress.com
Image serial port eertbd.com
33 Images boxes: interfacelift @Alejandro Lopez Ulloa
34 Image play: psdgraphics.com
36 Image Danbo writing: deviantart @Bootcoot
37 38 39 Images: http://projbox.org/
Monday, May 9, 2011

54. Créditos
Slide Sources
40 Image Danbo beer: deviantart @Bootcoot
Monday, May 9, 2011