aplicacion android

14
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN DESARROLLO DE APLICACIONES III APLICACIONES ANDROID ARTEMIO GALLEGOS LÓPEZ “5º A”

Upload: zenon-gallegos-lopez

Post on 10-Aug-2015

72 views

Category:

Education


0 download

TRANSCRIPT

UNIVERSIDAD TECNOLÓGICA DEL

ESTADO DE ZACATECAS

UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y

LA COMUNICACIÓN

DESARROLLO DE APLICACIONES III

APLICACIONES ANDROID

ARTEMIO GALLEGOS LÓPEZ

“5º A”

Agita el Celular

En esta ocasión mi aplicación es algo muy sencillo. Si agitas tu celular te dirá algún mensaje el

cual tú mismo le escribes al momento de realizar la aplicación (Tú decides que es lo que quieres

que tu aplicación diga al momento de agitar el celular).

Primero entramos a la página de “App Inventor” desde cualquier navegador, que es:

“appinventor.mit.edu”.

En mi caso yo use Google Chrome.

Después nos va a mandar a esta ventana, y aquí seleccionamos el botón naranja donde dice Create!

Al pulsar el botón naranja nos mandara a esta otra ventana, y lo único que tenemos que hacer es dar clic en el botón

Continue.

Ahora si prácticamente ya estamos dentro de App Inventor y ahora lo que hay que hacer es crear la aplicación. Para

esto le damos clic en la parte que dice Projects, y después en donde dice Start new project.

Ahora solo le asignas un nombre a tu nueva aplicación y seleccionas el botón OK. En mi caso yo la nombre

“Proyecto_10”.

Ahora que ya tienes tu interfaz puedes empezar a diseñar como quieres que se vea, en mi caso yo le agregue un

fondo. Para eso nos vamos en donde dice BackgroundImage.

Ahora seleccionamos el botón de Upload File para seleccionar la imagen que deseemos poner desde nuestro equipo.

Ahora presionamos el botón Seleccionar archivo seleccionamos desde nuestros archivos la imagen deseada.

Ahora seleccionamos el archivo y presionamos la tecla Enter.

Ahora agregamos un Button de la parte donde dice User Interface

Ahora podemos modificar algunas de las propiedades del Button desde la parte derecha de la pantalla, solo

seleccionamos la parte “Butto1” y nos muestra sus propiedades. En mi caso yo le cambie el color y le agregue un

mensaje dentro de él, que dice “Agita el Celular!”.

Ahora de la parte izquierda donde dice Media agregamos un TextToSpeech, el cual no se ve en la interfaz pero de

igual manera está ahí.

Ahora de la parte izquierda donde dice Sensors agregamos un AccelerometerSensor1, el cual tampoco se ve en la

interfaz pero de igual manera está ahí.

Ahora sí que ya tenemos nuestra interfaz, nos vamos al código que aquí viene siendo codificación con bloques. Para

esto seleccionamos el botón Blocks.

Ahora iremos extrallendo los blques según el que vallamos ocupando del apartado donde dice Blocks.

Ahora de la parte Control seleccionamos este bloque, que en si quiere decir “Cuando agites o muevas el celular”, o

algo así.

c

c

Ahora de la parte Procedures seleccionamos este bloque, que es para mandar llamar al TextToSpeech.

Y por último de la parte de Text seleccionamos este bloque que es donde vamos a escribir el mensaje que dirá la

aplicación al mover o agitar el celular.

c

c

Ahora dentro del bloque escribimos el mensaje que queremos que diga (Puedes escribir lo que decees, de igual

manera lo leera, nadamas que tambien distingue cuando hay faltas de ortografia y si las hay pues lo leera mal)

Estas aplicaciones puedes irlas haciendo desde la PC y realizar pruebas a la vez desde tu celular (claro, siempre y

cuando tenga el sistema operativo Android) para saber si en realidad la aplicación va a funcionar.

Esto se logra gracias a una aplicación llamada MIT AI2 Companion que puede descargar totalmente gratisdesde Play

Store.

c

c

c

Para esto solo abrimos la aplicación, seleccionamos en la parte que dice scan QR code.

Despues nos va a mandar el Scaner para poder escanear el codigo de barras.

c

Despues de la PC seleccionamos la parte donde dice Conect, y despues seleccionamos AI Companion, para que nos

mande un codigo de barras y poder escanearlo con el celular. Y asi poder formar una conexión.

Ahora ya nos manda el codigo de barras, el cual podemos escanear con elcelular.

Escaneamos el codigo de barras con el celular. Y listo ya tenemos una conexión.

c

c

Y asi quedaria la interfaz final de nuestra aplicación.