Laboratorio de prácticas 5: Datos externos

En este laboratorio agregará un origen de datos externo.

Aprendizaje

  • Procedimientos para agregar una lista de SharePoint a la aplicación de lienzo
  • Procedimientos para usar colecciones
  • Procedimientos para usar revisiones
  • Procedimientos para usar el conector Office365Users

Pasos de alto nivel del laboratorio

  • Creación de una lista de SharePoint para reservas
  • Incorporación de la lista de SharePoint como una galería
  • Almacenamiento de registros seleccionados desde una galería
  • Uso de revisiones para establecer la decisión de una solicitud de reserva
  • Use el conector Office365User para mostrar los detalles del usuario.

Requisitos previos

  • Debe de haber completado la práctica Laboratorio 4: Compilación de la interfaz de usuario

Pasos detallados

Ejercicio 1: Creación de una lista de SharePoint

Tarea 1.1 Crear un sitio de SharePoint

  1. En el portal de Creadores de Power Apps, https://make.powerapps.com seleccione el Iniciador de aplicaciones en la parte superior izquierda de la ventana del explorador y, a continuación, seleccione SharePoint.

  2. Si se muestra la Página de inicio de bienvenida a SharePoint, seleccione ✖ para cerrar el cuadro de diálogo.

  3. En SharePoint, seleccione +Crear sitio.

  4. Seleccione Sitio de grupo, plantilla de Equipo estándar y Usar plantilla.

  5. Escriba Pet boarding para Nombre del sitio y seleccione Siguiente.

  6. Seleccione Crear sitio.

  7. Seleccione Finalizar.

  8. Si se muestra el cuadro de diálogo emergente Inicie el diseño de su sitio, cierre el cuadro de diálogo.

Tarea 1.2 Crear una lista de SharePoint

  1. En el sitio de SharePoint, seleccione + Nuevo y, a continuación, seleccione Lista.

    Captura de pantalla de la nueva lista de SharePoint.

  2. Seleccione Lista en blanco

  3. Escriba Bookings en Nombre y seleccione Crear.

  4. Seleccione +Agregar columna, seleccione Texto y, luego, Siguiente.

  5. En el panel Crear una columna, escriba o seleccione los valores siguientes:

    1. Nombre: Pet Name
    2. Tipo de datos: Línea de texto única

  6. Seleccione Guardar.

  7. Seleccione +Agregar columna, seleccione Texto y, luego, Siguiente.

  8. En el panel Crear una columna, escriba o seleccione los valores siguientes:

    1. Nombre: Owner Name
    2. Tipo de datos: Línea de texto única

  9. Seleccione Guardar.

  10. Seleccione + Agregar columna, seleccione Fecha y hora y, luego, Siguiente.

  11. En el panel Crear una columna, escriba o seleccione los valores siguientes:

    1. Nombre: Start Date
    2. Tipo de datos: Fecha y hora

  12. Seleccione Guardar.

  13. Seleccione + Agregar columna, seleccione Fecha y hora y, luego, Siguiente.

  14. En el panel Crear una columna, escriba o seleccione los valores siguientes:

    1. Nombre: End Date
    2. Tipo de datos: Fecha y hora

  15. Seleccione Guardar.

  16. Copie la primera parte de la dirección URL del sitio de SharePoint, por ejemplo, https://m365x99999999.sharepoint.com/sites/Petboarding/

Ejercicio 2: Incorporación de la lista de SharePoint a la aplicación de lienzo

Tarea 2.1: Editar la aplicación

  1. Vaya al portal de Power Apps Maker https://make.powerapps.com.

  2. Asegúrese de que está en el entorno Dev One.

  3. Seleccione la pestaña Aplicaciones en el menú de navegación de la izquierda.

  4. Seleccione la aplicación Solicitud de reserva, los comandos (…) y Editar > Editar en una pestaña nueva.

Tarea 2.2: Agregar SharePoint como origen de datos

  1. En el menú de creación de aplicaciones, seleccione Datos.

  2. Seleccione el símbolo de intercalación desplegable junto a Agregar datos y escriba SharePoint en Buscar.

    Captura de pantalla de la selección de SharePoint como origen de datos.

  3. Seleccione SharePoint.

  4. Seleccione Conectar directamente (servicios en la nube) y Conectar.

  5. Escriba la dirección URL del sitio de SharePoint que creó anteriormente en este laboratorio.

    Captura de pantalla de la conexión al sitio de SharePoint.

  6. Seleccione Conectar.

  7. Seleccione Reservas.

    Captura de pantalla de la conexión a la lista de SharePoint.

  8. Seleccione Conectar.

Tarea 2.3: Agregar una galería para la lista de SharePoint

  1. En el menú de creación de aplicaciones, seleccione Insertar (+).

  2. Seleccione Galería vertical.

  3. Seleccione Reservas para el origen de datos.

  4. Seleccione Título y subtítulo para Diseño.

  5. Seleccione 6 seleccionado junto a Campos.

  6. Seleccione Nombre de la mascota para Title3.

  7. Seleccione Fecha de inicio para Subtitle3.

  8. Cerrar el panel Datos.

  9. En el menú de creación de aplicaciones, seleccione Vista de árbol.

  10. Cambie el nombre de la galería a BookingList.

  11. Establezca las propiedades de la galería en la barra de fórmulas de la manera siguiente:

    1. X=1000
    2. Y=80
    3. Altura=575
    4. Ancho=250

Ejercicio 3: Colecciones

Tarea 3.1: Crear una colección

  1. En el menú de creación de aplicaciones, seleccione Vista de árbol.

  2. Expanda BookingRequestList.

  3. Seleccione NextArrow.

  4. Establezca la propiedad OnSelect de NextArrow en la barra de fórmulas como:

     Collect(colRequests, ThisItem)

  5. En el menú de creación de aplicaciones, seleccione Vista de árbol.

  6. Seleccione el objeto Aplicación.

  7. Establezca la propiedad OnStart de la barra de fórmulas como:

     Clear(colRequests)

Ejercicio 4: Revisión

Tarea 4.1 Rechazar solicitud de reserva

  1. En el menú de creación de aplicaciones, seleccione Vista de árbol.

  2. Seleccione BookingRequestList.

  3. Seleccione el icono de lápiz en la parte superior izquierda del control galería.

    Captura de pantalla de la edición de la galería.

  4. En el menú de creación de aplicaciones, seleccione Insertar (+).

  5. Expanda Iconos.

  6. Seleccione Bloqueado. El icono se agregará a cada fila de la galería.

  7. Establezca las propiedades del icono en la barra de fórmulas de la manera siguiente:

    1. X=150
    2. Y=40
    3. Altura=30
    4. Ancho=30

    Captura de pantalla de la edición de la galería.

  8. En el menú de creación de aplicaciones, seleccione Vista de árbol.

  9. Cambie el nombre del icono a DeclineIcon.

  10. Establezca la propiedad OnSelect de DeclineIcon en la barra de fórmulas como:

     Patch('Booking Requests', ThisItem, {Decision: 'Decision (Booking Requests)'.Declined})

Ejercicio 5: Usuarios de Office 365

Tarea 5.1 Agregar usuarios de Office 365 como origen de datos

  1. En el menú de creación de aplicaciones, seleccione Datos.

  2. Seleccione el símbolo de intercalación desplegable junto a Agregar datos y escriba Office 365 en Buscar.

  3. Seleccione Usuarios de Office 365.

  4. Seleccione Conectar.

Tarea 5.2 Mostrar el país del usuario

  1. Seleccione fuera de la galería en el lienzo en blanco, o seleccione la MainScreen en la Vista en árbol.

  2. En el menú de creación de aplicaciones, seleccione Insertar (+).

  3. Seleccione Etiqueta de texto.

  4. Arrastre la etiqueta a la parte superior derecha de la pantalla junto a UserLabel.

  5. En el menú de creación de aplicaciones, seleccione Vista de árbol.

  6. Cambie el nombre de la etiqueta a UserDetailsLabel.

  7. Establezca la propiedad Text de UserDetailsLabel en la barra de fórmulas como:

     Office365Users.MyProfile().Country

  8. Establezca las propiedades de la etiqueta en la barra de fórmulas de la manera siguiente:

    1. X=930
    2. Y=20
    3. Tamaño=18
    4. Color=Color.White

  9. Seleccione Guardar en la parte superior derecha de Power Apps Studio.

  10. Seleccione el botón <- Atrás en la parte superior izquierda de la barra de comandos y seleccione Salir para salir de la aplicación.