aplicacion sencilla en appinventor

7
17 DE FEBRERO DEL 2015 Desarrollo de Aplicaciones | JAIRO UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS (UAP) DOCUMENTACION APP PERRO LADRANDO

Upload: jairo-martinez-molina

Post on 22-Jul-2015

269 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: Aplicacion sencilla en AppInventor

17 DE FEBRERO DEL 2015

Desarrollo de Aplicaciones | JAIRO

UNIVERSIDAD

TECNOLÓGICA

DEL ESTADO

DE

ZACATECAS

(UAP)

DOCUMENTACION APP ” PERRO

LADRANDO ”

Page 2: Aplicacion sencilla en AppInventor

En este documento explico los simples y sencillos pasos que seguí para elaborar

una App tan sencilla como la mencionada en el titulo de este documento. Este tipo

de aplicaciones son relativamente fáciles de elaborar ya que en la plataforma

sobre la cual trabaje es bien conocida como AppInventor la cual es única y

exclusivamente para crear Aplicaciones para el sistema operativo Android y la cual

su programación la maneja por bloques que son fáciles de entender; se necesita

tener una buena conexión a internet ya que esta plataforma solamente funciona si

estamos anclados a una red de buena calidad. Los pasos son los siguientes

1. Comenzamos por ingresar al sitio oficial de AppInventor. La cual es la

siguiente: http://appinventor.mit.edu/

Page 3: Aplicacion sencilla en AppInventor

2. Daremos Clic en el botón “CREATE!” y a continuación nos pediré que

ingresemos nuestro correo electrónico de Google (@gmail) y nos saltara a

otra ventana donde nos pide si aceptamos los términos y condiciones y en

seguida de esto nos mandara a la pagina donde comenzaremos a crear

nuestros proyectos y aplicaciones.

3. Enseguida para comenzar a crear nuestra aplicación arrastraremos un

botón a la interfaz la cual simula un Smartphone y es como se visualizara

el resultado después de terminar nuestra App.

Page 4: Aplicacion sencilla en AppInventor

4. Después que tengamos el botón dentro de la interfaz en el menú del botón

en la parte de imagen cargaremos una imagen desde nuestro ordenador.

5. Después que caguemos la imagen la interfaz debe aparecer así. Dentro

del menú de opciones podemos cambiar el alineado del botón así como el

color del fondo.

Page 5: Aplicacion sencilla en AppInventor

6. En seguida arrastraremos un sonido de componentes hacia la interfaz y

dentro del menú del componentes de sonido cargamos un sonido que

anteriormente ya tengamos dentro de nuestro ordenador como se muestra

a continuación:

7. Enseguida insertamos un “Label” esto para indicar al usuario que ocurrirá

cuando toquemos la imagen del perro:

Page 6: Aplicacion sencilla en AppInventor

8. Por último seleccionamos determinado bloque depende cual queremos

que sea la acción del botón en este caso nuestra imagen del perro que

insertamos en el botón todas estos bloques los encontraremos al

seleccionar nuestro botón

Page 7: Aplicacion sencilla en AppInventor

9. Y listo podemos visualizar nuestra app desde el emulador que nos ofrece

AppInventor o escaneando un código con nuestro celular al descargar la

aplicación Mit de AppInventor.

App Inventor es una suite muy completa para comenzar a desarrollar aplicaciones

tan sencillas como la que acabamos de ver y no solo eso con ayuda de Arduinos

podemos robotizar alguna necesidad o dificultad que este en nuestra vida

cotidiana.