Visualino: Visual programming for Arduino

To celebrate the 10th anniversary of Arduino, and the Arduino Day, today I am proud to present Visualino. What is it? It's a visual programming environment for Arduino, a project that I begun last year and has been actively developing in the last months, with the help of my friends at Arduino Gran Canaria.

Arduino is a microcontroller board that allows to connect to sensors and other electronic components. It has a companion program called the Arduino IDE, which makes really easy to program the microcontroller. The language is based in C/C++ but the functions are quite easy to learn. This easiness is part of the revolution. Making LEDs blink and moving robots with Arduino is easy and fun. But it can be easier! Kids and adults who don't know programming often struggle with C/C++ coding strictness: commas and brackets must be correctly placed, or the program won't run. How to make it even more intuitive? Visual programming to the rescue!

Scratch is a popular visual programming environment for kits, developed at MIT. Instead of keyboards and codes, kids use the mouse and blocks to create games like a puzzle. And there is an extension called Scratch for Arduino that allows to control the board from Scratch. However, the program runs in Scratch, so the Arduino board must be always connected to the PC.

So, what does Visualino do? It's a Scratch-like program: it allows to create programs for Arduino like a puzzle. But it directly programs the Arduino board, and the PC connection is no longer needed for it to run. Also it generates the code in real time, so the user knows what's happening. The environment is very similar to Arduino IDE, with the same main options: Verify, Build, Save, Load and Monitor. Visualino can be seen at work in this screencast:

Visualino is based in Google Blockly and bq's bitbloqs. It is open source, multiplatform and multilanguage. It just requires Arduino 1.6, which is the actual engine used to program Arduino boards. You can download the beta version right now for Ubuntu, Mac and Windows. The code is available at github.com/vrruiz/visualino. Right now it works out of the box. It needs some documentation and translations to Catalan, Italian and Portuguese will be welcomed. 

• 
• 

Visualino was presented this week to a group of educators at an Arduino Workshop, and next month, we'll have a three-hour session to teach how to use it. So I hope it will be used soon at schools here at home.

So, go to download and use it. Feedback is welcome. And stay tuned, as there are some niceties coming very soon :)

Comments

[Rando]

Are their examples in the downloaded directory structure?

[rvr]

Rando: Hi! I wrote an example yesterday: Visualino: How to measure voltage. But more are needed, and I'll be working to add more in the coming weeks.

[Tsai y-p]

I downloaded Window's version(visualino-0.4-win32).When it compile to upload to Arduino UNO,I got some errors as below:
Building...
java.io.IOException: �ɮצW�١B�ؿ��W�٩κϺаϼ��һy�k���~�C

at java.io.WinNTFileSystem.canonicalize0(Native Method)
at java.io.WinNTFileSystem.canonicalize(WinNTFileSystem.java:428)
at java.io.File.getCanonicalPath(File.java:618)
at java.io.File.getCanonicalFile(File.java:643)
at processing.app.Base.(Base.java:236)
at processing.app.Base.main(Base.java:162)

Any suggestions above it ?Thanks in advances.

[rvr]

Tsai y-p: Yesterday I installed Visualino in Windows 8 and found a couple of problems with the default settings. One of them is that: the default temp directory is not correctly defined. Please edit this file: C:\Windows\(Your user name)\AppData\Roaming\visualino.ini and change this settings in the "[windows]" section as follow:

tmp_dir_name=temp/
tmp_file_name=temp/temp.ino
html_index=html/index.html

If that's too complicated for you, wait until the next release (0.5). I'll add an option to restore to reset to default settings.

[Tsai y-p]

Thanks very much.It works very well.

[José Carlos dos Santos Jesus]

I could not install. Any tutorial?

[rvr]

José Carlos: Yes, there are install tutorials for Ubuntu, Mac and Windows in the documentation.

[José Carlos dos Santos Jesus]

Gracias Victor. He instalado el software correctamente. Ahora estoy teniendo un problema en el cheque, da el siguiente mensaje de error:
"No se pudo abrir el proyecto:" C: notebook Dell / Copia de seguridad / ARDUINO / SOFTWARE PARA ARDUINO / VISUALINO / visualino-0.4 / temp \ temp.ino html_index = roboblocks \ html \ index.html
Si usted me puede ayudar con este error, debe ser alguna configuración

[JOAQUIN]

Con problemas en windows8, ya se,pon Línux. Diseña pero no carga el sckecht en el IDE. Rutas preferencias?

[rvr]

José Carlos, Joaquín: Por favor, descarguen la versión 0.5 actualizada para Windows. Subí una versión incorrecta el domingo. Esta versión 0.5 actualizada corrige el problema de la configuración de Windows. Para ello, hay que abrir Preferencias y hacer clic en "Restore defaults" (que reinicia el fichero de configuración).

[José Carlos dos Santos Jesus]

Gracias Victor. Funcionó a la perfección la versión 0.5. Sobre la base del funcionamiento del programa, tuve una programación duda: ¿Cómo establecer los parámetros dentro de la configuración void ()? Ex: set en la configuración void () que pinMode (13, OUTPUT); ?? El uso de los elementos visuales? Gracias por su trabajo en esta herramienta que creo que va a ser muy útil ti.

[José Carlos dos Santos Jesus]

Cómo establecer los parámetros dentro de la configuración void setup ()?

[rvr]

José Carlos dos Santos Jesus: Gracias por los comentarios :) Cuando se usa el bloque digitalWrite() se genera automáticamente la llamada pinMode() en setup(). Actualmente no se puede establecer directamente el código dentro de setup(), todo va en loop().

[José Carlos dos Santos Jesus]

Gracias Victor. Visualino 0.5 está presentando un error al compilar el código de programación:
avr-g++: error: unrecognized argument in option '-mmcu={build.mcu}'

[José Carlos dos Santos Jesus]

Hola Victor. Si es apropiado para su equipo, me gustaría poder ayudar con la traducción de Visualino para el Portuguese - Brasil

[rvr]

José Carlos: Vaya, no había visto tu comentario sobre el error de compilación. ¿Qué versión del IDE de Arduino estás usando y en qué sistema operativo?

Sobre la traducción, ¡será bienvenida! El fichero para traducir el interfaz de Visualino lo tienes aquí. Necesitas abrirlo con Qt Linguistic.

[José Carlos dos Santos Jesus]

Hola Victor. Estoy usando IDE 1.6.3 en Windows 7 Professional. Yo había realizado el procedimiento "Restore defaults", pero todavía tenía el error. He intentado varias veces. Sin embargo, hoy desaparecido el error. Esto funciona correctamente. Curioso.

[José Carlos dos Santos Jesus]

En cuanto a la traducción apreciar la oportunidad de poder contribuir de alguna manera con su proyecto Visualino. Ya descargado e instalado el Qt lingüística. Abrí el archivo: visualino_pt-pt.ts y ahorré como br.ts-visualino_pt-br engendrado el archivo visualino_pt-br.qm e instalé la instalación carpeta Visualino TS para asegurar que aparece en las opciones de traducción. Una vez abierto el visualino y esto no muestra la versión de portuguesa Brasil. Algunos orientación de lo que puede estar pasando? Mientras tanto voy a seguir el trabajo de traducción.

[rvr]

José Carlos: Vi un error similar esta semana en el IDE 1.6.3 en Mac, pero tampoco pude reproducirlo luego :(

Sí, los ficheros .ts se compilan en .qm. Y efectivamente, el fichero .qm es el que hay que poner en el directorio /ts/ de Visualino. Luego cambias el idioma en Preferencias y reinicias Visualino. Lo que esté traducido, aparecerá en portugués, lo que no, en inglés. En C:\Users\(Tu nombre de usuario\AppData\Roaming\visualino\visualino.ini en la sección [windows] deberías ver el idioma correctamente configurado.

[José Carlos dos Santos Jesus]

Hola Victor. No he explicado correctamente. Dentro del Visualino en la ventana de diálogo, Idioma, no parece que la versión portuguesa de Brasil. No se limite a crear el archivo visualino_pt-br.qm a aparecer en la opción para seleccionar el menú?

[rvr]

José Carlos: Ah, perdona. No, ahora mismo hay que añadir a mano esa opción en el código fuente. Lo lógico sería que, como indicas, aparecieran en la lista los idiomas con ficheros de traducción disponible. Me lo apunto :)

[José Carlos dos Santos Jesus]

Hola Victor. Creo que falte un archivo para realizar la traducción. El archivo: visualino_pt-br.ts muestra los elementos de la interfaz principal del software, pero no pudo encontrar los elementos de los menús internos que se encuentran en el área azul y elementos mucho menos visuales. La falta ningún archivo a traducir más allá del archivo visualino_pt-br.ts ??

[rvr]

José Carlos: Sí, los elementos internos se encuentran traducidos en html/roboblocks.js. Y ese fichero se genera a partir de los fuentes de otro proyecto. Échale un ojo a https://github.com/vrruiz/roboblocks/tree/master/lang

[José Carlos dos Santos Jesus]

Hola VICTOR. Fantástico trabajo de traducción del archivo de Java para pt-PT. Muy buen trabajo LauraDelRi, Irene Sanz, ledsandchips. Pocas modificaciones a realizar. Muy poco. ¿Qué herramienta utiliza para hacer el archivo? Alguna especial?

[rvr]

José Carlos: No, cualquier editor de textos vale.