ELECTIVA -

MICROCONTROLADORES
INSTITUTO DE FSICA
FACULTAD DE CIENCIAS EXACTAS Y NATURALES
UNIVERSIDAD DE ANTIOQUIA
SEMESTRE 2015-2
Docente: L. Felipe Ramrez, 6-327
UNIDAD 3. DESARROLLO DE
INTERFACES GRFICAS DE USUARIO
Contenido:

Configuracin y programacin en Processing.

La librera Serial.
La librera G4P
La librera Grafica
Programacin para Android usando MIT App Inventor.
Configuracin y programacin en Processing.
 Processing:

Cdigo abierto.
Creacin de programas interactivos en 2D y 3D.
Compatible con OpenGL.
Multiplataforma: Linux, iOS, Windows, Android*.
Conjunto extenso de libreras documentadas.

*Se requiere instalar AndroidMode.

 Processing:

Processing 2,2,1 G4P Tool

Processing:
Partes de un programa (ver https://processing.org/reference/):
int a=300, b=250, c=100, d=100;
String mensaje=Hola;

void setup(){
size(800,600);
framerate(30);
}
void draw(){
ellipse(a, b, c, d); //solo por mencionar un ejemplo;
}

Ver: https://processing.org/reference/
Descargar y ejecutar ejemplo0.pde
 Librera Serial
Permite la comunicacin con Arduino usando el protocolo serial.

Palabras clave:
Clase: Plantilla para la creacin de objetos con propiedades predefinidas.
(Ejemplo: Los celulares, en general, sin referirse a uno particular)
Objeto: Es un elemento de la clase que se crea y que va a contener las
propiedades definidas por la clase.
(Ejemplo: mi celular).
Mtodo: Es una funcin que puede ejecutar el objeto perteneciente a
una clase.
(Ejemplo: contestar una llamada en mi celular).

Los objetos de una clase se declaran (instancian) como las variables de un tipo.
 Librera Serial
Antes de setup():
import processing.serial.*; //Se llama la librera serial.
Serial miPuerto; //Se instancia un objeto de la clase serial llamado miPuerto

setup(){
println(Serial.list()); // Imprime los puertos disponibles.
miPuerto = new Serial(this, Serial.list()[1], 9600); //Se configura el puerto
miPuerto.bufferUntil('\n'); /*El buffer se llenar hasta encontrar el character
\n y luego de esto ejecutar el siguiente evento:*/
}
void serialEvent (Serial miPuerto) {
//Escribir ac lo que se hace durante el evento.
}

Los eventos son similares a las interrupciones vistas en la programacin del Arduino.
Librera Serial
Pueden modificarse algunas lneas dependiendo de la aplicacin:

miPuerto.bufferUntil('\n'); por miPuerto.buffer(x), donde x es el nmero

de bytes que se quieren almacenar antes de generar el evento.

miPuerto.readStringUntil(\n); por miPuerto.readString() en caso de que se

quiera leer todo lo que haya llegado al puerto.
O tambin por:
miPuerto.readBytesUntil(\n,arreglodebytes[]) en caso de que se quiera
guardar lo que ha llegado hasta el caracter \n en un arreglo de bytes.

Mayor informacin en:

https://processing.org/reference/libraries/serial/index.html
Descargar y ejecutar ejemplo1_parte_Processing.pde y cargar en el Arduino
ejemplo1_parte_Arduino.