1

SESIÓN A1

NOMBRE DE LA SESIÓN: INTRODUCCIÓN A APP-INVENTOR

Objetivo: Introducción a la herramienta APP-INVENTOR

CONTENIDO DE LA SESIÓN

Android es un sistema operativo basado en el kernel de Linux diseñado

principalmente para dispositivos móviles con pantalla táctil, como

teléfonos inteligentes o tabletas, inicialmente desarrollado por Android,

Inc. Google respaldó económicamente y más tarde compró esta empresa

en 2005. Android fue presentado en 2007 junto la fundación del Open

Handset Alliance: un consorcio de compañías de hardware, software y

telecomunicaciones para avanzar en los estándares abiertos de los

dispositivos móviles. El primer móvil con el sistema operativo Android fue

el HTC Dream y se vendió en octubre de 2008.

HISTORIA

Fue desarrollado inicialmente por Android Inc., una firma comprada por

Google en 2005. Es el principal producto de la Open Handset Alliance, un

conglomerado de fabricantes y desarrolladores de hardware, software y

operadores de servicio. Las unidades vendidas de teléfonos inteligentes

con Android se ubican en el primer puesto en los Estados Unidos, en el

segundo y tercer trimestres de 2010, con una cuota de mercado de 43,6%

en el tercer trimestre. A escala mundial alcanzó una cuota de mercado del

50,9% durante el cuarto trimestre de 2011, más del doble que el segundo

sistema operativo (iOS de Apple, Inc.)

Tiene una gran comunidad de desarrolladores escribiendo aplicaciones

para extender la funcionalidad de los dispositivos. A la fecha, se ha llegado

ya al 1.000.000 de aplicaciones (de las cuales, dos tercios son gratuitas

y en comparación con la App Store más baratas) disponibles para la tienda

de aplicaciones oficial de Android: Google Play, sin tener en cuenta

2

aplicaciones de otras tiendas no oficiales para Android como la tienda de

aplicaciones Samsung Apps de Samsung, slideme de java y amazon

appstore. Google Play es la tienda de aplicaciones en línea administrada

por Google, aunque existe la posibilidad de obtener software

externamente. La tienda F-Droid es completamente de código abierto así

como sus aplicaciones, una alternativa al software privativo. Los

programas están escritos en el lenguaje de programación Java.21 No

obstante, no es un sistema operativo libre de malware, aunque la mayoría

de ello es descargado de sitios de terceros.

APP INVENTOR

Google App Inventor es una aplicación de Google Labs para crear

aplicaciones de software para el sistema operativo Android. De forma

visual y a partir de un conjunto de herramientas básicas, el usuario puede

ir enlazando una serie de bloques para crear la aplicación. El sistema es

gratuito y se puede descargar fácilmente de la web. Las aplicaciones fruto

de App Inventor están limitadas por su simplicidad, aunque permiten

cubrir un gran número de necesidades básicas en un dispositivo móvil.

Con Google App Inventor, se espera un incremento importante en el

número de aplicaciones para Android debido a dos grandes factores: la

simplicidad de uso, que facilitará la aparición de un gran número de

nuevas aplicaciones; y el Android Market, el centro de distribución de

aplicaciones para Android donde cualquier usuario puede distribuir sus

creaciones libremente.

HERRAMIENTAS DE APP INVENTOR

Lo primero que hay que hacer es entrar al sitio WEB de App-Inventor

(http://ai2.appinventor.mit.edu/) o a la versión que se haya instalado en

cada computador. Una vez estémos ahí observarémos la siguiente interfáz

de trabajo.

3

a) Damos clic en “New Project” para iniciar un nuevo proyecto. A

continuación nombraremos nuestro primer proyecto.

b) En la parte izquierda podemos ver todas las herramientas de

interfaz de usuario.

4

c) Se pueden arrastar estos elementos al espacio de trabajo.

d) En la parte derecha de la interfaz se pueden ver los componentes

que se han ingresado al espacio de trabajo, además se pueden

cambiar propiedades como: Nombre, Texto, Tamaño de letra, Color,

etc. Puede realizar el ejercicio de cambiar estas propiedades y ver

qué pasa en la interfaz de la aplicación.

5

Ahora estamos listos para pasar al trabajo por equípos

APLICACIÓN HABLA CONMIGO PARTE I

Realizar una aplicación para Android siguiendo los siguientes pasos.

6

a) Ahora se debe estar en el área de trabajo y arrastar un botón a la pantalla.

b) Ahora se cambia el texto del botón como se muestra en la siguiente imagen:

7

c) Ahora hay que ir a la parte izquierda y seleccionar Media, luego arrastrar el component TextToSpeech

que sirve para decirle al programa que hable lo que este en el texto.

8

d) Ahora es tiempo de la magia, es hora de abrir el editor de bloques que es en donde se va a dar la lógica

de la aplicación.

e) Ahora hay que ver qué se tiene en la parte izquierda del editor de bloques.

9

En la parte ázul se tiene todas las herramientas con las que se puede crear la aplicación.

En la parte Rosa se tienen los elementos que están actualmente en el programa.

La idea es que los elementos en ázul le den interactividad a los de rosa.

f) Ahora se asigna un control al botón haciendo lo siguiente:

10

Este elemento realiza una acción cuando se da clic en el elemento Button.

g) Ahora se hace lo siguiente

11

h) Hasta el momento todo lo que haya dentro del componente when.click se realizará cuando el usuario de

clic en el elemento mencionado (En este caso “Button1”).

12

i) Ahora hay que arrastar un componente text Justo al lado del componente call.Speak.

j) Ahora se coloca un texto que se desea para que el celular lo lea

Explicación: Lo que hace el programa es que una vez se de clic en Button1 llame a el componente

TextToSpeech1 y que diga el mensaje “Hola Mundo”.

PROBANDO LA APLICACIÓN

Vámos a conectar nuestro proyecto con el emulador de Android, este emulador es un programa que simula un

celular Android, va a ser de mucha ayuda para probar las aplicaciones que se desarrollen.

a) Abrimos aistarter, que es la aplicación que conecta el sitio web de App Inventor con nuestro PC. Si todo

está bien instalado, esta aplicación se encuentra en el disco C:/Archivos de programa (x86)/ aiStarter

13

b) Observamos que la consola esté abierta

c) Ahora volvemos al navegador y damos clic en Connect y luego en Emulator

14

Esperamos que el emulador abra (En ocaciones dura 5 minutos en abrir), es importante que no se cierre el

emulador, ya que se pierde tiempo abriéndolo frecuentemente.

aiStarter.exe debe mostrar algo como esto:

Y veremos nuestra aplicación funcionando.

15

NOTAS: En ocaciones nuestro emulador muestra que si se debe instalar app companion, en esos casos damos

ok.

16

Si no se puede conectar con el emulador, por favor reinicie el computador ya que el emulador accede a archivos

de registro del sistema operativo y este debe ser reiniciado.