Android Lab02
-
Upload
antonio-arroyo-paz -
Category
Documents
-
view
24 -
download
1
Transcript of Android Lab02
![Page 1: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/1.jpg)
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 1
Carrera de Ingeniería de Sistemas
Laboratorio 2: APPINVENTOR
Aplicación
Objetivos
Conocer el entorno de trabajo.
Pagina Principal del AppInventor
![Page 2: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/2.jpg)
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 2 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
Escribir el nombre del Proyecto
Ambiente de trabajo
1 imagen
2 label
3 botones
![Page 3: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/3.jpg)
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 3
Carrera de Ingeniería de Sistemas
Propiedad
Label1 FontSize 25
Text Descubre Puno Turístico
Cambiamos los botones a los nombres de los sitios turísticos de Puno
![Page 4: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/4.jpg)
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 4 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
Propiedad TEXT
Propiedad
Button1 Catedral
Button2 Isla de los Uros
Button3 Sillustani
Renombramos los botones
![Page 5: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/5.jpg)
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 5
Carrera de Ingeniería de Sistemas
Se cambio el nombre de los botones
![Page 6: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/6.jpg)
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 6 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
![Page 7: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/7.jpg)
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 7
Carrera de Ingeniería de Sistemas
Abrir el Blocks Editor
Elegir el when.BotonCatedral.Click do
![Page 8: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/8.jpg)
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 8 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
debes buscar un módulo dentro de LabelResultado que permita cambiar el texto. Verás un módulo que se llama “set LabelResultado.Text to...” que significa “establecer el texto de LabelResultado a...”. Por tanto arrastra este módulo al lienzo y conéctalo con el módulo que tenías, para que se ejecute cuando se haga clic en el botón.
Ahora sólo falta añadir el texto que debe mostrarse al pulsar el bótón. En este caso vamos a escribir “Catedral”. Para ello debes ir a la sección “Built-in”, donde se encuentran los módulos más comunes de AppInventor y pulsar en “Text”. Verás una serie de módulos relacionados con cadenas de texto. Elige la primera “text” y arrástrala al lienzo de manera que quede conectada con los módulos anteriores. Sólo nos queda cambiar la cadena de texto que viene por defecto text por el texto que queremos que aparezca. Para ello pulsa text y escribe “Catedral”.
![Page 9: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/9.jpg)
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 9
Carrera de Ingeniería de Sistemas
![Page 10: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/10.jpg)
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 10 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
Lo mismo para sillustani y Uros
Finalmente
Activamos el emulador
Click en New emulator
Luego en Connect to Device
![Page 11: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/11.jpg)
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 11
Carrera de Ingeniería de Sistemas
Probando haciendo click en cada uno de los botones
Al principio vemos el dispositivo emulador hay que desbloquer, deslizando el candado
![Page 12: Android Lab02](https://reader031.fdocument.pub/reader031/viewer/2022020117/55cf9817550346d033958672/html5/thumbnails/12.jpg)
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 12 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
El profesor:
Ing. Antonio Arroyo Paz