Materia: Tecnologías de software aplicadas a sistemas mecatrónicos NRC: 9454

Nombre: Anthony Rafael Achig Guanoluisa

Fecha de entrega: 25/12/2021

Programación gráfica

• Introducción

Internet es algo que todos usan y que muchos quieren moldear. La vida diaria trae consigo varios

problemas que pueden resolverse con aplicaciones y terminales programadas, Sin embargo,

desarrollarlos no suele ser nada fácil.

Un programa funcional se compone de muchos módulos, es decir, un lenguaje de programación

con un gran vocabulario compuesto de constantes, de procesos de bucle, de condiciones, de

acciones o expresiones regulares. Además, suelen emplearse enlaces e incrustaciones.

Trabajar con lenguajes de programación basados en texto requiere profundidad, un alto grado de

abstracción y una concentración sostenida. Aprender un lenguaje de programación basado en texto

es un esfuerzo para aprender un idioma extranjero.

• Características

o Gráfica: los elementos se arrastran y sueltan en el flujo del programa para

integrarlos.

o Orientado a acontecimientos: cada paso del programa comienza cuando ocurre un

acontecimiento previamente definido.

o Imperativo: la programación consiste en una secuencia de comandos.

 o Orientado a objetos: hay objetos individuales con tareas definidas asignadas.

• Programación gráfica y programación normal

La principal diferencia es que los programadores gráficos no tienen que lidiar con las

complejidades de la sintaxis de comandos. Tampoco se necesita aprender el engorroso vocabulario

de un lenguaje de programación. En la programación normal, se requiere un alto grado de

abstracción para obtener el resultado deseado a partir de las reglas del lenguaje de programación.

1Esta secuencia de comandos permite establecer el tamaño de la fuente en el tema de WordPress

• Ventajas e inconvenientes

La programación gráfica rompe las barreras técnicas y profesionales que podrían impedir el acceso

a la programación, permitiendo que los niños aprendan a programar jugando. Los programadores

pueden centrarse en los procesos lógicos de su programa sin distracciones. De este modo, se

obtienen procesos rápidamente aplicables que dan la motivación para emprender otros proyectos

más grandes.
Es fácil de aprender: no cuesta superar la curva de aprendizaje. Las ideas se pueden “escribir”

directamente como si fueran el código del programa. Los símbolos claros facilitan la comprensión.

Como no hay sintaxis, no es posible cometer errores tipográficos.

Parte de la programación gráfica está vinculada a campos de aplicación especiales o a ciertos

sistemas, hardware o dispositivos finales. En general, no es posible crear elementos individuales

o insertar comentarios para otros participantes en el proyecto. Esto hace difícil mantener una visión

general, incluso con programas de complejidad reducida.

• Ejemplos

o Scratch

El lenguaje de programación visual más popular y utilizado es Scratch. Fue lanzado por primera

vez en 2007 y tiene como propósito enseñar a los niños a programar de manera sencilla.

o Blockly

Blockly es una llamada biblioteca. Proporciona un editor de programación visual al que se añaden

aplicaciones Android, iOS y web. Blockly también utiliza bloques gráficos que encajan entre ellos.

o App Inventor

App Inventor proviene originalmente de Google. Esta interfaz gráfica permite programar

aplicaciones para teléfonos móviles Android con bloques gráficos.

o Lego Mindstorms

Una serie de productos del fabricante de juguetes Lego, cuyo núcleo es la pieza de Lego

programable: los motores eléctricos, sensores y piezas de tecnología propios de Lego permiten

construir y programar robots y otros sistemas interactivos.

• Ejemplo
Las páginas webs utilizan para comunicarse con nuestros navegadores el protocolo HTTP ó

HTTPS.

Dicha aplicación presenta un par de simples botones y permite al usuario que busque algo en

Google(método GET de HTTP, implementado por un simple visor web) o que mande unos datos

de autenticación a un servidor web(método POST de HTTP, implementado por el componente

web). Me parece interesante ilustrar cómo realizar el envío de datos con el componente web ya

que son muchas las personas que no tienen muy claro el tema de los bloques, construir las

cabeceras HTTP que tienen que poner para mandar datos al servidor y que este los procese, etc.