ALGORITHM — programación visual con diagramas de flujo

❓ Ayuda

Guía rápida de ALGORITHM. Elige un tema en el menú de la izquierda. Si es tu primera vez, sigue leyendo aquí mismo.

🚀 Primeros pasos

1. Arrastra bloques desde la barra izquierda al lienzo del Diagrama para construir tu programa.
2. Conecta bloques con "🔗 Conectar nodos": pulsa el bloque de origen y luego el de destino.
3. Pulsa "▶ Ejecutar" para correrlo entero, o "⏭ Paso" para avanzar de uno en uno y ver qué hace cada bloque.
4. Cambia a la pestaña "🖥️ Panel de simulación" y añade widgets (deslizadores, LEDs, gráficas...) para dar vida a tu programa.
5. Explora "🗂️ DEMOS" para cargar ejemplos ya construidos y aprender viéndolos funcionar.

🧱 Bloques del Diagrama

Entrada/Salida: Inicio, Fin, Entrada, Salida
Control de flujo: Proceso, Decisión, Espera, Comentario
Bucles: Para (FOR), Mientras, Repetir, Selección (CASE)
Subrutinas: Llamar, Retornar

Tiempo: Temporizador, Acumulador
Datos: Función (matemáticas, texto, listas)
Gráficos: Tortuga, Brazo robot
Sonido: Buzzer
Hardware: Entrada física, Salida física (Arduino/micro:bit/Pico)

Doble clic (o clic simple) en cualquier bloque abre su editor. La "×" en la esquina lo borra. Los ocho bloques de simulación del mundo físico (semáforo, termostato...) tienen su propio tema — mira "🎮 Simulaciones del mundo físico".

🖥️ Widgets del Panel

Entradas: Deslizador (horizontal/vertical/circular), Interruptor, Botón, Caja de texto, Selector, Color
Indicadores: LED, Medidor, Aguja (180°/270°/360°), Vúmetro, Termómetro, Brújula, Display, Gráfica, Registrador 2 canales

Multimedia: Imagen, Etiqueta, Dispositivo (motor, válvula, puerta, depósito...)
Gráficos: Lienzo de tortuga, Brazo robótico
Sonido: Buzzer
Hardware: Placa serie, Vista de placa

El engranaje ⚙️ de cada widget abre su editor (variable, mínimo/máximo, colores...). La "×" lo borra. Arrastra la esquina inferior derecha para redimensionar los que tienen gráficos.

🎮 Simulaciones del mundo físico

Ocho bloques que representan procesos reales, cada uno con su propio widget animado en el Panel. No necesitan hardware conectado.

🚦 Semáforo: máquina de estados (rojo/ámbar/verde).
🌡️ Termostato: control por realimentación (mide, compara, actúa).
🥤 Expendedora: decisiones con varias condiciones (stock, crédito, cambio).
🛗 Ascensor: cola de peticiones (FIFO), con movimiento animado real.
📦 Cinta clasificadora: clasificación por reglas encadenadas; enciende el motor antes de usarla.
🅿️ Barrera de aparcamiento: gestión de un recurso limitado (plazas).
🤖 Robot diferencial: movimiento de dos ruedas + sensor de distancia a la pared.
🏗️ Grúa: secuenciación con condición de alineación (carro + gancho + carga).

Ninguno de estos bloques está soportado en la exportación a MicroPython (tema "🐍 Exportar a MicroPython"): son puramente simulaciones en pantalla.

🔌 Hardware real

Conecta Arduino, micro:bit o Raspberry Pi Pico con el widget "Placa serie" (necesitas Chrome o Edge de escritorio). Para micro:bit y Pico, el botón "Instalar firmware" lo hace todo automáticamente. Para Arduino, descarga el .ino desde Configuración y súbelo una vez con el Arduino IDE. El botón "🔌 Probar comunicación" te dice si la placa responde antes de complicarte con los pines.

El widget "Vista de placa" dibuja el esquema de pines de la placa elegida y marca en color los que ya usa tu diagrama — en la Pico respeta la disposición física real (columna izquierda GP0-GP15, columna derecha GP28/27/26 + GP22-16).

Pantalla OLED I2C: disponible en Pico y también en micro:bit (pin 19 = SCL, pin 20 = SDA). En el bloque Salida física, elige "Pantalla OLED: texto", y separa líneas con el carácter "|".

🐍 Exportar a MicroPython

Solo en la versión Pro: Archivo → Exportar a MicroPython (Pico o micro:bit) convierte tu diagrama en un archivo main.py autónomo, que sigue funcionando sin el navegador ni el cable USB conectado a un ordenador.

Pasos: exporta el archivo → conecta la placa → ábrelo con Thonny y guárdalo en el dispositivo como main.py → desconecta el USB o dale batería. Para volver a controlarla en vivo desde ALGORITHM, reinstala el firmware normal.

Solo Pico y micro:bit lo admiten. Arduino necesita compilar C++ con el Arduino IDE para cada programa, así que se queda en control en vivo por USB en ambas versiones (Básica y Pro).

🧩 Subrutinas

El botón "🧩 Subrutinas" del header crea mini-diagramas independientes con nombre y parámetros propios. Se llaman con el bloque "Llamar" desde cualquier punto de tu programa, y devuelven un valor con "Retornar". Las variables de una subrutina son locales: no interfieren con las del programa principal.

💡 Trucos y atajos

🔍− / 🔍+: zoom independiente para Diagrama y Panel (doble clic en el porcentaje para restablecer).
📋 Copiar imagen: copia la pantalla activa al portapapeles, lista para pegar en un documento.
📱 Modo aplicación: pantalla completa tipo app, ideal para presentar o para que el alumno solo vea el resultado final.
💾 Guardar / 📂 Cargar: tus proyectos se guardan como .json; puedes ponerles el nombre que quieras y volver a guardarlos con el mismo nombre o como copia.
⚙️ Configuración: cambia los colores de la app y guárdalos como .config para reutilizarlos.
Velocidad: el slider de Velocidad (20-1600 ms) marca el ritmo de "Ejecutar"/"Paso"; no afecta a los bloques "Esperar" que pongas tú.

🧩 Editor de Subrutinas

Crear nueva

Nombre ${t('ed_parametros_opcional')}

Tus subrutinas

Aún no has creado ninguna.

🗂️ DEMOS

Ejemplos integrados

Carpeta de ejemplos externa (opcional)

Si además guardas tus propios proyectos en una carpeta llamada ejemplos junto al programa, ábrela aquí para verlos listados también.

Cómo se usa

⚙️ Configuración

Colores de pantalla

Estos colores son lo único que guarda el botón "Guardar (.config)" de esta sección — la carpeta de trabajo, más abajo, es un ajuste aparte y se guarda por su cuenta.

Cabecera y barras laterales

Fondo del Diagrama

Tono secundario (header/paneles)

Rejilla del Diagrama

Color del texto

Fondo del Panel

Color de acento (categorías)

Rejilla del Panel

📁 Carpeta de trabajo

Elige una carpeta de tu ordenador para que "Guardar" y "Cargar" (menú Archivo) se abran siempre ahí por defecto, sin tener que navegar cada vez. Se guarda sola, al instante — no hace falta el botón "Guardar (.config)" de más abajo, que es solo para los colores.

Ninguna carpeta configurada todavía.

Requiere Chrome/Edge de escritorio (archivo abierto fuera del chat). En otros navegadores, Guardar/Cargar seguirán funcionando de la forma habitual.

Guardar / cargar configuración

Guarda los colores en un archivo .config para recuperarlos o compartirlos.

Firmware de hardware

🔷 Arduino (.ino)

🔳 micro:bit (.py)

🍓 Pico (.py)

Archivos fuente: Arduino → Arduino IDE, botón "Subir". micro:bit → python.microbit.org, botón "Download" (genera el .hex). Pico → se guarda directo como main.py (Thonny o el botón de abajo).

Instalar firmware personalizado

Solo micro:bit / Pico ya conectados.

Copiar .hex / .uf2 a la placa

Ningún archivo elegido.

Requiere Chrome/Edge de escritorio. La unidad de la placa aparece como un pendrive al conectarla (micro:bit siempre, Pico en modo BOOTSEL); el archivo se copia ahí y el dispositivo se flashea solo.

Variables