Crea Una - Planeta De Libros

Cono un profesionalmcoarmraogpraaEmpiez¿Has deseado alguna vez crear tu propia aplicación para móvil? ¡Ahorapuedes hacerlo! Los cuatro proyectos de este libro te enseñarán acrear aplicaciones con imágenes, sonido y dibujos y también juegospara Android. Lo único que necesitas para empezar es un ordenador,Internet y una cuenta gratuita en AppInventor. Mi primera aplicación: crea una app con tu perfil215 mm Conviértete en diseñador de juegos: programa un divertido juegointeractivo que podrás enviar a tus amigosRequisitos tecnológicos:Hardware: PC con conexión a Internet y Windows 7 o superior, o Maccon conexión a Internet y Mac OS X 10.7 o superior, oun smartphone o tableta basados en AndroidSoftware: AppInventorRegístrate de forma gratuita en appinventor.mit.eduwww.dummies.esPVP: 11,95 Sarah Guthalsdadoraía Informática y cofunque la. Su pasión es hacereducación tecnológicadeíaañmpunacoenalaundeo y conver tirle para todo el mundsibceacaseiónacprogramtras competencias.parte básica de nuesra en IngenierSarah Guthals es doctoCrea una app para móvil Demuestra tus habilidades artísticas: construye un editorde imágenes que te permita dibujar sobre fotos tomadas con tuteléfono10228415junior es más fácilCrea unaapp paramóvilDiseña y programatu propia appwww.planetadelibros.com@ParaDummiesSarah Guthals#CreaUnaAppParaMóvil140 mm9,5 mmDe 9 a 14 años140 mm

MOBILE APPS.indd 126/9/18 11:20

Edición publicada mediante acuerdo con Wiley Publishing, Inc.For Dummies, el señor Dummy y los logos de Wiley Publishing, Inc. son marcasregistradas utilizadas con licencia exclusiva de Wiley Publishing, Inc.Título original: Building a Mobile App 2017 by John Wiley & Sons, Inc. de la traducción, Joan Andreano, 2018Revisión técnica: CreaTIC Academy, S.L. Centro Libros PAPF, SLU, 2018Grupo PlanetaAvda. Diagonal, 662-66408034 – BarcelonaNo se permite la reproducción total o parcial de este libro, ni su incorporación a un sistemainformático, ni su transmisión en cualquier forma o por cualquier medio, sea éste electrónico,mecánico, por fotocopia, por grabación u otros métodos, sin el permiso previo y por escritodel editor. La infracción de los derechos mencionados puede ser constitutiva de delitocontra la propiedad intelectual (Art. 270 y siguientes del Código Penal).Diríjase a CEDRO (Centro Español de Derechos Reprográficos) si necesita fotocopiaro escanear algún fragmento de esta obra. Puede contactar con CEDRO a través de la webwww.conlicencia.com o por teléfono en el 91 702 19 70 / 93 272 04 47.ISBN: 978-84-329-0500-1Depósito legal: B. 23.621-2018Primera edición: noviembre de 2018Preimpresión: deleatur, s.l.Impresión: T. G. SolerImpreso en España - Printed in Spainwww.dummies.eswww.planetadelibros.comMOBILE APPS.indd 226/9/18 11:20

IIIÍNDICEIntroducción: Comenzar con appspara móvilesAcerca de App Inventor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2Acerca de este libro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3Acerca de ti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3Acerca de los iconos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4Proyecto 1: Herramientas básicas para appsEl software: App Inventor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6Comienza con App Inventor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7Comienza tu primera app para móviles Android . . . . . . . . . . .9Conecta tu emulador de Android . . . . . . . . . . . . . . . . . . . . . . . . .10Programar en App Inventor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13Añade un botón con sonido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14Renombra tus componentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21Añade un reproductor de música . . . . . . . . . . . . . . . . . . . . . . . . .24Prueba tu aplicación de música . . . . . . . . . . . . . . . . . . . . . . . . . . .35Proyecto 2: Haz una app sobre tiDiseña tu app . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .36Haz tu primer prototipo de papel . . . . . . . . . . . . . . . . . . . . . . . . .37Crea teléfonos de papel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .37Rellena tus teléfonos de papel . . . . . . . . . . . . . . . . . . . . . . . . . . . .39MOBILE APPS.indd 326/9/18 11:20

IVCrea el esqueleto de tu aplicación . . . . . . . . . . . . . . . . . . . . . . . .40Crea una nueva app . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .41Crea la página principal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42Crea las demás pantallas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .54Programa tu aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57Programa los botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57Haz cambios simples . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .61Programa todos tus botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62Proyecto 3: Crea un editor de imagenPrepara tu app de edición de imagen . . . . . . . . . . . . . . . . . . . . .63Comenzar con una nueva app . . . . . . . . . . . . . . . . . . . . . . . . . . . .63Comenzar con una app About Me preparada . . . . . . . . . . . . . .67Comenzar con tu app sobre ti . . . . . . . . . . . . . . . . . . . . . . . . . . . .69Prueba tu app . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .71Programa tu editor de imágenes . . . . . . . . . . . . . . . . . . . . . . . . .75Prepara una imagen de fondo . . . . . . . . . . . . . . . . . . . . . . . . . . . .75Adapta tu diseño a tu función . . . . . . . . . . . . . . . . . . . . . . . . . . . .78Dibuja sobre tus fotos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .81Programa la capacidad de dibujar sobre las fotos . . . . . . . . . .85Proyecto 4: Crea un juego para móvilesElige un juego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88Prepara tu aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89Crea un nuevo proyecto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89Prepara tu pantalla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89Crea un juego sencillo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .92Programa a Winston para que se mueva . . . . . . . . . . . . . . . . . . .92¡Que Winston no se detenga! . . . . . . . . . . . . . . . . . . . . . . . . . . . . .94Haz que Winston escuche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .95Alimenta a Winston . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .97MOBILE APPS.indd 426/9/18 11:20

VHaz que se pueda volver a jugar . . . . . . . . . . . . . . . . . . . . . . . . . .101Haz que Winston se sacie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102Programa la comida de Winston . . . . . . . . . . . . . . . . . . . . . . . . . .103Prueba tu juego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .111Haz que el juego sea aleatorio . . . . . . . . . . . . . . . . . . . . . . . . . . . .112Añade botones de comienzo y reinicio . . . . . . . . . . . . . . . . . . . .112Prueba tus botones de comienzo y reinicio . . . . . . . . . . . . . . . .115Pon tu comida en lugares aleatorios . . . . . . . . . . . . . . . . . . . . . .116Sigue construyendo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .120Sobre la autora . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121Dedicatoria . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122Agradecimientos de la autora . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123Agradecimientos de los editores . . . . . . . . . . . . . . . . . . . . . . . . . . .124MOBILE APPS.indd 526/9/18 11:20

PROYECTO 1Herramientas básicas para appsEn este proyecto aprenderás a crear una cuenta en App Inventory hacer tu primera aplicación de móvil. También aprenderás todaslas herramientas básicas que usarás para crear apps: herramientascomo botones, texto y pantallas múltiples.EL SOFTWARE: APP INVENTORHay muchas maneras de crear aplicaciones para móvil. Eneste libro crearás aplicaciones para teléfonos con Android.RECUE R DAMOBILE APPS.indd 6Para el funcionamiento de muchos móviles, Googlecreó un programa llamado sistema operativo Android.Lo mejor es que Android funciona en muchos tiposdiferentes de móviles, como Nexus, Samsung Galaxyo Google Pixel. Todas las aplicaciones que construyascon este libro podrán instalarse en teléfonos Android.26/9/18 11:20

Para construir apps para móviles Android puede usarse toda unagama de software y de lenguajes de programación diferentes. Túusarás App Inventor, creado por el MIT (Instituto de Tecnología deMassachusetts). App Inventor es un lenguaje por bloques, lo quefacilita y hace que sea más rápido construir aplicaciones para móvil.Comienza con App InventorPara comenzar con App Inventor, pide a tus padres quete acompañen frente al ordenador y sigue estos pasos:1 Ve a appinventor.mit.edu.2 Haz clic en el botón Create Apps.3 Ingresa con tu cuenta de Google, o pide a tus padresque ingresen con su cuenta de Google.MOBILE APPS.indd 726/9/18 11:20

8PROYECTO 1 Herramientas básicas 4 Escoge Permitir para que App Inventor pueda usartu cuenta (o la cuenta de tus padres) de Google.5 Léete bien las condiciones de servicio con tus padres yescoge «Estoy de acuerdo con los Términos de Servicio».6 Decide si quieres tomar parte en una encuesta.No es obligatorio participar en la encuesta para construirapps para móvil.7 Escoge una opción para usar tu dispositivo Androido el emulador Android.Los ejemplos de este libro usan el emulador de Android.8 Sigue las instrucciones para preparar el emuladorde Android.Puedes hallar las instrucciones en inglés -emulator.RECUE R DAPregunta siempre a tus padres antes de instalar cualquiersoftware o acceder a cualquier página web.9 Cuando ya hayas instalado el software App Inventor,haz clic en el botón Setup Emulator.Luego sigue las instrucciones para establecer tu emulador.MOBILE APPS.indd 826/9/18 11:20

RTE N CIA9ADVEPuede que necesites ayuda de tus padres para instalar elemulador. Puedes necesitar acceso de administrador a tuordenador, lo que significa que tus padres probablementetengan que introducir su contraseña.10 Regresa a App Inventor y haz clic en Continuar.Puedes escoger que esta ventana no aparezca nuevamentemarcando la casilla junto al botón Continuar.11 ¡Felicidades! Has completado el registro en App Inventor.Comienza tu primera app paramóviles AndroidAhora que tienes el emulador instalado, puedes empezar a creartu primera app para móviles Android.1 Ve a ai2.appinventor.mit.edu.2 Haz clic en el botón Comenzar un proyecto nuevo, en laesquina superior izquierda de la ventana.MOBILE APPS.indd 926/9/18 11:20

10PROYECTO 1 Herramientas básicas 3 Pon un nombre a tu proyecto, como «MiPrimeraAplicación»,y haz clic en Aceptar.Ahora deberías ver la pantalla de desarrollo de la app.También puedes cambiar el idioma del programa.Conecta tu emulador de AndroidAntes de comenzar a crear tu aplicación para móviles Android,asegúrate de que puedes conectar tu emulador.1 Abre el menú Conectar y escoge Emulador.MOBILE APPS.indd 1026/9/18 11:20

11SEJOUna ventana emergente te avisa de que el emuladorse está iniciando, y en tu pantalla comienza a cargarseun teléfono virtual.COMOBILE APPS.indd 11NNo pulses ningún botón de tu teléfono virtual hastaque aparezca la pantalla final.26/9/18 11:20