Interfaz java y arduino
-
Upload
angel-acaymo-m-g -
Category
Technology
-
view
5.579 -
download
12
Transcript of Interfaz java y arduino
![Page 1: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/1.jpg)
![Page 2: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/2.jpg)
Índice• Presentación - 3
• ¿Qué necesitamos? - 4
• Configurar Arduino UNO - 13
• Esquema boceto - 22
• Programación Arduino IDE - 26
• Interfaz Java - 34
• Fotos - 82
• Vídeo - 85
• Enlaces de interés - 87
• Versión del tutorial - 89
• Contacto - 90
• Autor - 92
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 2
![Page 3: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/3.jpg)
Presentación
• Se presenta un tutorial sobre crear una interfaz hecho en Java. En este caso se ha trabajado en l aversión de Windows 7 y la mecánica es la misma para otros Sistemas Operativos.
• Comunicarás dicha interfaz con Arduino por el puerto serie / USB, podrás encender un Led y apagarlo, también recibirás por mensajes de texto hacia la interfaz desde Arduino.
• Ahora a empezar a crear tu propia Interfaz, ánimo y adelante.
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 3
![Page 4: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/4.jpg)
¿Qué necesitamos?
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 4
![Page 5: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/5.jpg)
¿Qué necesitamos?
• Antes de trabajar en algo, hay que tener claro desde el principio que necesitamos realmente tanto en Hardware como en Software. Controlaremos con una Interfaz desde el PC con Arduino UNO r3.
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 5
![Page 6: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/6.jpg)
¿Qué necesitamos?
• Arduino UNO r3.
• Puedes usar Arduino el que dispongas.
• Escojo esta versión porque es el más usado y el más que tiene la mayoría gente a escala mundial para empezar.
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 6
![Page 7: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/7.jpg)
¿Qué necesitamos?
• Descargar Arduino IDE.
• http://arduino.cc/en/Main/Software
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 7
![Page 8: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/8.jpg)
¿Qué necesitamos?
• NetBeans IDE 8.0.2.
• Descargar NetBeans (En español).
• https://netbeans.org/downloads/
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 8
![Page 9: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/9.jpg)
¿Qué necesitamos?
• Librería RXTX para Java con su página oficial. (La que usamos en este tutorial y de 32 bits).
• http://rxtx.qbang.org/wiki/index.php/Download
06/12/2015electronica-pic.blogspot.com.es 9
![Page 10: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/10.jpg)
¿Qué necesitamos?
• Librería RXTX para Java alternativa de la página oficial de 32 bits y 64 bits actualizado.
• http://jlog.org/rxtx-win.html06/12/2015electronica-pic.blogspot.com.es 10
![Page 11: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/11.jpg)
¿Qué necesitamos?
Descarga
• Puedes descargar de entrada todos los ejemplos y lenguajes.
• Se recomienda primero leer este tutorial antes de ver los ejemplos.
• Luego haz tu propio diseño de la interfaz.
• Fuente
• Fuente
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 11
![Page 12: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/12.jpg)
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 12
![Page 13: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/13.jpg)
Configurar Arduino UNO
06/12/2015electronica-pic.blogspot.com.es 13
![Page 14: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/14.jpg)
Configurar Arduino UNO
• Accedemos a la Web http://arduino.cc y hacemos clic en “Donwload”. En mi caso he descargado la versión “Windows Installer”.
06/12/2015electronica-pic.blogspot.com.es 14
![Page 15: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/15.jpg)
• Una vez ya descargado e instalado vamos a configurar la palca en Arduino UNO. Antes que nada, enchufa el cable USB al PC, la placa de Arduino UNO y luego ejecutas la Arduino IDE en este caso la versión es 1.6.0 desde que escribí este tutorial.
• Pulsas “Herramientas Placa ArduinoUNO”.
06/12/2015electronica-pic.blogspot.com.es 15
![Page 16: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/16.jpg)
• Nos aseguramos que tengas el puerto correspondiente de Arduino.
• En este caso es el puerto COM4.
06/12/2015electronica-pic.blogspot.com.es 16
![Page 17: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/17.jpg)
• Para saber que todo está en orden abriremos uno de los ejemplos y famoso parpadeo del Led 13 que te viene incluido en la placa ArduinoUNO.
• Pulsa “Archivo Ejemplos 01.Basics Blink”.
06/12/2015electronica-pic.blogspot.com.es 17
![Page 18: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/18.jpg)
Configurar Arduino UNOvoid setup() {
pinMode(13, OUTPUT); // Inicializa pin 13 como salidadigital.
}
// Aquí se repite el cliclo una y otra vez.
void loop() {
digitalWrite(13, HIGH); // Led encendido.
delay(1000); // Retardo de un Segundo.
digitalWrite(13, LOW); // Led se apaga;
delay(1000); // Espera un Segundo.
}
06/12/2015electronica-pic.blogspot.com.es 18
![Page 19: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/19.jpg)
Configurar Arduino UNO
• Está más que verificado este código. Pulsa“Subir” para compilar el código y guardarlo enArduino.
• Si no has pulsado “Verificar” antes de compilarverifica código, compila y lo guarda en el AVR de Arduino.
• Abajo de Arduino IDE 1.6.0 aparecerá cualquierinformación como cantidad de datos usadosen portentajes, incluido errores entre otrascosas.
06/12/2015electronica-pic.blogspot.com.es 19
![Page 20: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/20.jpg)
Configurar Arduino UNO
• Fíjate que el Led 13 donde indica la flecha roja está parpadeando.
06/12/2015electronica-pic.blogspot.com.es 20
![Page 21: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/21.jpg)
06/12/2015electronica-pic.blogspot.com.es 21
![Page 22: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/22.jpg)
Esquema boceto
06/12/2015electronica-pic.blogspot.com.es 22
![Page 23: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/23.jpg)
Esquema boceto
• Tal como muestra en la imagen, usaremos una resistencia de 330 Ohmios y un diodo Led rojo conectado a Arduino UNO r3 de los pines GND y el pin 8.
• Si tienes dudas, antes de montar el circuito, pasa a la página siguiente.
06/12/2015electronica-pic.blogspot.com.es 23
![Page 24: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/24.jpg)
Esquema boceto
• Muestra el diodo Led y su simbología.
• El pin más corto es el Cátodo, también se escribe con K, Kátodo, es el negativo del Led.
• Si se encuentran un Led con los pines cortados de igual medida, hay que fijarse en la muesca que representa el Cátodo del Led.
06/12/2015electronica-pic.blogspot.com.es 24
![Page 25: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/25.jpg)
06/12/2015electronica-pic.blogspot.com.es 25
![Page 26: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/26.jpg)
Programación Arduino IDE
06/12/2015electronica-pic.blogspot.com.es 26
![Page 27: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/27.jpg)
Programación Arduino IDE
• Escribimos el código.
• Este pequeño código permite leer por el puerto USB que en realidad es puerto serie emulado para apagar y encender un Led.
char caracter;String comando;
void setup(){pinMode(8, OUTPUT); // Configuramos el pin 8 como salida.Serial.begin(115200); // Iniciamos el puerto serie a 115200 baudios.
}
void loop(){ // Leemos carácter a carácter lo que recibimos por el puerto serie y concatenamos uno a uno a formar una cadena.
while (Serial.available()>0){caracter= Serial.read();comando.concat(caracter);delay(10);
}
/* Cuando tengamos la cadena acabada, comprobamos el valor aquí abajo. Si no se encuentra, lo ignorará. Ya podemos encender un Led, motores, ventiladores, bombillas y otros dispositivos que tengamos conectado mediante relés o otros medios. */
if (comando.equals("Led_ON") == true){ // Si en la cadena de caracteres se incluye la palabra “Led_ON”.
digitalWrite(8, HIGH); // Enciende el Led.Serial.println("Led encendido.");
}
if (comando.equals("Led_OFF")== true){ // Si en la cadena de caracteres se incluye la palabra “Led_OFF”.
digitalWrite(8, Low); // Apaga el Led.Serial.println("Led apagado.");
}
comando=""; // Limpiamos la cadena para volver a recibir el siguiente comando.}
06/12/2015electronica-pic.blogspot.com.es 27
![Page 28: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/28.jpg)
Programación Arduino IDE
• Al crear un archivo nuevo viene así predeterminado.
06/12/2015electronica-pic.blogspot.com.es 28
![Page 29: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/29.jpg)
Programación Arduino IDE
• Escribimos el código como muestra en la imagen.
• Teniendo Arduino UNO conectado con el cable USB pulsamos el botón “Subir” y grabamos nuestro programa.
06/12/2015electronica-pic.blogspot.com.es 29
![Page 30: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/30.jpg)
Programación Arduino IDE
• Pulsamos el botón “Monitor Serie” para enviar comandos.
06/12/2015electronica-pic.blogspot.com.es 30
![Page 31: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/31.jpg)
Programación Arduino IDE
• 1º) poner los baudios a 115200 como tenemos en el programa en Arduino IDE.
• 2º) Introducir los comandos Led_ON para encender el Led y Led_OFF para apagar, luego pulsas “Enviar”.
06/12/2015electronica-pic.blogspot.com.es 31
![Page 32: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/32.jpg)
Programación Arduino IDE
• Muestra el mensaje:“Led encendido.”.
• Luego pruebas con el comando Led_OFF.
• Si funciona, estamos preparado para hacer la interfaz bajo Windows, Linux u otro Sistema Operativo.
06/12/2015electronica-pic.blogspot.com.es 32
![Page 33: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/33.jpg)
06/12/2015electronica-pic.blogspot.com.es 33
![Page 34: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/34.jpg)
Interfaz JavaAplicación con Java y NetBeans 8.0.2
06/12/2015electronica-pic.blogspot.com.es 34
![Page 35: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/35.jpg)
Java 8
En este caso estoy trabajando bajo Windows 7 de 64 bits y NetBeans 8.
06/12/2015electronica-pic.blogspot.com.es 35
![Page 36: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/36.jpg)
Objetivo:
1) Instalar librería RXTX.
2) Insertar 4 botones para dos Led, uno del pin 8 y el otro del pin 13 que ya viene incorporado en la placa Arduino UNO.
3) Insertar label o etiquetas.
4) Insertar un componente Área de Texto en el formulario para recibir mensajes desde Arduino.
5) Insertar y configurar el componente o objeto serialPort1.
6) Enviar comandos con los botones desde la Interfaz que creamos hacia Arduino.
7) Recibir mensajes desde Arduino.
Diseñar una pequeña interfaz desde cero.
06/12/2015electronica-pic.blogspot.com.es 36
![Page 37: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/37.jpg)
Java
• Antes que nada, si ya tenemos NetBeans 8.0 instalado, creamos un proyecto nuevo.
06/12/2015electronica-pic.blogspot.com.es 37
![Page 38: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/38.jpg)
Java
• Cuando se abra la ventana “Proyecto Nuevo”, en “Categoría” selecciona el primero llamado “Java” y en “Proyectos” selecciona “Java Application” luego pulsas “Siguiente”.
06/12/2015electronica-pic.blogspot.com.es 38
![Page 39: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/39.jpg)
Java
• En “Proyect Name” en este caso he puesto EP_JAVA, puedes poner el que quieras.
• No dejar marcado “Create Main Class”.
• Pulsa el botón “Terminar”.
06/12/2015electronica-pic.blogspot.com.es 39
![Page 40: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/40.jpg)
Java
• Nos descargamos la librería rxtx en este enlace.
• Vamos a la dirección C:\Program Files (x86)\Java\jre1.8.0_40\bin e pegamos las librerías rxtxSerial.dll y rxtxParallel.dll.
06/12/2015electronica-pic.blogspot.com.es 40
![Page 41: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/41.jpg)
Java
• Ahora la librería RXTXcomm.jar lo introduces en el directorio C:\Program Files (x86)\Java\jre1.8.0_40\lib\ext.
06/12/2015electronica-pic.blogspot.com.es 41
![Page 42: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/42.jpg)
Java
• El proyecto ya creado en el NetBeans, con el segundo botón del ratón en EP_JAVA, cuando se abra las opciones haz clic en “Opciones”.
06/12/2015electronica-pic.blogspot.com.es 42
![Page 43: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/43.jpg)
Java
• Selecciona Run.
• En mi caso, introduces esta dirección para que encuentres la librerías. A veces hace falta hacerlo.
• -Djava.library.path="C:\Program Files (x86)\Java\jre1.8.0_40\bin"
06/12/2015electronica-pic.blogspot.com.es 43
![Page 44: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/44.jpg)
Java
• Ya hemos guardado el archivo RXTXcomm.jaren el directorio indicado que debemos introducir en la pestaña “Libreries” y luego pulsa e botó “Add JAR/Folder”.
• Finalmente pulsamos el botón “Aceptar”.
06/12/2015electronica-pic.blogspot.com.es 44
![Page 45: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/45.jpg)
Java
• Ya podemos ver en “Libreries” la librería cargada RXTXcomm.jar.
06/12/2015electronica-pic.blogspot.com.es 45
![Page 46: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/46.jpg)
Java
• Ahora vamos a crear un formulario o ventana de nuestro programa tal como muestra en la imagen.
• Usaremos un JFrame.
06/12/2015electronica-pic.blogspot.com.es 46
![Page 47: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/47.jpg)
Java
• En “Nombre de Clase:” lo he llamado EP_JAVA_FRAME.
• Puedes llamarlo como desees.
• Pulsa “Terminar”.
06/12/2015electronica-pic.blogspot.com.es 47
![Page 48: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/48.jpg)
Java
El formulario está preparado para programarlo.
06/12/2015electronica-pic.blogspot.com.es 48
![Page 49: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/49.jpg)
Java
• Para que al ejecutar nuestra interfaz salga en el centro de la pantalla.
• Asegúrate que has hecho clic en el formulario principal, luego vete a “Código” y finalmente en “Generar centro” lo chequeas.
06/12/2015electronica-pic.blogspot.com.es 49
![Page 50: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/50.jpg)
Java
• Insertar 2 etiquetas y 4 botones en el formulario.
06/12/2015electronica-pic.blogspot.com.es 50
![Page 51: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/51.jpg)
Java
• Cambiar las propiedades de las etiquetas.
• En la segunda etiqueta lo mismo pero el “text” a Led 13 y “Nombre accesible” a jLabel_Led_13
06/12/2015electronica-pic.blogspot.com.es 51
Propiedad Cambie a
text Led 8
Nombre accesible jLabel_Led_8
![Page 52: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/52.jpg)
Java
• Ahora seleccione el primer botón del Led 8 y cambies las propiedades indicadas en la derecha.
06/12/2015electronica-pic.blogspot.com.es 52
Propiedad Cambie a
text ON
Nombre accesible jButton_Led_8_ON
![Page 53: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/53.jpg)
Java
• Lo mismo para el segundo botón, justo abajo del Led 8 pero en OFF.
06/12/2015electronica-pic.blogspot.com.es 53
Propiedad Cambie a
text OFF
Nombre accesible jButton_Led_8_OFF
![Page 54: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/54.jpg)
Java
• Si todo ha ido bien, debe ser como muestra en la imagen.
• Ahora para las etiqueta Led 13 y sus dos botones como verás a continuación.
06/12/2015electronica-pic.blogspot.com.es 54
![Page 55: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/55.jpg)
Java
• Lo mismo para los demás botones del Led 13, tanto como ON para el otro botón OFF.
06/12/2015electronica-pic.blogspot.com.es 55
Propiedad Cambie a
text ON
Nombre accesible jButton_Led_13_ON
![Page 56: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/56.jpg)
Java
• Debe quedar así.
• La posición de los botones lo dejas arriba porque abajo introduciremos más componentes que veremos más adelante.
06/12/2015electronica-pic.blogspot.com.es 56
![Page 57: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/57.jpg)
Java
• No olvidar poner un título al formulario principal.
• En este caso lo llamo Mini Interfaz Java.
06/12/2015electronica-pic.blogspot.com.es 57
Propiedad Cambie a
title Mini Interfaz Java
![Page 58: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/58.jpg)
Java
• Añadimos una etiqueta diciendo “Mensajes desde Arduino:” y luego ponemos el componente “Área de texto”.
• Así es nuestra mini interfaz, ya podemos empezar a programar para encender Led y apagarlo.
06/12/2015electronica-pic.blogspot.com.es 58
![Page 59: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/59.jpg)
Java
• Compilamos con la flecha verde para ejecutar la Interfaz y ver como queda.
06/12/2015electronica-pic.blogspot.com.es 59
![Page 60: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/60.jpg)
Java
• Aspecto de la interfaz ejecutándose.
• No hace nada porque no hemos programado ni un código.
• Ahora nos toca programar para encender y apagar un Led, en este caso el Led 8 y el Led 13.
06/12/2015electronica-pic.blogspot.com.es 60
![Page 61: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/61.jpg)
Java
• Encontrarás solo la interfaz sin código de programación.
• Puedes ver el ejemplo EP_JAVA_1 en el directorio de la descarga, InterDuinoGENERAL\Windows\Java\EP_JAVA_1
06/12/2015electronica-pic.blogspot.com.es 61
![Page 62: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/62.jpg)
Java
Programar la interfaz para encender y apagar el Led del pin 8 y el 13.
06/12/2015electronica-pic.blogspot.com.es 62
![Page 63: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/63.jpg)
Java
• Hasta el momento, escribiremos estos import desde el principio del código.
06/12/2015electronica-pic.blogspot.com.es 63
![Page 64: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/64.jpg)
Java
• Agregar todas estas variables.
• Se basan en enviar mensajes y configuración del puerto.
06/12/2015electronica-pic.blogspot.com.es 64
![Page 65: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/65.jpg)
Java
06/12/2015electronica-pic.blogspot.com.es 65
![Page 66: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/66.jpg)
Java
• Agregar todas estas variables.
• Se basan en enviar mensajes y configuración del puerto.
06/12/2015electronica-pic.blogspot.com.es 66
![Page 67: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/67.jpg)
Java
• Más métodos enviarDatos y mostrarError.
06/12/2015electronica-pic.blogspot.com.es 67
![Page 68: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/68.jpg)
Java
• Hacemos doble clic al botón Led 8 ON.
• Se nos crea este código.
06/12/2015electronica-pic.blogspot.com.es 68
![Page 69: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/69.jpg)
Java
• En el interior del código ponemos enviarDatos(Led_8_ON);
• Este dato se enviará a Arduinopor puerto serie, si lo detecta, encenderá el Led del pin 8.
06/12/2015electronica-pic.blogspot.com.es 69
![Page 70: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/70.jpg)
Java
• Haz doble clic con el segundo botón y he introduces ahora para apagar el Led 8 lo que indica la imagen.
• Así también con los otros botones del Led 13.
06/12/2015electronica-pic.blogspot.com.es 70
![Page 71: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/71.jpg)
Java
• Código programado encender y apagar los Led 8 y 13.
• Puedes ver el ejemplo EP_JAVA_2 en el directorio de la descarga, InterDuinoGENERAL\Windows\Java\EP_JAVA_2
06/12/2015electronica-pic.blogspot.com.es 71
![Page 72: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/72.jpg)
Java
• Leer mensajes desde Arduino.
• Introducir estos “import” al principio como indica la imagen.
06/12/2015electronica-pic.blogspot.com.es 72
![Page 73: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/73.jpg)
Java
• Añades estos códigos cuando veas que están entre // #####################
• Se añade comentarios para saber de que va.
• A partir de la página siguiente, se añade los códigos completo de inicio a fin con sus comentarios incluidos.
06/12/2015electronica-pic.blogspot.com.es 73
![Page 74: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/74.jpg)
06/12/2015electronica-pic.blogspot.com.es 74
Código desde el principio.
![Page 75: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/75.jpg)
06/12/2015electronica-pic.blogspot.com.es 75
![Page 76: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/76.jpg)
06/12/2015electronica-pic.blogspot.com.es 76
![Page 77: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/77.jpg)
06/12/2015electronica-pic.blogspot.com.es 77
![Page 78: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/78.jpg)
06/12/2015electronica-pic.blogspot.com.es 78
![Page 79: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/79.jpg)
06/12/2015electronica-pic.blogspot.com.es 79
Fin de código.
![Page 80: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/80.jpg)
Java
• Lectura del puerto serie y los datos se muestra en un cuadro de texto indicando cuando un Led está encendido o apagago.
• Puedes ver el ejemplo EP_JAVA_3 en el directorio de la descarga, InterDuinoGENERAL\Windows\Java\EP_JAVA_3
06/12/2015electronica-pic.blogspot.com.es 80
![Page 81: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/81.jpg)
06/12/2015electronica-pic.blogspot.com.es 81
![Page 82: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/82.jpg)
Fotos
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 82
![Page 83: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/83.jpg)
Fotos
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 83
![Page 84: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/84.jpg)
Fotos
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 84
![Page 85: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/85.jpg)
Vídeo
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 85
![Page 86: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/86.jpg)
Vídeo
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 86
https://www.youtube.com/watch?v=HySzBln0UVE
![Page 87: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/87.jpg)
Enlaces de interés
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 87
![Page 88: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/88.jpg)
Enlaces de interés
• Java: Web principal de Java, el creador del compilador NetBeans.
• Arduino: Información oficial sobre el mundo de Arduino y foros.
• Jonathan Melgoza: A colaborado en la parte de recepción de datos del puerto serie y parte de la interfaz.
• Electrónica PIC: Blog oficial del creador de este tutorial.
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 88
![Page 89: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/89.jpg)
Versión del tutorialVersión: 1.00
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 89
![Page 90: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/90.jpg)
Contacto
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 90
![Page 91: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/91.jpg)
Contacto • Puedes publicar este tutorial en tu Web, foro, blog, CD-ROM, DVD-ROM, Blu-Ray en revistas oficial en papel o cualquier otro medio.
Contactar: [email protected]
PayPal: [email protected]
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 91
![Page 92: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/92.jpg)
Autor
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 92
![Page 93: Interfaz java y arduino](https://reader033.fdocument.pub/reader033/viewer/2022052208/587a172d1a28abb4238b55e9/html5/thumbnails/93.jpg)
Autor
Ángel Acaymo M. G.
06/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 93