Paso a paso App Inventor

8/16/2019 Paso a paso App Inventor

1/15

PASO A PASO PARA CREAR UNA APP CON

APP INVENTOR

1. Ingresa a appinventor.com

2. Ingresa su cuenta de gmail


2/15

3. Si desea cambia el idioma… Luego va a Proyectos: Mis proyectos

4. Comenzar proyecto nuevo


3/15

5. Nombra el proyecto nuevo, con solo una palabra, ya que no acepta palabras

compuestas

6. Aparece una imagen de la pantalla de un celular simulando como quedaría a

la hora de descargar la App en su teléfono


4/15

7. Se selecciona un botón y una etiqueta, se arrastra hasta la pantalla del

celular

8. Se le cambia de nombre de por medio de la barra de propiedades que está

en la derecha de la pantalla


5/15

9. Se puede ver las diferentes opciones de trabajo que hay en la paleta,

ubicada en la parte izquierda


6/15


7/15


8/15


9/15

10. En la opción Sensores escogemos Acelerómetro, el cual queda ubicado en la

parte de debajo de la pantalla del celular como componente no visible


10/15

11. En la opción Medios escogemos Texto a Voz, que aparece cerca al

Acelerómetro.

12. En la parte superior derecha damos clic en la opción Bloques para

establecer la función de los objetos que hemos seleccionado


11/15

13. En la opción de Integrados que aparece en la parte izquierda de la pantalla,

seleccionamos control.

14. Seleccionamos el Botón 1 y se despliega las opciones…


12/15

15. Seleccionamos la primera opción, y la arrastramos hasta la pantalla

16. Luego seleccionamos TextoAVoz1 y escogemos la opción llamar TextoAVoz1

y la encajamos en la anterior


13/15

17. Luego seleccionamos de la parte izquierda la opción CampoaTexto1 y se

nos despliegan varias opciones, elegimos la primera de color verde y

cambiamos la opción ColordeFondo por Texto

18. Luego hacemos lo mismo pero con la opción del Acelerómetro.


14/15

19. Para definir lo que va a pronunciar cuando el celular se acelere se

selecciona la opción Texto, primera opción

20. Se escribe lo que quiere que el celular pronuncie


15/15

21. Al final se va a la opción Generar, que aparece en la barra superior, y de

acuerdo a sus opciones puede generar código QR o guardar como archivo.

22. Ya estamos listos para utilizar nuestra aplicación directamente en el celular.

Paso a paso App Inventor

Documents

Transcript of Paso a paso App Inventor