SERIE HMI #3: INTERFAZ GRAFICA DE CONTROL - ESP32 - WINDOWS

[@jadsa]

Hola gente, en este tercer episodio de la serie realizaremos una interfaz mejorada además les mostraré que las aplicaciones que desarrollamos son compatibles con cualquier microcontrolador que este conectado serial TTL-USB a la PC, como lo es por ejemplo el ESP32. 🎬 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 👀 Suscribete al canal! kzbin.info 📲 Linkedin: www.linkedin.com/in/jhimmyastoraque/ 🎞️ Instagram: instagram.com/jhimmy_ad/

[@juanca1166]

Me empecé a ver la serie hoy y justo subes la tercera parte. Esto es un regalo divino.

[@jadsa]

🙏🏻

[@marcozatarain9630]

Muy buen trabajo!!! Esta serie es la que más me está interesando del canal.

[@leobal5485]

por fin, lo estaba esperando con muchas ganas

[@jadsa]

Pues tienes incluso el episodio 4 esperando...

[@domeliosestelar]

Está muy buena esta serie. Yo no tengo un Arduino a la mano, pero intenté conectar mi celular para que me reconociera el puerto y comprobar que funcionara, y sí, efectivamente, la aplicación logró leer el puerto serial.

[@jadsa]

Que bien que practiques incluso sin tener un Arduino a mano 👌🏼

[@kexplosionk]

Me esta encantando los tutoriales, super completos y entendibles :3

[@g2mini859]

hola amigo que buen video es de gran aporte a mi persona, excelente explicación e información GRACIAS POR EL APORTE.

[@ivanhernandez-eg3tn]

Excelente video estaría súper bien algo con wifi

[@oscarbenavides6891]

Excelente contenido, Gracias por enseñar.

[@JuanRodriguez-ri8vd]

Exelente

[@carlos09121982]

muy interesante , apenas la vi en youtube te sigo bro

[@davidtapia5492]

Muchas gracias!

[@ipodloko97]

Una pregunta, como harias para diseñar una interfaz que una de las cosas que haga sea cambiar algun parametro de una funcion que puedas tener en la parte de set up de arduino (no la de loop)?? Seria de la misma forma que dentro del loop?? porque... en el setup se puede leer parametros de enrtada por serial tambien? A lo mejor es una pregunta estupida, losiento si es asi, y muchas gracias de antemano!

[@jadsa]

Se puede hacer de varias formas, lo mas sencillo que se me ocurre es un Text Input en la interfaz para cambiar un parámetro en el Micro. Se puede leer datos en la función setup pero solamente corre una vez antes de entrar al loop.

[@virginiaperez8971]

genial

[@ariel18012]

Hola amigo como te respondió, Miguel Angel yo con mi titulación estoy a tiempo todavía y viendo las diferentes variante... HMI y Node-Red veré cual sale mas rápido.....excelente amigo sigue así...!!!!!

[@jadsa]

😅

[@a40xl17]

cuando se pulsa en "Start Debug" con el ESP32 conectado aparecen el BAUD RATE y el PORT. En el mío no aparece nada sera porque lo hice con arduino?

[@jadsa]

Debería salir igual.

[@amarobarbosa8483]

cuando se pulsa en "Start Debug" con el ESP32 conectado aparecen el BAUD RATE y el PORT. En el mío no aparece nada ¿por qué?

[@a40xl17]

a mi tampoco me aparecio, lo hice con arduino

[@gonzasalazar8060]

Buen video como siempre :D

[@kikeTC30]

Muy buen video! Podrías hacer uno explicando más en detalle como comunicarnos por el serial de un ESP32 cuando no funcionan los serialEvents

[@jadsa]

En la parte del ejemplo 1 BT de este video muestro cómo hacerlo. kzbin.info/www/bejne/b5uydYmEfJ2igJo

[@kikeTC30]

@@jadsa muchisimas gracias, ahora lo veo! Felicitaciones por tu gran canal!

[@kikeTC30]

@@jadsa No consigo que la funcion inputString.equals("x") me devuelva verdadero. Es una incompatibilidad con el esp32?

[@enquezz]

Hola. esta fantástico tu canal. Quiero preguntarte algo, estoy haciendo una matriz de botones de 8x8 con arduino para que mediante esa matriz hacer un ajedrez pero quiero que cuando mueva las piezas se vea en una pagina html en un tablero virtual. ¿que me recomiendas hacer?

[@jadsa]

Hola, hay múltiples opciones no sé los pormenores de tu proyecto pero yo utilizaría un esp8266 o un esp32 y crearía un servidor en alguno de ellos para que sirvan la página web. Por cierto hay series de ambos esp en el canal.

[@enquezz]

@@jadsa gracias muy amable lo estaré viendo

[@manuelcoaguila584]

Buen video. Una consulta, en que minuto le pusiste el COM3, porque cuando abro la app solo me deja seleccionar el COM3. Gracias.

[@Darkariest]

Muchas gracias!, tengo una pregunta, ¿Como puedo actualizar un ComboBox ? me refiero si al momento de desconectar un puerto, que se vea reflejado en el programa, y al volverlo a conectar detecte el puerto. saludos!

[@jadsa]

Eso lo vemos en los siguientes episodios de la serie, también puedes mirar la documentación de combobox para mayor referencia. docs.microsoft.com/en-us/dotnet/api/system.windows.forms.combobox?view=windowsdesktop-6.0

[@miguelangelperez3798]

Por una parte te voy a regañar, esta serie me iba a servir de guía para hacer mi proyecto de titulación.... Cómo te tardaste mucho tuve que hacerlo a mi manera... Y ya va quedando .... Quiere decir que aunque me molestó que no hubieras subido estos videos a tiempo, también me ayudaste a qué yo le buscará por mis medios e hiciera mi propia interfaz a como diosito me daba a entender... Ahora ya estoy por terminar el proyecto ....!! Saludos buen video

[@christoferalvarezgaitan2906]

Muchas gracias... entendí a la perfección, es posible hacer lo mismo para la raspberry?

[@jadsa]

Si, pero debes usar .net6 y blazor o tkinter con python

[@christoferalvarezgaitan2906]

@@jadsa aaaa comprendo, y cual me recomiendas?, la verdad estoy iniciando con raspberry y tengo que hacer un proyecto de titulo con el mismo

[@jadsa]

@@christoferalvarezgaitan2906 python ya viene con Raspberry Pi OS, así que es más sencillo.

[@franckedwin4477]

Hola, de dónde descargas las imágenes PNG de los leds? no has dejado el enlace en la descripción (min 6:38). Gracias

[@jadsa]

Hola, antes estaba para descargar, ahora se ha movido todo a Patreon para intentar tener algún ingreso y poder continuar creando contenido.

[@Samuel-lh7gj]

me interesaría saber como es que puedes guardar los datos en un archivo txt desde el programa, por ejemplo en las graficas que muestras en el primer video guardar los datos del potenciómetro en un achivo txt, excelentes videos

[@jadsa]

En el episodio 6 vemos archivos de texto y cómo graficarlos, e incluso hay un código comentado para crear archivos, solamente en vez de escribir "Hola", guardas los datos de la temperatura o humedad en tu .txt

[@electrocsj3461]

Hola muy buen video, vengo siguiendo la serie de hmi. Hay algun libro respecto de esto?

[@jadsa]

Hola, yo no he encontrado pero puedes utilizar libros convencionales de desarrollo de software, libros del framework .Net , y C#.

[@electrocsj3461]

@@jadsa gracias

[@miguelramirez6859]

Una pregunta, ¿como seria el codigo en arduino para 2 leds? ya logre avanzar pero me esta generando problemas ya que al declarar el led 2 no me enciende y ya he estado mas de 5 horas intentando resolverlo.

[@jadsa]

En el siguiente capítulo encendemos 4 leds.

[@MarcioLuisdePaula-u2y]

olla ! como se chama la libraria serial por e chart para descargar ? obrigado

[@CarlosRamirez-eg1ic]

Hola, muchas gracias por el video, estoy aprendiendo al 100%, donde podria encontrar la carpeta de los Leds? intente descargar unos pero no he podido lograr configurarlos apra que cambie el color cuando enciende o apaga

[@jadsa]

Hola, la mayoría de imágenes las dibujé yo mismo en Illustrator, puedes hacer lo mismo si quieres personalizarlo a tu gusto.

[@Mega-24]

Hola Buenas, estoy siguiendo el curso y está muy interesante, la primera interfaz me salió bien pero en este capitulo me da el siguiente error al seleccionar el puerto y poner open "La cadena de entrada no tiene formato correcto" y no entiendo de donde viene el error.Desde ya muchas gracias!

[@jadsa]

Debe ser de uno de tus Try catch que detecta una excepción entonces quiere decir que hay una falla en alguna conversión de datos o casting de variables , revisa bien.

[@Mega-24]

@@jadsa Listo encontré el problema, muchas gracias por tu ayuda era problema en una conversión de datos! Muchas gracias!

[@brayangarcia3598]

Amigo, si no tengo el ESP32 aún así lo puedo programar?

[@jadsa]

Así es, puedes usar un Arduino no hay problema.

[@brayangarcia3598]

@@jadsa Osea realizó las conexiones a la pantalla LCD, al servomotor y los 4 LEDS y aún así debe funcionar? Correcto!

[@jadsa]

Este es el episodio 3. Me imagino que hablas del #4 ese lo hemos hecho con arduino. Solo conecta tus dispositivos, si tienes dudas ya hicimos videos en el canal de servomotor, lcd, oled, etc.

[@brayangarcia3598]

@@jadsa Muchas gracias

[@mateogermanorjuelagalvez3820]

el código que se suburia para este ejemplo en el esp32 es el mismo que el que hiciste para Arduino? o hay que hacer otro distinto? es que cuando le doy en open no funciona

[@mateogermanorjuelagalvez3820]

lo probé con Arduino y tampoco me funciona, le doy en open y no funciona :(

[@jadsa]

Hola, fíjate desde el min 14:50

[@mateogermanorjuelagalvez3820]

@@jadsa eso seria para usarlo en el esp32 si? pero si lo quiero usar con un Arduino como en el episodio 2, no debería cambiar nada verdad?

[@jadsa]

No cambia nada para arduino en este episodio por eso no hice revisión del código ya que es muy sencillo.

[@mateogermanorjuelagalvez3820]

@@jadsa es que lo deje tal cual para Arduino, como en ejemplo pasado que ya me haba funcionado pero no se es como si no funcionara lo del COM porque cuando le doy OPEN no hace nada, la barra no se llena, tengo los baudios los tengo correctamente, el código lo probé desde el monitor serial de Arduino y si funciona perfectamente.

[@manuelcoaguila584]

Cada vez que subo el codigo a mi esp32 y posterior habro la app, me sale que no se encontro el com3 :(. Alguna idea?

[@jadsa]

Tal vez está ocupado el puerto, no tienes que abrir el monitor serial del IDE sino el COM al que intentas acceder desde la App estará ocupado.

[@manuelcoaguila584]

@@jadsa muchas gracias, volveré a intentar.

[@manuelcoaguila584]

@@jadsa Ya me funciono. Gracias. Espero que puedas hacer un video haciendo el ultimo HMI de la porta del video. Muchas Gracias.

[@javibautista90]

se puede comunicar via wifi con c#???

[@jadsa]

Lo puede hacer si están conectados a una misma red, por ejemplo una intranet o si vas mas allá directamente Internet.

[@javibautista90]

@@jadsa claro alguno tendría q hacer las veces de servidor y otro de caliente. El tema es de puede hacer servidor con C#?

[@jadsa]

Claro que se puede.

[@pablophernandez5306]

Tengo una duda, esto se pude con datos de 4g?

[@jadsa]

No te entendí la duda.

[@pablophernandez5306]

ok, te pregunto si se puede comtfolar desde cualquoer parte del mundo, o solo compartiendo el mismo servidor (conectado al mismo wifi)

[@jadsa]

Compartiendo la misma red sería mucho más sencillo, eso no quita que se pueda programar para que se realice un control vía Internet compartido permitiendo control desde cualquier lugar.

[@pablophernandez5306]

@@jadsa osea que si se puede desde cualquier lugar...? Por cierto excelente serie

[@universalcode4332]

@@pablophernandez5306 se puede, usando una Sim900

[@alexzus6398]

En donde cambias el pin del led ?

[@jadsa]

En el sketch del capítulo 2, cámbialo por el número de gpio que desees.

[@cesararturoruizcruz1498]

Osea que en mi código de Arduino solo defino otro pin como salida en vez del pin 13 y ya me controlará mi interfaz el led como en el vídeo 2 ??

[@jesusdfabra1956]

en la línea 25 string[] portList = SerialPort.GetPortNames(); no me aparece en Verde SerialPort ni en amarillo el Get... :( me genera errores.

[@jadsa]

Hola, creaste tu proyecto con .NET Framework?. También fíjate que en el código parte superior importes el namespace Syste.IO.Ports

[@jesusdfabra1956]

@@jadsa Muchas gracias, era el System.IO.Ports No vi la parte del video en que la agregaste.

[@eduardopedraza3377]

Es toy siguiendo los pasos tal cual pero no puedo ver los puertos

[@jadsa]

Asegúrate que hayas agregado el namespace para los puertos.

[@rocklion9821]

Yo hice una python , con qt creator te invito a probar

[@jadsa]

Dale

[@estebangomez6127]

DONDE PUEDO VER EL ALGORITMO DEL ESP32

[@jadsa]

Está en el patreon del canal.

[@sssticconsulting]

Como me comunico contigo amigo, para un asesoria interna.

[@jadsa]

Hola, [e-mail]

[@leonardogracia7738]

Muy buenos videos amigo, pero soy nuevo en c# y no logre agregar el namespace IO PORTS, me aparece en negrilla como si no lo leyera, espero tu ayuda!

[@jadsa]

Hola, puede ser que no hayas instalado bien el paquete .Net o cuando creaste el proyecto seleccionaste otro, tiene que ser "Windows Forms App (.NET Framework)". Todo está explicado en el episodio 1

[@leonardogracia7738]

@@jadsa cree el proyecto tal cual en el video, pero cuando escribo añado el namespace, es como si no lo reconociera, esto toca instalarlo aparte? No entiendo muy bien

[@jadsa]

@@leonardogracia7738 Te funcionó la primera aplicación? Si seguiste todos los pasos y videos no veo como te puede dar fallos. Es difícil para mi poder ver lo que está sucediendo en tu PC. Todos los namespaces que utilizamos como por ej. IO Ports ya viene con .Net así que no hay que instalar nada.

[@homehon8787]

sorry master in the web says 1.99 are pesos or dollars

[@jadsa]

1.99 USD, next month I will raise cause it is too low.

[@mateorios7591]

me puedes decir el codigo de arduino

[@jadsa]

Es el mismo del anterior.

[@homehon8787]

master in the web says 1.99 are pesos or dollars it would be 40 mexican pesos a month master give me a little time then to make my paypal they ask me for several things including a bank account and for that I have a few months to come of age I love your videos keep it up soon I many more we subscribed to your website jadsa thank you

[@jonatantolentino1226]

Excelente.