INICIACIN A APP INVENTOR

1.1.

INTRODUCCIN

App Inventor parte de una idea conjunta del Instituto Tecnolgico de Massachusetts y de un
equipo de Google Education. Se trata de una herramienta web de desarrollo para iniciarse
en el mundo de la programacin. Con l pueden hacerse aplicaciones muy simples, y
tambin muy elaboradas, que se ejecutarn en los dispositivos mviles con sistema operativo
Android. App Inventor es un lenguaje de programacin basado en bloques (como piezas de
un juego de construccin), y orientado a eventos. Sirve para indicarle al cerebro del
dispositivo mvil qu queremos que haga, y cmo. Es por supuesto muy conveniente disponer
de un dispositivo Android donde probar los programas segn los vamos escribiendo.
En el presente laboratorio se han realizado cuatro ejercicios para empezar a comprender la
programacin de una APP y as darle utilidad con otros programas que ya conocemos
previamente.

1.2.

SESIN 1

1.2.1. Objetivos
CREAR UNA CUENTA GOOGLE.
INSTALAR APP INVENTOR 2.
INSTALAR MIT AI2 COMPANION EN EL DISPOSITIVO ANDROID, O CONOCER UN
EMULADOR.
CREAR UNA APLICACIN E INSTALARLA EN EL MOVIL.
CONOCER LA PAGINA WEB DE APP INVENTOR (TUTORIALES, EJEMPLOS,
GUIAS, ETC.).
1.2.2. CREACION DE LA CUENTA EN GOOGLE
Hoy en da son muy utilizadas las cuentas GMAIL por lo que a nuestro grupo se le hizo ms
fcil, utilizar cualquiera de nuestras cuentas.

1.2.3. INSTALACIN DE APP INVENTOR 2

En nuestro caso vamos a trabajar directamente desde el navegador ya que todas las
herramientas de programacin estn incluidas. Y es ms sencillo tan solo loguearse y
comenzar a trabajar en el proyecto deseado, pues como se vincula a la cuenta de GMAIL te
permite almacenar un registro de los proyectos en los que ests trabajando. Para que los
puedas retomar cuando sea ms conveniente.

1.2.4. INSTALACIN DE MIT AI2 COMPANION EN EL DISPOSITIVO ANDROID, O

CONOCER UN EMULADOR.
Para esta instancia recurrimos a las pruebas en el celular ya que es ms rpido compartir el
archivo con extensin *.apk, que tener que pasar por el tedioso trabajo de instalacin de
programas emuladores y dems. No obstante tambin se hizo prueba un emulador de android
sobre el cual se obtuvieron buenos resultados, pero estas simulaciones no se comparan con
probar las APPs en la realidad con un smatphone.

1.2.5. CREACION DE UNA APLICACIN E INSTALACION EN EL MOVIL

La primera propuesta fue la de realizar una APP donde se introduzcan una imagen de fondo
de pantalla, un sonido, y que puedan funcionar con un ajuste del acelermetro para que se
active la funcin vibrar del celular.
Para lo cual nos leimos la gua donde todos los pasos estn explicados al detalle, iniciando la
programacin por el aspecto de la APP, es decir lo que el usuario podr ver desde la pantalla
del Smartphone.

Donde ya estn seleccionadas las fuentes o directorios donde estn guardados los archivos
de imagen y audio que vamos a usar, estas se cargan automticamente en el proyecto.
Posteriormente se hace la programacin en bloques de la aplicacin. Donde hay que
programar la secuencia de ejecucin del programa que responde a un cambio de estado de
las variables incluidas en el programa.

Una vez se ha probado que la primera secuencia funciona, agregamos la secuencia que
controla al acelermetro. Y el resultado final del programa es el que vemos a continuacin.

1.2.6. CONOCIENDO LA PAGINA WEB DE APP INVENTOR 2

Es necesario conocer las funcionalidades que nos ofrece APP INVENTOR 2 la cual en la barra
de navegacin que pose nos da las siguientes opciones:
Proyectos.- Este botn nos da las opciones para poder iniciar un nuevo proyecto, importar un
proyecto desde el ordenador, importar un proyecto desde la nube, borrar el proyecto; guardar
los proyectos en los que se est trabajando, sobrescribir, exportar un proyecto o todos los
proyectos que se tengan, y la de utilizar libreras keystore.

Conectar.- Esta opcin nos trae el AI companion, un emulador, transferencia por usb; y el
reinicio de sesin.

Generar.- la opcin generar nos ofrece 2 alternativas, las cuales son la de generacin un
cdigo QR para el apk y la segunda que es la de guardar el apk en el ordenador.

Ayuda.- nos ofrece informacin acerca del programa APP INVENTOR 2, se pueden recurrir a
bibliotecas de consulta, tutoriales, foros, etc. Entre otros tambin ofrece informacin sobre
companion.
Mis proyectos.- es una pestaa donde al dar click podemos ver un historial de nuestras APPs
donde estn el nombre, fecha de creacin, fecha de modificacin y si la APP ha sido publicada
o no en la red.

Galera.- en esta opcin existen aplicaciones creadas por otros desarrolladores, ya sean
tutoriales o productos de su imaginacin pero los encontramos clasificados por: recientes,
populares, tutoriales, muestras y tambin si lo deseamos buscar alguna APP de nuestro
inters.
1.3.

SESIN 2-APLICACION DE DIBUJO

1.3.1. CREACION DE LA APP DE DIBUJO

En esta aplicacin lo que se a hecho es programar para que se pueda realizar un dibujo sobre
una determinada rea en la pantalla con los colores bsicos.

Como se hizo anteriormente primero se elabora la pantalla principal donde est todo el
conjunto de botones para enlazar el interfaz de usuario con el programa.

Una vez terminada la pantalla se procede a elaborar el programa.

Como es demasiado grande visualmente se ha tomado varias capturas para mostrarlo,

tambin se puede ver que la complejidad del programa ha aumentado debido a la utilizacin
de ms bloques.

Finalmente concluimos con el programa, y generamos el apk para probar en el celular android.

1.4.

SESIN 3 - APLICACIN DE ADIVINAR QUE NUMERO EST PENSANDO

1.4.1. CREACION DE LA APP

Para esta APP es necesario conocer de algunos conceptos de programacin como ser la
declaracin de variable, el manejo de esta variable, crear una variable aleatoria y lo que son
los bloques de estructura condicional.

Estas imgenes son los programas realizados con ayuda de la gua, as de este modo
podemos realizarlos y probarlos con facilidad.

Como anteriormente se haba hecho cuando se concluye con la programacin, se procede a

probar el apk generado desde la pgina de APP INVENTOR 2.

Debemos recordar que el resultado de esta APP es producto de un desarrollo todava inicial.
Si se desean mejores resultado la APP debe ir acompaada de mucho ms cdigo o de
algoritmos ms complejos.
1.5.

SESIN 4 DISEO DE UN JUEGO

1.5.1. CREACION DE LA APP

Para la creacin del juego tambin debemos conocer sobre nuevos conceptos como los
sprites, que son imgenes en 2 dimensiones ms o menos pequea incluidos en un espacio
grande, y este ocupa a su vez un espacio de memoria.
Junto al sprite se define lo que son los escenarios que es el lugar donde un sprite se
desenvuelve, estas previas definiciones de un lienzo donde se le incluye el sprite.

Posterior a la programacin de los entornos donde la pelotita podr desplazarse e tambin se

le agrega la funcionalidad de moverse en cuanto haya una variacin del acelermetro del
smatphone. Finalmente lo probamos con el apk.

1.6.

CONCLUSIONES Y RECOMENDACIONES

La programacin y realizacin de APPs es muy importante para nosotros, ya que todo hoy en
da est vinculado al uso del Smartphone. Con los conocimientos obtenidos de este laboratorio
tenemos la posibilidad de realizar juegos que de por si requieren de profundos conocimientos
de programacin.
Se recomienda navegar por toda la seccin de tutoriales y gua a fin de aprender ms sobre el
desarrollo de APPs en APP INVENTOR 2.