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á acceder a una hoja de cálculo sencilla que funciona como su 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. Configure datos en Google Drive

La mayoría de las apps necesita datos para funcionar. Antes de crear su app en AppSheet, debe aprovisionar los datos que esta administrará. En esta tarea, deberá configurar la carpeta de Google Drive con un archivo de datos de hoja de cálculo que usará la app.

Configure Google Drive con la hoja de cálculo

Para esta app, usará una hoja de cálculo que contiene la información de contacto de una persona de muestra.

1. Haga clic en la hoja de cálculo de contactos para abrirla.

2. Haga clic en Archivo > Crear una copia > asígnele el nombre Personal Contacts.

3. Haga clic en Crear una copia para guardar la copia del documento en Mi unidad.

Haga clic en Revisar mi progreso para verificar el objetivo. Configurar Google Drive con la hoja de cálculo

Tarea 2. Cree su 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 para agregar una app.

3. Selecciona App > Start with existing data.

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

5. En Category, seleccione Customer Engagement en la lista.

6. En el mismo cuadro de diálogo, haz clic en Choose your data.

7. Haz clic en Google Sheets.

8. En el selector de archivos, selecciona la hoja de cálculo Personal Contacts que guardaste en Drive en la tarea anterior y haz clic en Select.

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 puede usar para ejecutar algunas de las funciones de la app.

Haga clic en Revisar mi progreso para verificar el objetivo. Crear su primera app de AppSheet

Tarea 3. Obtén una vista previa de la app

AppSheet creó la nueva app y la conectó a la hoja de cálculo Personal Contacts, que proporciona datos a esa 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.

• Main panel: 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.

Visualice la información de contacto

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

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

2. Haga 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 4. Modifica la información de contacto

1. En el contacto que seleccionaste, haz clic en el ícono de Editar para editar 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. Agregue un contacto nuevo

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

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

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

Nota: Los valores pueden ser cualquier dato de prueba, ya que, actualmente, no están validados por la app.

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 Prueba Contacto para ver los detalles del contacto y verificar la información que se muestra.

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

Tarea 6. Sincroniza 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. Verifique los cambios en los datos.

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

2. Abre la hoja Personal Contacts.

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

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

¡Felicitaciones!

Creó de manera correcta su primera app con AppSheet. En este lab, aprendió 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 brindarle un poco 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.

Actualización más reciente del manual: 6 de septiembre de 2024

Prueba más reciente del lab: 6 de septiembre de 2024

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.