Aprende a conectar un visor de lista con Google Sheets para gestionar registros escolares. El sistema permite visualizar de manera ordenada las fotografías de perfil, los nombres y las calificaciones completas de cada estudiante según el aula seleccionada.
Este proyecto ofrece una solución práctica para organizar y visualizar
información escolar directamente desde un dispositivo móvil utilizando
las herramientas de MIT App Inventor. Al integrar un documento externo
como almacén de datos, el sistema permite centralizar las notas de
diferentes salones y mostrarlas de forma limpia en la pantalla sin
necesidad de configuraciones complejas.
La interfaz destaca por su rapidez al incorporar un Spinner que ayuda a
cambiar entre las pestañas de las diferentes aulas registradas. Al
realizar este cambio, el visor de lista de la pantalla actualiza
inmediatamente todo el contenido, mostrando las tarjetas individuales
con la fotografía de perfil de cada alumno, su nombre completo y el
desglose de sus evaluaciones.
Una de las ventajas de este diseño es el almacenamiento local de los
archivos multimedia dentro de la misma aplicación, asociando cada imagen
al número de identificación del estudiante. Este método agiliza
notablemente el despliegue visual en la pantalla del celular y evita
retrasos por descargas externas, convirtiéndolo en un modelo eficiente
para la consulta de información en tiempo real.
 |
| Despliegue de la lista de estudiantes correspondientes al Aula A con sus respectivas calificaciones y fotografías de perfil. |
 |
| Despliegue del menú de selección con las diferentes aulas de clase disponibles en Google Sheets. |
 |
| Actualización inmediata de la interfaz al seleccionar el Aula B mostrando su grupo de estudiantes correspondiente. |
Hoja de cálculo:
- La primera pestaña de la hoja, llamada A.
| ID | Alumno | Prácticas | Examen_Parcial | Examen_Final | Promedio |
| 1001 | Beatriz García | 14 | 18 | 15 | 16 |
| 1002 | Alejandro Pérez | 11 | 13 | 12 | 12 |
| 1003 | Sany Mendoza | 8 | 11 | 9 | 9 |
| 1004 | Carlos Ruiz | 16 | 15 | 17 | 16 |
| 1005 | Gabriela Lima | 19 | 17 | 18 | 18 |
| 1006 | Isabel Castro | 12 | 10 | 11 | 11 |
| 1007 | Pamela Guerra | 7 | 9 | 8 | 8 |
| 1008 | Jean Paul Torres | 15 | 14 | 14 | 14.3 |
| 1009 | Isabel Castro | 20 | 19 | 20 | 19.7 |
| 1010 | Kaori Herrera | 10 | 12 | 11 | 11 |
- La segunda pestaña de la hoja, llamada B.
| ID | Alumno | Prácticas | Examen_Parcial | Examen_Final | Promedio |
| 2001 | Kevin Quispe | 13 | 12 | 14 | 13 |
| 2002 | Laura Salinas | 17 | 16 | 15 | 16 |
| 2003 | Miguel Benítez | 9 | 8 | 10 | 9 |
| 2004 | Natalia Rojas | 15 | 18 | 16 | 16 |
| 2005 | Ómar Delgado | 11 | 11 | 12 | 11 |
| 2006 | Patricio Soria | 18 | 19 | 17 | 18 |
| 2007 | Saori Peña | 6 | 7 | 9 | 7.3 |
| 2008 | Sofía Vega | 14 | 13 | 15 | 14 |
📥A continuación, tienes disponible el botón para descargar el archivo .aia de este proyecto. Una vez descargado, puedes subirlo directamente a tu cuenta de MIT App Inventor y probar su funcionamiento de inmediato.
Detalles del Archivo
Nombre del archivo: ListaGeneralV1.aia
Tamaño: 164KB
Recuerda que para usar el proyecto, necesitas:
- Configurar tu propia API de Google Sheets.
- Crear una cuenta de servicio.
- Generar la clave JSON.
- Enlazar el aplicativo con tu hoja de cálculo.
- Completar los bloques de texto con los datos de tu hoja de cálculo.
¿Cómo importar el archivo a mis proyectos?
- El archivo lo debes de importar en MIT App Inventor en la opción de proyectos e importar proyecto desde mi ordenador.
¿Cómo probar el proyecto?
- En MIT App Inventor presiona en la opción Conectar y AI Companion.
- Se genera un código QR o de 6 caracteres.
- Descarga la aplicación MIT AI2 Companion de forma gratuita en Google Play o App Store.
- Escanea el código QR o ingresa el código de 6 caracteres.
