Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
net/publication/320014500
CITATIONS READS
0 3,023
1 author:
SEE PROFILE
Some of the authors of this publication are also working on these related projects:
Mobil robotics with artificial Intelligence / Robótica móvil con inteligencia artificial View project
All content following this page was uploaded by Julio Cesar Sandria-Reynoso on 25 September 2017.
Septiembre 2017
Contenido
Resumen ................................................................................................................................. 1
Introducción ........................................................................................................................... 1
Aplicaciones para dispositivos móviles .................................................................................. 2
Sistema operativo Android ..................................................................................................... 3
App Inventor ........................................................................................................................... 3
Cuenta de Google ................................................................................................................... 3
Iniciar App Inventor 2 ............................................................................................................. 4
Comenzar un nuevo proyecto ................................................................................................ 6
Agregar una etiqueta .............................................................................................................. 8
Agregar un botón.................................................................................................................... 9
Generar aplicación ................................................................................................................ 10
Descargar e instalar la aplicación en Android ...................................................................... 11
Programar botón Cerrar ....................................................................................................... 12
Conclusiones ......................................................................................................................... 15
Resumen
En este documento se muestra cómo usar MIT App Inventor para crear una sencilla
aplicación Android que muestre el texto ¡Hola Mundo! en la pantalla de un dispositivo
móvil, y cómo usar bloques de programación para que la aplicación realice algo al oprimir
un botón de la misma. Esto con la finalidad de mostrar qué tan fácil puede ser iniciarse en
el mundo de la programación de Apps Android.
Introducción
El interés por crear esta guía de programación, nació por la necesidad de documentar parte
del trabajo que se hace en el Instituto de Robótica de Xalapa A.C. (en Xalapa, Veracruz,
Instituto de Robótica de Xalapa www.irox.mx
México), en los cursos y talleres de robótica para niños, jóvenes y adultos. Y para ofrecer
una guía en español para nuestras nuevas generaciones de niños y jóvenes ávidos por
aprender cosas nuevas.
Este documento está dirigido a las personas que quieren aprender a crear aplicaciones para
dispositivos móviles, ya sea teléfonos celulares o tabletas, con el sistema operativo Android.
Se usa el ambiente de programación visual MIT App Inventor, que es muy fácil de usar y
está disponible en línea sin costo alguno. Se ejemplifica el uso de App Inventor para crear
una sencilla aplicación que mostrará en la pantalla del móvil la frase ¡Hola Mundo!, con la
cual se empieza en muchos cursos de programación de computadoras, en diversos
lenguajes de programación, especialmente el lenguaje C.
App Inventor
MIT App Inventor es un ambiente de
programación visual intuitivo que permite
desarrollar aplicaciones para dispositivos
móviles con el sistema operativo Android.
Es una herramienta basada en bloques que
facilita la creación de aplicaciones
complejas de alto impacto en mucho menos tiempo que los entornos de programación
tradicionales. El proyecto MIT App Inventor busca democratizar el desarrollo de software al
permitir que todas las personas, especialmente los jóvenes, pasen del consumo de
tecnología a la creación de tecnología. La página oficial de App Inventor es
http://appinventor.mit.edu, esta herramienta es desarrollada por el MIT (Massachusetts
Institute of Technology).
Cuenta de Google
Para poder usar App Inventor se debe tener una cuenta de Google, la cual puede ser tu
cuenta de Gmail. Si no tienes una, inicia en crear tu cuenta de Google donde se mostrará
un formulario como el siguiente. Llena el formulario con tus datos para generar tu cuenta y
poder usar App Inventor.
Para empezar a crear una aplicación oprime el botón Create apps!, con lo cual se abrirá la
página que pide usuario y contraseña de Gmail (Google) y a continuación la página principal
de App Inventor con un mensaje de bienvenida en inglés pidiendo llenar un cuestionario:
Oprime el botón Take Survey Later para contestar el cuestionario en otra ocasión. Con esto
se abrirá un cuadro de diálogo en donde puedes seleccionar si quieres configurar un
dispositivo Android o un emulador de Android.
Oprime el botón Continue para continuar a la siguiente página. Esto abrirá el siguiente
cuadro de diálogo indicando que no tienes ningún proyecto en App Inventor 2.
Un proyecto son los bloques de programación y configuración que se usan para crear una
aplicación. Oprime el botón izquierdo del ratón sobre cualquier parte de la página de App
Inventor para que se quite ese cuadro de diálogo y se muestre la página principal de App
Inventor como en la siguiente imagen.
Esto abrirá el cuadro de diálogo Crear un nuevo proyecto de App Inventor, donde hay que
escribir el nombre del proyecto que se desea crear. Como en este caso vamos a crear una
sencilla aplicación que muestre en la pantalla del dispositivo móvil la frase ¡Hola Mundo!,
vamos a llamar al proyecto HolaMundo (sin espacio).
Agregar un botón
En el Visor, debajo de ¡Hola Mundo!, coloca un Botón, al cual deberás cambiarle en la
propiedad Texto, el texto Texto para Botón1 por el texto Cerrar, ya que será el botón para
cerrar la aplicación. Adicionalmente, del panel Componentes usa el botón Cambiar
nombre, para cambiarle el nombre Botón1 por BotonCerrar (sin acento). En la imagen
siguiente se muestra cómo debe verse la aplicación y dónde se hacen los cambios.
Generar aplicación
Una vez diseñada la aplicación, podemos generar el archivo de instalación para descargarlo
e instalarlo en un dispositivo Android. Para esto, selecciona la opción Generar del menú
principal y después la opción App (generar código QR para el archivo .apk) del menú
desplegable como se muestra en la siguiente imagen.
El panel Bloques muestra los bloques de programación que están disponibles en App
Inventor, clasificados en bloques Integrados, bloques de los componentes usados en el
Diseño de tu aplicación y cualquier componente.
El panel Visor muestra los bloques que estás usando en el área de programación o los
bloques disponibles para cualquiera de los objetos seleccionados en el panel Bloques. Por
ejemplo, en la imagen anterior está seleccionado BotonCentrar en el panel Bloques, por
esto, en el Visor se muestran los bloques de programación disponibles para un botón.
Debido a que nos falta hacer que cuando se presione BotonCerrar se cierre la aplicación,
selecciona el bloque cuando BotonCerrar .Clic ejecutar y arrástralo al área de
programación. Debe quedar parecido a la imagen siguiente:
Este bloque significa literalmente que: cuando en el BotonCerrar se hace clic se debe
ejecutar otro bloque.
Ese otro bloque que se deberá ejecutar es cerrar la aplicación, el cual está señalado en rojo
en la imagen siguiente.
Arrastra ese bloque al área de programación y colócalo dentro del bloque anterior, de modo
que ambos bloques queden como en la imagen siguiente:
Esta imagen muestra todo el programa que necesitamos para la aplicación HolaMundo. Este
programa dice:
cuando en el BotonCerrar se hace clic se debe ejecutar cerrar la aplicación
Vuelve a generar la aplicación con la opción Generar del menú principal y después la opción
App (generar código QR para el archivo .apk) del menú desplegable. Cuando se muestre el
código QR, coloca tu dispositivo móvil frente al código, ejecuta tu aplicación para leer
códigos QR y lee el código QR. Descarga la aplicación HolaMundo.apk, instálala y ábrela.
Una vez abierta tu aplicación HolaMundo, oprime el botón Cerrar para probar que
realmente funciona cerrando la aplicación.
Conclusiones
El desarrollo de aplicaciones para dispositivos móviles se ha incrementado mucho en los
últimos años. La posibilidad de usar una herramienta de forma gratuita para que cualquier
persona pueda aprender y crear aplicaciones, permite que haya más desarrolladores de
aplicaciones para diversos fines. El objetivo de este documento fue mostrar cómo entrar en
el mundo de desarrollo de Apps Android.