12
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

Android Lab02

Embed Size (px)

Citation preview

Page 1: Android Lab02

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

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

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

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

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

Lab 2: Android - AppInventor AppInventor

L2 – Pág. 6 Ing. Antonio Arroyo Paz

Carrera de Ingeniería de Sistemas

Page 7: Android Lab02

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

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

AppInventor Lab 2: Android - AppInventor

Ing. Antonio Arroyo Paz L2 – Pág. 9

Carrera de Ingeniería de Sistemas

Page 10: Android Lab02

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

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

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