Crea online un diagramma di flusso: editor gratuito
Con questo editor crei diagrammi di flusso secondo la norma DIN 66001 usando blocchi o pseudocodice. L'editor dispone automaticamente i simboli: per esempio, scrivi «WHILE x < 10» e ottieni un rombo, il corpo del ciclo e una linea di ritorno. Con un clic puoi visualizzare lo stesso flusso come struttogramma ed esportarlo in PNG, SVG o PDF.
Creato da Justin Schuessler
Gratuito, senza registrazione né installazione: l'editor funziona interamente nel tuo browser e i tuoi diagrammi non ci vengono inviati.
Il processo è pronto? Prova subito il relativo codice su un tuo VPS o spazio web.
Blocchi
Tastiera nel diagramma: ↑/↓ seleziona un blocco, Invio modifica il testo, Alt+↑/↓ sposta, Canc elimina, Ins inserisce un blocco, Ctrl+Z/Ctrl+Y annulla/ripristina, Ctrl+X/C/V taglia/copia/incolla.
Sintassi dello pseudocodice
PROGRAM Name INPUT x / OUTPUT x CALL procedure(x) IF condition THEN … ELSE IF … ELSE … END IF SWITCH x CASE 1: … DEFAULT: … END SWITCH WHILE condition … END WHILE REPEAT … UNTIL condition FOR i FROM 1 TO n STEP 1 … END FOR LOOP name … BREAK name … END LOOP
Ogni altra riga è un'istruzione; se inizia con \, una riga è sempre un'istruzione, anche quando comincia con una parola chiave.
L'indentazione e le maiuscole non contano; puoi anche mescolare parole chiave tedesche e inglesi. Non viene generato né eseguito codice reale.
Clicca su un blocco nel diagramma per modificarlo qui. Fai doppio clic per modificare il testo direttamente nel diagramma.
Salva ed esporta
Tutto funziona nel tuo browser: lo stato attuale viene salvato solo in locale e il link di condivisione contiene il diagramma stesso. Non ci viene inviato alcun dato.
Funzioni
Diagrammi di flusso senza spostare blocchi
Descrivi il processo: l'editor inserisce i simboli secondo DIN 66001, traccia le linee e aggiorna entrambe le viste.
Simboli secondo DIN 66001
Inizio e fine, operazione, decisione, input/output e sottoprogramma, collegati da linee di flusso e linee di ritorno per i cicli.
Passa allo struttogramma
Lo stesso processo come struttogramma secondo DIN 66261 (Nassi-Shneiderman), senza dover ridisegnare nulla.
Editor visuale a blocchi
Inserisci blocchi prima, dopo o all'interno di un altro blocco; modifica i testi direttamente nel diagramma, sposta, elimina e annulla.
Pseudocodice in entrambe le direzioni
Testo e diagramma restano sincronizzati. In caso di errore di battitura, l’editor indica la riga e mostra un suggerimento; il diagramma resta visibile.
Esportazione e file di progetto
PNG e SVG per i documenti, PDF in formato A4 per la stampa e file di progetto (JSON) da salvare e riaprire.
Condividi senza account
Il link di condivisione contiene il diagramma nell'indirizzo. Non viene salvato nulla sui nostri server.
Come funziona
Come creare un diagramma di flusso
Parti da un modello o da un diagramma vuoto e lavora come preferisci.
Passaggio 1
Carica un modello o inizia da zero
Scegli uno dei nove modelli di esempio, come fattoriale, anno bisestile o bubble sort, oppure seleziona «Nuovo» per iniziare con un flusso vuoto.
Passaggio 2
Crea il flusso con un clic
Scegli un blocco e inseriscilo prima, dopo o all'interno di un altro blocco. Con un doppio clic puoi modificare il testo direttamente nel diagramma.
Passaggio 3
Oppure scrivi lo pseudocodice
Scrivi il flusso nel campo dello pseudocodice usando parole chiave tedesche o inglesi. Il diagramma viene disposto automaticamente; in caso di errori di battitura, l'editor indica il numero di riga.
Passaggio 4
Esporta o condividi
Scarica il diagramma di flusso in PNG, SVG o PDF (A4), salva il file di progetto (JSON) oppure copia un link di condivisione.
DIN 66001
I principali simboli del diagramma di flusso
I simboli della norma DIN 66001 usati dall'editor per i diagrammi di flusso. Il flusso viene disposto automaticamente: non devi spostare nulla.
Terminatore (inizio/fine)
L'ovale indica l'inizio e la fine del diagramma di flusso.
Operazione
Un rettangolo rappresenta un'operazione, ad es. un'assegnazione o un calcolo.
Input/output
Il parallelogramma indica dove vengono letti o restituiti i dati.
Diramazione
Il rombo contiene una condizione. In base al risultato, l'esecuzione prosegue dall'uscita Sì o No.
Sottoprogramma
Un rettangolo con doppie linee laterali richiama un sottoprogramma con un proprio diagramma di flusso.
Linea di flusso
Le linee con freccia collegano i simboli e indicano la sequenza. Di norma, il flusso procede dall'alto verso il basso.
Diramazione con ricongiungimento
Dopo una diramazione, i due percorsi si ricongiungono prima che il flusso prosegua.
Limite del ciclo (ciclo infinito)
Un esagono con gli angoli superiori smussati indica l'inizio del ciclo; uno con gli angoli inferiori smussati ne indica la fine. L'editor usa questa coppia per il ciclo infinito.
Punto di uscita
Un cerchio con una lettera collega due punti senza una lunga linea. Un'uscita termina nel cerchio A e il flusso riprende dal cerchio A dopo il ciclo.
Ciclo con ritorno
Un ciclo si crea con una diramazione e una linea di ritorno che precede la condizione.
Strutture di controllo
Cicli e diramazioni nei diagrammi di flusso
Ecco come l'editor rappresenta le strutture di controllo più comuni e come puoi scriverle nello pseudocodice con parole chiave tedesche o inglesi.
Diramazione
Il rombo contiene la condizione; i rami si separano a sinistra e a destra e poi si ricongiungono. Pseudocodice: SE … ALLORA … ALTRIMENTI … FINE SE oppure IF … THEN … ELSE … END IF.
Selezione multipla (switch case)
Un rombo con l'espressione e un ramo per ogni caso, eventualmente con un ramo predefinito. Pseudocodice: FALLS x … FALL 1: … SONST: … ENDE FALLS oppure SWITCH x … CASE 1: … DEFAULT: … END SWITCH.
Ciclo con condizione in testa
Il rombo si trova prima del corpo; la linea di ritorno torna a sinistra, prima della condizione, mentre l'uscita «No» prosegue a destra. Pseudocodice: FINCHÉ … FINE FINCHÉ oppure WHILE … END WHILE.
Ciclo con condizione in fondo
Il corpo viene eseguito almeno una volta; il rombo con la condizione si trova dopo. Pseudocodice: RIPETI … FINCHÉ … oppure REPEAT … UNTIL ….
Ciclo con contatore
Rappresentato con assegnazione iniziale, condizione, corpo e incremento del contatore. Pseudocodice: FÜR i VON 1 BIS 10 … ENDE FÜR oppure FOR i FROM 1 TO 10 … END FOR, facoltativamente con PASSO o STEP.
Ciclo infinito con uscita
La coppia di simboli che delimita il ciclo racchiude il corpo; un'uscita passa attraverso un connettore e prosegue dopo il ciclo. Pseudocodice: CICLO INFINITO … INTERROMPI … FINE CICLO INFINITO oppure LOOP … BREAK … END LOOP.
Esempi
Esempi di diagrammi di flusso per esercitarti
Sono inclusi nove esercizi tipici della scuola, della formazione professionale e dell'università. Aprine uno con «Carica modello di esempio», osserva il diagramma di flusso completo e il relativo pseudocodice, poi modificalo.
- Fattoriale
- Calcolo del voto
- Accesso con 3 tentativi
- Anno bisestile
- Massimo di una lista
- Bubble sort
- Distributore di bevande
- Test di primalità
- Indovina il numero
DIN 66261
I principali simboli del diagramma di Nassi-Shneiderman
I blocchi strutturali di Nassi-Shneiderman che l'editor può disegnare. Ogni blocco ha un solo ingresso in alto e una sola uscita in basso. L'editor non supporta l'elaborazione parallela prevista dalla norma DIN 66261.
Istruzione (blocco strutturale)
Un rettangolo rappresenta una singola operazione, ad es. un'assegnazione o un calcolo.
Sequenza
I blocchi disposti uno sotto l'altro vengono eseguiti in sequenza dall'alto verso il basso. Input e output sono normali blocchi di istruzioni.
Diramazione (selezione)
Un triangolo con la condizione divide il flusso in un ramo Sì e un ramo No. Un ramo vuoto è contrassegnato con ∅.
Selezione dei casi (scelta multipla)
A seconda del valore di un'espressione, viene eseguito uno solo dei casi. I valori dei casi sono subito sotto la diagonale; l'ultimo caso (spesso «altrimenti», per tutti gli altri valori) è nel triangolo a destra.
Ciclo con condizione in testa
La condizione è in alto e viene verificata prima di ogni iterazione. Se è falsa fin dall'inizio, il corpo non viene eseguito neanche una volta.
Ciclo con condizione in fondo
La condizione è in basso: il corpo viene eseguito almeno una volta e ripetuto finché la condizione non è soddisfatta.
Ciclo con contatore
Un ciclo con condizione in testa, una variabile contatore, un valore iniziale e uno finale e un incremento facoltativo.
Chiamata a sottoprogramma
Un blocco con doppie linee laterali richiama un sottoprogramma separato, descritto altrove.
Ciclo infinito
Una ripetizione senza condizione: fascia superiore (con identificatore facoltativo), barra a sinistra e fascia inferiore. Se ne esce solo tramite un'uscita dal ciclo.
Uscita dal ciclo (interruzione)
Il cuneo a sinistra fa uscire dal ciclo più interno; l'identificatore indica il blocco da cui si esce. L'esecuzione prosegue poi con il blocco successivo al ciclo.
Scopri di più
Altri strumenti
Tester Regex
Testi le espressioni regolari in tempo reale con il motore JavaScript nativo: evidenziazione delle corrispondenze, gruppi di cattura e modalità di sostituzione, tutto nel browser.
Creato da Jakub Martyniak
Editor di diagrammi di Nassi-Shneiderman
NuovoCrea online diagrammi di Nassi-Shneiderman (DIN 66261): con editor a blocchi o pseudocodice, conversione in diagrammi di flusso, 9 modelli d'esame ed esportazione in PNG, SVG e PDF.
Creato da Justin Schuessler
Convertire da esadecimale a decimale (binario, esadecimale, decimale, ottale)
NuovoConvertitore di sistemi numerici: da esadecimale a decimale, da binario a decimale e viceversa, oltre all'ottale e a qualsiasi base fino a 36. Con passaggi di calcolo, complemento a due e bit cliccabili.
Creato da Luca Stanek
FAQ
Domande frequenti
Risposte brevi sui diagrammi di flusso, sulla norma DIN 66001 e su questo editor.
Un diagramma di flusso, detto anche flowchart, rappresenta il funzionamento di un programma o algoritmo come una sequenza di simboli standard collegati da frecce. Mostra l'ordine di istruzioni, input, output e decisioni, indipendentemente dal linguaggio di programmazione.
Carica un modello di esempio nell'editor oppure scegli «Nuovo» per iniziare con un flusso vuoto. Aggiungi blocchi con un clic o scrivi il flusso come pseudocodice: i due restano sincronizzati. L'editor dispone automaticamente i simboli: i rami si separano a sinistra e a destra e poi si ricongiungono, mentre le linee di ritorno dei cicli passano a sinistra del corpo. Infine, esporta in PNG, SVG o PDF. È gratuito e non richiede registrazione.
I simboli sono definiti dalla norma DIN 66001 e, a livello internazionale, dalla ISO 5807. L'editor usa il terminatore (ovale) per inizio e fine, il processo (rettangolo), la decisione (rombo), l'input/output (parallelogramma), il sottoprogramma (rettangolo con doppie linee laterali), le linee di flusso con frecce, il connettore (cerchio con una lettera) e la coppia di simboli che delimita il ciclo infinito.
Un ciclo si ottiene con una decisione e una linea di ritorno. Nel ciclo con condizione iniziale, il rombo precede il corpo: se la condizione è vera, il corpo viene eseguito e la linea torna prima del rombo; altrimenti il flusso prosegue a destra. Nel ciclo con condizione finale, il rombo segue il corpo. Un ciclo con contatore viene rappresentato con assegnazione iniziale, condizione, corpo e incremento del contatore. L'editor rappresenta un ciclo infinito con la coppia di simboli che delimita il ciclo; un'uscita passa attraverso un connettore e prosegue dopo il ciclo. Una selezione multipla (switch case) diventa un rombo con un ramo per ogni caso e, facoltativamente, un ramo predefinito.
Una riga per ogni passaggio, con blocchi definiti da parole chiave: WENN … DANN … ALTRIMENTI … ENDE WENN, FALLS x con FALL 1: e ALTRIMENTI: fino a ENDE FALLS, MENTRE … FINE MENTRE, WIEDERHOLE … BIS …, FÜR i VON 1 BIS 10 … ENDE FÜR, ENDLOSSCHLEIFE … ENDE ENDLOSSCHLEIFE con ABBRUCH, oltre a EINGABE, AUSGABE e AUFRUF. Funzionano anche le parole chiave inglesi (IF, SWITCH, WHILE, REPEAT, FOR, LOOP, BREAK, INPUT, OUTPUT, CALL): puoi passare da una lingua all'altra nel campo dello pseudocodice. L'editor non riconosce parole chiave in altre lingue e interpreta quelle righe come semplici istruzioni. Puoi incollare nel campo anche pseudocodice scritto altrove. In caso di errore di battitura, l'editor indica la riga interessata e conserva l'ultimo diagramma valido.
Entrambi descrivono lo stesso flusso. Il diagramma di flusso collega simboli con frecce e rappresenta i cicli con linee di ritorno. Lo struttogramma (DIN 66261, diagramma di Nassi-Shneiderman) annida i blocchi uno nell'altro e non prevede salti: è quindi più compatto e impone una soluzione strutturata. In questo editor puoi passare da una vista all'altra, perché entrambe vengono generate dallo stesso flusso.
Sì. Esportalo come PNG ad alta risoluzione o SVG e inserisci il file in Word, PowerPoint o un altro documento. Per la stampa è disponibile un PDF su una pagina A4. Con il file di progetto (JSON) puoi salvare il flusso e riaprirlo nell'editor in seguito.
L'editor è gratuito e non richiede registrazione. Funziona interamente nel tuo browser: lo stato corrente viene conservato solo nella memoria locale del browser e le esportazioni vengono create direttamente sul tuo dispositivo. Nel link di condivisione, il diagramma si trova nella parte dell'indirizzo dopo #, che non viene trasmessa al server.
Hai altre domande?
Contatta il supportoProva il codice del tuo diagramma di flusso su un server personale
Su un VPS ZAP-Hosting hai accesso root completo per qualsiasi linguaggio; su uno spazio web, PHP e MySQL sono subito disponibili.
Nessuna configurazione. Nessun rischio. Online in pochi secondi.
Cerchi altri strumenti? Visualizza tutti gli strumenti per sviluppatori
