Plotter con interfaz web
Hola gente, desde el año pasado no posteaba nada, pero aquí estoy devuelta.En esta ocasión les traigo un avance del proyecto que hice con arduino el año pasado. Incorporando a este, una interfaz web.
Por si no lo vieron, la etapa inicial del proyecto.
http://www.taringa.net/posts/ciencia-educacion/17948625/Plotter-con-Arduino-e-impresoras-recicladas.html
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Para esta segunda parte, el objetivo era hacerle una interfaz web para poder controlarlo. Básicamente un canvas relativamente amigable.
Así que aproveche la oportunidad para aprender algo nuevo para mi, node.js. Si bien podría haber usado php o java para el backend, me decidí por node.js debido a que es orientado a eventos, y esto me traía bastantes facilidades a la hora de la comunicación.
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Imagen de la aplicación web una vez logeados. Como verán es muuuy básica la interfaz, pero el objetivo era lograr algo funcional mas que un lindo aspecto.
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Luego, una foto del plotter y lo dibujado.
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Por ultimo, un breve video explicativo y donde se aprecia el funcionamiento.
link: https://www.youtube.com/watch?v=bYNB5TycXzM&feature=youtu.be
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
No doy mas explicaciones técnicas de como lo hice y demás para no aburrirlos, pero estoy abierto a las consultas que tengan!
Obvio les comparto el código maquinolas.
https://github.com/manunapo/Plotter
Saludos.
Por si no lo vieron, la etapa inicial del proyecto.
http://www.taringa.net/posts/ciencia-educacion/17948625/Plotter-con-Arduino-e-impresoras-recicladas.html
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Para esta segunda parte, el objetivo era hacerle una interfaz web para poder controlarlo. Básicamente un canvas relativamente amigable.
Así que aproveche la oportunidad para aprender algo nuevo para mi, node.js. Si bien podría haber usado php o java para el backend, me decidí por node.js debido a que es orientado a eventos, y esto me traía bastantes facilidades a la hora de la comunicación.
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Imagen de la aplicación web una vez logeados. Como verán es muuuy básica la interfaz, pero el objetivo era lograr algo funcional mas que un lindo aspecto.
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Luego, una foto del plotter y lo dibujado.
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
Por ultimo, un breve video explicativo y donde se aprecia el funcionamiento.
link: https://www.youtube.com/watch?v=bYNB5TycXzM&feature=youtu.be
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
No doy mas explicaciones técnicas de como lo hice y demás para no aburrirlos, pero estoy abierto a las consultas que tengan!
Obvio les comparto el código maquinolas.
https://github.com/manunapo/Plotter
Saludos.
3Comments