Saltar al contenido

Diagramas de Gantt

App Builder tiene una opción de panel Gantt que permite visualizar un diagrama de Gantt. Los diagramas de Gantt son útiles para planificar y programar proyectos. Le ayudan a evaluar cuánto tiempo debe durar un proyecto, determinar los recursos necesarios y planificar el orden en el que completará las tareas. También son útiles para administrar las dependencias entre tareas.

Los diagramas de Gantt permiten a un usuario acercar el diagrama en sí, para ver una determinada región de información ampliada desde el diagrama. Para hacer zoom, haga clic izquierdo y arrastre el control del mouse sobre la región que desea ampliar. Después de hacer zoom, puede restablecer el diagrama haciendo clic en el botón Restablecer zoom en la región superior derecha del diagrama.

Para crear un diagrama de Gantt en un panel de Gantt, necesitará un objeto comercial que contenga información para los controles que requiere el diagrama. Tarea y Fecha de inicio son controles obligatorios, Fecha de finalización y Color son valores opcionales que también se pueden almacenar. Los diagramas de Gantt también se pueden utilizar para representar y mostrar dependencias de tareas y grupos de tareas (suponiendo que la información sobre estos valores esté configurada en el objeto comercial). Consulte la sección Controles del diagrama de Gantt de este artículo para obtener una descripción general de los controles con los que funciona el diagrama de Gantt.

Nota

Consulte la sección Ejemplo de datos subyacentes de este artículo para revisar un archivo CSV que ilustra cómo se ven los datos de respaldo para un diagrama de Gantt.

ganttchartsimple

Controles del Diagrama de Gantt

Nombre Obligatorio Descripción
Tarea Representa cada fila de datos del objeto comercial como un bloque de tiempo individual con duración definida por los valores de inicio y fin
Inicio Fecha y hora de inicio de cada tarea individual
Fin No Fecha y hora de finalización de cada tarea individual. Si Fin no está completo o es igual a Inicio, la tarea se representará visualmente en el diagrama de Gantt mediante un único punto, conocido como Hito
Color No El color del bloque de tarea o hito. Ejemplo: #008000
Dependencia No Determina la relación de la tarea con las otras tareas de las que depende. Esto define para cada tarea "¿De qué tareas dependo?" y no "¿Qué tareas dependen de mí?".
ParentTask No Para la disposición jerárquica de las tareas, es una referencia a otra tarea del objeto comercial. Las tareas con la misma ParentTask se colocan como hermanas en la jerarquía. Admite jerarquías de varios niveles y expansión/contracción para la navegación.
TaskGroup No Se utiliza para agrupar o colocar varias tareas en la misma fila. Las tareas con el mismo TaskGroup se muestran en la misma fila del diagrama de Gantt.

Gestión de Dependencias de Tareas

Los diagramas de Gantt también pueden mostrar información de dependencia de tareas, donde primero se define la información de dependencia de tareas en el objeto comercial utilizado para el diagrama y luego se agrega la dependencia como un tipo de control al diagrama.

| Tarea | Dependencia | | ------------------- | ------------------- |TABLEROWEND| Iniciar Prototipo | | | Desarrollar | Iniciar prototipo |TABLEROWEND| Ejecutar prueba de aceptación | Desarrollar |TABLEROWEND| Prototipo de prueba | Ejecutar prueba de aceptación |

diagrama de Gantt

Dependencias Múltiples

Los diagramas de Gantt pueden mostrar múltiples dependencias para las tareas. Para ello, el objeto de negocio subyacente debe estar configurado para tener información que represente las múltiples dependencias.

Ejemplo de Datos de Dependencia Múltiple

| Tarea | Dependencia | | ------------------- | ------------------- |TABLEROWEND| Iniciar Prototipo | | | Desarrollar | Iniciar prototipo |TABLEROWEND| Ejecutar prueba de aceptación | Desarrollar |TABLEROWEND| Prototipo de prueba | Ejecutar prueba de aceptación | | Desplegar y celebrar | Iniciar prototipo | | Desplegar y celebrar | Realizar prueba de aceptación | | Desplegar y celebrar | Probar prototipo |

múltiples dependencias

Subtipos de Paneles de Gantt: Apilados o Uno al Lado del Otro

Para permitir la agrupación y las jerarquías avanzadas en los diagramas de Gantt, están disponibles los dos subtipos siguientes:

Apilado (predeterminado):

  • Caso de uso común: Gestión de proyectos
  • Cada tarea del objeto de negocio estará en su propia fila en el diagrama de Gantt resultante (1-1)
  • Visualiza la estructura de desglose del trabajo para los proyectos
  • Tiene las tareas en el eje vertical con la duración de las tareas en el eje horizontal
  • Muestra los intervalos de tiempo de las tareas y sus dependencias

Lado a Lado:

  • Caso de uso común: Gestión y programación de recursos
  • Varias tareas del objeto de negocio se pueden agrupar en una fila en el diagrama de Gantt resultante (N-1)
  • Coloca las tareas en pistas horizontales, utilizando el eje vertical como grupo
  • Muestra intervalos de tiempo de las tareas y sus dependencias

Nota

Los controles descritos en Controles del diagrama de Gantt son los mismos para ambos subtipos. Si solo se utilizan estos controles, ambos subtipos generarán el mismo diagrama. Las diferencias entre los dos subtipos se documentan a continuación.

Subtipo Apilado

ParentTask (Control)

  • Para la disposición jerárquica de las tareas
  • ParentTask requiere una fila o registro individual que la represente en el objeto comercial
  • Las tareas con la misma ParentTask se ubicarán como hermanas en la jerarquía
  • Admite jerarquías de varios niveles y expansión/contracción para la navegación

Nota

Al definir una ParentTask en su propia fila de datos del objeto comercial, tanto Start como End son opcionales. Si se deja en blanco, la Task heredará el inicio más temprano y el final más tardío de sus tareas secundarias.

Datos de Ejemplo de Parenttask

Tarea Tarea principal
Planificación
Requisitos Planificación
Diseño Planificación
Diseño Maquetación
Gráficos Diseño
Desarrollar
Crear pruebas unitarias Desarrollar
Desplegar Desarrollar

tarea principal

Combinación de Tareas Principales y Dependencias

Tarea Tarea principal Dependencia
Proyecto 1
Tarea A Proyecto 1
Tarea B Proyecto 1 Tarea A
Proyecto 2
Tarea C Proyecto 2
Tarea D Proyecto 2 Tarea B
Tarea D Proyecto 2 Tarea C

Subtipo Lado a Lado

Grupo de Tareas (control)

  • Se utiliza para agrupar o colocar varias tareas en la misma fila.
  • Las tareas con el mismo grupo de tareas aparecerán en la misma fila del diagrama de Gantt.

Datos de Ejemplo de Grupo de Tareas

Tarea Grupo de tareas
Tarea 1 Grupo de tareas 1
Tarea 2 Grupo de tareas 1
Tarea 3 Grupo de tareas 1
Tarea 4 Grupo de tareas 2
Tarea 5 Grupo de tareas 2
Tarea 6 Grupo de tareas 2
Tarea 7 Grupo de tareas 3
Tarea 8 Grupo de tareas 3
Tarea 9 Grupo de tareas 3

Gantt lado a lado

Combinación de Grupos de Tareas y Dependencias

Combinando Datos de Ejemplo

Tarea Grupo de tareas Dependencia
Tarea 1 Grupo de tareas 1
Tarea 2 Tarea 1
Tarea 3 Grupo de tareas 1 Tarea 2
Tarea 4 Grupo de tareas 2
Tarea 5 Grupo de tareas 2 Tarea 1
Tarea 6 Grupo de tareas 2 Tarea 2
Tarea 7 Grupo de tareas 2 Tarea 6

Cómo Configurar un Diagrama de Gantt en App Builder

Esto supone que ya tiene un objeto comercial que contiene todos los controles con los que necesitará trabajar para el diagrama de Gantt. Consulte la información del artículo para obtener una descripción completa de los tipos de controles y subtipos que admite el diagrama de Gantt.

  1. Cree una página dinámica para contener el diagrama de Gantt
  2. Agregue un panel a la página, seleccione Gantt como Tipo
  3. Para Origen, seleccione el objeto comercial creado para el diagrama de Gantt
  4. Agregue los Controles necesarios para el tipo de diagrama de Gantt que se va a crear:

    • Tarea es obligatoria
    • Inicio es obligatorio
    • Fin es opcional
    • Color es opcional
    • Dependencia es opcional
    • Tarea principal es opcional
    • Grupo de tareas es opcional
  5. Establezca el valor Subtipo si es necesario para el tipo de diagrama de Gantt que se va a crear Creado:

    • Apilados
    • Lado a lado
  6. Ejecutar la página y probar el diagrama de Gantt

Ejemplo de Datos Subyacentes

Para utilizar diagramas de Gantt, es necesario definir correctamente los datos subyacentes. Para ilustrar este concepto, consulte el enlace Ejemplo de datos de la tabla de tareas que se utiliza para generar el diagrama de Gantt de dependencias múltiples que se muestra en este artículo.