GSP883

Descripción general

En este lab, obtendrás una introducción a AppSheet, que te permitirá comenzar a compilar aplicaciones con rapidez.

Usarás AppSheet para desarrollar una aplicación básica para crear y administrar tus contactos personales. Para comenzar, deberás acceder a una hoja de cálculos sencilla que funciona como tu fuente de datos y crear vistas para leer y actualizar la información de los contactos mediante la app.

Actividades

En este lab, realizarás las siguientes tareas:

• Acceder a AppSheet con tu Cuenta de Google
• Crear una app mediante la IU de AppSheet con una hoja de cálculo de Google como fuente de datos
• Obtener una vista previa en vivo de la funcionalidad de la app con la función correspondiente en la IU de AppSheet
• Modificar datos de contactos existentes usando la app
• Agregar la información de contacto de una persona nueva con la app
• Verificar que los datos recién agregados y modificados estén presentes en la hoja de cálculo de Google subyacente

Configuración y requisitos

Antes de hacer clic en el botón Comenzar lab

Lee estas instrucciones. Los labs son cronometrados y no se pueden pausar. El cronómetro, que comienza a funcionar cuando haces clic en Comenzar lab, indica por cuánto tiempo tendrás a tu disposición los recursos del lab.

Este lab práctico te permitirá realizar las actividades correspondientes en un entorno de nube real, no en uno de simulación o demostración. Para ello, te proporcionaremos credenciales temporales nuevas que usarás para acceder a AppSheet durante todo el lab.

Requisitos

Para completar este lab, necesitarás lo siguiente:

• Acceso a un navegador de Internet estándar (se recomienda el navegador Chrome)
• Tiempo para completar el lab

Nota: Usa una ventana del navegador privada o de incógnito para ejecutar el lab. Así evitarás conflictos entre tu cuenta personal y la cuenta de estudiante.

Cómo iniciar tu lab y acceder a Appsheet

1. Cuando tengas todo listo, haz clic en Comenzar lab.

   Aparecerá el panel Detalles del lab con las credenciales temporales que debes usar para acceder a Appsheet en este lab.

   Si debes pagar por el lab, se abrirá un diálogo para que selecciones la forma de pago.

   Nota: Si usas otras credenciales, recibirás errores o incurrirás en cargos.

2. Haz clic en Abrir AppSheet.

   El lab inicia recursos y abre otra pestaña en la que se muestra la página de acceso.

   Sugerencia: Ordena las pestañas en ventanas separadas, una junto a la otra.

3. Accede con Google.

4. De ser necesario, copia el nombre de usuario a continuación y pégalo en el diálogo Acceder.

   {{{user_0.username | "Username"}}}

5. Haz clic en Siguiente.

6. Copia la contraseña que aparece a continuación y pégala en el diálogo Te damos la bienvenida.

   {{{user_0.password | "Password"}}}

7. Haz clic en Siguiente.

8. Haz clic en Entendido para aceptar las condiciones.

9. Haz clic en Continuar para aceptar la política y las condiciones de Google AppSheet.

10. En la página de consentimiento de AppSheet, haz clic en Permitir. Esta acción le permite a AppSheet acceder a las carpetas de Google Drive asociadas con tu cuenta de Google Cloud Skills Boost.

11. Accediste a AppSheet.

    Si es necesario, cierra el diálogo Cuéntanos sobre ti para poder darte mejores recomendaciones para ver la página MyApps de AppSheet.

    Esta página está vacía, ya que aún no tienes ninguna app.

Tarea 1: crear tu primera app de AppSheet

Existen 3 formas de compilar la app con AppSheet:

• Conectándose a una fuente de datos
• Desde cero con una idea
• Con una plantilla

En esta tarea, crearás una app nueva conectándote a una fuente de datos a través de la IU de AppSheet. Deberás usar la hoja de cálculo que configuraste en Drive en la tarea anterior como fuente de datos para esta app.

Crea la app

1. Ve a la IU de AppSheet en la otra pestaña del navegador.

2. En la página My apps, haz clic en Create > App > Start with existing data.

3. En App name, escribe Contactos de clientes para asignarle un nombre a tu app.

4. En Category, selecciona Customer Engagement en la lista.

5. Haz clic en Choose your data.

Selecciona datos para tu app

7. En el diálogo Select data source, selecciona Google Sheets.

8. En el selector de archivos, selecciona contacts en la carpeta My Drive en Google Drive y haz clic en Select. Esta hoja se aprovisionó para el lab.

9. Haz clic en Customize with AppSheet para ir al editor de AppSheet.

AppSheet crea la app y la muestra en la IU del editor de AppSheet. La IU también ofrece una vista previa de la app en ejecución en un emulador que puedes usar para ejecutar algunas de las funciones de la app.

Haz clic en Revisar mi progreso para verificar el objetivo. Crear tu primera app de AppSheet

Tarea 2: obtener una vista previa de la app

AppSheet creó la nueva app y la conectó a la hoja de cálculo contacts, que proporciona datos a la app. La app Contactos es un prototipo activo y funcional que está conectado a la hoja de contactos en Google Drive.

El editor de AppSheet se compone de 3 áreas principales:

• Barra de navegación: Usarás la barra de navegación izquierda para implementar la funcionalidad de la app, incluidos el esquema y las conexiones de su fuente de datos, la experiencia del usuario (UX) y otros comportamientos. Explorarás algunos de estos temas en labs posteriores del curso.

• Panel principal: En el panel principal del editor de AppSheet, establecerás los parámetros de configuración de la app para implementar su funcionalidad según la opción que selecciones en la barra de navegación izquierda.

• Vistas previas en vivo de la app: Aquí, visualizarás y probarás los cambios realizados a la funcionalidad de la app a medida que diseñes y, luego, implementes funciones.

En esta tarea, usarás la vista previa en vivo para explorar las funciones básicas de la app Contactos.

Visualiza la información de contacto

1. En la vista previa en vivo, desplázate por la lista de contactos que aparece en la app.

   AppSheet ordena los datos automáticamente por nombre y apellido.

2. Haz clic en el nombre de cualquier contacto.

   La app mostrará una vista detallada de la información del contacto, como la dirección de correo electrónico y el número de teléfono.

   Estos datos se cargan automáticamente desde la hoja de cálculo de Google.

Tarea 3: modificar la información de contacto

1. En el contacto que seleccionaste, haz clic en el ícono de Editar para modificar la información de contacto de esa persona.

2. Cambia el nombre y el número de teléfono del contacto y haz clic en Save.

3. Verifica que el nombre y el número de teléfono se hayan actualizado en la página de detalles del contacto en la app.

4. Haz clic en la flecha hacia atrás para volver a la lista de contactos.

5. Verifica que el nombre actualizado aparezca en la página de la lista de contactos.

Tarea 5: agregar un contacto nuevo

1. En la página de la lista de contactos de la vista previa en vivo de la app, haz clic en el ícono + para agregar un contacto nuevo.

2. En el formulario de contactos, especifica los siguientes elementos:

Propiedad	Valor
ID	51
Email Address	test.contact@gmail.com
First Name	Prueba
Last Name	Contacto
Phone	1-100-234567

Nota: test.contact@gmail.com debe estar en el formulario. También puedes ingresar contactos adicionales.

3. Haz clic en Guardar.

4. En la página de la lista de contactos de la app, haz clic en el ícono de búsqueda, que es una lupa.

5. En el cuadro de búsqueda, ingresa el nombre o apellido del contacto que agregaste en el paso anterior.

   Nota: También puedes buscar por dirección de correo electrónico o número de teléfono.

6. La lista se filtra para mostrar solo los contactos que coinciden con los criterios de búsqueda.

7. Haz clic en el registro Test Contact para ver los detalles del contacto y verificar la información que se muestra.

Haz clic en Revisar mi progreso para verificar el objetivo. Agregar un contacto nuevo

Tarea 6: sincronizar los datos de la app

Todos los cambios que se realizaron en la tarea anterior se aplicaron de forma local en la app y se sincronizaron automáticamente con la fuente de datos subyacente que esta usa.

Sin embargo, en algunos casos, es posible que no todos los cambios se sincronicen de inmediato con la fuente de datos.

En esta tarea, sincronizarás los cambios en los datos con la hoja de cálculo de Google que usa la app y los verificarás en Google Drive.

Sincroniza los cambios en los datos de la app

1. En la versión preliminar en vivo de la app, se muestra la cantidad actual de cambios en los datos realizados en la app (arriba del ícono de sincronización ) desde el último evento de sincronización.

   Verifica que la cantidad que se muestra coincida con los cambios realizados en la app en la tarea anterior.

   Nota: Si no aparece ningún número, significa que todos los cambios en los datos realizados en la app ya se sincronizaron.

2. Haz clic en sincronizar para sincronizar los cambios con la hoja de cálculo de Google en Google Drive.

Tarea 7: verificar los cambios en los datos.

1. En una nueva pestaña del navegador, abre Mi unidad.

2. Abre la hoja contacts.

3. Desplázate hasta el final de la lista para encontrar el contacto nuevo que se agregó mediante la app.

4. En la hoja, presiona Ctrl+F o Command+F para buscar el contacto que se modificó con la app y verifica que el nombre y el número de teléfono se hayan actualizado.

¡Felicitaciones!

Creaste de manera correcta tu primera app con AppSheet. En este lab, aprendiste a realizar las siguientes tareas:

• Crear una app a través de la IU de AppSheet
• Configurar la app con datos de una hoja en Google Drive
• Usar la vista previa en vivo de la app para modificar los datos que se muestran en ella
• Verificar que los cambios en los datos realizados a través de la app se hayan propagado a la fuente de datos subyacente (hoja en Google Drive)

Próximos pasos y más información

Este lab forma parte de una serie llamada Qwik Starts. Estos labs están diseñados para brindarte un poco de experiencia usando las distintas funciones disponibles en Google Cloud. Busca “Qwik Starts” en el catálogo de labs para elegir el próximo lab que desees completar.

• Centro de aprendizaje de Google Workspace

Capacitación y certificación de Google Cloud

Recibe la formación que necesitas para aprovechar al máximo las tecnologías de Google Cloud. Nuestras clases incluyen habilidades técnicas y recomendaciones para ayudarte a avanzar rápidamente y a seguir aprendiendo. Para que puedas realizar nuestros cursos cuando más te convenga, ofrecemos distintos tipos de capacitación de nivel básico a avanzado: a pedido, presenciales y virtuales. Las certificaciones te ayudan a validar y demostrar tus habilidades y tu conocimiento técnico respecto a las tecnologías de Google Cloud.

Última actualización del manual: 9 de junio de 2025

Prueba más reciente del lab: 9 de junio de 2025

Copyright 2025 Google LLC. All rights reserved. Google y el logotipo de Google son marcas de Google LLC. Los demás nombres de productos y empresas pueden ser marcas de las respectivas empresas a las que estén asociados.