Desarrolo de Aplicaciones con google

1. UNIVERSIDAD TECNICA DE
AMBATO
NTICS II
INTEGRANTES:
CINTHYA VILLACIS
VIVIANA VILLA
2º “B” SISTEMAS

2. App Inventor
 App Inventor es un entorno de desarrollo visual para Android
originalmente propuesto por Google y finalmente implementado
por el MIT (Massachusetts Institute of Technology).
 Se encontrara muchas funciones ya definidas en forma de bloques
y la flexibilidad a la hora de combinarlas te permitirá potenciar al
máximo tu creatividad.

3.  Su carácter gratuito la hace recomendable para todo tipo de
usuarios.
 Lo ideal es que tengas unas mínimas nociones generales sobre
programación para poder diseñar más fácilmente el flujo de
acciones y comprender en profundidad la utilidad de cada
bloque, aunque no será necesario que modifiques el código
fuente.

4. PASOS A SEGUIR:
 1. Pon a punto el programa
 Visita en primer lugar la web oficial de App
Inventor. Necesitarás tener una cuenta
Google para acceder al servicio. App
Inventor está compuesto por un conjunto
de herramientas que abarcan las diferentes
tareas en la construcción de la aplicación:
diseño, definición del comportamiento y
simulación.
 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+.
 descargar del software de escritorio App
 simulará un dispositivo Android que podrás
manejar a través del ordenador como si de
un móvil real se tratara.

5.  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.
 En Palette/Basic, hallarás utilidades básicas
como botones, inserción de imágenes, cuadros
de texto, etiquetas… La subsección Media
contiene componentes como acceso a la
cámara de fotos y vídeo.
 Social incluye los elementos necesarios para
seleccionar contactos, números de teléfono de
la agenda, correos electrónicos.
 Sensors, por su parte, nos brinda la oportunidad
de utilizar sensores para obtener información tal
como la localización geográfica o la
orientación del dispositivo.

6.  Screen 1 en la sección Components. 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.
 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. Otros
elementos similares son Camera, Camcorder o
Player, al igual que todos los incluidos en la
sección LEGO MINDSTORMS.

8.  Editor de bloques
 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.
 Selecciona Button 1 y observa sus opciones, que
aparecerán en forma de piezas de puzzle. Hay tipos de
piezas que indican acciones y otras para componentes.
Tu misión es encajarlas para conseguir el
comportamiento deseado. Probemos a establecer que
al pinchar sobre nuestro botón se reproduzca nuestro
fichero de música. Para ello, une en el editor los bloques
Button1.Click con Sound1.Play y listo.

9.  EMULADOR
 Gracias al emulador, podremos desarrollar nuestras aplicaciones
incluso si no contamos con un smartphone o es de otra marca.
 l procedimiento para utilizar un móvil Android desde el editor es
análogo. Conéctalo al ordenador mediante un puerto USB y, antes
de iniciar la simulación, comprueba que tu configuración está
habilitada.

10.  CREAR LISTAS
 al panel de diseño para añadir el elemento ListPicker, que permite
la elección entre una serie de opciones.
 Después acude al editor de bloques para crear una variable
global, en nuestro caso Números, con Built-in/Definition/Variable.

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.
 ncontrarás tres opciones. La primer,
Show barcode generará un código QR
asociado a tu cuenta y aplicación y
para tu uso propio. Para bajarte el
programa a tu ordenador, escoge
Download to this computer y el código
fuente se guardará en forma de archivo
APK. Para descargarla en tu teléfono
inteligente.

12. PRECIO DE LA APLICACION
 Su precio es de 25 dólares y no existe cuota anual.