Crea un diagramma strutturato online: editor per diagrammi di Nassi-Shneiderman

Un diagramma strutturato rappresenta graficamente il flusso di un programma o di un algoritmo, senza dipendere da un linguaggio di programmazione. Ogni passaggio è un rettangolo; diramazioni e cicli sono blocchi annidati. Poiché non prevede salti, impone un flusso ben strutturato. Isaac Nassi e Ben Shneiderman pubblicarono questa rappresentazione nel 1973: per questo è detta anche diagramma di Nassi-Shneiderman, diagramma N-S o diagramma di Chapin.

Direttamente qui nell’editor: è gratuito, non richiede un account e funziona interamente nel tuo browser. Lo stato attuale viene conservato solo nella memoria locale del browser e i file esportati vengono creati direttamente sul tuo dispositivo. Nel link di condivisione, il diagramma si trova nella parte dell’indirizzo dopo il simbolo #, che non viene inviata al server.

Istruzione, sequenza, input, output, diramazione, selezione multipla, ciclo con controllo iniziale o finale, ciclo con contatore, ciclo infinito, uscita anticipata (interruzione) e chiamata a sottoprogramma. I simboli seguono la norma DIN 66261 (simboli per diagrammi strutturati secondo Nassi-Shneiderman, 1985). L’editor non supporta soltanto l’elaborazione parallela prevista dalla norma.

Entrambi descrivono lo stesso flusso. Il diagramma strutturato annida i blocchi e non prevede salti arbitrari. Il diagramma di flusso del programma (PAP, DIN 66001) collega invece i simboli con frecce; i cicli sono rappresentati da linee di ritorno. In questo editor puoi passare da una vista all’altra con un clic, perché entrambe derivano dallo stesso flusso. Vai all’editor di diagrammi di flusso

Il ciclo con controllo iniziale (while, «finché…») ha la condizione in alto e la verifica prima di ogni iterazione: il corpo potrebbe quindi non essere mai eseguito. Il ciclo con controllo finale («ripeti… finché…») la verifica in basso: il corpo viene eseguito almeno una volta. Il ciclo con contatore (for) è un ciclo con controllo iniziale dotato di variabile contatore, valore iniziale e finale e incremento opzionale. Un ciclo infinito non ha condizioni e termina solo con un’uscita anticipata (interruzione).

Una riga per ogni passaggio. Apri e chiudi i blocchi con parole chiave prestabilite, in tedesco (WENN, FALLS, MENTRE, WIEDERHOLE … BIS, FÜR … VON … BIS) o in inglese (IF, SWITCH, WHILE, REPEAT … UNTIL, FOR … FROM … TO); scegli la lingua nel campo dello pseudocodice. L’editor non riconosce parole chiave in altre lingue, ma puoi scrivere in qualsiasi lingua il testo dei blocchi. Non converte codice Java o Python e non genera codice. Se c’è un errore di battitura, segnala la riga e conserva l’ultimo diagramma valido.

Esporta in PNG ad alta risoluzione, in SVG per ulteriori modifiche o in PDF su una pagina A4 da stampare. Puoi inserire il PNG come immagine in Word o LibreOffice Writer. Salva il flusso in un file di progetto (JSON) e riaprilo in seguito: contiene un numero di versione affinché anche i file più vecchi funzionino nelle versioni più recenti dell’editor.

Sì, ci sono nove modelli con esercizi tipici: fattoriale, calcolo dei voti, login con 3 tentativi, anno bisestile, massimo di una lista, Bubble sort, distributore di bevande, test di primalità e indovina il numero. Caricali con «Carica modello di esempio» e modificali liberamente. Se all’esame devi disegnare a mano, l’editor ti aiuta a esercitarti e a verificare il risultato.