Programación por bloques

La programación por bloques

La programación por bloques es un tipo de programación que permite "encajar" diferentes piezas prediseñadas, para crear una cadena de instrucciones. Cada una de esas piezas o bloques contiene una instrucción ya predefinida, por lo que no implica la necesidad de conocer un lenguaje de programación.

Una buena manera de entender la programación por bloques es asimilándola a los juegos de construcción con bloques como, por ejemplo, Lego. De esta manera, cada una de las piezas sería una instrucción y, al unirla con otras, crearíamos una secuencia de instrucciones.

Herramientas para programar por bloques

La programación por bloques nos permite programar de manera bastante intuitiva y, cada vez es más común encontrar herramientas que nos permiten hacerlo.

Algunas de las más utilizadas son:

TINKER

Lenguaje de programación por bloques que permite al alumnado programar de forma fácil e intuitiva mediante el sistema de unir bloques. 

Sus bloques permiten la creación de todo lo que el alumnado pueda imaginar y cuenta con plantillas personalizadas. La mayor dificultad que puedes encontrar es el idioma, pues todo está en inglés.

APP INVENTOR

Plataforma para el desarrollo de aplicaciones en Android mediante bloques. Es fácil de utilizar, muy intuitiva. Para desarrollar aplicaciones con App Inventor solo necesitas un navegador web y un teléfono o tableta Android. De esta manera, pruebas en ellos las aplicaciones que se van creando.

Al ser un programa de Google es gratuito, pero necesitamos acceder con una cuenta de Gmail.

CODEBUG

Es tan sencilla que permite crear un primer programa en un minuto. Simplifica el trabajo de programar integrando dispositivos inteligentes, como los dispositivos que llevamos puestos (o wearables devices), por ejemplo, relojes o pulseras inteligentes.

Programación por código

La programación por código implica aplicar el lenguaje de programación para solucionar un problema planteado o creado. Es necesario un mayor conocimiento de la programación, ya que no sirve algo tan simple como unir piezas de software prediseñadas, sino que hay que entender con profundidad los fundamentos de ese lenguaje.

Algunos ejemplos de lenguajes de programación son C++ o JavaScript, pero, en la actualidad, Phyton es el lenguaje de programación más utilizado.

Con Phyton es posible desarrollar todo tipo de programas, desde aplicaciones de Windows a páginas web. Es complicado de usar, y se utiliza mucho en grados formativos y niveles universitarios de informática. En el mercado existen numerosas plataformas de programación por bloques, incluso gratuitas, y algunas de ellas especialmente diseñadas para usos educativos.

Estructurar programas sencillos

"Hola mundo" es un programa informático mínimo que se basa en lograr que el texto «¡Hola mundo!» aparezca en la pantalla de tu móvil o un ordenador. Pero... ¿es esto realmente un programa informático? ¿No es algo demasiado simple? La respuesta es sí, pero no debes olvidar que un programa informático se basa en darle una orden a un ordenador y que este la ejecute.

Debido a su sencillez, "Hola mundo" en una muy buena opción para introducirse de manera práctica en la programación.

¿Cómo se programa "Hola mundo" con Python?

El lenguaje Python está dividido en varias líneas lógicas, y cada una de ellas finaliza con una nueva línea. Por otra parte, las órdenes y líneas se agrupan unas dentro de otras mediante sangrado o espaciado.

Para escribir las líneas de Python hay que conocer y seguir las reglas de este lenguaje de programación o, lo que es lo mismo, su sintaxis. De no ser así, el programa no podrá ejecutar correctamente las instrucciones que se quieren programar.

Para programar "Hola mundo" con Phyton, deberemos crear el código fuente que determine la instrucción: "mostrar en pantalla las palabras "Hola mundo"". Para ello, trabajaremos con las líneas de instrucción propias de este lenguaje de programación.

Instrucciones y funciones aplicadas:

Comentario

El carácter # indica al programa que esa no es una línea de instrucción sino de comentario. Estos comentarios son incluidos por la persona que programa, bien para utilizarlo como recordatorio o bien para dejar notas a otras personas que programan, si se trata de un trabajo colaborativo.

Argumento de la función

Los paréntesis se utilizan para indicar que lo que está en su interior son los argumentos de la función. En este caso, la cadena "¡Hola mundo!".

Función de programa

Print (imprimir)es el código que da la instrucción, una función del programa que le permite saber que lo que viene entre paréntesis es algo que debe mandar a la salida de impresión (en este caso, se visualizará el contenido ¡Hola mundo! en la pantalla del ordenador.).

Output (salida)

Lo que aparece en la pantalla del ordenador. A esto se le llama la salida (output) del programa. Cuando se empieza a aprender un lenguaje, a menudo se intenta escribir un pequeño programa que haga algo tan sencillo como escribir las palabras "Hola mundo" en el terminal o consola del ordenador.

Programar página web

El crecimiento de Internet ha hecho que surjan diferentes herramientas que nos permitan programar sitios web. De entre todas ellas, HTLM es la más popular, y es imprescindible su conocimiento si quieres entender cómo funciona la programación web.

HTML (HyperText Markup Language)

El Lenguaje de Marcado de Hipertexto es un lenguaje de etiquetas que permite estructurar páginas web creando párrafos, añadiendo imágenes, aplicando negritas, cursivas y subrayado, o gestionando tablas. Todas estas opciones, entre otras, se realizan aplicando una serie de etiquetas que identifican la acción a realizar.

A diferencia de un lenguaje de programación, el HTML no permite crear elementos dinámicos o interactivos, sino que solo nos permite estructurar y aplicar una serie de propiedades a los elementos web.

Por otro lado, HTML es mucho más sencillo de aprender que otros lenguajes de programación, como Python.  Se identifican porque van encajadas entre símbolos de "menos" (<) y "más" (>). 

El HTML5 está revolucionando el HTML al añadir nuevos niveles de interactividad a lo que es posible hacer a base de etiquetas.

Completar una página HTML con JavaScript

Como acabamos de ver, HTML "solo" permite estructurar y aplicar algunas opciones de formato a las páginas web. Pero, a diario, nos encontramos con sitios que permiten la interactividad del usuario a través de formularios, juegos, animaciones, etc. Una buena opción para dotar de interactividad a nuestras páginas creadas con HTML es completarlas con JavaScript.

JavaScript es un lenguaje de programación multiplataforma que se emplea para hacer que las páginas web sean interactivas, añadiendo animaciones complejas, botones en los que se puede hacer clic y menús emergentes, entre otros.

JavaScript no es compatible con todos los navegadores web y sus opciones son mucho más limitadas que las que ofrecen otros lenguajes de programación. Sin embargo, tiene algunas ventajas como que es mucho más sencillo de aprender a usar que otros lenguajes, y que permite ejecutar las páginas web con cualquier sistema operativo, ya sea Windows, Mac, Linux, Android, iOS, etc.

Hoy en día no es necesario saber HTML para crear una página web, por ejemplo, Google Sites permite crear webs de una manera sencilla solo con tener una cuenta de gmail.