Ejercicio: Crear una aplicación de lienzo con Copilot en Power Apps

Completado

En este ejercicio creará una aplicación móvil usando Copilot en Power Apps. Los agentes de campo utilizarán esta aplicación para explorar el inventario de bienes raíces y administrar citas para visitas, y los datos se almacenarán en Dataverse.

Nota

Power Apps requiere una licencia de Microsoft 365 o una prueba gratuita. Obtenga más información sobre las opciones de licencia. Los productos de Microsoft incluyen Power Apps y Power Automate.

Nota

En este laboratorio, los resultados de los datos pueden variar de los que se muestran en las capturas de pantalla y las imágenes. El motivo es porque Power Apps utiliza OpenAI para generar datos para el laboratorio y los datos cambian a diario.

  1. En la página principal de Power Apps, en el campo de texto central, introduzca el siguiente mensaje para buscar una tabla generada por IA:

    build an app to manage real estate showings

    Seleccione el botón Enviar.

    Captura de pantalla de Copilot en el campo de texto de mensaje de Power Apps

  2. Después de que la IA de Copilot genere una tabla basada en su consulta, mire la tabla para ver qué columnas se han creado para el inicio de su tabla.

    Captura de pantalla que muestra una tabla generada basada en su mensaje

    Sus próximos pasos son modificar y agregar a la tabla ya generada.

  3. En el cuadro de texto, en la parte inferior del panel de Copilot situado a la derecha de la pantalla, introduzca el siguiente texto:

    add a column to track client full name

    Seleccione el botón Enviar.

    Copilot le notifica que la tabla está actualizada y la nueva columna debería mostrarse como agregada a la tabla.

    Captura de pantalla del chat de Copilot que confirma que la tabla está actualizada y que la nueva columna aparece en la tabla

  4. Escriba el siguiente texto en el chat:

    add a column to track client email

    Seleccione el botón Enviar.

    Se agrega una nueva columna a la tabla y muestra el correo electrónico del cliente.

    Captura de pantalla de la columna Correo electrónico del cliente recién generada

    Nota

    Los datos que se generan en su tabla pueden variar de los datos que se muestran en la tabla en las capturas de pantalla de este laboratorio.

    Nota

    La sección Sugerencias en la esquina inferior izquierda de la pantalla le brinda diferentes sugerencias sobre cómo puede agregar y modificar su tabla.

    Captura de pantalla que muestra una lista de sugerencias para preguntar a Copilot

    A la derecha de la pantalla, parece que está teniendo una conversación con un bot de IA de Copilot mientras agrega y modifica su tabla. Esta área es donde puede desplazarse y ver los cambios o adiciones que ha realizado en su tabla.

    Captura de pantalla que muestra el historial de conversaciones de Copilot

  5. Edite la columna Estado dentro de la tabla. En el cuadro de texto dentro del panel de Copilot, introduzca el siguiente texto y luego envíelo:

    add an option for “Completed” to the Status column

    El sistema puede tardar un minuto en cargarse. Cuando lo hace, la columna Estado se muestra como actualizada e incluye la opción Completado.

  6. Seleccione el menú desplegable del nombre de la columna Estado y luego seleccione Ver columna, donde puede ver las propiedades de las columnas y los detalles y datos del estado actual.

    Captura de pantalla de las propiedades de la columna Estado con las opciones actualizadas

    Nota

    Si sus opciones de columna no son las mismas que se muestran en la captura de pantalla, introduzca el siguiente comando en el cuadro de texto del panel de Copilot y luego envíelo:

    the status choices should be Pending, Confirmed, Cancelled, and Completed

    Seleccione la X en la esquina superior derecha del panel para cerrarlo.

    A continuación, agregará más datos a su tabla y las columnas existentes.

  7. En el cuadro de texto dentro del panel de Copilot, escriba y envíe el siguiente texto:

    add 5 more rows of data

    Se agregan cinco filas más de datos para cada una de las columnas existentes en la tabla.

    Captura de pantalla de la tabla Real Estate Showings que muestra cinco filas de datos agregadas

    Su tabla debe tener varias columnas. Sin embargo, para continuar siguiendo los módulos de esta ruta de aprendizaje, intente eliminar algunas columnas que no utilizará.

    La lista de columnas que necesita es:

    • ID
    • Dirección
    • Fecha
    • Hora
    • Estado
    • Nombre del agente
    • Nombre completo del agente
    • Cliente de correo electrónico

    Use lo que ha aprendido con la ventana Chat Copilot para ajustar su tabla para que coincida con la lista anterior. Asegúrese de consultar la sección Sugerencias si necesita eliminar una columna, cambiar el nombre de una columna o agregar una columna.

  8. Para crear la aplicación, seleccione el botón Crear una aplicación en la esquina inferior derecha de la pantalla.

    Captura de pantalla del botón Crear una aplicación en la esquina inferior derecha de la pantalla

  9. Cuando la aplicación se carga por primera vez, puede aparecer un cuadro de diálogo que dice Le damos la bienvenida a Power Apps Studio. En ese caso, seleccione el botón Omitir.

    La aplicación que se ha creado para usted debería mostrar en el modo Editar.

    Captura de pantalla de la aplicación generada en Power Apps Studio

  10. Seleccione el icono Datos en la barra de navegación izquierda. Copilot ha creado una tabla de Dataverse que ahora se muestra en la sección Entornos.

    Captura de pantalla de la tabla de Dataverse denominada Real Estate Showings en el panel de Datos de Power Apps Studio

    Nota

    Actualmente, Copilot solo se admite para Dataverse. No puede usar ningún otro punto de acceso a datos en este momento.

    A continuación, editará la tabla ahora que se ha creado la aplicación.

  11. Dentro del panel Datos, pase el puntero del mouse sobre la tabla. A la derecha de la tabla, seleccione los puntos suspensivos (...).

  12. En el menú, seleccione Editar datos.

    Captura de pantalla que muestra la acción de seleccionar la opción Editar datos

  13. En el cuadro de diálogo Editar tabla, puede agregar sus propias columnas a la tabla o modificar las columnas existentes.

    Captura de pantalla del cuadro de diálogo Editar tabla con los datos de Real Estate Properties

  14. Seleccione el encabezado de columna ID de la tabla.

  15. En el menú desplegable, seleccione la opción Editar columna.

    Captura de pantalla que muestra la acción de editar una columna dentro del cuadro de diálogo Editar tabla

  16. En este ejemplo, no quiere que el Tipo de datos sea una Línea de texto única. Para cambiar ese valor, vaya al panel Editar columna y, en el menú desplegable Tipo de datos, seleccione # Autonumeración.

  17. Seleccione Guardar.

    Captura de pantalla que resalta el tipo de datos Autonumeración y el botón Guardar

  18. Seleccione el botón Cerrar en la esquina inferior derecha del cuadro de diálogo Editar tabla.

    La tabla ahora debería mostrarse como Actualizada en el panel Datos.

    Captura de pantalla que muestra que la tabla Real Estate Showings se ha actualizado

  19. Modifique la galería en la aplicación para que muestre los datos relevantes. Seleccione el icono Vista de árbol para volver a la vista de árbol.

  20. En la pantalla principal de la aplicación, seleccione RecordsGallery1 para mostrar Real Estate Showings y luego seleccione el botón editar para poner la galería en modo edición.

  21. Seleccione Título y luego establezca el valor de Text en la siguiente fórmula:

    ThisItem.Address

  22. Seleccione Subtítulo y luego establezca el valor de Text en la siguiente fórmula:

    ThisItem.'Client Email'

  23. Seleccione Cuerpo y luego establezca el valor de Text en la siguiente fórmula:

    ThisItem.Status

    Un solo registro en la galería debe ser similar a la siguiente imagen.

    Captura de pantalla de un único registro en la Galería de Real Estate Showings

  24. En la pantalla principal de la aplicación, seleccione el control Formulario.

    Captura de pantalla del control de formulario seleccionado desde la pantalla principal de la aplicación

  25. En el panel Propiedades de la derecha, en la propiedad Fields, seleccione Editar campos.

    Captura de pantalla que muestra la opción Editar campos en el panel Propiedades

  26. En el panel Campos, expanda el campo ID.

  27. Desde el menú desplegable Tipo de control, cambie el tipo a Ver texto.

    Captura de pantalla que muestra la acción de cambiar el tipo de control de ID a Ver texto

    Como previamente hemos cambiado el campo ID a Autonumeración, no quiere que los usuarios introduzcan su propio número; Dataverse introduce automáticamente los números por usted.

  28. En el panel Campos, seleccione la X en la esquina superior derecha para cerrar el panel.

  29. Haga una nueva solicitud para una propiedad que se muestra en la aplicación seleccionando el botón Reproducir en la parte superior de la pantalla.

    Captura de pantalla del botón Reproducir en Power Apps Studio

  30. En el panel izquierdo, seleccione el botón + Nuevo.

    Captura de pantalla en la que se resalta el botón Nuevo registro en Power Apps Studio

  31. Aunque puede modificar el formulario para completar los campos automáticamente, en esta práctica de laboratorio, completará este paso manualmente para observar cómo funciona la aplicación.

    Rellene estos campos con la siguiente información:

    • Nombre del agente: < su nombre >
    • Nombre completo del cliente: < su nombre >
    • Correo electrónico del cliente: < su correo electrónico >
    • Fecha: < cualquier fecha futura >
    • Hora: < cualquier hora futura >
    • Estado: Pending
    • Dirección: 210 Pine Road, Portland, OR 97204

    Nota

    Esta es una de las direcciones del archivo de Microsoft Excel del Módulo 1 y es el mismo archivo que cargó y convirtió en la tabla Real Estate Properties.

    Aunque normalmente tendría un campo de búsqueda para la tabla Real Estate Properties, este laboratorio no proporciona uno para mantenerlo sencillo.

  32. Seleccione el botón de marca de verificación en la esquina superior derecha de la pantalla.

    Captura de pantalla del formulario completado, que muestra la marca de verificación que selecciona para guardar los cambios

  33. Seleccione la X en la esquina superior derecha para cerrar la aplicación.

    Si aparece un cuadro de diálogo que diga ¿Sabía que?, seleccione Aceptar.

    La nueva solicitud se agrega a la izquierda de la lista de solicitudes.

  34. En la parte superior de la pantalla, seleccione el botón Guardar para guardar la nueva aplicación que ha creado.

    Captura de pantalla del botón Guardar en Power Apps Studio

    Si el sistema se lo pide, guarde el nombre de la aplicación como Real Estate Showings.

  35. Salga de la aplicación para volver a la página principal de Power Apps.