Ejercicio: Crear la primera aplicación Power Apps como desarrollador tradicional
En esta unidad, creará una aplicación móvil para ayudar a quienes están sobre el terreno a verificar el inventario y pedir piezas si es necesario. Usaremos Excel como origen de "datos de desarrollo" para crear la aplicación sin tener que conectarnos a sistemas existentes como Microsoft SQL Server o Salesforce todavía.
Hay cientos de conectores de datos a los que Power Apps se puede conectar desde el primer momento, para muchos productos y servicios de Microsoft y también para servicios de terceros. Si no hay un conector para lo que necesita, un desarrollador puede crear uno personalizado para realizar esa conexión.
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 Microsoft Power Apps y Power Automate.
Conectarse a un origen de datos
Para conectarse a un origen de datos, use el procedimiento siguiente:
Descargue el libro Flooring Inventory y guárdelo en OneDrive.
Vaya a https://make.powerapps.com e inicie sesión con su cuenta de organización.
Desde la pantalla principal, seleccione el botón + Crear en el panel de navegación del lado izquierdo.
Seleccione el botón Excel en las opciones "Comenzar desde".
Quizá se le solicite que seleccione una conexión existente o cree una nueva conexión. Seleccione o cree una conexión a OneDrive.
En el lado derecho de la pantalla, se le pedirá Elegir un archivo Excel. Busque/seleccione FlooringInventory.xlsx.
En Elegir una tabla, seleccione FlooringEstimates y el botón Conectar, en la parte inferior derecha de la pantalla.
Power Apps genera la aplicación inspeccionando sus datos y haciéndolos coincidir con las funcionalidades de Power Apps. De esta forma, obtiene una aplicación con tres pantallas que ya puede utilizar; este será el punto de partida.
Vista previa de la aplicación generada
Ahora, la nueva aplicación de tres pantallas se abre en Power Apps Studio.
Para obtener una vista previa de la aplicación, seleccione la tecla F5 o el icono Reproducir, en la esquina superior derecha de la barra de comandos. Como puede ver, incluye todos los datos de la tabla y proporciona una buena experiencia predeterminada. Puede utilizar el campo de búsqueda en la parte superior, puede seleccionar un elemento para ver sus detalles, etc.
Todas las aplicaciones que se generan de este modo a partir de datos tienen el mismo conjunto de pantallas; puede verlo en el panel Vista de árbol.
- Pantalla de exploración: esta pantalla aparece de forma predeterminada. Aquí, puede examinar, ordenar, filtrar y actualizar los datos del origen de datos. En la pantalla de exploración se usa el icono de suma (+) para agregar elementos al origen de datos.
- Pantalla de detalles: la pantalla de detalles muestra toda la información sobre un solo elemento. En esta pantalla, puede abrir un elemento para editarlo o eliminarlo.
- Pantalla de edición o creación: en esta pantalla puede editar un elemento existente o crear uno nuevo.
Explorar la aplicación generada
Seleccione el icono (X) en la esquina superior derecha de la vista previa para que la aplicación vuelva al modo de edición. Tenga en cuenta que la aplicación, incluso en el modo de edición, se está ejecutando activamente, como si estuviera en el modo de observación de una aplicación tradicional. Cuando haga cambios en las propiedades de control y las fórmulas de Power Fx, la aplicación responderá automáticamente a esos cambios, incluso en el modo de edición.
Sugerencia
Para cambiar temporalmente al modo de vista previa mientras está en modo de edición, mantenga presionada la tecla Alt del teclado. Tenga en cuenta que, cuando mantiene presionada esa tecla, si selecciona la aplicación, actuará como en el modo de vista previa. Cuando suelte la tecla, se volverá automáticamente al modo de edición y puede seleccionar su aplicación para seleccionar los controles normalmente.
Agregar la pantalla de solicitud de inventario
La aplicación generada incluye una pantalla para agregar filas de datos mediante la reutilización de la pantalla de edición de datos, pero nuestra aplicación utilizará el icono (+) en la aplicación para ofrecerle al usuario una forma de solicitar que la sede central agregue más inventario al almacén.
Seleccione la pantalla EditScreen1 en el panel Vista de árbol, en el lado izquierdo de la pantalla.
Seleccione ..., en el lado derecho de la sección en la que EditScreen1 está resaltada, y elija Duplicar pantalla.
Haga clic con el botón derecho en EditScreen1_1, en la vista de árbol, y seleccione Cambiar nombre. Escriba InventoryRequest como nuevo nombre de la pantalla y seleccione Entrar para guardarlo.
Seleccione BrowseScreen1 en la vista de árbol para volver a la primera pantalla y elija el icono (+), en la parte superior derecha de la pantalla de la aplicación, para editarlo.
Vamos a ajustar la propiedad OnSelect. De forma predeterminada, debería aparecer en la barra de fórmulas; si no es así, busque o seleccione esta propiedad en la lista desplegable, a la izquierda de la barra de fórmulas, y cambie el contenido de la barra por lo siguiente:
Navigate(InventoryRequest, ScreenTransition.None)Mantenga presionada la tecla ALT y seleccione el icono (+) para probar la función Navegar que acaba de escribir; la aplicación debería cargar la pantalla InventoryRequest que creó hace un momento.
Ahora, seleccione EditForm1_1 en la vista de árbol y presione la tecla Eliminar para eliminar el control.
Agregar controles a la nueva pantalla
Seleccione el botón Insertar en la barra de comandos para que aparezca el panel Insertar.
Seleccione Etiqueta de texto y elija Entrada de texto para agregar a la pantalla un control de cada tipo.
Arrastre los dos controles en la pantalla para que queden debajo del encabezado y estén alineados con el centro de la pantalla. Observe cómo Power Apps le guiará para alinear las cosas entre sí mientras arrastra los controles.
Seleccione la etiqueta de la pantalla de la aplicación para seleccionarla y, en el panel Propiedades del lado derecho, cambie el valor de la propiedad Text de modo que diga Request Reason.
Seleccione el cuadro de texto en la pantalla de la aplicación para seleccionarla y, en el panel Propiedades del lado derecho, cambie el valor de la propiedad Default de modo que diga Se necesita inventario para cubrir las necesidades de los clientes.
Use Insertar para agregar otra Etiqueta de texto a la pantalla.
Seleccionar Insertar de nuevo y use el cuadro de búsqueda para buscar un control desplegable. Introduzca "desple" y seleccione Desplegable para agregar un control desplegable a la pantalla.
Seleccione y arrastre ambos controles para alinearlos con los otros controles y entre sí, y cambie el texto de la nueva etiqueta para que diga Artículo de inventario.
Seleccione el control desplegable para seleccionarlo y, en el panel de propiedades del lado derecho, elija el menú desplegable de la propiedad Items y seleccione FlooringEstimates. Luego, seleccione el menú desplegable de la propiedad Value y elija Name.
Seleccione la etiqueta de propiedad Items y tenga en cuenta que el foco del cursor ahora está en la barra de fórmulas, con la propiedad Artículos seleccionada.
Ordene los artículos por nombre mediante la siguiente fórmula:
Sort(FlooringEstimates, Name, SortOrder.Ascending)
Corrija los errores y agregue una conexión de datos
Seleccione el icono ✖ en la parte superior derecha de la pantalla de la aplicación. La propiedad OnSelect del icono se muestra en la barra de fórmulas. Cambie la fórmula de modo que diga solo
Back(). Eso hará que el error desaparezca.Seleccione el icono de datos
del lado izquierdo de la pantalla para abrir el panel Datos. La conexión OneDrive con la que iniciamos la aplicación aparece allí.Seleccione ➕ Agregar datos para abrir el panel de búsqueda de conexión y busque Office 365 Outlook.
Si ya tiene una conexión definida, selecciónela para agregarla. Si no aparece ninguna conexión, seleccione Agregar conexión; cuando el panel de la nueva conexión se abra en el lado derecho, seleccione Conectar para agregar la conexión.
Seleccione el icono ✔ en el encabezado de su aplicación. La propiedad OnSelect del icono se ha seleccionado para la barra de fórmulas.
Cambie la fórmula OnSelect del icono a la fórmula siguiente. Esta fórmula le envía un correo electrónico a su propia dirección (o al usuario de la aplicación), solicitando que se solicite más inventario.
Office365Outlook.SendEmailV2(
User().Email,
"New Request: " & TextInput1.Text,
User().FullName & " has requested more inventory for " &
Dropdown1.Selected.Name & " be ordered. There is currently " &
Dropdown1.Selected.InventoryInSquareFeet & " square feet left in stock."
);
Back()
Nota
Para agregar más de una instrucción en un evento, use un punto y coma (;) para separarlas.
Guarde y publique la configuración
Para que la aplicación pueda verse en el teléfono, hay que guardarla y publicarla. En la cinta, en la parte superior derecha, seleccione la flecha desplegable junto al icono Guardar y seleccione Guardar como. Reemplace el título actual "Aplicación" por Inventario de planta y luego seleccione Guardar. Ahora, seleccione el icono Publicar de su cinta; tras unos minutos, podrá acceder y usar la aplicación en su teléfono.
La primera vez que guarda una aplicación nueva, se le solicita que publique la aplicación, lo que hará que la versión esté activa. Guardar una versión no implica que esta se ponga en modo activo automáticamente (con la excepción de la primera vez que se guarda), sino solo que se guarda la nueva versión. En el futuro, deberá seleccionar el botón Publicar que aparece en la pantalla de guardado después de hacer clic en Guardar.
Instalar la aplicación en el dispositivo
Para ver cómo se ejecuta la aplicación en dispositivos móviles, instale la aplicación de Power Apps Mobile en su teléfono. Al compilar una aplicación, debe probarla en el mismo factor de forma que los usuarios.
Descargue Power Apps Mobile desde la tienda de aplicaciones para la plataforma que quiera usar.
Inicie sesión con su nombre de usuario y contraseña de Office 365.
En su teléfono o tableta, ejecute la aplicación Inventario de planta en Power Apps Mobile. Si no quiere instalar la aplicación, puede ejecutarla en un explorador.
Si no ve la aplicación Flooring Inventory, seleccione el menú de hamburguesa en la parte superior izquierda de la pantalla en su aplicación Power Apps Mobile y active Mostrar aplicaciones que no son de producción.
Ya ha visto lo sencillo que es crear y modificar una aplicación desde una tabla de Excel. No ha hecho falta que utilice ningún tipo de programación compleja y ha podido hacer algunos cambios rápidos en el código para que se ajuste más a sus necesidades.