Skip to content

Instantly share code, notes, and snippets.

@infrony
Last active November 24, 2024 15:25
Show Gist options
  • Save infrony/acf8d05d7ae86efcb602bb129a5922dc to your computer and use it in GitHub Desktop.
Save infrony/acf8d05d7ae86efcb602bb129a5922dc to your computer and use it in GitHub Desktop.
ChatGTP + Mermaid + Caso de Uso

Diagrama de flujo

Prompt

generar un codigo de mermaid js de un flujo de compras de tomates, 
transporte y entrega de mercancia en los supermercados

Mermaid

graph TD
  A[Cliente] -- Realiza pedido --> B((Supermercado))
  B -- Procesa pedido --> C{Hay suficiente stock?}
  C -- Sí --> D[Preparación del pedido]
  D -- Empaqueta --> E[Transportista]
  E -- Transporta --> F((Centro de distribución))
  F -- Almacena --> G[Supermercado]
  G -- Entrega --> H[Cliente]
  C -- No --> I[Notificación de falta de stock]
  I -- Solicita reposición --> J[Proveedor de tomates]
  J -- Suministra tomates --> F
graph TD
  A[Cliente] -- Realiza pedido --> B((Supermercado))
  B -- Procesa pedido --> C{Hay suficiente stock?}
  C -- Sí --> D[Preparación del pedido]
  D -- Empaqueta --> E[Transportista]
  E -- Transporta --> F((Centro de distribución))
  F -- Almacena --> G[Supermercado]
  G -- Entrega --> H[Cliente]
  C -- No --> I[Notificación de falta de stock]
  I -- Solicita reposición --> J[Proveedor de tomates]
  J -- Suministra tomates --> F
Loading

Diagrama de secuencia

Prompt

podrias transformalo en diagrama de secuencia

Mermaid

sequenceDiagram
  participant Cliente
  participant Supermercado
  participant Transportista
  participant CentroDistribucion
  participant Proveedor

  Cliente->>Supermercado: Realiza pedido
  Supermercado->>Cliente: Procesa pedido
  Note over Supermercado: ¿Hay suficiente stock?
  Supermercado-->>Cliente: Sí, Preparación del pedido
  Supermercado-->>Transportista: Empaqueta y envía pedido
  Transportista->>CentroDistribucion: Transporta pedido
  CentroDistribucion->>Supermercado: Almacena pedido
  Supermercado->>Cliente: Entrega pedido

  Supermercado-->>Cliente: No, Notificación de falta de stock
  Cliente->>Proveedor: Solicita reposición
  Proveedor->>CentroDistribucion: Suministra tomates
  CentroDistribucion->>Supermercado: Almacena tomates
  Supermercado->>Cliente: Entrega pedido
sequenceDiagram
  participant Cliente
  participant Supermercado
  participant Transportista
  participant CentroDistribucion
  participant Proveedor

  Cliente->>Supermercado: Realiza pedido
  Supermercado->>Cliente: Procesa pedido
  Note over Supermercado: ¿Hay suficiente stock?
  Supermercado-->>Cliente: Sí, Preparación del pedido
  Supermercado-->>Transportista: Empaqueta y envía pedido
  Transportista->>CentroDistribucion: Transporta pedido
  CentroDistribucion->>Supermercado: Almacena pedido
  Supermercado->>Cliente: Entrega pedido

  Supermercado-->>Cliente: No, Notificación de falta de stock
  Cliente->>Proveedor: Solicita reposición
  Proveedor->>CentroDistribucion: Suministra tomates
  CentroDistribucion->>Supermercado: Almacena tomates
  Supermercado->>Cliente: Entrega pedido
Loading

Diagrama de Clases

Prompt

podras generar un diagrama de clases para este proceso

Mermaid

classDiagram
  class Cliente {
    + realizarPedido()
    + recibirPedido()
  }
  class Supermercado {
    - stockDisponible
    + procesarPedido()
    + prepararPedido()
    + entregarPedido()
    + notificarFaltaStock()
  }
  class Transportista {
    + transportarPedido()
  }
  class CentroDistribucion {
    + almacenarMercancia()
  }
  class Proveedor {
    + suministrarTomates()
  }

  Cliente "1" --> "1" Supermercado
  Supermercado "1" --> "1" Transportista
  Transportista "1" --> "1" CentroDistribucion
  CentroDistribucion "1" --> "1" Supermercado
  Supermercado "1" --> "1" Proveedor
classDiagram
  class Cliente {
    + realizarPedido()
    + recibirPedido()
  }
  class Supermercado {
    - stockDisponible
    + procesarPedido()
    + prepararPedido()
    + entregarPedido()
    + notificarFaltaStock()
  }
  class Transportista {
    + transportarPedido()
  }
  class CentroDistribucion {
    + almacenarMercancia()
  }
  class Proveedor {
    + suministrarTomates()
  }

  Cliente "1" --> "1" Supermercado
  Supermercado "1" --> "1" Transportista
  Transportista "1" --> "1" CentroDistribucion
  CentroDistribucion "1" --> "1" Supermercado
  Supermercado "1" --> "1" Proveedor
Loading

Otros Ejemplos Compartidos

@rominapiguave

graph TD
   A(Factor de Produccion) --> B(Materias primas)
   B --> C(Maracuyás)
   B --> D(Otros frutos)
   B --> E(Bebidas alcohólicas)
   B --> F(Hielo)
   B --> G(Vasos/copas)
   A --> H(Mano de obra calificada)
   A --> I(Equipos para preparación)
   A --> J(Renta local comercial)
   K(Condiciones de Demanda) --> L(Consumidores cócteles)
   K --> M(Turistas)
   K --> N(Eventos sociales)
   O(Industrias Relacionadas)<-->P(Proveedores frutas)
   O --> Q(Distribuidores bebidas)
   O --> R(Fabricantes copas)
   S(Estrategia, Estructura, Rivalidad) --> T(Diferenciación)
   S --> U(Calidad servicio)
   S --> V(Ambiente local)
   S --> W(Nuevos competidores)
Loading

@leoyeve

graph TD
    A[Identificación del Producto] --> B[Análisis del Empaque Actual]
    B --> C[Definición de la Función Principal]
    C --> D[Objetivo del Nuevo Empaque]
    D --> E[Análisis del Contexto y Usuario]
    E --> F[Diseño del Nuevo Empaque]
    F --> G[Evaluación del Diseño]
    G --> H[Implementación]

    A1[Objeto: Nuevo Empaque] --> A
    A2[Recopilar información] --> A
    B1[Material, Diseño, Tamaño] --> B
    B2[Problemas Actuales] --> B
    C1[Protección del Producto] --> C
    C2[Facilidad de Uso] --> C
    C3[Atractivo Visual] --> C
    C4[Sostenibilidad] --> C
    D1[Mejorar Protección] --> D
    D2[Reducir Costos] --> D
    D3[Aumentar Sostenibilidad] --> D
    D4[Mejorar Experiencia del Usuario] --> D
    E1[Contexto de Uso] --> E
    E2[Perfil del Usuario] --> E
    F1[Generar Ideas de Diseño] --> F
    F2[Seleccionar Materiales] --> F
    F3[Prototipado y Pruebas] --> F
    G1[Recopilar Feedback] --> G
    G2[Ajustes y Mejoras] --> G
    H1[Producción en Masa] --> H
    H2[Distribución y Lanzamiento] --> H
Loading

Tambien hay una herramienta gratuita para probar en vivo https://mermaid.live/

@rominapiguave
Copy link

#graph TD;
A(Factor de Produccion) --> B(Materias primas);
B --> C(Maracuyás);
B --> D(Otros frutos);
B --> E(Bebidas alcohólicas);
B --> F(Hielo);
B --> G(Vasos/copas);
A --> H(Mano de obra calificada);
A --> I(Equipos para preparación);
A --> J(Renta local comercial);
K(Condiciones de Demanda) --> L(Consumidores cócteles);
K --> M(Turistas);
K --> N(Eventos sociales);
O(Industrias Relacionadas)<-->P(Proveedores frutas);
O --> Q(Distribuidores bebidas);
O --> R(Fabricantes copas);
S(Estrategia, Estructura, Rivalidad) --> T(Diferenciación);
S --> U(Calidad servicio);
S --> V(Ambiente local);
S --> W(Nuevos competidores);

@rominapiguave
Copy link

rominapiguave commented Jan 23, 2024

graph TD;
    A(Factor de Produccion) --> B(Materias primas);
    B --> C(Maracuyás);
    B --> D(Otros frutos);
    B --> E(Bebidas alcohólicas); 
    B --> F(Hielo);
    B --> G(Vasos/copas);
    A --> H(Mano de obra calificada);
    A --> I(Equipos para preparación);  
    A --> J(Renta local comercial);
    K(Condiciones de Demanda) --> L(Consumidores cócteles);
    K --> M(Turistas); 
    K --> N(Eventos sociales);
    O(Industrias Relacionadas)<-->P(Proveedores frutas); 
    O --> Q(Distribuidores bebidas);
    O --> R(Fabricantes copas);
    S(Estrategia, Estructura, Rivalidad) --> T(Diferenciación);
    S --> U(Calidad servicio);
    S --> V(Ambiente local);
    S --> W(Nuevos competidores);
Loading

@infrony
Copy link
Author

infrony commented Jan 25, 2024

@rominapiguave solo necesita poner el código

```mermaid

antes del código mermaid y al final de tu código

```

Aca tu ejemplo:

graph TD
   A(Factor de Produccion) --> B(Materias primas)
   B --> C(Maracuyás)
   B --> D(Otros frutos)
   B --> E(Bebidas alcohólicas)
   B --> F(Hielo)
   B --> G(Vasos/copas)
   A --> H(Mano de obra calificada)
   A --> I(Equipos para preparación)
   A --> J(Renta local comercial)
   K(Condiciones de Demanda) --> L(Consumidores cócteles)
   K --> M(Turistas)
   K --> N(Eventos sociales)
   O(Industrias Relacionadas)<-->P(Proveedores frutas)
   O --> Q(Distribuidores bebidas)
   O --> R(Fabricantes copas)
   S(Estrategia, Estructura, Rivalidad) --> T(Diferenciación)
   S --> U(Calidad servicio)
   S --> V(Ambiente local)
   S --> W(Nuevos competidores)
Loading

@leoyeve
Copy link

leoyeve commented Jun 5, 2024

graph TD
    A[Identificación del Producto] --> B[Análisis del Empaque Actual]
    B --> C[Definición de la Función Principal]
    C --> D[Objetivo del Nuevo Empaque]
    D --> E[Análisis del Contexto y Usuario]
    E --> F[Diseño del Nuevo Empaque]
    F --> G[Evaluación del Diseño]
    G --> H[Implementación]

    A1[Objeto: Nuevo Empaque] --> A
    A2[Recopilar información] --> A
    B1[Material, Diseño, Tamaño] --> B
    B2[Problemas Actuales] --> B
    C1[Protección del Producto] --> C
    C2[Facilidad de Uso] --> C
    C3[Atractivo Visual] --> C
    C4[Sostenibilidad] --> C
    D1[Mejorar Protección] --> D
    D2[Reducir Costos] --> D
    D3[Aumentar Sostenibilidad] --> D
    D4[Mejorar Experiencia del Usuario] --> D
    E1[Contexto de Uso] --> E
    E2[Perfil del Usuario] --> E
    F1[Generar Ideas de Diseño] --> F
    F2[Seleccionar Materiales] --> F
    F3[Prototipado y Pruebas] --> F
    G1[Recopilar Feedback] --> G
    G2[Ajustes y Mejoras] --> G
    H1[Producción en Masa] --> H
    H2[Distribución y Lanzamiento] --> H
Loading

@leoyeve
Copy link

leoyeve commented Jun 5, 2024

graph TD
    A[Identificación del Producto] --> B[Análisis del Empaque Actual]
    B --> C[Definición de la Función Principal]
    C --> D[Objetivo del Nuevo Empaque]
    D --> E[Análisis del Contexto y Usuario]
    E --> F[Diseño del Nuevo Empaque]
    F --> G[Evaluación del Diseño]
    G --> H[Implementación]

    A1[Objeto: Nuevo Empaque] --> A
    A2[Recopilar información] --> A
    B1[Material, Diseño, Tamaño] --> B
    B2[Problemas Actuales] --> B
    C1[Protección del Producto] --> C
    C2[Facilidad de Uso] --> C
    C3[Atractivo Visual] --> C
    C4[Sostenibilidad] --> C
    D1[Mejorar Protección] --> D
    D2[Reducir Costos] --> D
    D3[Aumentar Sostenibilidad] --> D
    D4[Mejorar Experiencia del Usuario] --> D
    E1[Contexto de Uso] --> E
    E2[Perfil del Usuario] --> E
    F1[Generar Ideas de Diseño] --> F
    F2[Seleccionar Materiales] --> F
    F3[Prototipado y Pruebas] --> F
    G1[Recopilar Feedback] --> G
    G2[Ajustes y Mejoras] --> G
    H1[Producción en Masa] --> H
    H2[Distribución y Lanzamiento] --> H
Loading

@leilagaliayapura
Copy link

graph TD;
A[Contacto Inicial de Bienvenida] --> B[Verificación de Satisfacción Inicial]
B --> C{Cliente Satisfecho}
C -->|Sí| D[Registro de Satisfacción]
C -->|No| E[Resolución de Incidencias]
E --> F[Registro de Incidencias]
F --> G[Resolución de Incidencias]
G --> B
D --> H[Encuesta de Satisfacción]
H --> I[Análisis de Resultados]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment