SERIE HMI #2: INTERFAZ GRAFICA DE CONTROL PARA UN LED - ARDUINO - GUI

[@jadsa]

Que tal, en este segundo episodio de la serie vamos a terminar con la primera interfaz para poder controlar un circuito led desde la PC y obtener ya una build .exe totalmente funcional!. 🎬 Mira los episodios de esta serie HMI que están disponibles: kzbin.info/aero/PLJ9xqaywaFW6b_IQ3Nlh-VayaLq7eKeax 🎁 Apoya esta serie y canal para seguir creando contenido: www.patreon.com/jadsa 📲 Linkedin: www.linkedin.com/in/jhimmyastoraque/ 🎞️ Instagram: instagram.com/jhimmy_ad/

[@josesanchez-qm1vr]

Al fin una serie de videos sobre este tema, solo puedo decir... este men es tu héroe? Porque el mio si , lo es!!! :D

[@elektrognosys4308]

Esperando con ganas el vídeo #3.

[@greysirejas4551]

neta que nunca pense decir esto pero creo que te amo , gracias lo explicas paso a paso yo en bolas de como hacer aplicaciones , eres mi heroe

[@ProfeEscudero]

Tremendo video, la verdad es que hace mucho tiempo quería a realizar este proyecto en C# (antes solo había trabajado con LabView) y gracias a tu video me animé a comenzarlo. Saludos!

[@josef4829]

Estamos encantados con este proyecto, espero que continues con la serie. Gracias.

[@jalsecuador2216]

Gracias hermano, estaba esperando que subas esta parte... :)

[@miguelangelperez3798]

Excelente amigo, voy a implementar esta manera de desarrollar interfaz gráfica a mi proyecto de titulación. Saludos y espero con ansias el siguiente

[@brauliodelgado5427]

Buenísimo :3 espero el siguiente episodio :3

[@crown9688]

Esperando con hacías los siguientes capítulos, excelente trabajo ingeniero.

[@mateogermanorjuelagalvez3820]

Graciaaaas, que buen tutorial, muy útil para realizar interfaces graficas a nuestros proyectos.

[@remonremon2595]

Much as gracias por el tutorial estoy muy atento te voy a sugerir que le metas ,accionamiento por base de datos firebase y asi creo que tendras para algun tutorial mas . Gracias por compartir lo que sabes dandonos la oportunidad de aprender a los demas

[@ErmogenesRodriguez]

saludos desde Republica Dominicana, excelente iniciativa.

[@pablopalacios3663]

Esperando el #3, muchas gracias!

[@IsaacBG84]

ME recuerda a un HMI que hice hace muchos años con Delphi en Pascal, muy similar. Tambien probe con LAbview. Buen video

[@bettydurangarcia228]

Buenísimo el video gran trabajo , felicitaciones.

[@jonathancortez6801]

Estamos en espera de la tercera parte🤗🤗

[@ricardoperez7580]

Buena explicación, muy instructivo, Felicidades

[@CHUKISTEIN]

Muy buen video, hay que perder el miedo a la programacion, gracias!!!!

[@ederantoniassi7740]

Otimo video. aguardando o video 3.

[@tupacrojo]

Espero el siguiente episodio muy bueno!!, en el código de arduino de descargas puede llegar a dar error al prender y apagar led , en esta parte "if (stringComplete)" en vez de decir $on dice #On lo mismo con el Off

[@jadsa]

Gracias por tu observación.

[@eliascabrera2407]

Muy buen video amigo , muchas gracias!

[@felipepiano8275]

Saudações do Brasil, ótimo projeto, estou acompanhando.

[@felixgonzalez7283]

ya lo realice, y me quedo excelente, gracias

[@adriandalihernandezrueda2862]

ahhh lo estaba esperando, gracias!!

[@gonzasalazar8060]

Woow

[@davidtapia5492]

Muy buenas Clases! un lujo

[@fmedina1145]

excelentes videos muchas gracias... una duda para que la interfaz humano maquina funcione se debe tener el arduino conectado a la computadora?

[@jadsa]

En el episodio 6 vemos una de las opciones para hacerlo inalámbrico y no necesitar conectarse con cable a la PC.

[@jonatantolentino1226]

Genial, ese es un super aporte.

[@facundoolmedo5390]

Muy buen contenido!! Saludos desde Argentina

[@JeferErasoD]

Genial el proyecto, por fa sube el siguiente videoo!!!°

[@felixgonzalez7283]

Esperando por el #3

[@suelectronico]

Deseando que llegue el siguiente

[@rudymolina1356]

broo eres un genio¡¡¡ gracias

[@Luis-iy1ku]

Bestial!!!

[@iFakeGT3]

Very good! Congratulations, your videos are amazing. Helped me a lot!

[@manutube8080]

Gracias!!

[@juanbaquero2373]

Hola jhimy, disculpa la molestia Lo que pasa es que cuando intento ejecutar el exe de mí proyecto, me dice que se denegó el acceso al puerto COM3, que es el puerto que estoy usando Ya probé instalar los controladores del puerto Actualizarlo Desinstalarlo y volverlo a instalar Ejecutar el programa como administrador Y nada me sirve Qué me sugieres hacer ?

[@jadsa]

Hola, seguramente estás usando el serial monitor de Arduino. Entonces el COM ya está ocupado. Cierra el Ide y solamente ejecuta tu proyecto

[@gloriavillanazul2246]

Excelente ING 👌

[@felipeludi1769]

Gran video yo también uso processing lo bueno es cuanto pesa

[@luisrey8986]

Excelente!

[@mapas3905]

Una duda. Por qué este programa de Arduino funciona con la placa UNO pero no con las nuevas NANO Every, Ble 33 o RP2040?

[@jadsa]

Hola, no he probado esas placas sin embargo a más de hacer alguna pequeña modificación dependiendo del hardware el resto del programa debería funcionar sin problema porque es comunicación UART standard.

[@estilocba]

Excelente, Consulta Se puede crear una app para smartphone con este codigo desde el framwork? gracias

[@jadsa]

Con Winforms no. Para móvil debes seleccionar xamarin forms o .net Maui desde visual studio.

[@REALGOATISHERE]

Espero no pase mucho tiempo para el siguiente video estoy trabajando en una aplicación y necesita desarrollar un hmi, algún link o texto que recomiendes para leer al respecto ?

[@jadsa]

Hola, si puedes leer la documentación, .NET docs.microsoft.com/en-us/dotnet/ Windows Forms docs.microsoft.com/en-us/dotnet/desktop/winforms/?view=netdesktop-5.0

[@juanjosedelgadojaen3814]

muy muy bueno la verdad los videos. Una pregunta. Merece la pena tratar de usar WPF? Me ha dicho un amigo que es en lo que se va a centrar microsoft y que va a olvidar winform. Imagino que básicamente es lo mismo no?

[@jadsa]

Es similar, pero usa Xaml y arquitectura MVVM. Este HMI lo hice con WPF kzbin.info/www/bejne/fqWodYirrNWfd7csi=4vMU-5K7XhMKinOa

[@javierezequielespinosamari6315]

Un buen proyecto podría ser realizarl un HMI que funcione con Bluetooth BLE del ESP32

[@matiyelicich]

Estoy usando un Arduino UNO, pero por alguna razón el Led no prende ni se apaga cuando le doy $On en el monitor serie. Dejo el código si puedes ayudarme con esto. String inputString = ""; bool stringComplete = false; void setup() { Serial.begin(9600); pinMode (LED_BUILTIN, OUTPUT); digitalWrite(LED_BUILTIN, LOW); } void loop() { if (stringComplete) { inputString.trim(); Serial.println(inputString); //process the comand if (inputString.equals("$On")) { digitalWrite(LED_BUILTIN, HIGH); } } else if (inputString.equals("$Off")) { digitalWrite(LED_BUILTIN, LOW); } // clear the string inputString = ""; stringComplete = false; } void serialEvent() { while (Serial.available()) { //get the new byte: char inChar = (char)Serial.read(); if (inChar == '/') { stringComplete = true; } else { //add it to the inputString: inputString += inChar; } } }

[@jadsa]

inchar == ' '. El tuyo está solamente con '\'

[@matiyelicich]

@@jadsa ya lo arregle y continúa si prender el led del pin 13, cuando pongo el comando se prende y se apaga una luz que esta al lado, pero la del pin 13 no se prende

[@felixgonzalez7283]

gracias......

[@brayanavendano4486]

Hola, lo que sucede es que he seguido todos los pasos tal y como lo haces, pero al colocar lo del SerialPort no me aparece la opción para colocarlo en la toolbox y no he podido avanzar. Gracias por su atención.

[@jadsa]

Hola, que versión de framework estás utilizando y que tipo de proyecto de visual studio has elegido? Algunos fallan en el tipo de proyecto y no les aparece el serial.

[@gustavolunaaguilar575]

Hola, quiero agradecerte por tu aporte. Le he dedicado varías horas para aprender. Quisiera que me ayudes porque tengo un problema con el código, al momento de copiarlo igual que tú me sale un problema de sintaxis, de echo no me deja ni siquiera colocar el // para colocar los comentarios. Podrías ayudarme con este tema

[@jadsa]

Hola, quizá fallaste al momento de elegir el proyecto, es Windows forms app .Net framework

[@gustavolunaaguilar575]

@@jadsa Hola, definitivamente estuve mal, estuve trabajando en formato .vs, ahora ya estoy con 2 leds y siento que estoy avanzando. Ahora empezaré el video 3, muchas gracias por tu aporte!, estoy muy emocionado por esto.

[@neyvickz8926]

Genialll

[@fabianpalacios6711]

Tengo una pregunta, por qué si o si hay que cerrar el puerto serie al cerrar la app? Que pasa si no se cierra por algún motivo?

[@jadsa]

Hola, simplemente porque se queda abierto y no se lo puede volver a utilizar mientras esté así.

[@joyvaldiviaprieto3341]

Estoy usando un ESP32 pero por alguna razon el Led no prende ni se apaga cuando le doy $On en el monitor serie. El problema puede ser el void serialEvent() ? Dejo el código si puedes ayudarme con esto. //Variables globales String inputString = ""; bool stringComplete = false; int led = 13; void setup() { Serial.begin(115200); pinMode(led, OUTPUT); digitalWrite(led,LOW); } void loop() { if(stringComplete){ inputString.trim(); Serial.println(inputString); //Procesar el comando if(inputString.equals("$On")){ digitalWrite(led, HIGH); } else if (inputString.equals("$Off")){ digitalWrite(led, LOW); } //Limpiar el string inputString = ""; stringComplete = false; } } void serialEvent(){ while(Serial.available()){ //Get the new byte char inChar = (char)Serial.read(); if(inChar == ' '){ stringComplete = true; }else{ //add it to the inputString inputString += inChar; } } }

[@jadsa]

SerialEvent no funciona con ESP32 crea una función y llámala desde el loop

[@lcepeda]

Excelente tutoriales! Gracias. Me pregunto si estubieras dispuesto a colaborar con un projecto que estoy iniciando y necesitare ayuda como la suya.

[@suavon]

Hola, excelente video, espero ansioso el próximo. Parece ser que la herramienta SeriaPort no esta en las caja herramientas, lo he buscado por todos lados y no está. ¿Cómo podría solucionarlo?

[@suavon]

Hola de Nuevo ya me respondo yo, había escogida la plantilla equivocada, escogí una muy parecida. La correcta es: Aplicación de Windows Form (.NET Framework)

[@jadsa]

Hola, Instalaste .net? Y elegiste aplicación con Windows Forms para el proyecto?

[@jadsa]

Ahh ok

[@Fenrryll]

Hola gracias por el canal y el video. Es posible llevar estas app a una pantalla externa, o siempre funcionan desde un computador?

[@jadsa]

Hola, con las herramientas del vídeo,solo desde PC.

[@ariel18012]

Excelente amigo.........muy bueno....!!! En caso de usar la app bajo linux (uso linux no windows) como se crea el ejecutable.... ....espero el episodio 3...!!

[@jadsa]

No estoy seguro en Linux bro.

[@ElectronicMatt]

Que gran video, pero como sé haría este mismo ejemplo pero mediante wifi para una esp32?

[@jadsa]

Si se da el momento lo veremos, por ahora estoy concentrado en grabar y mostrar como hice la parte que me comprometí a enseñar.

[@xinoobhunterz9093]

Amigo al momento de correr el forms en visual studio me aparece este mensaje "Se ha denegado el acceso al puerto COM7 ( puerto donde esta conectado mi arduino)" Ya hice el codigo tal y como en el video tanto en el visual como en arduino Tambien ya tengo conectado mi arduino Sabes porque me da este mensaje?

[@jadsa]

Hola, seguramente porque también tienes abierto el monitor serial, esto provoca que el puerto COM ya este ocupado, no se puede abrir 2 veces un Puerto!.

[@xinoobhunterz9093]

@@jadsa Es cierto, gracias

[@chiro6726]

hola, hay alguna razon por la cual prefieres usar Serial.read() en vez de Serial.readString() ?

[@jadsa]

Funcionan los dos, sin embargo en algunas ocasiones readString me dió algunos bugs, por otro lado read() te da un poco mas de control byte por byte. Solo eso.

[@luiseduardovargasayala4947]

Hola amigo ese mismo código de Arduino se lo puedo cargar al esp32?? Saludos

[@jadsa]

Hola, si pero con algunas modificaciones

[@luiseduardovargasayala4947]

De casualidad me podrías ayudar a saber cuáles son?

[@amarobarbosa8483]

en el mío parece estar dando conflicto entre el monitor de serie y el dispositivo. sin el monitor de serie abierto: funciona bien, y el led se enciende y se apaga, pero si intento abrir el monitor de serie error: "COMx. (Puerto ocupado) y texbox: puerto cerrado. y en arduino el mensaje es: "COMX. (Puerto ocupado)

[@jadsa]

Si el puerto está abierto por otra aplicación (winforms) entonces el monitor serial de Arduino ya no se puede abrir pues está ocupado.

[@elchalan6728]

hola bro la verdad ando emocioanado con esta serie pero ,pero que te crees que ami no me aparece en la caja de herramientas el serialPort ,y en el cuadro tampoco en el menu de comportamiento del estado de apagado :::: no se si puedas saber mas menos de don sale la bronquitis...😀

[@jadsa]

Hola, instala las versiones indicadas en el vídeo 1, .NET framework sobre todo

[@manuelresendez4056]

hola, cuando ejecuto la interface de usuario de visual studio me sale que se denego el acceso al puerto COM6 que es el que estoy usando. ya lei mas comentarios con ese problema pero yo lo estoy haciendo en thonny manejando python con un esp32 y no se como correrlo si ocupar el puerto me podrias orientar porfavor

[@jadsa]

Hola, seguramente Thonny abre el puerto y por eso la interfaz ya no puede usar el mismo. Cierra el puerro en tu Ide y si no se puede cambia de editor por otro.

[@CristianLopez-eo7ch]

Deberíamos hacer una actualización, para hacerlo IOT con Base de datos, si te interesa contáctame

[@josearturosanchezramos6964]

Anexo codigo que me funciono para ESP32: En el IDE de arduino use la placa: "ESP32-WROOM-DA Module" Nota: Carguen el codigo en el esp32, con el monitor serial comprueben que encienda y apague el led, seguido de eso desconecten el esp32 y vuélvanlo a conectar porque si intentan correr el .exe de visual sin desconectarlo seguido de subirle el código hay un problema con el puerto. String inputString = ""; // a String to hold incoming data bool stringComplete = false; // Whether the string is complete void setup() { Serial.begin(9600); pinMode(2, OUTPUT); // Cambia LED_BUILTIN por 2 digitalWrite(2, LOW); // Cambia LED_BUILTIN por 2 } void loop() { if (stringComplete) { inputString.trim(); Serial.println(inputString); // process the command if (inputString.equals("$On")) { digitalWrite(2, HIGH); // Cambia LED_BUILTIN por 2 } else if (inputString.equals("$Off")) { digitalWrite(2, LOW); // Cambia LED_BUILTIN por 2 } // clear the string inputString = ""; stringComplete = false; } } void serialEvent() { while (Serial.available()) { // Get the new byte: char inChar = (char)Serial.read(); if (inChar == ' ') { stringComplete = true; } else { // add it to the inputString inputString += inChar; } } }

[@magicdrake2747]

OLLE TENGO UN PROBLEMA CON LA EJECUCION DEL PROGRAM CUANDO LO CONECTO PERO NO ENCIENDE YA USANDO LA APLICACION Y EL CODIGO CARGADO DEL ARDUINO QUE PUEDE SER SALUDOS

[@deynex9101]

¿Hay alguna forma de conectar la app directamente sin usar el IDE de Arduino?

[@jadsa]

Se necesita el Arduino Ide para programar el microcontrolador no para usar la app.

[@edwinmeneses7552]

hola amigo no me sale el sirial port en esta nueva version 2022 que debo hacer?

[@jadsa]

Tienes que usar la plantilla de proyecto Windows Forms app .NET Framework

[@leobal5485]

por alguna razon no encuentro el componente serialPort, no esta

[@jadsa]

Hola, Ingresa al toolbox a la parte de "Todos los componentes" y en la parte de buscar coloca "serialPort".

[@suavon]

Hola seguramente has escogido una plantilla equivocada, algunas son muy parecidas. La correcta es: Aplicación de Windows Form (.NET Framework)

[@leobal5485]

@@suavon .net en ves de .net framework

[@diferen8440]

muy buenas profe podría explicar como enviar a Arduino desde visual estudio, cuando se presione un botón lectura de una tarjeta micro sd don de lea movimientos y se mueva un motor paso a paso nema 17 muchas gracias

[@jadsa]

Hola que tal, tu pedido es demasiado específico. A lo largo de los 5 episodios de esta serie hemos visto como enviar y recibir datos entre arduino y visual studio además de varios controles en windows forms que permiten interactuar con sensores y actuadores. Creo que si ves la serie tú mismo podrás hacer lo que requieres, espero entiendas que no me daría el tiempo de atender a cada situación posible que me comentan.

[@diferen8440]

Hola estimado profesor, le pedía ayuda por que yo me lio muchísimo y de seguro que ese video lo vería muchísima gente de todas maneras muchas gracias por contestar el mensaje. un cordial saludo

[@homehon8787]

master in the web says 40 are pesos or dollars

[@miguelangelperez3798]

Y la tercera parte ? :(

[@omarsanchezduenas1333]

Sube tercera parte

[@josealbertoelizondowillis2182]

Dice que se me nego el accesso al puerto

[@jadsa]

Si tienes el monitor serie de arduino ya Abierto, desde el HMI te niega el acceso. Debes cerrar el del IDE

[@ElLuisittoGtr]

Una consulta hermano, si quiero pasar ese proyecto a otra pc cómo lo hago? :c

[@jadsa]

En este mismo video esta como hacer una build y convertirlo en un archivo .exe que se puede pasar a cualquier PC con windows.

[@ElLuisittoGtr]

@@jadsa si, pero me refería a todo el proyecto por si toca modificar el código o algo desde la otra pc

[@jadsa]

Copiando todo tu proyecto e instalando todas las herramientas de desarrollo que vimos en el episodio 1 🤷‍♂️.

[@ElLuisittoGtr]

@@jadsa oki, muchas gracias crack

[@Tony9992]

labeLed me invia error 😭😭

[@jadsa]

Hola, por qué?