Glosario Interactivo

Innovación de aplicacionesAlumna: Karen Gilberta Urioso Hernandez Grado: 3° “C“ Maestra: Claudia Pliego BarrenoBUAP: Complejo regional mixteca chiautla de tapia

Conociendo el Entorno de Mit App Inventor

GLOSARIO INTERACTIVO

El Visor en App Inventor:- Representa la pantalla del dispositivo.- Se utiliza para diseñar la interfaz de usuario de la aplicación.- Permite colocar componentes desde la paleta para crear la interfaz de usuario.- Componentes visibles se colocan directamente en el Visor y serán visibles para el usuario.- Componentes no visibles se colocan debajo del Visor, pero no serán visibles para el usuario.

Visor

La opción de menú "Generar" se utiliza para:- Empaquetar la aplicación- Prepararla para su distribución- Alojarla en los servidores web de la plataforma de MIT App Inventor

Opción de menú Generar

La opción de menú "Proyectos" permite:- Crear un nuevo proyecto- Cargar un proyecto guardado previamente- Cambiar el nombre de un proyecto (Guardar proyecto como)- Utilizar la opción "Punto de control" para guardar el estado actual del proyecto y poder volver a una etapa anterior si es necesario- Ver una lista de todas las aplicaciones almacenadas en la nube (Mis proyectos)

Barra de Herramientas

Los componentes en App Inventor:- Se pueden arrastrar desde la paleta de componentes y colocar en el visor.- Una vez colocados, se mostrarán en la sección "Componentes".- La sección "Componentes" muestra: - La lista de componentes utilizados. - La organización de los componentes (orden y relación padre-hijo).- Desde la sección "Componentes", se puede: - Seleccionar un componente. - Eliminar un componente. - Renombrar un componente.

COMPONENTES

La sección mencionada permite alternar entre dos modos de edición:1. Editor de Diseñador: - Selecciona visualmente los componentes - Diseña las pantallas de la aplicación - Cada componente tiene propiedades predefinidas y controladores de eventos que se presentan en forma de bloques2. Editor de Bloques: - (No se describe en el texto, pero generalmente se refiere al modo de programación en bloques, donde se crean los comportamientos y lógica de la aplicación)

Editor de Diseñador/Bloques

La opción de menú "Conectar" permite:- Conectar tu dispositivo a App Inventor- Iniciar el emulador de App Inventor- Conectar vía WiFi para probar aplicaciones sin descargar software adicional- Requiere la instalación de la aplicación MIT AI2 Companion en el dispositivo Android- Se puede conectar escaneando un código QR con el dispositivo

Opción de menú Conectar

PROPIEDADES

Los componentes en App Inventor tienen propiedades que contienen información sobre el componente seleccionado. Estas propiedades se pueden configurar de dos maneras:1. Estado inicial: Se configura en la sección "Propiedades" antes de ejecutar el programa. Esto establece el valor inicial de la propiedad.2. Dinámicamente: La mayoría de las propiedades también se pueden establecer o cambiar durante la ejecución del programa, lo que permite una mayor flexibilidad y control sobre el comportamiento del componente.

La paleta de App Inventor incluye componentes de la interfaz de usuario que se dividen en dos categorías:Componentes visibles:- Son elementos que el usuario puede ver en su dispositivo al iniciar la aplicación.- Ejemplos: Botón, Texto, Etiqueta, Lienzo, etc.Componentes no visibles:- Son elementos que el usuario no puede ver, pero que proporcionan acceso a funcionalidades integradas del dispositivo.- Ejemplos: Location Sensor (para determinar la ubicación del dispositivo), enviar mensajes de texto (para enviar/recebir mensajes SMS), etc.

PALETA DE COMPONENTES

En MIT App Inventor, la sección de pantallas permite:- Agregar nuevas pantallas a la aplicación- Eliminar pantallas existentes- Cambiar entre pantallas para editarlasAdemás, en esta sección se encuentran:- "Propiedades del Proyecto": Muestra información adicional del proyecto, como metadatos y configuraciones.- "Publicar en Galería": Permite enviar el proyecto a la Galería de App Inventor, para compartirlo con otros usuarios.

Manejo de Pantallas, Propiedades del proyecto y Publicar en Galería

El Editor de Bloques es donde se programa la lógica y el comportamiento de la aplicación. Aquí se pueden ver los componentes agregados en el Editor de Diseñador y se utiliza una interfaz de arrastrar y soltar para programar el comportamiento de la aplicación, uniendo bloques que encajan como rompecabezas.El Editor de Bloques tiene dos secciones principales:1. Bloques: Donde se encuentran los bloques de código que se pueden arrastrar y soltar para programar la aplicación.2. Visor: Donde se ve el resultado de unir los bloques de código, es decir, el comportamiento programado para la aplicación.

EDITOR DE BLOQUES