Taller: Creación de una Aplicación "Hola Mundo" en App Inventor

Objetivo:
Aprender los conceptos básicos de MIT App Inventor mediante la creación de una aplicación sencilla que muestre un mensaje al hacer clic en un botón.

 1.- Introducción a App Inventor

       ¿Qué es App Inventor?

      Es una plataforma gratuita basada en bloques que permite desarrollar aplicaciones para Android sin necesidad de    programar en código tradicional.

🔹 Componentes principales:

• Diseñador: Donde se agregan elementos visuales como botones, etiquetas, imágenes, etc.
• Editor de bloques: Se usa para definir la lógica del programa de manera visual.

2️.- Requisitos Previos

📌 Tener una cuenta en MIT App Inventor: https://ai2.appinventor.mit.edu/
📌 Un navegador compatible (Chrome o Firefox recomendado).
📌  Un dispositivo Android o un emulador para probar la app.

3️.- Creación del Proyecto

🔹 Paso 1: Crear un nuevo proyecto

1. Ingresar a App Inventor y hacer clic en "Create apps!"
2. Iniciar sesión con una cuenta de Google.
3. Hacer clic en "Start New Project" y nombrarlo Taller 1.

4️.- Diseño de la Interfaz

🔹 Paso 2: Agregar Componentes Visuales

1. En la sección Palette, arrastrar un Label (Etiqueta) a la pantalla.
• Cambiar el texto a "¡Hola Mundo!" en la propiedad Text.
• Ajustar el tamaño y color si se desea.
2. Arrastrar un Button (Botón) y cambiar su texto a "Presiona aquí".

💡 Consejo: Usa la propiedad Width en "Fill Parent" para que los elementos ocupen todo el ancho de la pantalla.

 

5️.- Programación con Bloques

🔹 Paso 3: Configurar la lógica

1. Ir a la pestaña Blocks.
2. Seleccionar el componente Button1 y elegir el bloque when Button1.Click do.
3. Arrastrar un bloque set Label1.Text to dentro del evento anterior.
4. Desde Text, arrastrar un bloque de texto vacío y escribir "¡Has presionado el botón!".
5. Conectar los bloques.

✅ Estructura de los bloques: