App inventor primeros pasos i
-
Upload
ies-margaritasalas -
Category
Education
-
view
43 -
download
0
Transcript of App inventor primeros pasos i
![Page 1: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/1.jpg)
App InventorPrimeros pasos I
Aprende a programar con App Inventor por Antonio Ricoy Riego se encuentra bajo una
Licencia Creative Commons Atribución-NoComercial 3.0 Unported
.Basada en una obra de
![Page 2: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/2.jpg)
¿Qué es App Inventor?
Es un entorno de desarrollo de aplicaciones para dispositivos Android. Se trata de un servicio basado en la nube por lo que todas las tareas se realizan en un navegador.
Está formado por tres herramientas:● Gestor de proyectos● Diseñador● Editor de bloques
Para suscribirte al servicio necesitas una cuenta de google.
![Page 3: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/3.jpg)
Mis Proyectos (My Projects)
En esta herramienta podemos realizar un seguimiento de nuestros proyectos.
Accedemos a Mis Proyectos cuando iniciamos el servicio por primera vez o desde el botón My Projects
Para crear un nuevo proyecto
![Page 4: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/4.jpg)
Diseñador (Designer)La herramienta de diseño nos permite seleccionar los componentes de la App y definir el entorno de usuario de la misma.
Selecciona los componentes en la paleta y arrástralos al visor para incluirlos en tu App
![Page 5: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/5.jpg)
Diseñador (Designer)La herramienta de diseño nos permite seleccionar los componentes de la App y definir el entorno de usuario de la misma.
Dispón los componentes en el visor para establecer el aspecto de tu App
![Page 6: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/6.jpg)
Diseñador (Designer)La herramienta de diseño nos permite seleccionar los componentes de la App y definir el entorno de usuario de la misma.
A medida que incorpores componentes a la App se irán añadiendo a la lista de componentes
![Page 7: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/7.jpg)
Diseñador (Designer)La herramienta de diseño nos permite seleccionar los componentes de la App y definir el entorno de usuario de la misma.
En el panel media añadimos imágenes, sonidos o vídeos a nuestra App
![Page 8: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/8.jpg)
Diseñador (Designer)La herramienta de diseño nos permite seleccionar los componentes de la App y definir el entorno de usuario de la misma.
Selecciona un componente en la lista de componentes para cambiar sus propiedades en el panel de propiedades
![Page 9: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/9.jpg)
Diseñador (Designer)La herramienta de diseño nos permite seleccionar los componentes de la App y definir el entorno de usuario de la misma.
Para pasar al editor de bloques
![Page 10: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/10.jpg)
Editor de Bloques (Blocks)El comportamiento de la App se programa mediante bloques o piezas en el editor de bloques.
Encaja las piezas como en un puzle para establecer el comportamiento de la app
Arrastra los bloques para utilizarlos en el programa
![Page 11: App inventor primeros pasos i](https://reader035.fdocumento.com/reader035/viewer/2022071804/55d067c7bb61eb79558b46fb/html5/thumbnails/11.jpg)
Editor de Bloques (Blocks)El comportamiento de la App se programa mediante bloques o piezas en el editor de bloques.
Aquí se encuentran los bloques de uso general
Aquí están los bloques correspondientes a los componentes incluidos en la app