AppInventor

Lab 2: Android - AppInventor

Laboratorio 2: APPINVENTOR Aplicacin

Objetivos
Conocer el entorno de trabajo.

Pagina Principal del AppInventor

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

L2 Pg. 1

Lab 2: Android - AppInventor

AppInventor

Escribir el nom bre del Proyecto

Ambiente de trabajo
1 imagen 2 label 3 botones

L2 Pg. 2

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

AppInventor

Lab 2: Android - AppInventor

Propiedad Label1 Text FontSize 25 Descubre Puno Turstico

Cambiamos los botones a los nombres de los sitios tursticos de Puno

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

L2 Pg. 3

Lab 2: Android - AppInventor

AppInventor

Propiedad TEXT
Propiedad Button1 Button2 Button3 Catedral Isla de los Uros Sillustani

Renombramos los botones

L2 Pg. 4

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

AppInventor

Lab 2: Android - AppInventor

Se cambio el nombre de los botones

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

L2 Pg. 5

Lab 2: Android - AppInventor

AppInventor

L2 Pg. 6

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

AppInventor

Lab 2: Android - AppInventor

Abrir el Blocks Editor

Elegir el when.BotonCatedral.Click do

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

L2 Pg. 7

Lab 2: Android - AppInventor

AppInventor

debes buscar un mdulo dentro de LabelResultado que permita cambiar el texto. Vers un mdulo que se llama set LabelResultado.Text to... que significa establecer el texto de LabelResultado a.... Por tanto arrastra este mdulo al lienzo y conctalo con el mdulo que tenas, para que se ejecute cuando se haga clic en el botn.

Ahora slo falta aadir el texto que debe mostrarse al pulsar el btn. En este caso vamos a escribir Catedral. Para ello debes ir a la seccin Built-in, donde se encuentran los mdulos ms comunes de AppInventor y pulsar en Text. Vers una serie de mdulos relacionados con cadenas de texto. Elige la primera text y arrstrala al lienzo de manera que quede conectada con los mdulos anteriores. Slo 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.

L2 Pg. 8

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

AppInventor

Lab 2: Android - AppInventor

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

L2 Pg. 9

Lab 2: Android - AppInventor

Lo mismo para sillustani y Uros

AppInventor

Finalmente

Activamos el emulador
Click en New emulator Luego en Connect to Device

L2 Pg. 10

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

AppInventor

Lab 2: Android - AppInventor

Probando haciendo click en cada uno de los botones

Al principio vemos el dispositivo emulador hay que desbloquer, deslizando el candado

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas

L2 Pg. 11

Lab 2: Android - AppInventor

AppInventor

El profesor: Ing. Antonio Arroyo Paz

L2 Pg. 12

Ing. Antonio Arroyo Paz Carrera de Ingeniera de Sistemas