Bitácora app inventor

58
Ingresar a la página http://appinventor. mit.edu

Transcript of Bitácora app inventor

Page 1: Bitácora app inventor

Ingresar a la página http://appinventor.mit.edu

Page 2: Bitácora app inventor
Page 3: Bitácora app inventor
Page 4: Bitácora app inventor
Page 5: Bitácora app inventor
Page 6: Bitácora app inventor
Page 7: Bitácora app inventor
Page 8: Bitácora app inventor
Page 9: Bitácora app inventor
Page 10: Bitácora app inventor
Page 11: Bitácora app inventor
Page 12: Bitácora app inventor
Page 13: Bitácora app inventor
Page 14: Bitácora app inventor
Page 15: Bitácora app inventor
Page 16: Bitácora app inventor

En este punto, hay que revisar la escala Red (R) Green (G) Blue (B) de la paleta de colores utilizando el selector de color de Paint. El rango de medida de dicha escala va de 0 a 255, esto con el fin de establecer de manera correcta los valores de los colores que se verán en la pantalla en la medida que el usuario “llame” cada color desde la aplicación.

Page 17: Bitácora app inventor
Page 18: Bitácora app inventor
Page 19: Bitácora app inventor
Page 20: Bitácora app inventor
Page 21: Bitácora app inventor
Page 22: Bitácora app inventor
Page 23: Bitácora app inventor
Page 24: Bitácora app inventor
Page 25: Bitácora app inventor
Page 26: Bitácora app inventor

Después de terminar el cuadro de lista, construimos otros dos cuadros con las mismas características y les damos a cada uno el nombre según el color de la escala: Rojos, Verdes, Azules. Acto seguido, llenamos las cuadros en blanco de cada lista con los números de la tabla (en excel arriba presentada) de la escala de colares de la paleta. A este paso le llamamos “quemar la tabla” dado que no estamos generando código adicional para subir una base de datos.

Page 27: Bitácora app inventor
Page 28: Bitácora app inventor
Page 29: Bitácora app inventor
Page 30: Bitácora app inventor

Seguir los siguientes pasos: Es importante seguir al pie de la letra el ingreso del código de acuerdo a las indicaciones dadas, porque se presentaron algunas dificultades en los usuarios en el uso de comandos incorrectos, razón por la cual la lectura de los comandos para el sistema no era clara.

Page 31: Bitácora app inventor
Page 32: Bitácora app inventor
Page 33: Bitácora app inventor
Page 34: Bitácora app inventor
Page 35: Bitácora app inventor
Page 36: Bitácora app inventor
Page 37: Bitácora app inventor
Page 38: Bitácora app inventor
Page 39: Bitácora app inventor
Page 40: Bitácora app inventor
Page 41: Bitácora app inventor
Page 42: Bitácora app inventor
Page 43: Bitácora app inventor
Page 44: Bitácora app inventor
Page 45: Bitácora app inventor
Page 46: Bitácora app inventor
Page 47: Bitácora app inventor
Page 48: Bitácora app inventor

Luego de finalizar con la programación, volver al cuadro Diseñador para guardar el proyecto y hacer las respectiva pruebas de funcionamiento. Seguir los siguientes pasos:

Page 49: Bitácora app inventor
Page 50: Bitácora app inventor
Page 51: Bitácora app inventor
Page 52: Bitácora app inventor
Page 53: Bitácora app inventor

En este punto, cada estudiante debe iniciar la aplicación MIT App Inventor 2 que previamente ha descargado en su dispositivo móvil para poder escanear el código QR que la página envía para conectarse con la nueva aplicación. Seguir los siguientes pasos:

Page 54: Bitácora app inventor
Page 55: Bitácora app inventor
Page 56: Bitácora app inventor
Page 57: Bitácora app inventor
Page 58: Bitácora app inventor