Programamos con App Inventor 2: Mi primera App (I)

download
  • date post

    01-Jul-2015
  • Category

    Education
  • view

    6.851
  • download

    3

Embed Size (px)

description

En esta sesin se introduce a los estudiantes en el manejo de la herramienta para conseguir crear nuestra primera app, realizando un estudio de los componentes y sus propiedades y trabajando con un botn y una etiqueta.

transcript

<ul><li> 1. 1Desarrollo de apps para mviles: Mi primera app: los componentesProgramamos Videojuegos y Apps Flor Palomares, Patricia Huertas Fernndez, Jos Ignacio Moreno Len, Jess Moriana Coronel, Mara Septiembre 2012</li></ul> <p> 2. LicenciaEstas diapositivas son una obra derivada del tutorial Hello Purr disponible en http://appinventor.mit.edu/explore/content/hellopurr.html Programamos, Septiembre de 2013 Algunos derechos reservados. Este artculo se distribuye bajo la licenciaReconocimientoCompartirIgual 3.0 Espaa" de CreativeCommons, disponible en http://creativecommons.org/licenses/by-sa/3.0/es/deed.es Este documento (o uno muy similar) est disponible en (o enlazado desde) http://programamos.es 3. Nuestra primera app: HolaRonroneoEn informtica la primera aplicacin que se desarrolla con un lenguaje suele llamarse HolaMundo. En este caso le daremos otro enfoque y la llamaremos Hola Ronroneo El objetivo de esta app ser sencillo: al presionar sobre un gatito escucharemos cmo maulla. 4. Conceptos bsicos: los componentes Los componentes son los elementos bsicos que forman las apps en Android Son como los ingredientes de una receta Algunos son muy sencillos, como un botn o una etiqueta de texto Otros ms complejos, como un tapiz o un acelermetro 5. Conceptos bsicos: las propiedades Los componentes tienen propiedades que pueden ajustarse para modificar su comportamiento o apariencia. Seleccionando un componente se pueden ver y cambiar sus propiedades. 6. HolaRonroneo: paso 1 Vamos a crear nuestra app HolaRonroneo! Desde la paleta arrastramos el componente 'Botn' a la pantalla1. Como queremos que el botn tenga la imagen de un gato, en el panel de propiedades, en 'Imagen' subiremos nuestra foto. 7. HolaRonroneo: paso 2 En la propiedad 'Texto' del botn, borramos el texto para que solo se vea la cara de nuestro gato. Si no se muestra tu foto entera puedes modificar las propiedades alto y ancho con el valor Fill Parent 8. HolaRonroneo: paso 3 Arrastramos el elemento label de la paleta al visor de la pantalla En las propiedades de la etiqueta modificamos el texto para escribir el mensaje: Acaricia al gatito (Pet the kitty) Personaliza el color de fondo la etiqueta 9. HolaRonroneo: paso 4 En la paleta, en la pestaa Media, arrastramos el componente Sonido al visor de la pantalla. Aparecer en la parte de abajo del visor marcado como componente no visible En la propiedad Source del sonido debemos cargar el audio de un maullido 10. HolaRonroneo: ya tenemos los componentes! Buen trabajo! Ya tenemos colocados los componentes de nuestra app y su apariencia bien definida. En la siguiente sesin aprenderemos a programar su comportamiento.</p>