(música) A continuación, continuamos con nuestra serie sobre cómo crear su primera Power App. Esta es la segunda parte de una descripción general de tres partes en la que analizo los fundamentos para crear una Power App desde cero. La aplicación que estamos creando es uno de nuestros tipos de aplicaciones más populares
para rastrear el inventario, en nuestro caso, para piezas mecánicas. Y se puede usar en el trabajo para rastrear e ingresar nuevos artículos.
También incorpora
capacidades de Copilot impulsadas por IA para una fácil interacción con la aplicación y sus datos usando lenguaje natural. Como habrá visto en la
primera parte de la serie, la experiencia básica de nuestra
aplicación de inventario ahora está construida. Tenemos nuestra
tabla de piezas mecánicas para la entrada de datos con datos de muestra almacenados en
Dataverse en el backend. En la aplicación Canvas, tenemos una pantalla principal
con una galería a la izquierda que actúa como una forma de enumerar nuestras piezas y navegar y
mostrar los detalles del inventario en los campos en un
formulario de edición a la derecha. Para ver el
desglose paso a paso de cómo llegamos allí, consulte aka.ms/MechanicsPA1 o el enlace en la pantalla para
ver la primera parte de la serie. Hoy, le mostraré cómo agregar más personalizaciones a la aplicación, desde agregar nuevos registros de piezas a nuestra aplicación hasta agregar búsquedas para encontrar inventario rápidamente a medida que crece nuestro catálogo, incorporando lógica para
activar una notificación por correo electrónico cuando las piezas se están agotando, cambiando el tema de color de nuestra aplicación, y subir fotos
de piezas al catálogo para acompañar los registros.
Entonces, regresemos
a Power Apps Studio y comencemos agregando un nuevo registro. Comenzaré en el menú de inserción, que si recuerdas se
usa para insertar componentes y controles en nuestra aplicación. Primero, agregaré una etiqueta que
describa lo que queremos hacer, la colocaré donde quiero en el lienzo y la llamaré Nueva Parte. Esa será la etiqueta. Y luego, agregaré un ícono
que actuará como nuestro control. Usando el menú de inserción nuevamente, buscaré el
icono de agregar y lo seleccionaré. Y ahora, alinearé todo. Aquí vamos. A continuación, debemos conectar
el control a nuestra tabla de aplicaciones para almacenar la entrada del registro.
Para eso, usaremos una
función llamada NewForm y la conectaremos al ícono de agregar. De esta manera, cuando se seleccione, creará un nuevo formulario en blanco
para ingresar información que luego se agregará a
la tabla detrás de la aplicación. Tengo el control de agregar seleccionado, y en nuestra barra de fórmulas en la parte superior, agregaré nuestra función NewForm y haré referencia a nuestro único
formulario, Form1, entre paréntesis, y eso creará un nuevo formulario. A continuación, necesito una forma de guardar
o eliminar registros existentes. Comenzaré agregando los
íconos para esas acciones uno por uno desde el menú de inserción. Buscaré el ícono de verificación para guardar. Ahí está. Y colócalo en el lienzo.
A continuación, como forma de eliminar un registro, buscaré el
icono de la papelera y lo seleccionaré. Y a partir de ahí, puedo organizar los íconos en el
orden que quiero y cambiar su tamaño. Desde aquí, nuevamente, necesito
hacer que estos nuevos íconos sean funcionales. Para el ícono de guardar, lo seleccionaré y usaré otra
fórmula llamada EnviarForm y apuntaré nuevamente a
Form1 entre paréntesis. Esto enviará los datos ingresados en el formulario para que se guarden en nuestra tabla en el backend. Ahora, probemos eso. Llenaré los campos
para nuestra nueva pieza elegante con el número de pieza y la cantidad, luego presionaré guardar y estará funcionando. A continuación, para que nuestro ícono de papelera funcione, usaré la función de eliminación. El truco aquí es asegurarse de que solo se elimine el elemento seleccionado
en nuestra galería.
Entonces, primero necesito
especificar el nombre de nuestra tabla, Inventarios de piezas mecánicas. Lo seleccionaré del menú desplegable y notaré que agrega comillas simples para mí. Lo explicaré un poco más adelante. Luego agregaré nuestra galería, Gallery1, y para eliminar solo el elemento actual, escribiré un punto y elegiré seleccionado. Y recuerda, el punto nos permite elegir las propiedades disponibles para el artículo. Presionaré reproducir de nuevo para probarlo, seleccionaré nuestra nueva pieza elegante, haré clic en el icono de la papelera y desaparecerá. Por cierto, si esta eliminación fácil
lo pone un poco nervioso, puede hacer cosas como
hacer que el formulario sea de solo lectura o agregar un paso de confirmación para
eliminar cualquier cosa por si acaso, pero lo guardaremos para un programa posterior. A continuación, pasemos a
agregar la búsqueda a nuestra aplicación para que, a medida que crece nuestro catálogo, podamos buscar nombres de piezas, sus descripciones y números de piezas.
Regresaré a nuestro menú de inserción. Esta vez, agregaré el control de entrada de texto para crear un cuadro de búsqueda y lo colocaré donde
lo desee en la parte superior de la galería. En las propiedades de la derecha, primero borraré el texto predeterminado. Y como se trata de una búsqueda, quiero mostrar lo que
se llama texto de sugerencia en el cuadro que dice buscar piezas. De esa manera, queda claro que se trata de un cuadro de búsqueda. Se ve bien, pero ahora tenemos que hacerlo
funcionar usando otra fórmula. Primero, haré clic en la galería y verá el nombre de la tabla de donde provienen los datos
en la barra de fórmulas.
Y lo que queremos hacer
es buscar en nuestra tabla, así que escribiré buscar delante de su nombre. Luego agregaré un
paréntesis abierto entre la búsqueda y el nombre de nuestra tabla. Y observe la ayuda que
me brinda sobre la barra de funciones. Por ejemplo, puede ver que
necesitamos el nombre de la función, busque, obtuve eso. Entonces la fuente, esa es nuestra mesa. Ahora, solo necesitamos una coma y texto para lo que queremos buscar. Y finalmente, las columnas de
nuestra tabla en las que queremos buscar. Definamos nuestro texto de búsqueda en función de lo que escribimos en el cuadro de búsqueda.
Si miro en la vista de árbol, verá que el nombre del cuadro de entrada de texto que usamos para la búsqueda es TextInput1, así que lo agregaré a nuestra fórmula. Luego necesito escribir un punto y seleccionar el texto a continuación, luego una coma. Ahora, estamos listos para definir las columnas en las que puede buscar y verá que la barra de fórmulas enumera las columnas de nuestra tabla
debajo de ella que puedo especificar como parte de la búsqueda. Sé que quiero permitir que los usuarios
busquen por descripción, así que seleccionaré eso y agregaré una coma seguida de la identificación de la pieza y otra coma. Y dado que es posible que deseemos
buscar por nombre de pieza, lo agregaré como la última columna.
Luego solo necesito
escribir un paréntesis de cierre y he completado la función de búsqueda. Probemos eso. Presionaré el botón de reproducción y
luego escribiré en el cuadro de búsqueda. Escribiré tuerca y verás que muestra
esos dos elementos. Esta funcionando. Entonces, con la búsqueda funcionando, podemos comenzar a pasar
a nuestra próxima personalización, activando una notificación por correo electrónico
a la persona adecuada cuando una pieza se está agotando. En el menú Insertar, elegiré un botón para agregar a nuestra aplicación. Lo colocaré aproximadamente donde quiero y editaré el texto en el
botón para decir correo electrónico para ordenar. A continuación, para hacer que nuestro botón active un correo electrónico para una persona que puede pedir más piezas, lo conectaremos a Power Automate, que es una forma de código bajo
de definir el flujo o los pasos de un proceso. Desde este ícono de flecha a la izquierda, podemos llegar a Power Automate
y crear un nuevo flujo. Para comenzar, me muestra algunas de las
cosas comunes que podemos hacer para automatizar un flujo de trabajo desde nuestra aplicación, como agregar elementos a SharePoint o crear un flujo de trabajo de aprobación que se envía a los aprobadores
en Microsoft Teams.
Y hay
plantillas prediseñadas listas para usar. En nuestro caso, mantendremos las cosas simples
y simplemente enviaremos un correo electrónico para que la gente sepa que
tenemos poco inventario. Entonces, expandiré esta vista para ver más. Y como quiero conectar el flujo al botón que acabo de crear, elegiré este. Haga clic en un botón en Power
Apps para enviar un correo electrónico. Dejaré el nombre del flujo como está y mantendré mi cuenta de correo electrónico como
el usuario que inició sesión y continuaré. Solo para explicar rápidamente cómo funciona esto, pasaré al modo avanzado. Esta es una vista bajo las
sábanas de lo que hace. Este paso superior llamado Power Apps
es lo que se llama un disparador. Esto tomará una acción específica cuando se haga clic en nuestro nuevo botón. En este caso, esa acción es enviar el correo electrónico. Cuando amplíe eso, verá a quién se enviará el correo electrónico
como destinatario, el asunto del correo electrónico y el cuerpo del correo electrónico. Estos son de color púrpura con el ícono de Power Apps porque estos campos se completarán con datos extraídos de nuestra aplicación.
Probaremos eso en un segundo. Todo se ve bien, así que cerraré la
vista avanzada y crearé el flujo. Ahora, con nuestro botón
y un flujo creados, el siguiente paso es
hacer que funcionen juntos. Entonces, seleccionaré mi botón primero. Y verás que
ahora dice falso, pero quiero cambiarlo para que
cuando se haga clic en el botón, se ejecute mi flujo. Comenzaré a escribir el nombre de
nuestro flujo en la barra de fórmulas. Haga clic y verá estas dos opciones denominadas hacer clic en un botón en
Power Apps para enviar un correo electrónico, una con la palabra ejecutar y otra sin ella. Queremos ejecutar ese flujo, por lo que elegiremos la opción
con el punto ejecutar en el nombre. Como antes, agregaré un paréntesis de apertura y nuevamente me guiará sobre los
detalles adicionales que debo proporcionar para que esto funcione. Puede ver que está buscando a quién se debe enviar el correo electrónico, el asunto y, finalmente, el cuerpo del correo electrónico, cada uno separado por una coma. Comenzaré con el parámetro to. En mi caso, la persona que siempre
gestiona nuestros pedidos es Patti.
Este también podría ser un correo electrónico grupal si es necesario notificar a más de una persona
. Usaré a Patti y pondré su dirección de correo electrónico
entre comillas dobles. Las comillas dobles se usan
para designar entradas de texto y las seguiré con una coma. Ahora, necesito un asunto de correo electrónico. Escribiré pedido necesario
de nuevo entre comillas dobles y luego otra coma. Finalmente, en el cuerpo, me
aseguraré de que haga referencia a la información específica de la pieza seleccionada usando su nombre y número de pieza para que Patti sepa qué pieza pedir.
Este es un poco más complicado, así que voy a expandir la
barra de fórmulas para dejar espacio. Agregaré mis comillas dobles de apertura y comenzaré con un pequeño texto. Necesitamos un nuevo pedido de parte, con un espacio, luego cerraré mis comillas dobles. Y ahora necesito el nombre de la parte, así que escribiré y usaré
el símbolo de ampersand, que le dice a la función
que viene más texto. ¿ Y recuerda cómo usamos el
punto de galería seleccionado antes? Haremos lo mismo aquí
con Gallery1.selected, luego agregaremos un punto con el nombre de la parte esta vez entre comillas simples porque hay un espacio
entre la parte y el nombre. Ahora, agregaré otro y o ampersand. Esta vez, agregaré un espacio
entre dos comillas dobles para poner un espacio entre
el nombre y el número de la parte. Luego agregaré otro ampersand y repetiré los mismos pasos que antes para agregar el número de pieza. Luego, para completar la oración, agregaré un ampersand más
y luego el último fragmento de texto.
Escribiré espacio entre comillas dobles, antes de que nos quedemos sin inventario, gracias, y terminaré con comillas dobles, y cerraré los paréntesis. Y eso es todo lo que
necesitamos para enviar un correo electrónico. Probémoslo. Voy a jugar la aplicación de nuevo. Ahora, haré clic en el
botón de correo electrónico para ordenar y verán los puntos en movimiento en la parte superior de la pantalla
que está ejecutando mi flujo. Y si salto a mi correo electrónico enviado, verá que nuestro
correo electrónico fue enviado a Patti con todos los detalles
sobre la parte seleccionada. Ahora, solo
quedan algunas pequeñas cosas por hacer. Comencemos cambiando
un poco su diseño. En el menú desplegable de temas, puede elegir entre
temas estándar claros y oscuros, así como temas de oficina.
Veamos un tema oscuro
solo para ver cómo funciona. Elegiré este
tema de oficina azul llamado Azul oscuro y verás que toda la aplicación cambia. En mi caso, prefiero el tema claro, así que voy a elegir
este tema de oficina claro con detalles en azul. Los temas son una forma rápida de actualizar la apariencia de su aplicación. Luego, otra capacidad súper útil
para nuestra aplicación de inventario es agregar imágenes para cada artículo para que pueda distinguirlos fácilmente. Agreguemos eso. Lo primero que deberá
hacer para agregar imágenes es crear un lugar para almacenar estas imágenes. Y para hacerlo, tendré que actualizar la
tabla que ejecuta mi aplicación.
Aquí a la izquierda, elegiré el icono de datos
que parece un cilindro. Todavía solo tenemos
una tabla detrás de nuestra aplicación. Haré clic en sus puntos suspensivos
y luego editaré los datos. Haré clic en la nueva columna para crear un lugar para nuestras fotos. Le daré un nombre, Imagen del producto. Para el tipo de datos, elegiré
archivo, luego seleccionaré imagen. Y a partir de ahí, presionaré Guardar y ahora hay un lugar para
almacenar imágenes en mi tabla. Ahora, regresaré al lienzo de la aplicación. Quiero que la imagen aparezca aquí, así que tendré que agregarla al formulario con el resto de los detalles de la pieza. Seleccionaré el formulario, luego en la
pestaña de propiedades, haré clic en editar campos. Y al igual que en nuestro último programa, agregaré el campo que quiero. Buscaré imagen para
encontrar nuestro nuevo campo de columna, lo agregaré y colocará
el campo en el formulario, preconfigurado y listo para que haga
clic y agregue una imagen.
Así que probemos esto. Presionaré reproducir, luego presionaré
este botón para agregar mi imagen. Voy a elegir la imagen
que coincida con esta parte. Ahí está. Ahora, presionaré Guardar en mi aplicación y agregaré esa imagen para esta parte. Nuestra aplicación ahora tiene todas las
funciones básicas que necesita para rastrear y mantener el inventario de piezas. En la tercera parte de nuestra
serie de autoría de Power Apps, también le mostraré cómo agregar capacidades de Copilot impulsadas por IA para permitir que los usuarios interactúen fácilmente con su aplicación y sus datos utilizando la entrada de lenguaje natural, así como agregar navegación entre pantallas, publicar y compartir. su
aplicación con otros miembros de su equipo e integraciones con Teams y otras ubicaciones para que
su aplicación sea más visible para otros mientras trabaja. Y compartiré algunos otros consejos y prácticas recomendadas para tener en cuenta a medida que continúa con su
recorrido por Power Apps. Puede encontrar toda nuestra serie
en aka.ms/PowerAppsAuthoring. Suscríbase a Microsoft
Mechanics para obtener más actualizaciones y gracias por mirar.
(música).