Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
CREANDO
UNA APLICACIN
PARA
UN
CENTRO
ESCOLAR
CPR GIJN
MAYO 2015
Eladio Daz Camblor
ai2.appinventor.mit.edu
Nos aparecer un listado con la direccin o direcciones de correo de Gmail que
tengamos, si tenemos ms de una y nos solicitar permiso para relacionar la
direccin de email con nuestro App Inventor. Una vez que hayamos concedido
el permiso, se lanzar la aplicacin web. Veremos una pantalla de fondo y otra
pantalla emergente que se abre. Esta pantalla inicial no es esttica, sino que
cambia en el tiempo y con frecuencia da cuenta de cambios que el MIT va
introduciendo en la aplicacin para mejorarla.
En la pantalla emergente le damos al botn Continue y entramos en la
aplicacin. Como todos los epgrafes aparecen e ingls, vamos a ponerlos en
espaol. Para ello pulsamos sobre la palabra English que hay arriba a la
derecha. Se despliega un men donde aparece la palabra Espaol. Una vez
que hayamos pulsado sobre ella se repetir el proceso de entrada, pero esta
vez en espaol.
En la parte gris, de izquierda a derecha veremos una etiqueta que nos dice que
estamos en App Inventor, que es del MIT y que es una beta (una versin de
pruebas). Ms a la derecha tenemos Proyectos. Si picamos ah podremos
gestionar todos nuestros proyectos: Guardarlos, exportarlos, etc.
Ms a la derecha, Conectar nos da opciones que nos permiten ver
funcionando en nuestro mvil la aplicacin en la que estamos trabajando.
Generar nos proporciona, en distintos formatos, los archivos necesarios para
instalar la aplicacin en nuestro dispositivo.
Ayuda Alguna duda respecto a lo que hace?
En otro grupo de etiquetas est Mis proyectos, que nos da acceso directo a
gestionar las aplicaciones que hayamos elaborado
Gallery es una novedad en App Inventor. Nos da acceso a una infinidad de
aplicaciones que otros usuarios han elaborado y han subido a los servidores de
App Inventor. La utilizaremos enseguida.
Gua es otra pgina de ayuda online de App Inventor.
Informar de un problema nos pone en contacto con Google Groups para dar a
conocer fallos que hayamos localizado en App Inventor
Espaol es un botn que ya hemos utilizado y que nos permite cambiar el
idioma en que queramos que se vea App Inventor. Se puede elegir entre
Espaol, Ingls, Italiano, y dos modalidades del idioma chino (creo)
En la parte verde tenemos el nombre de la aplicacin en la que estemos
trabajando.
Un grupo de tres botones nos permitir gestionar las pantallas que formen
nuestra aplicacin. Podremos aadir o eliminar pantallas (a las que la
traduccin al espaol de App Inventor llama ventanas)
Ms a la derecha, dos botones: Diseador y Bloques nos esperan. Pronto
oiremos hablar de ellos
En la parte inferior nos encontramos cinco zonas, que son:
- Paleta: Cuando entramos, aparece abierta Interfaz de usuario, una de las
muchas etiquetas que podemos elegir. Al desplegar las etiquetas se nos van
mostrando una enorme cantidad de componentes que vamos a poder utilizar
en nuestras aplicaciones, ordenadas por categoras.
Vamos a poner a nuestro botn el aspecto que queramos y una leyenda que
diga ENTRAR o cualquier cosa parecida.
Hasta ahora, todo bien. Hemos puesto un fondo y dos componentes cuyo
aspecto pudimos modificar desde Propiedades pero Cmo se comportan
esos componentes? Cmo puedo decirles qu es lo que deben hacer?
Para eso picaremos en botn Bloques que hay arriba, a la derecha. La parte
de debajo de la pantalla cambia por completo y queda ahora dividida en tres
zonas: Bloques, Visor y Medios. En los Medios volveremos a ver todos
los archivos que hemos subido para que formen parte de nuestra aplicacin.
En la zona Bloques hay dos partes. Arriba vemos el epgrafe Integrados y
una serie de categoras. Contienen bloques que van a estar presentes en todas
las pantallas de la aplicacin.
En la parte de abajo estn los componentes que hemos utilizado en nuestra
pantalla trabajando en la zona Diseador
Cuando pulsamos sobre una de las categoras se despliegan una serie de
bloques que vamos a poder utilizar pulsando sobre ellos y arrastrndolos al
Visor
Exactamente lo mismo sucede cuando pulsamos sobre cualquiera de los
componentes que forman parte de nuestra pantalla.
Cada uno de los componentes tiene sus propios bloques, que son los que van
a determinar su comportamiento, lo que cada uno de ellos va a hacer en
nuestra aplicacin.
Para empezar, vamos a trabajar con el botn Entrar que hemos creado. Si
pulsamos sobre l veremos que se despliegan una serie de bloques que son
los que determinan el comportamiento del botn.
Elegiremos el bloque
Con esto estaremos dicindole a App Inventor que cuando se haga clic en el
Botn1, haga algo. Qu debe hacer se lo decimos eligiendo otro bloque y
hacindolo encajar con el anterior. En este caso elegimos un bloque que
pertenece al grupo de los Integrados y que est bajo la etiqueta Control
https://play.google.com/apps/publish/signup/
https://play.google.com/apps/publish/
Desde la consola podremos, sobre todo, saber cmo evoluciona la utilizacin
de todas nuestras aplicaciones. Cuntos usuarios la han bajado y cuntos la
tienen instalada en sus dispositivos. Tambin tendremos acceso a los
comentarios que hagan los usuarios y, MUY IMPORTANTE podremos
responder a los comentarios. Tanto los comentarios de los usuarios como los
nuestros aparecern, junto con la aplicacin en la Play Store.
Y, por ahora, nada ms. Espero que estos apuntes te hayan sido de utilidad o
que, al menos, sirvan para que tu curiosidad te lleve a aprender App Inventor.
Si quieres hacerme alguna pregunta o comentario, yo estar a la escucha en la
direccin de correo electrnico
nntt@matajove.es