¿Qué es Blockly?

Si quieres programar un sitio web que reaccione a las entradas de los usuarios, no te quedará otra que lidiar con lenguajes de pro­gra­ma­ción. Incluso si de­sa­rro­llas una apli­ca­ción, en general deberás trabajar con un lenguaje de pro­gra­ma­ción de alto nivel. Aunque hoy en día existen recursos adecuados para aprender a utilizar Python, Ja­va­S­cri­pt y otros, in­te­rio­ri­zar los comandos y rutinas complejas supone un esfuerzo co­n­si­de­ra­ble. Además, cuando lo único que quieres es dar tus primeros pasos con la pro­gra­ma­ción o solo necesitas unas di­re­c­ti­vas concretas, muchas veces los recursos son excesivos.

Aquí es donde Blockly demuestra su utilidad: Blockly es un proyecto de Google que muestra largos fra­g­me­n­tos de código basado en texto en bloques visuales. Estos bloques se pueden unir arra­s­tra­n­do y soltando. De este modo, se puede crear una sintaxis compleja de forma rápida y sencilla. Blockly es una bi­blio­te­ca que pro­po­r­cio­na un editor de código visual, por lo que la sintaxis de los programas creados de esta manera permanece en segundo plano. Blockly permite crear se­cue­n­cias complejas de manera fácil, sin necesidad de saber qué comando se necesita exac­ta­me­n­te en cada lenguaje de pro­gra­ma­ción.

Se puede usar Blockly por un gran número de razones. Por ejemplo, si quieres crear un sitio web que responda a los usuarios, pero no tienes grandes co­no­ci­mie­n­tos de pro­gra­ma­ción, puedes utilizar esta bi­blio­te­ca. Sin embargo, también los de­sa­rro­lla­do­res de software más avezados pueden utilizar este editor de código visual para crear programas pequeños rá­pi­da­me­n­te.

Además, su pla­n­tea­mie­n­to lúdico permite co­m­pre­n­der las re­la­cio­nes rá­pi­da­me­n­te al programar. Es más fácil entender la frase “repetir 5 veces” que “for int i = 0, i < 5, i++;”, aunque ambas quieran decir lo mismo. Por esto, Blockly se utiliza a menudo en entornos pe­da­gó­gi­cos. Blockly es una buena elección para los niños que deseen programar su primer software. La re­pre­se­n­ta­ción visual de los fra­g­me­n­tos de código permite obtener re­su­l­ta­dos so­r­pre­n­de­n­tes de forma rápida y sencilla.

Su interfaz visual hace que el código sea claro y fácil de entender. Como las piezas de un ro­m­pe­ca­be­zas, los bloques se van encajando entre ellos y se pueden convertir a código. Aunque Blockly es una bi­blio­te­ca de Ja­va­S­cri­pt, permite producir código fuente en di­fe­re­n­tes lenguajes de manera pre­de­te­r­mi­na­da, entre los que se incluyen Ja­va­S­cri­pt, Python, PHP, Lua, Dart y XML. El editor se puede utilizar con facilidad en un navegador.

La pro­gra­ma­ción visual ha dejado de ser algo nuevo. De hecho, muchos pro­vee­do­res ya la utilizan para crear páginas web. Estos programas de co­n­s­tru­c­ción de páginas web, fáciles de usar, como el que nos ocupa, tienen una interfaz simple e intuitiva. El código escrito se mantiene co­m­ple­ta­me­n­te en segundo plano, de modo que incluso los in­e­x­pe­r­tos pueden obtener in­creí­bles re­su­l­ta­dos.

En el editor visual de código de Blockly se ofrecen ocho ca­te­go­rías con di­fe­re­n­tes funciones:

• Lógica describe acciones.
• Bucles son es­tru­c­tu­ras de control y se repiten hasta que se produce una de­te­r­mi­na­da acción.
• Ma­te­má­ti­cas sirve para realizar varias ope­ra­cio­nes ari­t­mé­ti­cas y generar números alea­to­rios.
• Texto puede acceder a entradas y generar salidas in­di­vi­dua­les.
• Listas es una función para generar listas en co­m­bi­na­ción con bloques de texto o de ma­te­má­ti­cas.
• Color sirve para aplicar color al texto o al fondo.
• Variables es para cálculos o funciones.
• Funciones describe el co­m­po­r­ta­mie­n­to de la página cuando se detecta una entrada de­te­r­mi­na­da.

Los bloques permiten di­fe­re­n­tes po­si­bi­li­da­des de co­m­bi­na­ción. Los bucles y las funciones pueden co­m­bi­nar­se con la lógica y las variables. La lógica y las variables, a su vez, pueden co­m­bi­nar­se con las ma­te­má­ti­cas, el texto, las listas y el color. Con solo estas co­m­bi­na­cio­nes, pueden cubrirse muchos de los fu­n­da­me­n­tos de los diversos lenguajes de pro­gra­ma­ción.

Aprender a trabajar con Blockly es muy sencillo: se abre una categoría y se arrastra el bloque de código deseado con el ratón al espacio de trabajo. Allí puedes ajustar los bloques in­di­vi­dua­les y vi­n­cu­lar­los a otros. Si una co­m­bi­na­ción no es posible, el bloque no encajará y no se incluirá en el código fuente. Cada pieza in­di­vi­dual o grupo de bloques del puzle se pueden borrar de nuevo del área de trabajo sin problema. Las líneas co­rre­s­po­n­die­n­tes se eli­mi­na­rán también del código fuente.

Por ejemplo, si quieres conectar una ventana emergente a un contador, puedes hacerlo así:

Este simple código se puede traducir a di­fe­re­n­tes lenguajes de pro­gra­ma­ción. En Ja­va­S­cri­pt, el código fuente tendría este aspecto:

Por supuesto, esto no es más que un ejemplo muy primitivo de código. Sin embargo, enseñar a decir al ordenador “¡Hola, mundo!” es siempre la primera lección al aprender un lenguaje de pro­gra­ma­ción.

Mientras que la apli­ca­ción está dirigida, sobre todo, a es­tu­dia­n­tes y personas que acaban de empezar a programar, la bi­blio­te­ca en sí está orientada a de­sa­rro­lla­do­res: con muy poco esfuerzo, estos pueden crear sus propios bloques de funciones y lógica para convertir la bi­blio­te­ca en una apli­ca­ción autónoma.

Si quieres de­sa­rro­llar tus propios bloques dentro de Blockly, tienes dos opciones: por un lado, dispones de la API de Ja­va­S­cri­pt, que se utiliza pri­n­ci­pa­l­me­n­te para apli­ca­cio­nes web. Por otro lado, hay una interfaz JSON que también funciona con Android y iOS. Sin embargo, en el formato JSON solo se pueden elegir los bloques más uti­li­za­dos. Se puede consultar una do­cu­me­n­ta­ción muy extensa en GitHub. Asimismo, Google ofrece unas di­re­c­ti­vas de­ta­lla­das para el uso y el de­sa­rro­llo de Blockly.

YouTube, Stack Overflow y GitHub contienen in­nu­me­ra­bles tu­to­ria­les y do­cu­me­n­ta­ción sobre cómo utilizar la bi­blio­te­ca de forma eficaz. Entre sus muchas po­si­bi­li­da­des, se pueden programar varios in­te­rru­p­to­res y re­ce­p­to­res para controlar los hogares in­te­li­ge­n­tes. Como el programa permite conectar varios lenguajes, tu ima­gi­na­ción no tendrá límite.

Para los pri­n­ci­pia­n­tes, es es­pe­cia­l­me­n­te atractivo el hecho de que el programa escribe siempre con la sintaxis correcta y nunca olvida un punto y coma o unas comillas. Su modo de empleo, tan lúdico, facilita el trabajo en los proyectos, incluso como pri­n­ci­pia­n­te, y así ganar ex­pe­rie­n­cia. Con él apre­n­de­rás rá­pi­da­me­n­te las po­si­bi­li­da­des del lenguaje y podrás diseñar in­s­ti­n­ti­va­me­n­te pro­to­ti­pos y maquetas.

Blockly no deja de ser simple, pero puede agilizar co­n­si­de­ra­ble­me­n­te el flujo de trabajo. Su bi­blio­te­ca se puede integrar con facilidad en los proyectos exi­s­te­n­tes, y facilita aún más el de­sa­rro­llo de proyectos grandes. Sin embargo, es im­po­r­ta­n­te fa­mi­lia­ri­zar­se con las funciones. El código fuente creado con Blockly se puede in­co­r­po­rar a un gran número de proyectos, gracias al gran número de lenguajes con los que es co­m­pa­ti­ble. Por ello, esta solución de código abierto es una he­rra­mie­n­ta útil para mucha gente, además de los es­tu­dia­n­tes.