Want to make creations as awesome as this one?

Transcript

Fatima Martín Aparicio

G l o s a r i o

mit app inventor

App Inventor es un entorno de desarrollo de apps ( creado por el MIT) que permite crear una aplicación móvil Android de forma sencilla y visual sin ser un desarrollador móvil. App Inventor maneja una programación orientada a eventos a partir del uso de bloques, es un paradigma de programación en el que la estructura y la ejecución de los programas van determinados por las acciones o sucesos que ocurren en el sistema y que son definidos por el usuario o por el propio sistema. Estos eventos permiten al usuario o usuarios realizar un conjunto de acciones lógicas para un determinado programa.

¿QUÉ ES MIT APP INVENTOR?

OPCIÓN DE MENÚ GENERAR
OPCIÓN DE MENÚ PROYECTOS
OPCIÓN DE MENÚ CONECTOR

BARRA DE HERRAMIENTAS

Esta opción sirve para comenzar a crear un nuevo proyecto o cargar un proyecto guardado previamente. Usando las opciones de menú aquí, también se puede cambiar el nombre (Guardar proyecto como) de un proyecto.

OPCIÓN DE MENÚ PROYECTOS

Use esta opción para conectar su dispositivo a App Inventor o iniciar el emulador de App Inventor. Mediante conexión inalámbrica a Internet y un dispositivo Android®, se puede iniciar hacer una prueba sin descargar ningún software en su computadora. Para que esta opción funcione, deberá instalar la aplicación MIT AI2 Companion en su dispositivo.

OPCION DE MENÚ CONECTAR

Esta opción es usada para empaquetar la aplicación y ser distribuida o alojada en los servidores web de la plataforma de MIT App Inventor.

OPCIÓN DE MENÚ GENERAR

COMPONENTES

NO VISIBLES

VISIBLES

La paleta incluye componentes de la interfaz de usuario. Los componentes son las piezas de su aplicación que realizan acciones. Los componentes se agrupan en categorías. Hay dos tipos de componentes (visibles y no visibles):

Paleta de componentes

Estos son componentes que el usuario puede ver en su dispositivo cuando se inicia la aplicación. Ejemplos de estos componentes son Botón, Texto, Etiqueta, Lienzo, etc.

VISIBLES

NO VISIBLES

Son componentes que el usuario no podrá ver. Se utilizan para proporcionar acceso a la funcionalidad integrada del dispositivo. Ejemplos de estos componentes son los componentes del sensor como LocationSensor para determinar la ubicación de los dispositivos o enviar mensajes de texto para enviar / recibir mensajes SMS, etcétera.

COMPONENTES

El Visor representa la pantalla del dispositivo, y se utiliza para diseñar la interfaz de usuario de las aplicaciones y cómo se presentará en el dispositivo. Los componentes se pueden colocar, desde la paleta, en el Visor. Si el componente es un componente visible, se colocará en el Visor y será visible para el usuario. Sin embargo, si el componente no es visible, se colocará justo debajo del Visor

Visor

PROPIEDADES

Los componentes pueden arrastrarse desde la paleta de componentes y colocarse en el visor. Una vez colocados en el visor, se mostrarán en la sección Componentes. Esta sección también mostrará la organización (orden, relación padre-hijo) de los componentes. Desde esta sección, se puede seleccionar, eliminar o renombrar un componente.

Componentes

PROPIEDADES

Los componentes tienen propiedades. Las propiedades contienen información sobre el componente seleccionado. El estado inicial de estas propiedades se configura en la sección Propiedades. Sin embargo, la mayoría de estas propiedades también se pueden establecer dinámicamente durante la ejecución del programa.

MIT App Inventor permite que las aplicaciones pueden contener muchas pantallas. Los botones en esta sección permiten agregar, eliminar y cambiar entre pantallas, junto a estos botones se encuentra Propiedades del Proyecto el cual muestra información adicional del proyecto en cuestión, Publicar en Galería permite enviar un proyecto a la Galería.

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

Editor de Bloques

Editor de Diseñador

Esta sección muestra dos botones en la parte superior derecha. Estos permiten alternar entre el Editor de Diseñador y el Editor de Bloques.

Editor de Diseñador/Bloques

En esta área se seleccionan visualmente los componentes y se realiza el diseño de las pantallas de las aplicaciones. Cada tipo de componente tendrá un conjunto de propiedades predefinidas y controladores de eventos que se presentan en forma de bloques.

editor de diseñador

Es en donde se programa la lógica de las aplicaciones y su comportamiento. En este editor, se visualizan los componentes que se agregaron en el editor de diseñador. El editor de bloques le proporciona una interfaz de arrastrar y soltar para programar el comportamiento de la aplicación al juntar bloques similares a rompecabezas, para esto cuenta con la sección Bloques y Visor.

editor de bloques