Cuales son los Cambios ?

• Soporte para la sintaxis de Java 5
  Esto facilita la creación de colecciones de cierto tipo como también iterar sobre colecciones y arreglos.
  Esto sucede 6 años después que se introdujeran estos cambios en Java, pero apenas sucede hoy en Processing
• Gran cantidad de trabajo con SVG y PDF
  Al parecer Processing comienza también a convertirse en herramienta autor para la creación de imágenes
• Cambios en la versión de MacOSX
  Soluciona el problema de actualización de Java
• Y gran cantidad de errores solucionados !!!

Processin 1.2

Así que ya tenemos una versión de Processing mas madura, estabilizando el funcionamiento de muchas de sus funcionalidades, lo que permite crear Sketch mas robustos.

Por otro lado han sido muchos los cambios que han sucedido desde el lanzamiento de la versión 1.0, ahora el equipo de Processing se ha tomado muy en serio la necesidad de tener una buena base de conocimiento y poseer un buen software para el foro que no se sobrecargue tanto como el anterior, por tal motivo se han migrado a otro servidor donde podremos encontrar :

• Pagina Oficial de Processing
  http://www.processing.org
• Processing Wiki
  http://wiki.processing.org
• Foro Oficial de Processing
  http://forum.processing.org

Hace poco también salio al mercado "Getting Started with Processing", guía de bolsillo para principiantes en la herramienta que va por el mismo estilo del "Getting Started with Arduino" libro tan conocido por la comunidad de hardware libre, estos libros pueden comprarse en librerías o pueden comprarse las versiones digitales en PDF de los mismos. El libro incluye una introducción a la herramienta y el "Hola Mundo" de Processing, como comenzar a codificar, pintar en la pantalla, manejo de variables, interacción, manejo de fuentes e imágenes, movimiento; adicionalmente cubre características del lenguaje como la creación de funciones, manejo de programación orientada a objetos, uso de los arreglos; finalmente incluye un capitulo sobre como ir mas lejos con el desarrollo de aplicaciones 3D, exportar imágenes y comunicación con Arduino.

Processing va tomando cada vez mas fuerza en el ambiente de programación visual como una herramienta multiproposito que derrumba los limites de otras herramientas disponibles en el mercado, ya veremos que nuevas características adicionaran en la versión 1.3  y cuando llegaremos a una version 2.0, mientras tanto podemos ir cacharriando con la versión de Processing para Android que promete ser la versión oficial de Processing para dispositivos móviles.

• Processing for Android
  http://android.processing.org

La versión oficial de Kaleido viene en un archivo de extension dmg la cual es utilizada en MacOS X para archivos comprimidos o instaladores sencillos, desafortunadamente no hay una utilidad sencilla para abrir estos archivos en Ubuntu, pero afortunadamente encontre una herramienta que permite convertir estos archivos en imagenes iso las cuales si se pueden "montar" en Ubuntu.

Descargar la version para mac de Kaleido :

• Ir a la pagina de descarga
  http://kaleido.media.mit.edu/download
• Descargar desde linea de comando
  wget http://kaleido.media.mit.edu/sites/kaleido.media.mit.edu/tub/kaleido_001.dmg

Para convertir el archivo dmg a iso utilize el DGMExtravtor disponible en http://hem.bredband.net/catacombae/dmgx.html el cual esta escrito y puede instalarse via Java Web Start, luego se selecciona el archivo y se genera el archivo iso.

Para montar la imagen se realizaron los siguientes pasos :

• Abrir una consola
• Ir al directorio donde esta el archivo iso
  cd directorio
• Crear un directorio donde se montara la imagen
  mkdir kaleidomac
• Montar la imagen
  mount -o loop -t hfsplus kaleido_001.iso

Se descargo la version de Processing para Linux :

• Descargar Processing para Linux
  http://processing.org/download
• Descomprimir

Se copiaron los directorios de Kaliedo con las librerias y el theme a la carpeta de Processing y con esto se construyo la distribucion para Linux.

Para descargar la version no oficial 0.0.1 de Kaleido para Linuxvaya a :
http://code.google.com/p/mprocessinglibs/downloads/list

Problemas :

• Al momento de ejecutar el sketch creado con la version para Linux se congela la pantalla de Ubuntu aunque es posible conectarse al equipo remotamene para apagarlo.
• Al momento de arrastar y soltar los componentes graficos se lanza la excepcion :
  Exception in thread "AWT-EventQueue-0" java.lang.NullPointerException
  at processing.app.graph.kGraph.getDropTarget(kGraph.java:172)

Esta herramienta esta siendo desarrollada por Agnes Chang del Instituto Tecnologico de Massachusetts como parte de su trabajo de maestria Interfaces con Multiples Perspectivas para Ambientes de Desarrollo de Software (Multiple-perspective interfaces for software development environments)

Kaleido

Kaleido es una herramienta muy interesante ya que permite plasmar el modelo mental que los desarrolladores tienen del desarrollo de la solución antes de comenzar antes de comenzar a codificar, esto es como tener una herramienta para realizar el boceto de las ideas, componentes o descripcion de pasos que la aplicacion debe hacer, es tan amplia la herramienta que cualquier usuario puede dibujar la representacion de su solucion en la herramienta, algo asi como plasmar el Diseño. Despues de esto el usuario puede enlazar partes del codigo con los componentes del diagrama permitiendo identificar rapidamente a que parte del diseño corresponde.

Entre los usos propuestos dentro del sitio web de la herramienta tenemos :

• Creación de Anotaciones
  Adicionar notas al pie de los componentes del diagrama que expresen ideas, cosas por hacer, entre otras.
• Ilustrar :
  Realizar el diagrama de la solución que uno se imagina, no el que esta dictaminado por un estándar o una herramienta, permitiendo crear un representación personal y única de la solución.
• Planificar :
  Planificar el desarrollo de la aplicación antes de comenzar a escribir el código. y utilizar el resultado para navegar sobre la solución tanto en el código como en el diagrama.

Hace pocas semanas esta herramienta ha sido liberada y desafortunadamente esta disponible solo para la plataforma Mac, aunque en el sitio web se anuncian versiones para Windows y Linux en un futuro cercando.

Enlaces :

• Sitio Web Oficial :
  http://kaleido.media.mit.edu
• Video de la demostracion de Kaleido :
  http://vimeo.com/11064303
• Sitio Web de la Creadora de Kaleido :
  http://web.media.mit.edu/~achang

El Processing para Android todavia esta en una etapa reciente de su desarrollo y podemos encontrar en su pagina oficial (http://android.processing.org) unas versiones preliminares donde podemos encontrar la siguiente advertencia :

"Pre-release downloads of Processing with built-in support for Android. Note that this code is incomplete and contains many bugs. It is not ready for widespread use. It should be considered "nightly build" quality. Do not use this code while operating heavy equipment. Do not rely on this code for thesis or diploma work, as you will not graduate. Do not use this code if you're prone to whining about incomplete software that you download for free."

Processing for Android

Aquí esta el proceso de instalación de la versión 0184 de Processing con el Modo Android incorporado en un equipo con Ubuntu 10.04 :

• Instalación del Java, si no tiene el JDK instalado :
  • Instalación Distribución Oficial del JDK de Oracle :
    • Abra una consola
    • Adicionar el repositorio de Partners
      sudo add-apt-repository “deb http://archive.canonical.com/ lucid partner”
    • Actualice la lista de paquetes
      sudo apt-get update
    • Instalar el JDK
      sudo apt-get install sun-java6-jdk
  • Instalación del Open JDK :
    • Abra una consola
    • Actualice la lista de paquetes
      sudo apt-get update
    • Instalar el OpenJDK
      sudo apt-get install openjdk-6-jdk

• Instalación Android SDK :
  • Visitar y descargar la ultima versión del SDK de Android para Linux :
    http://developer.android.com/sdk/index.html
  • En nuestro caso instalaremos el r05
    • Abrir una consola
    • Bajar el SDK
      wget http://dl.google.com/android/android-sdk_r05-linux_86.tgz
    • Descomprimir el archivo :
      tar -zxvf android-sdk_r05-linux_86.tgz
    • Ir al directorio de tools
      cd android-sdk-linux_86/tools
    • Ejecutar el Android
      ./android
    • Pulsar el botón "Available Packages"
    • Pulsar en el + de la linea del repositorio
    • Seleccionar : (No bajar versiones posteriores)
      SDK Platform Android 2.1, API 6, revision 1
      Google APIs by Google Inc., Android API 6, revision 1
    • Pulsar el boton "Install Selected"
    • Aceptar la licencia
      Activar el checkbox "Accept All"
    • Se comenzaran a descargar de Internet los paquetes seleccionados.

• Instalacion Processing for Android :
  • Ir a la pagina oficial y descargar la versión mas actualizada :
    http://android.processing.org/
  • Para nuestro caso instalaremos la revision 0184
    • Abrir una consola
    • Descargar el Processing for Android
      wget http://android.processing.org/download/processing-0184.tgz
    • Descomprimir
      tar -zxvf processing-0184.tgz
    • Cambiar al directorio de Processing
      cd processing-0184/
    • Ejecutar Processing
      sh processing
    • Seleccionar un directorio para almacenar los sketchs
    • Ir al menu Tools, a la opcion Android Mode o presionar Ctrl-D
    • Una caja de Dialogo solicita la informacion del SDK recien instalado
      pulsar el boton Yes
    • Seleccionar el directorio donde se instalo el SDK de Android
    • Abrir un Sketch Basico
    • Ejecutarlo
      Debe aparecer el emulador de Android y ejecutarse el Sketch
      esto puede tomar algún tiempo

Problemas :

• Al momento de ejecutar el Skecth el emulador se carga pero el Sketch NO
  Solucion :
  Ejecutar el emulador antes de ejecutar el Sketch, asi :
  • Abrir una consola
  • Ir al directorio de instalacion del SDK de Android
  • Ejecutar el Android
    ./android
  • En Virtual Devices seleccionar el dispositivo Processing-Android-2.0.1
  • Pulsar el boton Start
  • Esperar que cargue
  • Ir a Processing y ejecutar el Sketch

Enlaces :

• Pagina Oficial de Android for Processing
  http://android.processing.org/
• Pagina del SDK de Android
  http://developer.android.com/sdk/index.html

Este 11 de Agosto inicia el mini curso de 8 horas sobre el desarrollo de aplicaciones para dispositivos moviles utilizando la herramienta Mobile Processing que facilita la creacion de este tipo de aplicaciones para dispositivos moviles que soporten Java. Este mini curso se realizara totalmente en linea a traves de video conferencias apoyadas por actividades y tareas en linea que permiten practicar el desarrollo de pequeños ejercicios para conocer el ambiente de desarrollo, no es necesario tener conocimientos previos en lenguajes de programacion y/o herramientas de desarrollo, simplemente tener muchas ganas de aprender, el curso es totalmente gratuito y abierto para cualquier persona interesada en conocer esta tecnologia.

Objetivo del Curso : Este mini curso provee una introducción al desarrollo de aplicaciones para dispositivos móviles utilizando la herramienta Mobile Processing, esta enfocado para todas las personas interesadas en comenzar a explorar la creación de aplicaciones sencillas y no es necesario tener experiencia en el desarrollo de aplicaciones.

Contenidos :

• Sesión 01 :
  Presentación del Curso,
  Dispositivos Móviles y Mobile Processing
• Sesión 02 :
  Dibujando Formas 2D
• Sesión 03 :
  Interacción con el Usuario
• Sesión 04 :
  Sonidos e Imágenes
  Cierre del Curso

Horario : Video conferencia en vivo, los martes de 10 pm, duracion 2 horas. Este horario responde a las necesidades de las personas que laboran, trabajan o estudian y solo tienen disponible las horas de la noche para asistir al curso.

Enlaces :

• Cursos en Linea
  http://cursos.marlonj.com

GSVideo es una libreria para Processing que permite capturar y reproducir video, que sirve como alternativa a Quicktime especialmente en Linux donde no se cuenta con una version del software de Apple.

Requerimientos :

• Tener instalado Processing

Pasos :

• Abrir una consola
• Instalar las librerias de desarrollo de GStream
  sudo apt-get install libgstreamer0.10-dev
• Ir a la pagina de descarga de GSVideo
  http://sourceforge.net/project/showfiles.php?group_id=225389&package_id=272648
• Cambiar al directorio donde se almacenan los sketches de Processing, tipicamente :
  cd ~/sketchbook
• Ir al directorio de librerias (si no existe crearlo mkdir libraries)
  cd libraries
• Descargar la ultima version de la libreria, por ejemplo la 0.4.6 (3.2 MB)
  wget http://ufpr.dl.sourceforge.net/sourceforge/gsvideo/gsvideo-0.4.6.zip
• Descomprimit el archivo
  unzip gsvideo-0.4.6.zip

Capturar Video :

• Ejecutar el Processing
  cd <rutaProcesssing>/processing
  ./processing
• Escribir el programa basico de captura :

  import codeanticode.gsvideo.*;
   
  GSCapture video;
   
  void setup() {
    size(320,240);
    video = new GSCapture(this, 320, 240, "/dev/video0",15);
  }
   
  void draw() {
    if(video.available()) {
      video.read();
      image(video,0,0);
    }
  }

• Ejecutar el programa

Nota :

• El dispositivo por defecto en Linux es /dev/video0, pero si se tiene mas de una camara conectadas al pc se puede acceder al dispositivo utilizando /dev/video1,  /dev/video2, ...
• Se probo la captura utilizando la camara incorporada de un portatil Dell Vostro 1400 y una camara Genius Slim 1322AF y funcionarn las dos

Enlaces :

• Processing
  http://www.processing.org
• GSVideo
  http://codeanticode.wordpress.com/category/gstreamer

Pasos :

• Abrir la pagina de descarga de librerias :
  http://code.google.com/p/mprocessinglibs/downloads/list
• Descargar la version mas actual de la libreria MVoce, por ejemplo :
  http://mprocessinglibs.googlecode.com/files/mvoce_0.1.zip
• Ir al directorio libraries de la distribucion de Processing
• Descomprimir el archivo

Crear el Sketch :

• Abrir Processing
• Crear un nuevo sketch
• Adicionar el siguiente codigo :

  import mjs.processing.mvoce.*;
   
  // Create library object
  MVoce mVoce;
   
  void setup() {
    // Create the voce engine with synthesis enable
    // recognition unable and no grammar
    mVoce = new MVoceP(this,true,false,"");
  }
   
  // Requiered to use events
  void draw() { }
   
  // If the user press any key
  // Synthesize a hello message
  void keyPressed() {
    mVoce.synthesize("Hello There");
  }
   
  // If the sketch is close, destroy the library
  void exit() {
    mVoce.destroy();
    super.exit();
  }

• Ejecutar el Sketch
• Se visualiza una ventana pequeña gris, si pulsamos una tecla la aplicacion nos saluda

Asi nace MVoce, una la libreria para Processing que permite hacer sintesis de voz y reconocimiento de la misma. Una libreria con caracteristicas minimas pero suficientes para dotar a los sketch de una voz y de un reconocimiento basico de palabras, una libreria que por el momento suple las necesidades basicas. Esta libreria utiliza las librerias voce, FreeTTS y Sphinx-4 para hacer el trabajo, por tal motivo es necesario tener encuenta las diferentes licencias de cada una.

Limites :

• La libreria solo soporta el idioma ingles
• Solo posee una voz masculina por el momento
• El proceso de reconocimiento de voz depende de una gramatica donde se especifican las palabras a reconocer.
• La libreria contiene ejemplos que ilustran su uso para sintetizar voz, reconocer los nombres de los digitos y hacer las dos cosas al tiempo
• Esta libreria funciona en Processing, no en Mobile Processing

Informacion de la Libreria :

• Sitio oficial de las librerias :
  http://code.google.com/p/mprocessinglibs
• Descargar la version 0.1 de la libreria
  http://mprocessinglibs.googlecode.com/files/mvoce_0.1.zip

Continuan las pruebas de reacTIVision, ahora con los marcadores impresos en hojas de papel, una camara web Genius Slim 1322AF y el software ejecutandose sobre plataforma Windows, debido a que la camara no me funciona en Ubuntu Linux. Se utilizo el mismo programa que se desarrollo anteriormente, solo se utilizaron versiones de los programas Processing, reacTIVision para la plataforma Windows.

Enlaces :

• Pagina Oficial de Processing
  http://www.processing.org
• reacTIVision
  http://mtg.upf.edu/reactable/?software

Para comenzar hacer pruebas con reacTIVision y Processing, decidi crear un pequeño sketch que visualizara los objetos sobre la tabla como cuadrados los cuales tuvieran las mismas propiedades de posicion y rotacion. Para esto se debe instalar la libreria de soporte para TUIO en Processing y crear un pequeño sketch.

Instalar la libreria de TUIO en Processing :

• Abrir una consola
• Ir al sitio de reacTIVision
  http://mtg.upf.edu/reactable/?software
• Descargar la libreria para TUIO__Processing.zip, por ejemplo :
  wget http://superb-east.dl.sourceforge.net/sourceforge/reactivision/TUIO_Processing-1.4pre2.zip
• Descomprimir la libreria
  unzip TUIO_Processing-1.4pre2.zip
• Cambiar el directorio
  cd TUIO_Processing
• Copiar el directorio de tuio al directorio de librerias de Processing, por ejemplo
  cp -R tuio <ruta>/processing-1.0.1/libraries

Crear Sketch de Prueba :

• Ejecutar Processing
  cd <ruta>/processing-1.0.1
  ./processing
• Escribir el siguiente sketch :

  // Importar Libreria y declarar cliente
  import tuio.*;
  TuioClient tuioClient;
   
  // Iniciar el sketch cambiando de tamaño y creando el cliente
  void setup() {
    size(320,240);
    rectMode(CENTER);
    tuioClient  = new TuioClient(this);
  }
   
  // Pintar los objetos
  void draw() {
    background(200); // Limpiar la pantalla
    // Obtener los objetos
    TuioObject[] objects = tuioClient.getTuioObjects();
    // Pintar cada objeto con su propa transformacion
    for (int i=0;i<objects.length;i++) {
       TuioObject obj = objects[i];
       pushMatrix();
       translate(obj.getScreenX(width),obj.getScreenY(height));
       rotate(obj.getAngle());
       rect(0,0,40,40);
       popMatrix();
     }
   }

• Ejecutar el programa.

Abrir el Simulador de TUIO o el reacTIVIsion :

• Ir al diectorio de TUIO Simulator
  cd <ruta>/TUIO_SIMULATOR
  ./run.sh
• o Ir al diectorio de reacTIVision
  cd <ruta>/reacTIVision
  ./reacTIVision

Enlaces :

• Pagina Oficial de Processing
  http://www.processing.org
• reacTIVision
  http://mtg.upf.edu/reactable/?software