Este documento describe los pasos para crear una aplicación Android utilizando la plataforma App Inventor de Google. Primero, se configura App Inventor y se crea un nuevo proyecto. Luego, se añaden elementos visuales como botones e imágenes a las pantallas y elementos no visibles como archivos de sonido. A continuación, se conectan los elementos utilizando bloques de programación. Finalmente, se prueba la aplicación en un emulador antes de empaquetarla y publicarla en Google Play Store.
2. Android
Android es un sistema operativo inicialmente pensado para teléfonos móviles,
al igual que iOS, Symbian y Blackberry OS. Lo que lo hace diferente es que
está basado en Linux, un núcleo de sistema operativo libre, gratuito y
multiplataforma.
El sistema permite programar aplicaciones en una variación de Java llamada
Dalvik. El sistema operativo proporciona todas las interfaces necesarias para
desarrollar aplicaciones que accedan a las funciones del teléfono (como el
GPS, las llamadas, la agenda, etc.) de una forma muy sencilla en un lenguaje
de programación muy conocido como es Java.
3. Software para crear una aplicación
Android
App Inventor
Google App Inventor es una plataforma 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.
4. Como crear una aplicación Android
Pon a punto el programa
App Inventor. Es necesario tener una cuenta Google para acceder al servicio.
Es necesario tener instalado Java y los sistemas operativos soportados son Mac OS
X 10.5/10.6, Windows XP/Vista/7, Ubuntu 8+ y Debian 5+.
5. Panel de diseño
El panel de diseño es accesible desde el navegador. En la página principal, pincha en
Invent/Create Mobile Apps. En My Projects, selecciona New e introduce un nombre
para el nuevo proyecto. Una vez dentro, explora todas sus opciones.
En Palette/Basic, hallarás utilidades básicas como botones, inserción de imágenes,
cuadros de texto, etiquetas.
6. Tu primera pantalla
Pincha en Screen 1 en la sección Components. En la columna de la derecha se
listarán sus propiedades. Establece una imagen de fondo cargándola con
BackgroundImage. Para que no se distorsione, es conveniente que utilices un fondo
plano o alguno de los tamaños por defecto para este tipo de pantallas. Carga
también otra imagen en Icon para que sirva de gráfico identificativo de la aplicación
y marca en Scrollable si deseas permitir el uso del scroll.
7. Elementos no visibles
Se denominan no visibles porque no se muestran físicamente en el panel de diseño,
como por ejemplo los archivos de sonido. Prueba a agregar un fichero a través de la
opción Source en Media/Sound. El procedimiento para agregar estos elementos es el
mismo que para aquellos visibles: arrástralo hacia el visor.
Aparecerán listados en la parte inferior del panel, bajo el epígrafe Non-visible
components.
8. Editor de bloques
Antes de continuar introduciendo elementos, vamos a ilustrar el procedimiento para
relacionarlos entre sí, utilizando para ello el botón que hemos creado y el fichero de
sonido cargado. Pincha en Open the Blocks Editor. Se generará un fichero Java con
extensión JNLP que deberás guardar en tu PC. Ábrelo y accederás al editor de
bloques. Acude ahora a la pestaña My Blocks y verás la lista de todos los bloques que
hayas añadido en el panel de diseño.
9. Utiliza el emulador
Gracias al emulador, podremos desarrollar nuestras aplicaciones incluso si no
contamos con un smartphone o es de otra marca, y chequear su correcto
funcionamiento. En el editor de bloques, pincha en New emulator y se desplegará un
teléfono Android típico. Para conectar el editor con el teléfono, pincha en Connect
to Device y selecciona el emulador.
10. Crea una lista
Volvamos al panel de diseño para añadir el elemento ListPicker, que permite la
elección entre una serie de opciones. Este está asociado a un botón, con el que
invitaremos al usuario a escoger entre la lista. Nosotros haremos la nuestra propia
con los números de PC Actual. Después acude al editor de bloques para crear una
variable global, en nuestro caso Números, con Built-in/Definition/Variable. Luego,
agrega el bloque Make a list, que encontrarás en Built-in/Definition/Lists, para
definir varias posibilidades para la variable global.
11. Empaqueta tu app
Siguiendo procedimientos similares a los explicados, poco a poco, puedes ir
añadiendo nuevas funciones. En el panel de diseño, pincha en Add Screen si quieres
que tu aplicación contenga más de una pantalla. No olvides guardar periódicamente
el trabajo con Save y establecer un punto al que retornar cuando consigas un hito a
través de Checkpoint. Cuando consideres que has finalizado la app, busca en la
esquina superior derecha el menú Package for Phone.
12. Publícala en Google Play Store
La publicación de tu aplicación no es un paso obligatorio, pero si optas por
abrirla al gran público, debes saber que para publicarla en Google Play
Store debe contener tanto un código como un nombre de versión. El primero es
un número entero que indica si la app ha sido actualizada a una versión superior
o inferior.
El segundo es una cadena de texto que típicamente especifica esta misma
información como 1.0, 2.0, etc. Podrás definir ambos en el panel de diseño, en
los apartados VersionCode y VersionName, y deberás actualizarlo cada vez que
quieras subir una nueva versión a la Red. Después, deberás descargar, como ya te
hemos explicado en el paso anterior, el archivo APK en tu ordenador.