Texto a Diagrama

Entrada

Describa el proceso, la interacción o el tema

Un cliente realiza un pedido en la tienda online. Comprobamos si hay existencias de todos los artículos. En caso afirmativo, preparamos el paquete, lo entregamos al transportista el mismo día y enviamos el número de seguimiento por correo. Si no hay existencias, escribimos al cliente para ofrecerle un reembolso o el envío en cuanto recibamos material; los reembolsos se abonan en un plazo de 3 días.

Tipo de diagrama

Diagrama de flujo (pasos y decisiones)

Orientación del diagrama de flujo

De arriba abajo

Salida (extracto)

```mermaid
flowchart TD
  A(["Pedido recibido"]) --> B{"¿Hay existencias?"}
  B -->|"sí"| C["Empaquetar el pedido"]
  C --> D["Entregar al transportista hoy"]
  D --> E["Enviar código de seguimiento por correo"]
  B -->|"no"| F["Escribir al cliente"]
  F --> G{"¿Reembolso o esperar?"}
  G -->|"reembolso"| H["Emitir reembolso en 3 días"]
  G -->|"esperar"| I["Entregar cuando vuelva a haber existencias"]
```
…

Entrada

Describa el proceso, la interacción o el tema

El cliente pulsa en «Pagar» en la aplicación de la tienda. La aplicación solicita al servidor que genere el pago. El servidor contacta con la pasarela de pago, que pide al banco del cliente la autorización de la tarjeta. El banco responde aprobando o denegando la operación; la pasarela remite la respuesta al servidor, y este indica a la aplicación si debe mostrar una pantalla de confirmación o de error.

Tipo de diagrama

Diagrama de secuencia (interacciones entre partes)

Orientación del diagrama de flujo

De arriba abajo

Salida (extracto)

```mermaid
sequenceDiagram
  participant A as App de la tienda
  participant S as Servidor de la tienda
  participant P as Pasarela de pago
  participant B as Banco
  A->>S: Crear pago
  S->>P: Procesar cobro con tarjeta
  P->>B: Autorizar
  alt autorizada
    B-->>P: Aprobada
    P-->>S: Pago correcto
    S-->>A: Mostrar confirmación
  else rechazada
…