Introducción

a Mobile Processing

dennysregalado@gmail.com
¿Qué es Mobile Processing (MP)?

 Es un proyecto Open
Source iniciado por
Francis Li.
 Herramienta que
permite la creación
de prototipos y
aplicaciones que se
ejecutan en
dispositivos móviles
que soportan Java
 Processing: el origen de MP
 Usado por estudiantes,
artistas, diseñadores,
arquitectos, investigadores
y entusiastas, en el
proceso de aprendizaje,
creación de prototipos y
creación de productos.
 Desde el 2001 Ben Fry y
Casey Reas...

http://openprocessing.org
 Características

 Puede ser ejecutado gracias J2ME

 Utiliza herramientas externas para compilar
(WTK)
 Utiliza un emulador
 Es un proyecto en continuo desarrollo abierto
 Incluye su propio ambiente de desarrollo
integrado (IDE)
Plataforma

@Imagen original de Marlon

 ¿Qué necesito para usarlo?

 Descargar la última
version de de Java
(1.5 funciona).
 Descargar el Wireless
Toolkit for CLDC
(WTK), la herrmienta
de desarrollo para
mobiles de Java
http://java.sun.com/pr
oducts/j2mewtoolkit/
 ¿Qué necesito para usarlo?

 Instalar Mobile
Processing del sitio
oficial
www.mobile.processin
g.org
 Establecer la ruta de
instalacion del WTK en
la pestaña ”mobile”
desde File-
>Preferences
 ¿Cómo probar un sketch?

 Desde el IDE se
puede accesar a
varios ejemplos para
guiarse.
 Utiliza el emulador
del WTK para correr
las aplicaciones.
 Estructura de Archivos

 Se genera una
carpeta con el mismo
nombre de nuestro
Sketch.
 En la carpeta data se
guardan las
imágenes y archivos
fuente .
 El .jar (File->Export
MIDlet) se encuentra
en la carpeta midlet.
 API del Lenguaje

 API de Lenguaje
incluye ejemplos
sencillos.
 Creador de Fuentes

 Es una herramienta
para generar archivos
fuente (instalados en
nuestro sistema) que
utilizaremos en
nuestro sketch.
 ”fuente.mvlw”
 ¿POO o Estructurado?

 Organizar mejor el
código usando clases
 Escribir una función
en el sketch principal
sin tener que crear
una clase.
 Todo es público.
 Dibujar es aburrido sin colores

 background(r,g,b)
 fill(r,g,b)
 stroke(r,g,b)
 noFill()
 NoStroke()
 Formas Primitivas

 Rect
 Triangle
 Quad
 Ellipse
Trabajando con Texto

 Clase PImage
 Trabaja con
imágenes .PNG
 Se puede mostrar
sólo una región de la
imágen
 Eventos del Teclado

 keyReleased()
 KeyPressed()
 La variable de sistema key contiene el último
código de tecla presionado.
 Para detectar las teclas de dirección, la
variable keyCode se estable a UP, DOWN,
LEFT o RIGHT.
 Códigos del Teclado

 Hay que considerar

que cada fabricante
utiliza su propia
distribución del
teclado, por lo qué
este sketch
(Examples->keycode)
es muy útil para
hacer pruebas.
Animación

 Visualizar diferentes
regiones de la
imágen producen la
sensación de
movimiento.
 Variar las
propiedades de una
forma usando
millis().
 Librerías Contribuidas
 MSensor Maudio3D

 Mmessaging
 Sound Mpush
  MVideo
 Mfiles M3D

 Messaging
 MNokiaUI
 MSockets MQRCode

 MWebServices
 MgamesII Phone
  MPIM
 Image2
 Msound Mbt

 MZXing
 Video MRest
  MWiimote
 Mlocation Bluetooth


 Msynth MclientServer


 Mobex XML

Trabajando con Texto

 La clase PFont
 textAlign: CENTER,
LEFT o RIGHT
 Cambiar el color de la
fuente con fill()
Obtener Datos del GPS

 Utilizando la librería
mlocation para
obtener datos del
GPS.
 ”How to use Mobile
Processing to get
GPS data with your
N95”
 Yahoo! Maps Web Services
 http://local.yahooapis.com/MapsService/V1/map
Image?appid=ID--
&latitude=16.43&longitude=-95.02&zoom=2&i
mage_height=200&image_width=300
 Usando datos del GPS

 Imágen obtenida a
partir de las
coordenas del GPS
usando los servicios
de Yahoo! Maps
Reloj de Turnos

 Reloj sencillo para

controlar turnos en
juegos de dos
personas (Ajedrez,
Scrabble...)
Juego Cinco o Más

 El objetivo del juego

es alinear cinco o
más esferas del
mismo color con la
mayor frecuencia
posible, haciendo que
desaparezcan.
What's Cooking?

 Es un software social
que ayuda a reunir a
personas que
comparten el gusto
por la cocina.
 Se centra en el placer
de comer juntos.
 Links

 http://challenges.qumax.org
 www.mobile.processing.org
 http://java.sun.com/products/j2mewtoolkit/
 http://www.interaction-venice.com/projects/iuav07-08Lab1/projects/
 http://mjs.darkgreenmedia.com
 http://foro.visualp5.net