Instalación de programas (Unidad 001/03)
Tabla de Contenidos
Herramientas AVR-gcc
La tarjeta Arduino, la podemos programar directamente por consola de linux, es decir la programación del hardware, se realiza mediante un programa llamado bootloader, que permite la programación del por medio del puerto USB. Para mas detalle vaya al enlace a seminario AVR
IDE Arduino No-java
Desde Cenditel estamos impulsando una plataforma No-java (ver aclaratoria al final) desde donde se pueden manejar los programas, desacargar al hardware, en el siguiente enlace se realiza la justificación, notas para la instalación enlace IDE no-Java
IDE Arduino
Este programa permite la programación de la tarjeta arduino desde un ambiente gráfico que permite para fines didacticos el avanzar con mayor velocidad. Para descargar el programa lo puede realizar de manera gratuita desde su página: http://www.arduino.cc/es/ y para instalarlo: Instrucciones instalación en linux
¿Por qué trabajar con Arduino?
- Tiene un lenguaje simple, basado en C/C++.
- Permite desde un primer contacto estar programando directamente el hardware.
- Es un proyecto open-source, por lo que debido a su precio podemos probar y experimentar sobre la misma tarjeta.
- Tiene una comunidad de desarrollo alrededor que permite un acceso a referencias, ejemplos, proyectos de gran ayuda.
Revisión de la interfaz
Verificar/Compilar. Chequea el código, identificando los errores. 
Parada, Detiene el monitor del puerto serial. 
Crea nuevo proyecto. 
Presenta un menú para abrir proyectos previamente guardados y también muestra los proyectos de ejemplos. Presents a menu of all the sketches in your sketchbook. Note: due to a bug in Java, this menu doesn't scroll; if you need to open a sketch late in the list, use the File | Sketchbook menu instead. 
Guarda el proyecto actual dentro de la carpeta sketchbook/. Se puede guardarlo con un nombre distinto por el menú File → Save as. 
Descarga el programa compilado desde el PC hasta la tarjeta arduino. 
Realiza el monitoreo del puerto serial, visualiza la data enviada desde la tarjeta arduino.
IDE Procesing
Processing es un programa "open source" que es utilizado para desarrollo de programación de gráficos, animaciones, interacciones. Usualmente utilizado por estudiantes, artistas, desarrolladores para estudiar, entender y producir diseños gráfico con un lenguaje sencillo. Nace para la enseñar fundamentos de programación dentro de un contexto visual. y para instalarlo: Instrucciones instalación en linux
Procesing es una plataforma de la que nace el IDE de Arduino (por ello su similitud). Para su descarga, puede acceder a la página: http://www.processing.org/
¿Por qué trabajar con Processing?
- Porque de este proyecto se apoya el proyecto arduino.
- Por la finalidad del curso, se necesita un programa sencillo y rápido de programar que permitan a los participantes "comenzar hacer".
- Es un proyecto open-source
- Porque, sin ser un competidor directo de Flash, puede ser una alternativa.
Revisión de la interfaz
El botón de reproducir (play), compila el código abriendo las ventanas de visualización que se hayan configurado y ejecutando el programa. 
El botón de parar (stop), se utiliza para detener la ejecución del programa. 
Crea un nuevo (new) proyecto. Para crear un programa en una nueva ventana se debe usar File → New. 
Abre (open) un proyecto existente. Provee un menú donde se podrá optar por programas propios o de ejemplos preestablecidos. Para crear un programa en una nueva ventana se debe usar File → Open. 
Guarda (save) en proyecto actual dentro de la carpeta sketchbook/. Se puede guardarlo con un nombre distinto por el menú File → Save as. 
Exporta (export) el proyecto a la carpeta de sketchbook, esta vez como un Applet de java, completo con su propio archivo html.
Comandos mas usados en PROCESSING
- (INT) para declarar las variables,esta funcionalidad coloca las variables o registros que se van a usar el el programada detallando su posicion en el sistema.
- (VOID SETUP) espacio de configuracion ,casilla de comienzo de programa en esta se debe especificar diferentes variantes dependiendo de las necesidades ejemplo(color, tamaño,etc)
- (SIZE)funcionalidad la cual su primordial desempeño es el ajuste basado en medidas de longitud esta insertado en el centro de configuracion y se expresa en numeros enteros separados por una coma(000,000)
- (stroke)Establece el color usado para dibujar líneas y bordes alrededor de las formas. con cada valor en el rango de 0 a 255 este tambien se debe escribir en el centro de configuraciones.
- (VOID DRAW)comando que se utiliza para llamar despues de cada linea de codigo cerrada dentros de sus parametros que se repita depndiendo de las especificidades que se le otorguen
- (BACKGROUND)en esta operacion se fijara el color de fondo de el programa o representacion grafica que se este utilizando es expresado en números de tres cantidades enteras separadas con una coma (xx,xxx,xx)
- (MOUSE PRESSED)en esta funcionalidad temos una gama de funcionaldades ,en este caso mouse pressed su funcion principal es cualdo el mouse este en un lugar especifico del sistema cada vez que lo presines existira una un cambio el el sistema previamente configurados en las lineas de codigo
- (MOUSE X,MOUSE Y)funciones que se deben usar separadas en el empotramiento de unas lineas de codigo , mouse x es el desplazamiento que va tener el cursor y la delimitacion que va ha existir en ese medio de movimiento , de igual forma mouse y va a delimitar donde va ha ocurrir una evento dependiendo de la posicin del mouse en forma vertical con previa establecimientos de parametros
- (IF)tener el control en la aceptacion de las lineas de codigo de un programa viene dado por las desiciones que se tomen esta funcion solo tomara desiciones cerradas con condiciones establecidas con anterioridad
- (LINE)simplemente es el dibujo de una linea que se expresara en numeros dependiendo de su ubicacion en el sistema se expresa en numeros separados con comas estas números simbolizan la ubicación en los ejes coordenados(0,0,0,0)
- (RECT)rectángulo que se expresara de igual forma en números que simbolizaran el alto y ancho y su posición en los ejes del sistema (eje x,eje y,alto,ancho).
- (QUAD)cuadrado el el espacio del sistema se debe especificar los cuatro puntos con sus coordenadas especificas (x1,y1.x2,y2.x3,y3,x4,y4)
- (POINT)punto de igual manera se debe especificar su posición exacta en coordenadas
- (ELLIPSE)figura que se representa en el sistema i de igual manera se debe especificar sus coordenadas de posición y su variaciones de forma se escribe en cuatro numeros enteros separados por una coma (0,0,0,0)
SI SE DESEA CONOCER MAS ACCEDA AQUI ver mas
figura 1: apariencia de la interfaz del Processing.
Primeros Programas con Processing
Primer Ejemplo
Es un programa basado en codigo de processig, consiste en mostrar una figura en el entorno de desarrollo del sistema utilizando herramientas de facil conocimiento y aplicacion.
Para poder ejecutarlo es necesario que el archivo de la imagen que queremos procesar este almacenado en la carpeta "data" que se encuentra en el archivo temporal que el programa va a desplegar desde el momento que se empieza a crear el código. para descarga de fuente
/* Primer programa Processing. */
int i;
void setup() {
size(250, 250);
}
void draw() {
background(255, 204, 0);
PFont font;
font = loadFont("Ziggurat.vlw");
textFont(font, 32);
text("Cenditel", mouseX, mouseY);
smooth();
}
Un poco mas alla
Un segundo programa donde se pueden denotar otras funcionalidades con un grado de complicación mas elevado para las personas con ganas de profundizar sobre el funcionamiento del programa, con diferentes variantes expuestas en este ejemplo
======figura 1====== 
======figura2======
- En este programa se logro poder delimitar las areas donde el mouse tocara en la cuadricula, aparecera una x o un cero respectivamente,en el pimer click apareceria una x que en el codigo de programacion no en mas sino el dibujo de dos lineas cruzadas entre si,en el segundo click aparecera una elipce y al tercero se desaparecera cualquier figura que se halla dibujado en el espacio elegido.Con la finalidad de conocer las funcionalidades del programa y tratar de delimitar zonas de trabajo especificas.La idea fundamental es que el usuario interactue con este programa y descubra paso a paso toda la gama de soluciones al alcance de un click.Como se muestra en la figura 1 es el entorno donde se creara el codigo y sus diferentes funcionalidades en la parte superiror ,en la figura 2 se muestra la cuadricula que es uno de los primeros pasos a seguir cuidando los detalles de color de fondo entre otras (especificadas en el codigo expuesto mas adelante.
//declaración de banderas
//luego debe trabajarse con un vector
int x=0;
int x2=0;
int x3=0;
int x4=0;
int x5=0;
int x6=0;
int x7=0;
int x8=0;
int x9=0;
void setup() {
size(260,260);
stroke(0);
background(25,400,43);
}
void draw() {
// cuadricula con rectángulos sin bordes
// cada cuadro de 80x80
// con espesor 10
rect(80,0,10,300);
rect(170,0,10,300);
rect(0,80,400,10);
rect(0,170,400,10);
}
void mousePressed() {
background(25,400,43);
//para dibujar en el primer cuadrante
if ((mouseX < 80) && (mouseX > 0) && (mouseY > 0) && (mouseY < 80))
x=x+1;
//para dibujar en el segundo cuadrante
if ((mouseX < 170) && (mouseX > 90) && (mouseY > 0) && (mouseY < 80))
x2=x2+1;
//para dibujar en el tercer cuadrante
if ((mouseX < 240) && (mouseX >180) && (mouseY > 0) && (mouseY < 80))
x3=x3+1;
//para dibujar en el 4to cuadrante
if ((mouseX < 80) && (mouseX >0) && (mouseY >90) && (mouseY < 170))
x4=x4+1;
//para dibujar en el 5to cuadrante
if ((mouseX < 170) && (mouseX >90) && (mouseY > 90) && (mouseY < 170))
x5=x5+1;
//para dibujar en el 6to cuadrante
if ((mouseX < 240) && (mouseX >170) && (mouseY > 90) && (mouseY < 170))
x6=x6+1;
//para dibujar en el 7to cuadrante
if ((mouseX < 80) && (mouseX >0) && (mouseY >170) && (mouseY < 240))
x7=x7+1;
//para dibujar en el 8to cuadrante
if ((mouseX < 170) && (mouseX >90) && (mouseY >170) && (mouseY < 240))
x8=x8+1;
//para dibujar en el 9to cuadrante
if ((mouseX < 240) && (mouseX >170) && (mouseY >170) && (mouseY < 240))
x9=x9+1;
if (x == 1){
line(0,0,80,80);
line(0,80,80,0);
}
if (x == 2)
ellipse(40, 40, 55, 55);
if (x == 3)
x= 0;
if (x2 == 1){
line(90,0,170,80);
line(90,80,170,0);
}
if (x2 == 2)
ellipse(128, 40, 55, 55);
if (x2 == 3)
x2=0;
if (x3 == 1){
line(180,0,260,80);
line(180,80,260,0);
}
if(x3==2)
ellipse(216, 40,55,55);
if(x3==3)
x3=0;
if (x4 == 1){
line(0,90,80,170);
line(0,170,80,90);
}
if(x4==2)
ellipse(40,130,55,55);
if(x4==3)
x4=0;
if (x5 == 1){
line(90,90,170,170);
line(90,170,170,90);
}
if(x5==2)
ellipse(132, 130,55,55);
if(x5==3)
x5=0;
if (x6 == 1){
line(180,90,270,180);
line(260,90,180,170);
}
if(x6==2)
ellipse(220, 130,55,55);
if(x6==3)
x6=0;
if (x7 == 1){
line(0,260,90,170);
line(0,180,90,270);
}
if(x7==2)
ellipse(40,220,55,55);
if(x7==3)
x7=0;
if (x8 == 1){
line(80,170,180,270);
line(170,180,90,260);
}
if(x8==2)
ellipse(128, 220,55,55);
if(x8==3)
x8=0;
if (x9 == 1){
line(170,170,260,260);
line(180,260,260,180);
}
if(x9==2)
ellipse(220, 220,55,55);
if(x9==3)
x9=0;
}
//cierre del Mousepressed
Aclaratoria
En Cenditel existe una posición definida en cuanto al uso de java, pero desde Cenditel estamos impulsando el desarrollo de herramientas "no java", como el IDE Arduino, pero para efectos de este curso, por ser un instrumento educativo se considera utilizar estos programas, para incentivar el uso del hardware y motivar hacia el desarrollo de estas herramientas, para leer el documento completo: enlace a documento