Cómo usar Copilot AI para comenzar a diseñar una aplicación moderna en Power Apps. Parte II

Cómo usar Copilot AI en Power Apps para diseñar aplicaciones modernas

En el artículo anterior, aprendimos cómo usar Microsoft Copilot AI para ahorrar tiempo de desarrollo en lo que respecta a la creación del modelo de datos y la construcción inicial de una aplicación moderna de Power Apps, para que el personal solicite cualquier artículo en stock del almacén de la empresa.

Si no lo has visto, te recomiendo echarle un vistazo: Cómo usar Copilot para diseñar una app moderna en Power Apps

Cómo usar Copilot AI en Power Apps para diseñar aplicaciones modernas. Parte II

Cómo usar Copilot AI en Power Apps para diseñar aplicaciones modernas

En el artículo de hoy,

  • Agregaremos a nuestra aplicación una pantalla de comentarios de usuarios y
  • Configuraremos un tema personalizado a través de una variable de objeto.

A continuación, detallamos los pasos a seguir y mejores prácticas:

Pantalla de comentarios de usuarios en Power Apps

  1. Agregaremos a nuestra aplicación una pantalla de comentarios de usuarios

Debido a que solo podemos crear una tabla en una sesión de Copilot, debemos realizar otra sesión de Copilot (crear otra app) para poder crear otra tabla e interactuar con ella, o bien crearla manualmente.

1.1 Pedimos a Copilot la creación de una app para los comentarios de los usuarios

Prompt: “Create an app for users to leave feedback on my last app”.

Pedimos a Copilot la creación de una app para los comentarios de los usuarios

 

Una vez publicada la nueva app de comentarios, podemos borrar la app que acabamos de crear y quedarnos solo con la tabla que es lo que nos interesa.

Una vez publicada la nueva app de comentarios, podemos borrar la app que acabamos de crear y quedarnos solo con la tabla que es lo que nos interesa. Copilot - Power Apps

 

Volvemos a nuestra aplicación y vamos con el siguiente paso.

Creación de una nueva aplicación para comentarios en Copilot

1.2 Pedir a Copilot que nos cree/sugiera una pantalla de comentarios.

Prompt: “Add a FeedbackScreen” screen.

pedir a Copilot que nos cree/sugiera una pantalla de comentarios.

 

Diseño personalizado con Copilot AI

1.3 Pedir a Copilot que nos cree/sugiera un diseño personalizado con barra lateral a la izquierda y el contenido a la derecha.

 

Prompt: “Add a horizontal container its X and Y valor should be 0. Its width and height should be “Parent width” and “Parent Height” respectively. Its should have two containers inside of it. One should be a “Container” with fillportions set to 0 and a width of 70. And the other container should be a vertical container”

Diseño personalizado con Copilot AI

 

Como podemos observar, Copilot nos ayuda a ahorrar tiempo al crear nuestras aplicaciones.

Con un solo mensaje hemos creado y configurado 3 contenedores, que nos hubiera llevado el triple de tiempo crearlos y configurarlos manualmente.

La cuestión es tener un catálogo de mensajes donde almacenar todos los prompts que usas normalmente para que puedas copiarlos y pegarlos rápidamente cuando lo necesites.

Este catálogo puede ser algo simple como un archivo de texto, o puede usar la aplicación gratuita para almacenar tus mensajes de IA creada por Ail Dham. Os dejo el enlace de github: Prompt Manager Solution

 

Creación de una nueva aplicación para comentarios

1.4 Agregamos la tabla “Comentarios” a nuestra aplicación y luego copiamos el contenedor “Screen Container 1” al “Container 1”. Eliminamos el Container 3, que no vamos a utilizar.

Creación de una nueva aplicación para comentarios - Copilot

 

 

copiamos el contenedor “Screen Container 1” al “Container 1”

 

Configuración de un tema personalizado en Power Apps

2. Configuraremos un tema personalizado a través de una variable de objeto.

Para configurar nuestro tema personalizado, usaremos la funcionalidad de fórmulas. Seleccionamos la aplicación y en Formulas agregamos nuestro tema como un objeto, en lugar de utilizar variables individuales.

Configuración de un tema personalizado en Power Apps

 

También podemos añadir a nuestro tema iconos SVG

También podemos añadir a nuestro tema iconos SVG

 

Conclusiones y próximos pasos con Copilot AI en Power Apps

En los siguientes post seguiremos profundizando en cómo utilizar Copilot para facilitarnos la creación de aplicaciones con Power App.

Espero que te haya gustado, hasta el siguiente post.

 

Adelaida García Toscano 

Programación Dynamics 365 
ABD Consultoría y Soluciones Informáticas

 

Tabla de contenidos

Síguenos en Linkedin
Suscribete a la Newsletter




    Etiquetas