Diagramma di flusso: 5 esempi per scuola e lavoro

Gli esempi di diagramma di flusso servono a cose molto diverse: la maestra che introduce il coding in terza elementare, lo studente dell'istituto tecnico alle prese con il primo algoritmo, il responsabile operativo che deve spiegare come si evade un ordine, il titolare di un ristorante che prepara il piano HACCP. Qui trovi cinque esempi, uno per ogni situazione, ognuno con lo schema, una spiegazione breve e il codice Mermaid da copiare e modificare.

In breve. Un diagramma di flusso si legge dall'alto verso il basso: l'ovale segna inizio e fine, il rettangolo un'azione, il rombo una domanda sì/no e il parallelogramma un dato letto o scritto. Gli esempi più semplici (scuola primaria) usano solo ovale, rettangolo e rombo; quelli di informatica aggiungono input, output e cicli; quelli aziendali aggiungono eccezioni e approvazioni.

Come leggere questi esempi

Ogni esempio ha tre parti: lo schema, una spiegazione di cosa insegna e il codice Mermaid. Mermaid è un formato di testo per i diagrammi: ogni riga è una freccia, le parentesi decidono la forma (([ ]) ovale, [ ] rettangolo, { } rombo, [/ /] parallelogramma). Copiando il codice e cambiando le parole ottieni il tuo diagramma senza ridisegnarlo. I simboli e il metodo per costruire uno schema da zero sono spiegati nella guida su cos'è un diagramma di flusso.

1. Esempio per la scuola primaria: attraversare la strada

È l'esempio più usato per introdurre il diagramma di flusso alla scuola primaria, perché parte da un'azione che i bambini conoscono e contiene due idee importanti. La prima: una domanda porta a due strade diverse. La seconda: a volte bisogna tornare indietro e ripetere, come quando il semaforo è rosso e si aspetta, o quando arriva una macchina e si guarda di nuovo. In classe funziona bene farlo prima con le frecce disegnate per terra e poi su carta.

flowchart TD
  A([Inizio]) --> B[Arrivo alle strisce pedonali]
  B --> C{Il semaforo è verde?}
  C -- No --> W[Aspetto sul marciapiede]
  W --> C
  C -- Sì --> D[Guardo a sinistra e a destra]
  D --> E{Arrivano macchine?}
  E -- Sì --> D
  E -- No --> F[Attraverso camminando]
  F --> Z([Fine])

Altri esempi semplici con la stessa struttura: lavarsi le mani (l'acqua è calda?), preparare lo zaino (ho tutti i libri dell'orario di domani?), annaffiare una pianta (la terra è asciutta?).

2. Algoritmo: un numero è pari o dispari?

È il primo esercizio di quasi ogni corso di informatica. Introduce il parallelogramma per l'input ("Leggi il numero N") e per l'output ("Scrivi pari"), e una condizione basata sul resto della divisione: se N diviso 2 dà resto 0, il numero è pari. Lo stesso schema, con la condizione "A > B?", risolve l'esercizio del maggiore tra due numeri.

flowchart TD
  A([Inizio]) --> B[/Leggi il numero N/]
  B --> C{N mod 2 = 0?}
  C -- Sì --> D[/Scrivi pari/]
  C -- No --> E[/Scrivi dispari/]
  D --> F([Fine])
  E --> F

3. Algoritmo con ciclo: somma dei numeri da 1 a N

Questo esempio mostra come si disegna un ciclo. Si inizializzano due variabili (la somma S a 0 e il contatore I a 1), poi il rombo "I ≤ N?" decide se continuare: finché la risposta è sì, si aggiunge I alla somma, si incrementa I e si torna al rombo. Quando I supera N, si esce dal ciclo e si scrive il risultato. Con N = 4 il diagramma calcola 1 + 2 + 3 + 4 = 10. Per il fattoriale basta partire da S = 1 e moltiplicare invece di sommare.

flowchart TD
  A([Inizio]) --> B[/Leggi N/]
  B --> C[S = 0, I = 1]
  C --> D{I ≤ N?}
  D -- Sì --> E[S = S + I]
  E --> F[I = I + 1]
  F --> D
  D -- No --> G[/Scrivi S/]
  G --> Z([Fine])

4. Processo aziendale: gestione di un ordine e-commerce

In azienda il diagramma di flusso serve soprattutto a gestire le eccezioni. Il percorso principale (ordine ricevuto, prelievo, imballaggio, spedizione, consegna) è ovvio a tutti; il valore sta nei rami laterali: cosa succede se il pagamento non passa, cosa succede se un articolo manca. Questo schema è utile per formare chi entra in magazzino o in assistenza clienti, e diventa la base di una procedura scritta.

flowchart TD
  A([Ordine ricevuto]) --> B{Pagamento autorizzato?}
  B -- No --> C[Email al cliente per aggiornare il pagamento]
  C --> B
  B -- Sì --> E{Tutti gli articoli disponibili?}
  E -- No --> F[Spedizione parziale o ordine in attesa]
  E -- Sì --> G[Prelievo e imballaggio]
  F --> G
  G --> H[Etichetta e consegna al corriere]
  H --> I[/Email con il tracking/]
  I --> J([Ordine consegnato])

Con la stessa struttura si disegnano l'approvazione di una nota spese, la gestione di un reso o l'inserimento di un nuovo dipendente.

5. Diagramma di flusso HACCP: piatto cotto in cucina

Il diagramma di flusso è il primo documento di un piano HACCP: elenca tutte le fasi di lavorazione di un alimento, dal ricevimento delle merci alla somministrazione, così da valutare i pericoli di ciascuna. Le fasi in cui un controllo elimina o riduce un pericolo sono i punti critici di controllo (CCP), e nello schema conviene segnarli in modo evidente, come la cottura qui sopra. I valori limite (temperature, tempi) li fissa il piano HACCP del singolo locale con il suo consulente; nel diagramma basta indicare dove si misura e cosa si fa se il valore non è raggiunto.

flowchart TD
  A([Ricevimento merci]) --> B{Temperatura e imballo conformi?}
  B -- No --> X[Respingi la fornitura e registra]
  B -- Sì --> C[Stoccaggio in frigo o in dispensa]
  C --> D[Preparazione]
  D --> E[Cottura - CCP]
  E --> F{Temperatura al cuore raggiunta?}
  F -- No --> G[Prosegui la cottura]
  G --> E
  F -- Sì --> Z([Servizio o abbattimento])

Cosa hanno in comune i buoni esempi

Rileggendo i cinque schemi, tornano sempre le stesse regole:

• Un inizio e una fine chiari. Ogni percorso arriva a un ovale.
• Un percorso principale dritto. La strada più frequente scende in colonna; le eccezioni escono di lato.
• Una domanda per rombo. Chiusa, con risposta sì o no scritta sulle frecce.
• Verbi all'inizio dei rettangoli. "Verifica", "Spedisci", "Scrivi": si capisce subito chi fa cosa.
• Al massimo 15-20 blocchi. Oltre, conviene dividere in sottoprocessi.

Trasforma un esempio nel tuo diagramma modificabile

Playyy trasforma il codice Mermaid o un processo descritto a parole in un diagramma di flusso modificabile, con forme, testi e connettori che restano agganciati ai blocchi. Il percorso più veloce dagli esempi qui sopra al tuo schema:

1. Copia il blocco Mermaid più simile al tuo processo.
2. Cambia i nomi dei passaggi e aggiungi o togli righe: ogni riga è una freccia.
3. Incollalo nel generatore di diagrammi di flusso online e sistema colori, spazi e caratteri sulla tela.
4. Scarica il risultato in PNG o PDF, oppure esportalo in Excalidraw.

In alternativa descrivi l'esercizio a parole ("leggi due numeri e scrivi il maggiore") e Playyy disegna lo schema con i simboli giusti. Gli schemi già fatti in draw.io o Excalidraw si importano direttamente e restano modificabili.

Conclusione

Che sia per la scuola primaria, per un esercizio di informatica o per una procedura aziendale, un buon esempio di diagramma di flusso ha la stessa struttura: inizio e fine chiari, percorso principale dritto e una risposta su ogni ramo. Scegli l'esempio più vicino al tuo caso, modifica il codice Mermaid e controlla ogni percorso con chi lo dovrà seguire.