Entorno de Programación por Bloques
¡Aprende a usar el mundo donde viven los programas!
Tica, una lagartija curiosa de Cartago, encontró una computadora mágica. Al encenderla, apareció algo increíble: una pantalla con bloques de colores que se podían juntar como rompecabezas. "¡Con esto puedo hacer que las cosas se muevan solas!", dijo asombrada. Eso es exactamente un entorno de programación por bloques: ¡un lugar donde construyes programas sin escribir letras complicadas! 🦎💻
Es un programa de computadora (como Scratch) donde puedes crear tus propios juegos e historias arrastrando y uniendo bloques de colores. ¡Como LEGO, pero para hacer programas! Cada bloque es una instrucción.
🗺️ Las partes del entorno (como Scratch)
Paleta de Bloques
Es donde están todos los bloques disponibles, organizados por colores según su función. ¡Aquí eliges qué instrucciones usar!
Control (naranja)
Eventos (amarillo)
Área de Programación (Scripts)
¡Aquí construyes tu programa! Arrastras los bloques desde la paleta y los unes aquí como si fueran piezas de LEGO. Los bloques se encajan unos con otros.
Escenario
Es como el teatro donde actúan los personajes. Aquí ves el resultado de tu programa cuando lo ejecutas. El escenario tiene fondos que puedes cambiar.
Objetos (Sprites)
Son los personajes o figuras que se mueven en el escenario. Cada objeto tiene sus propios bloques de código. ¡Puedes usar al gato de Scratch o crear el tuyo propio!
🎮 Mini-Simulador: ¡Mueve a Tica!
Presiona los botones para ver cómo funcionan los bloques de movimiento.
El Concepto de Estado
Imagina que Tica tiene una ficha que dice: "Estoy en la posición X=80, mirando a la derecha, y soy tamaño normal". Esa información en cualquier momento del tiempo es su ESTADO. Cuando Tica se mueve, su estado cambia. ¡El estado es como una fotografía instantánea de cómo está un objeto!
El estado es el conjunto de propiedades (características) de un objeto en un momento determinado. Las principales propiedades son: posición (X, Y), dirección (hacia dónde mira) y tamaño.
🔮 Experimenta con el Estado de Tica
Presiona los botones y observa cómo cambian las propiedades:
Quiz: Entorno y Estado
¡Scratch fue creado por el MIT (Instituto Tecnológico de Massachusetts) en 2003! Fue diseñado especialmente para que niños y jóvenes aprendan a programar. Hoy en día, más de 100 millones de personas en el mundo usan Scratch. ¡Tú eres parte de esa comunidad! 🌍
Algoritmos y Datos
¡Aprende a dar instrucciones perfectas!
La abuela de Tica sabe hacer el mejor arroz con leche de Costa Rica. Un día, Tica le pidió la receta. La abuela le explicó paso a paso: "Primero pones el arroz, luego agregas la leche, después añades el azúcar...". Tica se dio cuenta de que ¡una receta es un algoritmo! Tiene instrucciones en orden que llevan a un resultado. Así funciona la programación. 🍚
Un algoritmo es una lista de instrucciones ordenadas paso a paso que resuelven un problema. Tiene un inicio, pasos claros y un final. ¡Como una receta de cocina para la computadora!
🔢 Tipos de Estructuras en Algoritmos
Estructura Secuencial
Las instrucciones se ejecutan una después de la otra, en orden. Como los pasos para lavarse los dientes:
Estructura de Decisión (SI...ENTONCES)
El programa toma una decisión según una condición. ¡Como preguntar si llueve para saber si llevar paraguas!
Estructura de Repetición (REPETIR)
Algunas instrucciones se deben hacer varias veces. En vez de escribirlas 10 veces, usamos REPETIR:
📄 Pseudocódigo: ¡Instrucciones en español!
El pseudocódigo es una forma de escribir algoritmos usando palabras en español (o tu idioma) en vez del lenguaje de la computadora. ¡Es como el borrador de un programa! Primero lo piensas en palabras, luego lo conviertes en bloques o código.
🧪 Construye un algoritmo paso a paso
¿Cuál es el pseudocódigo para hacer un gol en fútbol? Ordena los pasos:
Tipos de Datos
Un dato es cualquier información que usa el programa. Los datos pueden ser números o texto. ¡La computadora trata diferente a cada tipo!
| Tipo de Dato | ¿Qué es? | Ejemplos cotidianos | Ejemplos en código |
|---|---|---|---|
| 🔢 Numérico | Son números: enteros o con decimales. Se usan para contar y calcular. | Edad, nota, precio, temperatura | 10, 3.14, 25 |
| 📝 Texto | Son palabras o frases. Se escriben entre comillas. No se pueden sumar. | Nombre, color, dirección | "Tica", "Cartago", "rojo" |
Si tienes el número 5 (numérico) y el texto "5", ¡para la computadora son DIFERENTES! Con el numérico puedes hacer 5 + 3 = 8. Con el texto, "5" + "3" = "53". ¡Se juntan como palabras, no se suman! 🤯
🎯 Identifica el tipo de dato
Quiz: Algoritmos y Datos
Variables
¡Las cajitas mágicas que guardan información!
Tica lleva una mochila especial al colegio. Tiene bolsillos con nombres: "Lápices", "Puntos", "NombreAmigo". En "Puntos" hoy pone el número 10. Cuando gana un juego, lo abre y cambia 10 por 15. ¡Ese bolsillo siempre guarda algo, pero el contenido puede cambiar! Eso es exactamente una variable en programación. 🎒
Una variable es un espacio con nombre en la memoria de la computadora donde se guarda un dato (número o texto). El dato puede cambiar durante el programa. Es como una cajita con una etiqueta que puede guardar diferentes cosas.
📦 Así se ven las variables
📝 Variables en pseudocódigo
🧩 Variables en bloques Scratch
Así se ve en programación por bloques:
Cuando atrapa una estrella:
🎮 Juego: ¿Qué valor tiene la variable?
Lee el programa y escribe qué valor tendrá la variable al final:
Quiz: Variables
Estructuras Repetitivas
¡No repitas lo mismo una y otra vez... ¡deja que el código lo haga!
En el colegio de Tica, el entrenador le dijo: "¡Nada 10 vueltas a la piscina!" Tica no tuvo que preguntar 10 veces qué hacer. Solo repitió la misma acción (nadar una vuelta) 10 veces. En programación, cuando necesitamos repetir algo muchas veces, usamos una estructura repetitiva. ¡Es mucho más fácil que escribir lo mismo 100 veces! 🏊
Es una instrucción que hace que un bloque de código se repita automáticamente un número de veces (o hasta que algo cambie). ¡Nos ahorra escribir mucho código! En Scratch se llama repetir; en pseudocódigo se llama REPETIR...VECES.
🔄 Ve cómo funciona la repetición
Presiona "▶ Ejecutar" para ver la diferencia entre código repetido y estructura repetitiva:
❌ Manera larga (sin repetición) - ¡hay que escribir lo mismo 5 veces!
✅ Manera inteligente (con repetición) - ¡solo se escribe una vez!
📚 Tipos de estructuras repetitivas
🔢 REPETIR N VECES
Se repite un número fijo y conocido de veces. Ejemplo: "Haz 10 abdominales".
♾️ POR SIEMPRE
Se repite sin fin. Útil para juegos que siguen funcionando mientras los juegas. Ejemplo: "El gato siempre busca el ratón".
⚖️ REPETIR HASTA QUE
Se repite hasta que algo suceda. Ejemplo: "Camina hasta llegar a la escuela".
🎮 Ayuda a Tica a llegar a la meta
Usa la estructura REPETIR para que Tica llegue al árbol 🌳. Elige cuántos pasos dar en cada repetición:
Quiz: Estructuras Repetitivas
Eventos
¡Causa y efecto en programación!
Tica cruza la calle todos los días. Sabe que cuando el semáforo se pone en verde, ella puede caminar. Cuando suena un claxon, se detiene. En la vida real respondemos a señales. En programación, esas señales se llaman EVENTOS: algo que sucede y que activa una reacción en el programa. ¡Es como causa y efecto! 🚦
Un evento es algo que sucede (una causa) que hace que el programa reaccione (efecto). Pueden ser: presionar una tecla, hacer clic, iniciar el programa, tocar un objeto, etc. La relación es siempre: SI ocurre X, ENTONCES hace Y.
⚡ Eventos: Causa → Efecto
| 🎯 Evento (Causa) | ⚡ Lo que pasa (Efecto) | En Scratch |
|---|---|---|
| Presionar la bandera verde 🚩 | El programa empieza | al presionar bandera |
| Presionar tecla ↑ | El personaje salta | al presionar tecla ↑ |
| Hacer clic en un objeto | El objeto cambia de color | al hacer clic en mí |
| Tocar otro objeto | Suena un sonido | si toca [objeto] |
| Recibir un mensaje | Otro personaje reacciona | al recibir [mensaje] |
🎮 Prueba los eventos en vivo
¡Presiona las teclas o haz clic en los botones para ver los eventos en acción!
📝 Eventos en pseudocódigo y bloques
Evento 2: Al presionar flecha derecha
Evento 3: Al tocar estrella
🎮 Mini-juego de eventos: Atrapa las estrellas haciendo clic en ellas. ¡Cada evento activa una reacción!
Quiz: Eventos
🏆 ¡Reto Final Integrador!
¡Has aprendido todo! Ahora diseña mentalmente (o en papel) un programa que tenga: un personaje con estado, variables, repeticiones y eventos. ¡Piensa en el juego de Tica!
¡Eres un experto en programación!
Has dominado todos los temas de Tecnología de 4° grado. ¡Pura vida!