Codebender: Programa tu Arduino desde la web

codebender_español

Hoy conocí Codebender una plataforma en la cual puedes programar tu arduino desde la web, así como lo escuchas desde esta pagina puedes crear tu sketch, Windows, Linux y Mac para después compartirlo. Actualmente la plataforma tiene una versión gratuita y una versión de pago que te permite tener tus sketchs en privado.

Hoy voy a mostrarles un poco de mi experiencia al conocer la plataforma, ademas de indicarles los pasos para que puedan usarla en sus próximos proyectos.

Al registrarnos en la plataforma después de confirmar el correo que llega a nuestra bandeja, lo primero que veremos es los pasos para un correcto funcionamiento de la plataforma en nuestra PC y con nuestro Arduino

iniciandoconcodebender1

En esta sección se nos muestra los 5 pasos que debemos cumplir:

  • Instalar el plugin para nuestro navegador (actualmente funciona con Chrome y Firefox)
  • Instalar los drivers para nuestro Arduino (para todas la versiones de arduino y algunas tarjetas basadas en arduino como FLORA de Adafruit y algunas de SparkFun)
  • Y la prueba del “Hola Mundo” en nuestro Arduino

iniciandoconcodebender2

Ahora se nos pide instalar el complemento para que nuestro navegador pueda enlazar la conexión entre la pagina y nuestro arduino, por ahora solo funciona con Chrome y FirefoxCodebender3

Ahora es momento de instalar los driver de nuestra tarjeta ya sea arduino uno, arduino mega, FLORA o alguna otra que este dentro de la lista de compatibilidad de la pagina

codebender4

Ejecutamos el instalador que se descarga a nuestro equipo

codebender5

Hay algunos drivers de ATMEL, Adafruit y otros genéricos que se instalaran

codebender6 codebender7

Con eso nos deberá aparecer que todo esta listo para hacer una primera prueba

codebender8

Nuestra primera prueba para saber si todo esta funcionando correctamente es hacer el clasico “blink” conectamos nuestro Arduino a nuestra computadora, elegimos nuestra tarjeta en esta caso Arduino Uno, el puerto donde se localiza y presionamos “Run on Arduino”.

iniciandoconcodebender10

Si todo esta ok, deberiamos tener el led del pin 13 de nuestro arduino prendiendo y apagando, si no es así revisa que hayas completado correctamente los pasos anteriores o date una vuelta por la sección de ayuda.

codebender11

Ya tenemos funcionando el blink, pero hagamos algo mas real, veamos que mas tiene esta genial plataforma. Como pueden ver seleccione un ejemplo del Ethernet Shield llamado ChatServer, lo clone para poder editarlo a mis necesidades (cambiar la IP para ser compatible con mi modem.

Lo primero es colocar el shield de Ethernet y conectarlo a la red por medio de un cable de red.

En la parte del IDE podemos observar algunas partes

  • Verificar Código: Verifica que todo el código este bien, si esta mal se nos mostrara un texto en rojo mostrándonos el posible error.
  • Seleccionar el puerto de programación: Seleccionamos el puerto donde se encuentra nuestra tarjeta.
  • Cargar el código en el Arduino: Programamos nuestro arduino con el código seleccionado.
  • Velocidad del puerto: Velocidad en baudios a la que va a trabajar el puerto serial en modo monitor
  • Tipo de programador: Como se va a programar el Arduino, útil para usuarios mas avanzados o para restaurar el bootloader de nuestra tarjeta
  • Monitor Serial: Enviar y recibir datos del puerto serie

codebender12

CharServer es un ejemplo en el cual yo me conecto al arduino por medio de telnet y tengo un chat que se muestra en el monitor serial

codebender13

Actualmente la plataforma soporta alrededor de 60 tarjetas basadas en arduino entre las cuales se encuentra flora, arduino mini, arduino mega, geekuino y varias mas que prometen los creadores ir agregando.

Lo mejor de todo es que la plataforma es completamente open source y si desean contribuir esta su repositorio en github

Espero les haya gustado y se animen a usarlo, en lo personal le veo mucho potencial a la plataforma, espero nos cuenten en los comentarios sus experiencias.

No dejen de visitar Codebender

Saludos Inventores!!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *