aplicación android patito helpme

38
APLICACIONES PARA TU MOVIL ANDROID Ing. Ivan Mejia Cabrera

Upload: particular

Post on 29-Nov-2014

1.183 views

Category:

Education


0 download

DESCRIPTION

Aplicación Android Patito helpme

TRANSCRIPT

Page 1: Aplicación Android Patito helpme

APLICACIONES PARA TU MOVIL ANDROID

Ing. Ivan Mejia Cabrera

Page 2: Aplicación Android Patito helpme

¿Que es ANDROID?

Es un sistema operativo móvil basado en Linux, para dispositivos móviles como teléfonos inteligentes, tabletas, Google TV y otros dispositivos.

Es desarrollado por la Open Handset Alliance (78)

liderada por Google.Tiene 12 millones de líneas de código

3 millones de líneas de XML 2,8 millones de líneas de lenguaje C2,1 millones de líneas de Java1,75 millones de líneas de C++.iOS, Symbian y Blackberry OS

Page 3: Aplicación Android Patito helpme

Un poco de historia de ANDROIDEn 2005 Google lo compró a Android Inc.

En 2007 se lanzó la Open Handset Alliance, que agrupaba a muchos fabricantes de teléfonos móviles, chipsets y Google y se proporcionó la primera versión de Android, junto con el SDK.

1.0 (Apple Pie/Tarta de manzana )- 20081.1 (Banana Bread/Pan de plátano) 20091.5 (Cupcake/Magdalena glaseada). Basado en el kernel de Linux 2.6.27 Bluetooth, Youtube.1.6 (Donut/Rosquilla) Basado en el kernel de Linux 2.6.29 Búsqueda por voz, WVGA2.0 / 2.1 (Eclair/pastel francés) Basado en el kernel de Linux 2.6.29 Google Maps 3.1.22.2 (Froyo/Yogur Helado) Basado en el kernel de Linux 2.6.32 Wi-Fi, velocidad (JIT)2.3 (Gingerbread/Pan de jengibre) Basado en el kernel de Linux 2.6.35.7 Actual en smat, VoIP SIP3.0 / 3.1 / 3.2 (Honeycomb /Panal de miel) Escritorio 3D con widgets.4.0 (Ice Cream Sandwich/Sandwich de helado.) gestor del tráfico de datos de internet4.1 (Jelly Bean/Judía de gelatina.) Google Chrome, Flash Player (Ya no soportado)

Page 4: Aplicación Android Patito helpme

Arquitectura de ANDROIDPermite programar aplicaciones en una variación de Java llamada Dalvik.

Proporciona acceso a las funciones del teléfono (como el GPS, las llamadas, la agenda, etc.) de una forma muy sencilla en un lenguaje de programación muy conocido como es Java.

Cada aplicación Android corre su propio proceso, con su propia instancia de la máquina virtual Dalvik.

Page 5: Aplicación Android Patito helpme

Diseño de dispositivo: Biblioteca de gráficos 2D, 3DAlmacenamiento: SQLiteConectividad: GSM/EDGE, IDEN, CDMA, EV-DO, UMTS, Bluetooth, Wi-Fi, LTE, HSDPA, HSPA+ y WiMAX.Mensajería SMS y MMS Navegador web, características de Google CrhomeSoporte de Java : El bytecode Java se compila en un ejecutable Dalvik y corre en la Máquina Virtual Dalvik. Soporte multimedia: WebM, H.263, H.264 (en 3GP o MP4), MPEG-4 SP, AMR, AMR-WB (en un contenedor 3GP), AAC, HE-AAC (en contenedores MP4 o 3GP), MP3, MIDI, Ogg Vorbis, WAV, JPEG, PNG, GIF y BMP.68Soporte para streaming: Descarga progresiva de HTML (HTML5 <video> tag). Adobe Flash StreamingSoporte para hardware adicional: cámaras de fotos, de vídeo, pantallas táctiles, GPS, acelerómetros, giroscopios, magnetómetros, sensores de proximidad y de presión, sensores de luz, termómetro, etc.Entorno de desarrollo: Emulador de dispositivos, Eclipse.Google Play: catálogo de aplicacionesBluetoothVideollamada: Google Talk Multitarea: Aplicaciones que no estén ejecutándose en primer plano reciben ciclos de relojCaracterísticas basadas en voz: para búsqueda en Google.Tethering: permite al teléfono ser usado como un punto de acceso alámbrico o inalámbrico

Características de ANDROID

Page 6: Aplicación Android Patito helpme

¿Que es APP Inventor?App inventor es una aplicación creada por google para que cualquier persona con interés pueda crearse su propia aplicación movil, ya sea para su empresa, para su casa o por otros intereses.

Google liberó el código fuente de App Inventor para que cualquiera pudiese usarlo y cedió su desarrollo al MIT (Instituto Tecnológico de Massachusetts) para que siguiese recibiendo mejoras y compatibilidad con las futuras versiones de Android.

Page 7: Aplicación Android Patito helpme

1. Requisitos del sistema:

Ordenador y sistema operativoMacintosh (con procesador Intel): Mac OS X 10.5, 10.6, 10.7Windows: Windows XP, Windows Vista, Windows 7GNU / Linux: Ubuntu 8 +, Debian 5 +

NavegadorMozilla Firefox 3.6 o superior

(Activar la opción ejecución de scripts)Apple Safari 5.0 o superiorGoogle Chrome 4.0 o superiorMicrosoft Internet Explorer 7 o superior

2. Pon a prueba tu configuración de JavaSu ordenador debe ejecutar Java 6 (también conocido como Java 1,6). Comprobar:http://beta.appinventor.mit.edu/learn/setup/misc/JWSTest/AppInvJWSTest.html

Sino está instalado puede descargar Java desde http://www.java.com

Comenzando con App Inventor

Page 8: Aplicación Android Patito helpme

3. Instale el software de instalación App Inventor.- Descargar la aplicación desde:

http://dl.google.com/dl/appinventor/installers/windows/appinventor_setup_installer_v_1_2.exe

Busque el archivo AppInventor_Setup_Installer_v_1_2.exe (~ 92 MB) en la carpeta Downloads o el escritorio de su PC y ejecute la instalación.

No cambie el directorio de instalación, e instale en la cuenta Administrador de su PC.

Comenzando con App Inventor

4. Configuración del teléfono Android.- Realice una de las siguientes acciones, dependiendo de si se va a desarrollar en un teléfono Android o con el emulador:

Configuración de teléfono Android

Configuración del emulador

Page 9: Aplicación Android Patito helpme

Configurar teléfono Android

Comenzando con App Inventor

Ingresar al ménúEn el botón Configuración

En la Opción: AplicacionesActivar la casilla «Orígenes desconocidos» (Unknown sources)

En la Opción: Desarrollo (Development)Deben estar activados las casillas:

Depuración de USB (USB Debuggin)Permancer activo (Stay awake)

Page 10: Aplicación Android Patito helpme

Configuración del emulador

Comenzando con App Inventor

Abra el Editor de bloques, y haga clic en el "emulador Nuevo" en la parte superior de la ventana.

1

2 3 4

5

Page 11: Aplicación Android Patito helpme

Accediendo a la plataforma App Inventor

1

Se debe tener acceso a lo siguiente: Internet, un teléfono o emulador, Una cuenta de Gmail

Ingresar a: http://beta.appinventor.mit.edu/Acceder a tu cuenta de Gmail

2

Page 12: Aplicación Android Patito helpme

Accediendo a la plataforma App Inventor

Paleta de Componentes Pantalla de DISEÑOPropiedades de los componentes

Componentes del proyecto

Page 13: Aplicación Android Patito helpme

Accediendo a la plataforma App Inventor

Crear un nuevo proyecto y escribir el nombre del proyecto

Iniciando el Editor de bloques

12

3

Page 14: Aplicación Android Patito helpme

Accediendo a la plataforma App Inventor

Crear un nuevo proyecto y escribir el nombre del proyecto

3

1

3

Clic

Page 15: Aplicación Android Patito helpme

Accediendo a la plataforma App Inventor

Clases de bloques

Área de diseño de bloques

Dispositivo de prueba

Tarda 30 segundos o más en aparecer el editor de bloques

Page 16: Aplicación Android Patito helpme

Accediendo a la plataforma App Inventor

La paleta Built-In contiene el conjunto estándar de los bloques que están disponibles para cada aplicación (por ejemplo, definición, texto, listas, etc.)

La Paleta My Blocks contiene bloques específicos que están relacionados con el conjunto de componentes elegidos en nuestra su aplicación.

La paleta de avanzada contiene bloques para inventar aplicaciones intermedio y avanzado con una lógica más compleja.

El diseñador se ejecuta desde el navegador, y el Editor de bloques se extiende desde Java, sin embargo, que están vinculados.

Page 17: Aplicación Android Patito helpme

Accediendo a la plataforma App Inventor

Los bloques verdes se denominan bloques de control de eventos. Y tienen la palabra:When (cuando) clic sobre el botóndo (hacer)

Acciones (comando)

Los bloques de control de eventos especifican los forma en que el teléfono debe responder a ciertos eventos

Los bloques violeta y azul son llamados bloques de comando.Cuando un controlador de eventos se ejecuta, también ejecuta una secuencia de comandos en su cuerpo.

Un comando es un bloque que especifica una acción a realizar en el teléfono (por ejemplo, reproducir sonido).

Page 18: Aplicación Android Patito helpme

Aplicación Móvil:

“patitoHelpMe”I. Crear la aplicación: 1. Hacemos clic en “new”

2. Nos saldrá un cuadro en el que daremos nombre a nuestra aplicación.

3. Hacemos clic en “ok!”

Page 19: Aplicación Android Patito helpme

II- pantalla de diseño:

Una vez ya creada la aplicación trabajaremos en el diseño de la aplicación.

Page 20: Aplicación Android Patito helpme

hacemos clic en Screen Arrangement y arrastramos la opción “VErticalArrangement” hasta la pantalla de diseño.

Page 21: Aplicación Android Patito helpme

1 . Nos vamos a la paleta de componentes en “basic” y hacemos clic y arrastramos la opción “button”

Page 22: Aplicación Android Patito helpme

2. Luego nos dirigimos a la propiedades de los componentes, hacemos clic en el cuadro de “image”.

3. Clic en “Add..”; para agregar un una imagen en el boton.

Page 23: Aplicación Android Patito helpme

1. Arrastramos la opción “label” dentro del recuadro de “VErticalArrangement”

2. Para redactar un texto en el entorno grafico, nos ubicamos dentro de la propiedades de los componentes y nos dirigimos en el cuadro “text”

Page 24: Aplicación Android Patito helpme

Nos vamos a la paleta de componentes en “Sensors” y hacemos clic y arrastramos la opción

Hasta la pantalla de diseño.

Page 25: Aplicación Android Patito helpme

Agregando un sonido….

1. Nos vamos a la paleta de componentes en “Media” y hacemos clic y arrastramos la opción

hasta la pantalla de diseño.2. Luego nos dirigimos a la propiedades de los

componentes, hacemos clic en el cuadro de “Source”.

3. Clic en “Add..”; para agregar un sonido.

Page 26: Aplicación Android Patito helpme

III- Creando el código(editor de bloques):

Para abrir el editor de bloques nos dirigimos “open the blocks Editor”

Page 27: Aplicación Android Patito helpme

1. Hacemos clic en “Descargar”.

Page 28: Aplicación Android Patito helpme

Nos dirigimos a My blocks

Page 29: Aplicación Android Patito helpme

1. Nos dirigimos a «My blocks», le damos clic en «button1».2. Seleccionamos…..

Page 30: Aplicación Android Patito helpme

Nos dirigimos a «Label2», le damos clic en …..

Page 31: Aplicación Android Patito helpme

1. Hacemos clic en “built-in”

2. Clic en ”lists”

3. Arrastramos el bloque “pick random item”, a la área de diseño.

Page 32: Aplicación Android Patito helpme
Page 33: Aplicación Android Patito helpme
Page 34: Aplicación Android Patito helpme

- Para agregar un texto hacemos doble clic en el boque «text»

- De esa mis manera arrastraremos bloques de texto con los siguientes mensajes:

Page 35: Aplicación Android Patito helpme

- Nos dirigimos a “My blocks”, hacemos clic en “Sound1”, y elegimos “sound1.Play”

Page 36: Aplicación Android Patito helpme

Quedándonos así el primer bloque de códigos.

Page 37: Aplicación Android Patito helpme

- Bloque de código ya terminado, listo para hacerlo funcionar con ayuda del emulador.

Page 38: Aplicación Android Patito helpme

Una vez terminado la aplicación como lo hemos descrito, es hora de generar el archivo de extensión apk, para pasarlo al teléfono e instalarlo.

Clic en el botón Package for Phone (Paquete para teléfono), se tomará un tiempo y comenzará la descarga del archivo .apk

Luego que concluye la descarga, es hora de conectar el teléfono a la computadora y copiar el archivo a alguna carpeta disponible.

Desde el teléfono buscar el archivo e intentar abrir el archivo, saldrá un aviso de confirmación para la instalación, y listo a disfrutar la aplicación que acabas de desarrollar.