Laboratorio 2: Cómo crear una aplicación de lienzo

Inquilinos de WWL: términos de uso Si, como parte de la impartición de un curso dirigido por un instructor, se te proporciona un inquilino, ten en cuenta que el inquilino está disponible para apoyar los laboratorios prácticos en este tipo de cursos. Los inquilinos no deben compartirse ni usarse para otros fines que no sean los de los laboratorios prácticos. El inquilino empleado en este curso es uno de prueba y no se puede usar ni tener acceso a él después de que la clase haya terminado y tampoco se puede ampliar su uso. Los inquilinos no se deben convertir a suscripciones de pago. Los inquilinos obtenidos como parte de este curso siguen siendo propiedad de Microsoft Corporation y nos reservamos el derecho de acceso y recuperación en cualquier momento.

Escenario

Bellows College es una organización educativa con varios campus y programas. Muchos de los instructores y administradores de Bellow Colleges necesitan asistir a eventos y comprar artículos. Históricamente, el seguimiento de estos gastos ha sido un problema.

La administración del campus desea modernizar su sistema de informes de gastos y así proporcionar a los empleados un método digital de notificar los gastos.

A lo largo de este curso, crearás aplicaciones y realizarás la automatización para que los empleados de Bellows College puedan administrar los gastos.

Pasos de alto nivel del laboratorio

Seguiremos el siguiente esquema para diseñar la aplicación de lienzo:

Creación de una aplicación de lienzo de informes de gastos
Configuración de cómo se muestran los informes de gastos en la pantalla de exploración
Realización de algunos cambios básicos en la aplicación
Prueba de la funcionalidad de la aplicación

Requisitos previos

Finalización del Módulo 1 Laboratorio 0: Validación del entorno de laboratorio

Ejercicio 1: Creación de una aplicación de lienzo de informes de gastos

Objetivo: en este ejercicio, crearás una aplicación de lienzo mediante la conexión a una tabla de informes de gastos.

Tarea 1: Creación de la aplicación de informes de gastos

Ve a https://make.powerapps.com.
Es posible que debas volver a autenticarte: selecciona Iniciar sesión y sigue las instrucciones si es necesario.
Selecciona el entorno Dev One en la parte superior derecha si aún no está seleccionado.
Selecciona Aplicaciones en el panel de navegación izquierdo de la pantalla. Selecciona + Nueva aplicación y, a después, Iniciar con una plantilla de aplicación.
En Aplicaciones móviles centradas en datos, selecciona Desde Dataverse.
Selecciona la tabla Expense Reports en la página Seleccionar los datos de Dataverse de la aplicación y selecciona Crear aplicación.
En el diseñador de aplicaciones, selecciona el botón Vista previa de la aplicación (icono de reproducción) en la barra de comandos. (También puedes obtener una vista previa de la aplicación pulsando F5). Echa un vistazo y comprueba el aspecto de tu aplicación.
Cierra la vista previa de la aplicación seleccionando la X de la esquina superior derecha de la pantalla.

Enhorabuena, has creado correctamente una instancia de Power App a partir de una tabla de Dataverse. El siguiente paso del proceso es adaptar la aplicación para que coincida con la personalización de marca de la organización. La siguiente serie de pasos te guiará por el proceso de personalizar un poco más la aplicación.

Tarea 2: Modificación y aplicación de un tema a la nueva aplicación

En esta tarea, personalizarás el texto del encabezado en cada una de las tres pantallas de la aplicación (Examinar, Detalles y Editar) y cambiará el tema de la aplicación.

Estás en la pantalla Examinar. Selecciona la etiqueta Informes de gastos en la pantalla.
En el lado derecho de la pantalla, en la pestaña Propiedades, actualiza la propiedad de control Texto a My Expense Reports.
En Propiedades, cambia el tamaño de la fuente a 24.
Seleccione el fondo en blanco de la pantalla para ver el texto actualizado en la pantalla de exploración.
Mediante la vista de árbol del panel de navegación izquierdo, selecciona DetailScreen.
Selecciona la etiqueta Informes de gastos en la pantalla.
En el lado derecho de la pantalla, en la pestaña Propiedades, actualiza la propiedad de control Texto a Report Details.
Haga clic en el fondo en blanco de la pantalla para ver el texto actualizado en la pantalla de detalles.
Mediante la vista de árbol del panel de navegación izquierdo, selecciona EditScreen (es posible que tengas que desplazarte hacia abajo para verlo en esa vista).
Selecciona la etiqueta Informes de gastos en la pantalla.
En el lado derecho de la pantalla, en la pestaña Propiedades, reemplaza el texto de la propiedad de control Texto por Edit Details.
Haga clic en el fondo en blanco de la pantalla para ver el texto actualizado en la pantalla de edición.
Mediante la vista de árbol del panel de navegación izquierdo, selecciona BrowseScreen.
En la barra de herramientas de comandos, seleccione el botón Tema y, en la lista que aparece, elija el color Rojo para el tema.

Tarea n.° 3: Prueba de la aplicación de informes de gastos

En esta tarea, probará la nueva aplicación.

Con la aplicación abierta en el Diseñador de aplicaciones, seleccione Configuración (es posible que tenga que seleccionar el botón … para que aparezca el icono de configuración), en la sección General, actualiza el nombre de la aplicación a Expense Report App y selecciona la X para cerrar la pantalla de configuración. A continuación, selecciona Guardar.
En el panel de navegación izquierdo, selecciona BrowseScreen.
En el diseñador de aplicaciones, seleccione el botón Vista previa de la aplicación (icono de reproducción) en la barra de comandos. (También puede obtener una vista previa de la aplicación presionando F5).
Una vez que se abra la aplicación, en el campo Buscar elementos, escribe el texto Trip (observa cómo se filtran los elementos de la galería en función de lo que se escribe en el campo de búsqueda).
Cuando se muestre el registro Viaje a la conferencia de Power Platform, seleccione una fila a la que desplazarse y abra la pantalla ”Detalles” de ese gasto.

Nota: Si se muestra más de un registro ”Viaje a la conferencia de Power Platform”, seleccione uno cualquiera.
Para editar el registro, seleccione el icono de lápiz en la esquina superior derecha de la aplicación.
Aquí puede editar el nombre del informe y seleccionar el icono de marca de verificación de la parte superior derecha para guardar el cambio.
En la parte superior derecha de la pantalla, seleccione el icono de la X para cerrar el modo de vista previa y volver al editor de aplicaciones de lienzo.

Felicidades. Ha creado y configurado su primera aplicación de lienzo.