Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud...

24
PRODETUR Parte 1 Introducción a App Inventor

Transcript of Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud...

Page 1: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

PRODETUR

Parte 1

Introducción a App Inventor

Page 2: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

PRODETUR

MIT App Inventor es una plataforma web, cloud computing, con la

que es posible desarrollar aplicaciones para dispositivos android, a

través de un entorno visual, de modo muy intuitivo, y sin necesidad

de conocimientos previos de programación.

Page 3: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

PRODETUR

Uso de App Inventor en 2014

Page 4: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Es un entorno de desarrollo de aplicaciones para dispositivos

Android. Se trata de un servicio basado en la nube por lo que

todas las tareas se realizan en un navegador.

Está formado por tres herramientas:

●Gestor de proyectos

●Diseñador

●Editor de bloques

Para suscribirse al servicio es necesaria una cuenta de

google.

Page 5: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Actividad

Crear cuenta gmail o usar una existente

Crear cuenta en App Inventor

Instalar emulador:

http://appinventor.mit.edu/explore/ai2/setup-emulator.html

Instalar App MIT AI2 Companion

Page 6: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Elementos

App Inventor, está basado en ciertos elementos:

Bloques: Un bloque, es un elemento del entorno blockly, en el que se pueden ir

uniendo diferentes componentes a modo de puzzle (los bloques, se crean a

través del editor Open Block Java Library), y que posteriormente, App

Inventor, compila a bytecode Java, a través del framework para lenguajes

dinámicos Kawa Language Framework

Page 7: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Elementos

App Inventor, está basado en ciertos elementos:

Eventos: Todas las aplicaciones están realizadas bajo el paradigma de la

programación orientada a eventos. Cuando se produce un evento, que ha

sido previamente recogido en la aplicación, ésta llama al conjunto de

instrucciones que está relacionada con dicho suceso o evento. Las

instrucciones, por tanto no se ejecutan en un orden determinado sino queel

programa reacciona en vunción de dichos sucesos del entorno. Los

eventos pueden ser automáticos (por ejemplo, un rebote de una pelota en

la pantalla produce un evento de vibración) o iniciados por el usuario (por

ejemplo agitar –shake- el teléfono para que se produzca el sonido de un

látigo)

Page 8: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Elementos

App Inventor, está basado en ciertos elementos:

Componentes: Son los elementos básicos disponibles para realizar la

aplicación; desde un botón, hasta un sensor de movimiento

(Accelerometersensor). Son los items que aparecen, en la pantalla de

diseño, en la columna Paleta –Palette-.

Page 9: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Elementos

App Inventor, está basado en ciertos elementos:

Propiedades: Son características que poseen los componentes, y que se

pueden ajustar para cambiar el modo en que interactúa el componente con

la aplicación.

Page 10: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Mis proyectos

En esta herramienta podemos realizar un seguimiento de

nuestros proyectos.

Page 11: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Mis proyectos

Accedemos a Mis

Proyectos cuando

iniciamos el servicio por

primera vez o desde el

botón My Projects

Para crear un

nuevo proyecto

Page 12: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Diseñador

La herramienta de diseño nos permite seleccionar los componentes

de la App y definir el entorno de usuario de la misma.

Page 13: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Diseñador

Selecciona los

componentes en la

paleta y arrástralos al

visor para incluirlos en

tu App

Page 14: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Diseñador

Dispón los

componentes en el

visor para establecer el

aspecto de tu App

Page 15: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Diseñador

A medida que

incorpores

componentes a la App

se irán añadiendo a la

lista de componentes

Page 16: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Diseñador

En el panel media

añadimos imágenes,

sonidos o vídeos a

nuestra App

Page 17: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Diseñador

Selecciona un componente

en la lista de componentes

para cambiar sus

propiedades en el panel de

propiedades

Page 18: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Diseñador

Para pasar al

editor de bloques

Page 19: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Editor de bloques

El comportamiento de la App se programa mediante

bloques o piezas en el editor de bloques.

Page 20: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Editor de bloques

Encaja las piezas como en

un puzle para establecer el

comportamiento de la app

Arrastra los bloques

para utilizarlos en el

programa

Page 21: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Editor de bloques

Aquí se encuentran los

bloques de uso general

Aquí están los bloques correspondientes

a los componentes incluidos en la app

Page 22: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

Actividad

Page 23: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

PRODETUR

RECUERDA: TODA ESTA

PRESENTACION LA

PUEDES ENCONTRAR EN

www.prodetur.es

Page 24: Parte 1 Introducción a App Inventor · PRODETUR MIT App Inventor es una plataforma web, cloud computing, con la que es posible desarrollar aplicaciones para dispositivos android,

PRODETUR

PRODETUR

PARA CUALQUIER CUESTION

RELACIONADA CON ESTA SESIÓN

PUEDES DIRIGIRTE A:

[email protected]

954486800 (Dpto. formación)

www.prodetur.es