Laboratorio de práctica 4: Configuración de formularios y vistas

Escenario

En este laboratorio, configurará formularios y vistas para una aplicación controlada por modelos.

Contoso Real Estate quiere realizar un seguimiento de dos elementos clave:

  • Listados de propiedades inmobiliarias
  • Quién tiene cita para visitar propiedades inmobiliarias

Aprendizaje

  • Configuración de formularios de tabla
  • Configuración de vistas de tabla

Pasos de alto nivel del laboratorio

  • Configuración del formulario principal de la propiedad inmobiliaria y de las visitas
  • Configuración de pestañas y secciones
  • Adición de columnas a formularios
  • Adición de una subcuadrícula
  • Creación de formularios
  • Asociación de roles de seguridad con formularios
  • Configuración de las vistas de la propiedad inmobiliaria y de las visitas
  • Filtrado de vistas
  • Configuración de la vista de búsqueda rápida

Requisitos previos

  • Debe de haber completado la práctica Laboratorio 2: Modelo de datos

Pasos detallados

Ejercicio 1: Formulario principal de propiedad inmobiliaria

En este ejercicio, modificará el formulario principal de la tabla Propiedad inmobiliaria.

Tarea 1.1: Diseño de formulario principal y columnas

  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 Soluciones.

  4. Abra la solución Descripciones de propiedades.

  5. Seleccione la tabla Propiedad inmobiliaria.

  6. En Experiencias de datos, seleccione Formularios.

  7. Seleccione el formulario Información donde el tipo de formulario es Principal, seleccione el menú Comandos (…) y seleccione Editar > Editar en nueva pestaña.

  8. Seleccione Vista de árbol en el lado izquierdo del diseñador de formularios.

  9. Seleccione la pestaña General.

  10. Escriba generalTab en Nombre.

  11. En el panel Propiedades del lado derecho, seleccione 3 columnas en la lista desplegable Diseño.

    Captura de pantalla del formulario principal con 3 pestañas de columna.

  12. En la vista de árbol, expanda la pestaña General. Seleccione la primera sección y escriba generalSection en Nombre.

  13. Seleccione la segunda sección y escriba Timeline en Etiqueta y timelineSection en Nombre.

  14. Seleccione la tercera sección y escriba Related en Etiqueta y relatedSection en Nombre.

  15. Arrastre el campo Propietario al área Encabezado.

    Captura de pantalla del formulario principal con la vista de árbol y los nombres.

  16. Seleccione la primera sección.

  17. Seleccione Columnas de tabla en el panel de navegación izquierdo del diseñador de formularios.

  18. Arrastre la columna Cliente debajo del campo Nombre de propiedad.

  19. Seleccione la columna Calle para agregar al formulario debajo de Cliente.

  20. Seleccione la columna Ciudad para agregar al formulario debajo de Calle.

  21. Seleccione Componentes en el panel de navegación izquierdo del diseñador de formularios.

  22. Seleccione el control de sección de 1 columna para agregarlo al formulario.

  23. Escriba Details en Etiqueta y detailsSection en Nombre.

  24. Seleccione Columnas de tabla en el panel de navegación izquierdo del diseñador de formularios.

  25. Seleccione la columna Precio de venta para agregarla a la sección Detalles.

  26. Seleccione la columna Moneda para agregarla al formulario debajo de Precio de venta.

  27. Seleccione la columna Dormitorios para agregarla al formulario debajo de Moneda.

  28. Seleccione la columna Baños para agregarla al formulario debajo de Dormitorios.

    Captura de pantalla del formulario principal con columnas de tabla.

Tarea 1.2: Adición de un control de escala de tiempo

  1. Seleccione Vista de árbol en el panel de navegación izquierdo del diseñador de formularios.

  2. Seleccione la sección Escala de tiempo.

  3. Seleccione Componentes en el panel de navegación izquierdo del diseñador de formularios.

  4. Expanda Mostrar.

  5. Seleccione el control Escala de tiempo para agregarlo a la sección Escala de tiempo.

  6. Seleccione Vista de árbol en el panel de navegación izquierdo del diseñador de formularios, expanda la pestaña General y seleccione la sección Escala de tiempo.

  7. En el panel Propiedades del lado derecho, active la casilla Ocultar etiqueta.

    Control de escala de tiempo en el formulario.

  8. En la Vista de árbol, seleccione el control Texto de nota para la escala de tiempo.

  9. En el panel Propiedades del lado derecho, seleccione Actividad social, desactive la casilla Habilitar y seleccione Listo.

  10. En el panel Propiedades del lado derecho, seleccione Fecha de creación en la lista desplegable Ordenar actividades por.

  11. Seleccione Columnas de tabla en el panel de navegación izquierdo del diseñador de formularios.

  12. Arrastre la columna Motivo de estado al área Encabezado.

Tarea 1.3: Adición de un control de vista rápida

  1. Seleccione Vista de árbol en el lado izquierdo del diseñador de formularios.

  2. Seleccione la sección Relacionado.

  3. Seleccione Componentes en el panel de navegación izquierdo del diseñador de formularios.

  4. Expanda Mostrar.

  5. Seleccione el control Vista rápida para agregarlo a la sección Relacionado.

  6. Seleccione Cliente para Búsqueda y tarjeta de contacto de cuenta para Contacto y seleccione Listo.

Tarea 1.4: Adición de una pestaña

  1. Seleccione Componentes en el panel de navegación izquierdo del diseñador de formularios.

  2. Seleccione el control de pestaña de 1 columna para agregarlo al formulario.

  3. Escriba Showings en Etiqueta y showingTab en Etiqueta.

  4. Seleccione Vista de árbol en el lado izquierdo del diseñador de formularios, expanda la pestaña Visitas y seleccione la sección Nueva sección.

  5. Escriba Showings en Etiqueta y showingSection en Nombre.

  6. Seleccione Componentes en el panel de navegación izquierdo del diseñador de formularios.

  7. Expanda la Cuadrícula.

  8. Seleccione el control de Subcuadrícula para agregarlo a la sección Visitas.

  9. Seleccione Solo los registros relacionados.

  10. Seleccione Visitas para Tabla y Visitas activas para la Vista predeterminada y seleccione Listo.

  11. Escriba Showings en Etiqueta y showingsSG en Nombre.

  12. Seleccione Ocultar etiqueta.

  13. Seleccione Guardar y publicar.

  14. Cierre el diseñador de formularios.

  15. Seleccione Listo.

Ejercicio 2: Visualización del formulario principal

En este ejercicio, modificará el formulario principal de la tabla de Visita.

Tarea 2.1: Diseño y columnas del formulario principal

  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 Soluciones.

  4. Abra la solución Descripciones de propiedades.

  5. Seleccione la tabla Visitas.

  6. En Experiencias de datos, seleccione Formularios.

  7. Seleccione el formulario Información donde el tipo de formulario es Principal, seleccione el menú Comandos (…) y seleccione Editar > Editar en nueva pestaña.

  8. Arrastre el campo Propietario al área Encabezado.

  9. Seleccione Columnas de tabla en el panel de navegación izquierdo del diseñador de formularios.

  10. Arrastre la columna Propiedad inmobiliaria debajo del campo Nombre.

  11. Seleccione la columna Se ha mostrado a agregarla al formulario debajo de Propiedad inmobiliaria.

  12. Seleccione la columna Mostrada por para agregarla al formulario debajo de Se ha mostrado a.

  13. Seleccione la columna Fecha de visita para agregarla al formulario debajo de Mostrada por.

  14. Seleccione la columna Nivel de interés para agregarla al formulario debajo de Fecha de visita.

  15. Seleccione la columna Comentarios para agregarla al formulario debajo de Nivel de interés.

  16. En el panel Propiedades del lado derecho, aumente la altura del campo de formulario a 3 filas.

  17. Seleccione Guardar y publicar.

  18. Cierre el diseñador de formularios.

  19. Seleccione Listo.

Ejercicio 3: Varios formularios

En este ejercicio, creará un nuevo formulario y restringirá el acceso con un rol de seguridad.

Tarea 3.1: Rol de seguridad

  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 Soluciones.

  4. Abra la solución Descripciones de propiedades.

  5. Seleccione + Nuevo, seleccione Seguridad y seleccione Rol de seguridad.

  6. Escriba Property admin en Nombre de rol.

  7. Seleccione la pestaña Entidades personalizadas.

  8. Seleccione la tabla Propiedad inmobiliaria 4 veces para cambiar el nivel de acceso en todos los privilegios a Organización.

    Privilegios de propiedad inmobiliaria en el rol de seguridad.

  9. Seleccione la tabla Visita 4 veces para cambiar el nivel de acceso en todos los privilegios a Organización.

  10. Seleccione Guardar y cerrar.

  11. Seleccione Listo.

Tarea 3.2: Copia del formulario

  1. Seleccione la tabla Visitas.

  2. En Experiencias de datos, seleccione Formularios.

  3. Seleccione el formulario Información donde el tipo de formulario es Principal, seleccione el menú Comandos (…) y seleccione Editar > Editar en nueva pestaña.

  4. Seleccione Nivel de interés y, en el panel de Propiedades, seleccione Solo lectura.

  5. Seleccione Comentarios y, en el panel de Propiedades, seleccione Solo lectura.

  6. Seleccione Guardar una copia.

  7. Escriba Showing admin form en Nombre para mostrar y seleccione Guardar.

    Copia del formulario principal de Visita.

  8. Seleccione Configuración del formulario.

  9. Seleccione el rol de seguridad Administrador de propiedades.

    Roles de seguridad del formulario principal.

  10. Seleccione Guardar y publicar.

  11. Cierre el diseñador de formularios.

  12. Seleccione Listo.

Ejercicio 4: Vistas de propiedades inmobiliarias

En este ejercicio, modificará las vistas de la tabla Propiedad inmobiliaria.

Tarea 4.1: Vista pública de la propiedad inmobiliaria

  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 Soluciones.

  4. Abra la solución Descripciones de propiedades.

  5. Seleccione la tabla Propiedad inmobiliaria.

  6. En Experiencias de datos, seleccione Vistas.

  7. Seleccione la vista Propiedades inmobiliarias activas, seleccione el menú Comandos (…) y seleccione Editar > Editar en la nueva pestaña.

  8. Seleccione el símbolo de intercalación junto a la columna Creada en y seleccione Quitar.

  9. Seleccione la columna Precio de venta para agregarla a la vista.

  10. Seleccione la columna Ciudad para agregarla a la vista.

  11. Seleccione la columna Dormitorios para agregarla a la vista.

  12. Seleccione la columna Baños para agregarla a la vista.

  13. Seleccione la columna Cliente para agregarla a la vista.

  14. En el panel Propiedades, quite Nombre de propiedad en Ordenar por.

  15. En el panel Propiedades, seleccione Ordenar por y seleccione Precio de venta.

    Vista activa de la propiedad inmobiliaria.

  16. Seleccione Guardar y publicar.

  17. Cierre el diseñador de vistas.

  18. Seleccione Listo.

Tarea 4.2: Vista de búsqueda rápida de propiedades inmobiliarias

  1. Seleccione la vista Búsqueda rápida de propiedades inmobiliarias activas, seleccione el menú Comandos (…) y, después, Editar > Editar en la nueva pestaña.

  2. Seleccione el símbolo de intercalación junto a la columna Creada en y seleccione Quitar.

  3. En el panel Búsqueda rápida de propiedades inmobiliarias activas de la derecha, seleccione Editar columnas de la tabla de búsqueda en **Buscar por **.

  4. Elija las columnas siguientes y seleccione Aplicar.

    • Ciudad
    • Remoto
    • Nombre de propiedad

  5. Seleccione Guardar y publicar.

  6. Cierre el diseñador de vistas.

  7. Seleccione Listo.

Ejercicio 5: Vistas de visita

En este ejercicio, modificará las vistas de la tabla Visita.

Tarea 5.1: Vista de la visita pública

  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 Soluciones.

  4. Abra la solución Descripciones de propiedades.

  5. Seleccione la tabla Visitas.

  6. En Experiencias de datos, seleccione Vistas.

  7. Seleccione la vista Visitas activas, seleccione el menú Comandos (…) y seleccione Editar > Editar en la nueva pestaña.

  8. Seleccione el símbolo de intercalación junto a la columna Creada en y seleccione Quitar.

  9. Seleccione la columna Propiedad inmobiliaria para agregarla a la vista.

  10. Seleccione la columna Fecha de visita para agregarla a la vista.

  11. Seleccione la columna Se ha mostrado a para agregarla a la vista.

  12. Seleccione la columna Nivel de interés para agregarla a la vista.

  13. Seleccione la pestaña Relacionado.

  14. Expanda Propiedad inmobiliaria.

  15. Seleccione la columna Precio de venta para agregarla a la vista.

  16. En el panel Propiedades, quite Nombre en Ordenar por.

  17. En el panel Propiedades, seleccione Ordenar por y seleccione Fecha de visita.

  18. En el menú desplegable Guardar y publicar, seleccione Guardar solo.

Tarea 5.2: Vista de nueva visita

  1. Seleccione Guardar como.

  2. Escriba High Interest showings en Nombre.

  3. Seleccione Guardar.

  4. Seleccione el símbolo de intercalación junto a la columna Nivel de interés y seleccione Filtrar por.

  5. Seleccione Equivale a y elija Muy alto y Alto.

  6. Seleccione Aplicar.

  7. Seleccione Guardar y publicar.

  8. Cierre el diseñador de vistas.

  9. Seleccione Listo.