Ing. Ivan Mejia Cabrera
Es un sistema operativo móvil basadoen Linux, para dispositivosmóviles como teléfonosinteligentes, tabletas, Google TV yot...
En 2005 Google lo compró a Android Inc.En 2007 se lanzó la Open Handset Alliance, que agrupaba amuchos fabricantes de telé...
Permite programaraplicaciones en unavariación de Javallamada Dalvik.Proporciona acceso alas funciones delteléfono (como el...
Diseño de dispositivo: Biblioteca de gráficos 2D, 3DAlmacenamiento: SQLiteConectividad: GSM/EDGE, IDEN, CDMA, EV-DO, UMTS,...
App inventor es unaaplicación creada por googlepara que cualquier personacon interés pueda crearse supropia aplicación mov...
1. Requisitos del sistema:Ordenador y sistema operativo   Macintosh (con procesador Intel): Mac OS X 10.5, 10.6, 10.7   Wi...
3. Instale el software de instalación App Inventor.- Descargar la aplicación desde:http://dl.google.com/dl/appinventor/ins...
Configurar teléfono AndroidIngresar al ménúEn el botón ConfiguraciónEn la Opción: Aplicaciones   Activar la casilla «Oríge...
Configuración del emulador    Abra el Editor de bloques, y haga clic en el "emulador Nuevo" en la parte superior de la    ...
Se debe tener acceso a lo siguiente: Internet, un teléfono o emulador, Una cuenta de Gmail               Ingresar a: http:...
Componentes    Propiedades de losPaleta de Componentes   Pantalla de DISEÑO   del proyecto   componentes
Crear un nuevo proyecto y escribir el nombre del proyecto   2                 1Iniciando el Editor de bloques             ...
Crear un nuevo proyecto y escribir el nombre del proyecto 1 3                                                    Clic 3
Tarda 30 segundos o más en                          Dispositivo                                Área de diseño de   de prue...
La paleta Built-In contiene el conjunto                                             estándar de los bloques que están     ...
Los bloques verdes se denominan bloques de   control de eventos. Y tienen la palabra:   When (cuando) clic sobre el botón...
I. Crear la aplicación:   1. Hacemos clic en “new”                          2. Nos saldrá un cuadro en el                 ...
II- pantalla de diseño:                          Una vez ya creada la                          aplicación                 ...
hacemos clic en Screen Arrangement yarrastramos la opción “VErticalArrangement”hasta la pantalla de diseño.
1 . Nos vamos a lapaleta decomponentes en“basic” y hacemosclic y arrastramosla opción “button”
2. Luego nos dirigimos a la    propiedades de los    componentes, hacemos clic en el    cuadro de “image”.3. Clic en “Add....
1. Arrastramos la                                   opción “label” dentro                                   del recuadro d...
Nos vamos a la paleta de componentes en “Sensors” yhacemos clic y arrastramos la opciónHasta la pantalla de diseño.
Agregando un sonido….1. Nos vamos a la paleta de componentes en “Media”    y hacemos clic y arrastramos la opción    hasta...
III- Creando el código(editor de bloques):                                 Para abrir el editor                           ...
1. Hacemos clic en “Descargar”.
Nos dirigimos a My blocks
1. Nos dirigimos a «My blocks», le damos clic en«button1».2. Seleccionamos…..
Nos dirigimos a«Label2», le damos clicen …..
1. Hacemos clic en “built-in”2. Clic en ”lists”3. Arrastramos el bloque   “pick random item”, a la   área de diseño.
- Para agregar un texto hacemos doble clic en el boque  «text»- De esa mis manera arrastraremos bloques de texto con  los ...
- Nos dirigimos a “My blocks”,hacemos clic en “Sound1”, yelegimos “sound1.Play”
Quedándonos así el primer bloquede códigos.
- Bloque de código ya terminado, listo para hacerlo funcionar conayuda del emulador.
Una vez terminado la aplicación como lo hemos descrito, es hora de generarel archivo de extensión apk, para pasarlo al tel...
Aplicación Android Patito helpme
Aplicación Android Patito helpme
Upcoming SlideShare
Loading in …5
×

Aplicación Android Patito helpme

1,634 views

Published on

Aplicación Android Patito helpme

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,634
On SlideShare
0
From Embeds
0
Number of Embeds
548
Actions
Shares
0
Downloads
60
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Aplicación Android Patito helpme

  1. 1. Ing. Ivan Mejia Cabrera
  2. 2. Es un sistema operativo móvil basadoen Linux, para dispositivosmóviles como teléfonosinteligentes, tabletas, Google TV yotros dispositivos.Es desarrollado por laOpen Handset Alliance (78) Tiene 12 millones de líneas de códigoliderada por Google. 3 millones de líneas de XML 2,8 millones de líneas de lenguaje C 2,1 millones de líneas de Java iOS, Symbian y Blackberry OS 1,75 millones de líneas de C++.
  3. 3. En 2005 Google lo compró a Android Inc.En 2007 se lanzó la Open Handset Alliance, que agrupaba amuchos fabricantes de teléfonos móviles, chipsets y Google yse proporcionó la primera versión de Android, junto con elSDK.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 Linux2.6.27 Bluetooth, Youtube.1.6 (Donut/Rosquilla) Basado en el kernel de Linux 2.6.29 Búsquedapor voz, WVGA2.0 / 2.1 (Eclair/pastel francés) Basado en el kernel de Linux 2.6.29Google 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 Linux2.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 dedatos de internet4.1 (Jelly Bean/Judía de gelatina.) Google Chrome, Flash Player (Ya nosoportado)
  4. 4. Permite programaraplicaciones en unavariación de Javallamada Dalvik.Proporciona acceso alas funciones delteléfono (como elGPS, las llamadas, laagenda, etc.) de unaforma muy sencilla enun lenguaje deprogramación muyconocido como es Java. Cada aplicaciónAndroid corre su propioproceso, con su propiainstancia de la máquinavirtual Dalvik.
  5. 5. Diseño de dispositivo: Biblioteca de gráficos 2D, 3DAlmacenamiento: SQLiteConectividad: GSM/EDGE, IDEN, CDMA, EV-DO, UMTS, Bluetooth, Wi-Fi, LTE, HSDPA, HSPA+ yWiMAX.Mensajería SMS y MMSNavegador web, características de Google CrhomeSoporte de Java : El bytecode Java se compila en un ejecutable Dalvik y corre en la MáquinaVirtual Dalvik.Soporte multimedia: WebM, H.263, H.264 (en 3GP o MP4), MPEG-4 SP, AMR, AMR-WB (enun 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 FlashStreamingSoporte 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, sensoresde luz, termómetro, etc.Entorno de desarrollo: Emulador de dispositivos, Eclipse.Google Play: catálogo de aplicacionesBluetoothVideollamada: Google TalkMultitarea: 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
  6. 6. App inventor es unaaplicación creada por googlepara que cualquier personacon interés pueda crearse supropia aplicación movil, yasea para su empresa, para sucasa o por otros intereses. Google liberó el códigofuente de App Inventor paraque cualquiera pudieseusarlo y cedió su desarrolloal MIT (Instituto Tecnológicode Massachusetts) para quesiguiese recibiendo mejorasy compatibilidad con lasfuturas versiones deAndroid.
  7. 7. 1. Requisitos del sistema:Ordenador y sistema operativo Macintosh (con procesador Intel): Mac OS X 10.5, 10.6, 10.7 Windows: Windows XP, Windows Vista, Windows 7 GNU / Linux: Ubuntu 8 +, Debian 5 +Navegador Mozilla Firefox 3.6 o superior(Activar la opción ejecución de scripts) Apple Safari 5.0 o superior Google Chrome 4.0 o superior Microsoft Internet Explorer 7 o superior2. 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.htmlSino está instalado puede descargar Java desde http://www.java.com
  8. 8. 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.exeBusque el archivo AppInventor_Setup_Installer_v_1_2.exe (~ 92 MB) en la carpeta Downloads oel 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.4. Configuración del teléfono Android.-Realice una de las siguientes acciones,dependiendo de si se va a desarrollar en unteléfono Android o con el emulador: Configuración de teléfono Android Configuración del emulador
  9. 9. Configurar teléfono AndroidIngresar al ménúEn el botón ConfiguraciónEn la Opción: Aplicaciones Activar 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)
  10. 10. Configuración del emulador Abra el Editor de bloques, y haga clic en el "emulador Nuevo" en la parte superior de la ventana.1 2 3 4 5
  11. 11. 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 1 2
  12. 12. Componentes Propiedades de losPaleta de Componentes Pantalla de DISEÑO del proyecto componentes
  13. 13. Crear un nuevo proyecto y escribir el nombre del proyecto 2 1Iniciando el Editor de bloques 3
  14. 14. Crear un nuevo proyecto y escribir el nombre del proyecto 1 3 Clic 3
  15. 15. Tarda 30 segundos o más en Dispositivo Área de diseño de de pruebaaparecer el editor de bloques bloquesClases de bloques
  16. 16. 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 desdeJava, sin embargo, que están vinculados.
  17. 17. Los bloques verdes se denominan bloques de control de eventos. Y tienen la palabra: When (cuando) clic sobre el botón do (hacer) Acciones (comando) Los bloques de control de eventos especifican los forma en que el teléfono debe responder a ciertos eventosLos bloques violeta y azul son llamados bloquesde comando.Cuando un controlador de eventos se ejecuta,también ejecuta una secuencia de comandos ensu cuerpo.Un comando es un bloque que especifica unaacción a realizar en el teléfono (por ejemplo,reproducir sonido).
  18. 18. 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!”
  19. 19. II- pantalla de diseño: Una vez ya creada la aplicación trabajaremos en el diseño de la aplicación.
  20. 20. hacemos clic en Screen Arrangement yarrastramos la opción “VErticalArrangement”hasta la pantalla de diseño.
  21. 21. 1 . Nos vamos a lapaleta decomponentes en“basic” y hacemosclic y arrastramosla opción “button”
  22. 22. 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.
  23. 23. 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 loscomponentes y nos dirigimos en el cuadro “text”
  24. 24. Nos vamos a la paleta de componentes en “Sensors” yhacemos clic y arrastramos la opciónHasta la pantalla de diseño.
  25. 25. 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.
  26. 26. III- Creando el código(editor de bloques): Para abrir el editor de bloques nos dirigimos “open the blocks Editor”
  27. 27. 1. Hacemos clic en “Descargar”.
  28. 28. Nos dirigimos a My blocks
  29. 29. 1. Nos dirigimos a «My blocks», le damos clic en«button1».2. Seleccionamos…..
  30. 30. Nos dirigimos a«Label2», le damos clicen …..
  31. 31. 1. Hacemos clic en “built-in”2. Clic en ”lists”3. Arrastramos el bloque “pick random item”, a la área de diseño.
  32. 32. - Para agregar un texto hacemos doble clic en el boque «text»- De esa mis manera arrastraremos bloques de texto con los siguientes mensajes:
  33. 33. - Nos dirigimos a “My blocks”,hacemos clic en “Sound1”, yelegimos “sound1.Play”
  34. 34. Quedándonos así el primer bloquede códigos.
  35. 35. - Bloque de código ya terminado, listo para hacerlo funcionar conayuda del emulador.
  36. 36. Una vez terminado la aplicación como lo hemos descrito, es hora de generarel 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.

×