Introducción a Mobile Processing

1,411 views

Published on

Introducción a las formas primitivas, color, animación, texto y teclado en Mobile Processing

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,411
On SlideShare
0
From Embeds
0
Number of Embeds
206
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introducción a Mobile Processing

  1. 1. Introducción a Mobile Processing dennysregalado@gmail.com
  2. 2. ¿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
  3. 3. 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
  4. 4. 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)
  5. 5. Plataforma @Imagen original de Marlon
  6. 6. ¿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/
  7. 7. ¿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
  8. 8. ¿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.
  9. 9. 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.
  10. 10. API del Lenguaje  API de Lenguaje incluye ejemplos sencillos.
  11. 11. Creador de Fuentes  Es una herramienta para generar archivos fuente (instalados en nuestro sistema) que utilizaremos en nuestro sketch.  ”fuente.mvlw”
  12. 12. ¿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.
  13. 13. Dibujar es aburrido sin colores  background(r,g,b)  fill(r,g,b)  stroke(r,g,b)  noFill()  NoStroke()
  14. 14. Formas Primitivas  Rect  Triangle  Quad  Ellipse
  15. 15. Trabajando con Texto  Clase PImage  Trabaja con imágenes .PNG  Se puede mostrar sólo una región de la imágen
  16. 16. 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.
  17. 17. 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.
  18. 18. Animación  Visualizar diferentes regiones de la imágen producen la sensación de movimiento.  Variar las propiedades de una forma usando millis().
  19. 19. 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 
  20. 20. Trabajando con Texto  La clase PFont  textAlign: CENTER, LEFT o RIGHT  Cambiar el color de la fuente con fill()
  21. 21. 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”
  22. 22. 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
  23. 23. Usando datos del GPS  Imágen obtenida a partir de las coordenas del GPS usando los servicios de Yahoo! Maps
  24. 24. Reloj de Turnos  Reloj sencillo para controlar turnos en juegos de dos personas (Ajedrez, Scrabble...)
  25. 25. 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.
  26. 26. 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.
  27. 27. 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

×