View
141
Download
7
Category
Preview:
Citation preview
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.
Recommended