Met Duitse sleutelwoorden
PROGRAMM Fakultät
EINGABE n
ergebnis := 1
FÜR i VON 1 BIS n
ergebnis := ergebnis * i
ENDE FÜR
AUSGABE ergebnisJe bepaalt welke diensten wij mogen inschakelen voor analyse, personalisatie en externe inhoud.
We gebruiken cookies en vergelijkbare technologieën op onze website om inhoud te personaliseren, externe media te integreren en het gebruik van afzonderlijke onderdelen beter te begrijpen.
Noodzakelijke cookies
Deze vermeldingen waarborgen basisfuncties zoals beveiliging, stabiliteit en formulierverwerking.
Optionele secties
Gegevensverwerking kan plaatsvinden met je toestemming of op basis van gerechtvaardigde belangen. In de cookie-instellingen kun je elke optionele categorie weigeren of afzonderlijk toestaan.
Sommige diensten verwerken persoonsgegevens in derde landen. Met je toestemming accepteer je ook deze doorgifte. Meer informatie vind je in onze privacyverklaring.
Je kunt je selectie later op elk moment opnieuw openen en aanpassen. · 1.0.2
Maak online structogrammen als Nassi-Shneiderman-diagram volgens DIN 66261: met klikken op bouwstenen of op basis van pseudocode met Duitse of Engelse sleutelwoorden. Met één klik zet je hetzelfde verloop om in een programmastroomschema. Exporteer als PNG, SVG of PDF. Gratis, zonder registratie en volledig in je browser.
Gebouwd door Justin Schuessler
Proces klaar? Probeer de bijbehorende code direct uit op een eigen VPS of webruimte.
Toetsenbordbediening in het diagram: ↑/↓ blok selecteren, Enter tekst bewerken, Alt+↑/↓ verplaatsen, Delete verwijderen, Insert bouwsteen invoegen, Ctrl+Z/Ctrl+Y ongedaan maken/opnieuw uitvoeren, Ctrl+X/C/V knippen/kopiëren/plakken.
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
Elke andere regel is een instructie; met \ aan het begin van een regel is die regel altijd een instructie, ook als deze met een sleutelwoord begint.
Inspringing en hoofdletters maken niet uit, en je mag Duitse en Engelse sleutelwoorden combineren. Er wordt geen echte programmacode gegenereerd of uitgevoerd.
Klik op een blok in het diagram om het hier te bewerken. Dubbelklik om de tekst direct in het diagram te bewerken.
Alles draait in je browser: de huidige stand wordt alleen lokaal opgeslagen en de deellink bevat het diagram zelf. Er worden geen gegevens naar ons verzonden.
Functies
Je beschrijft het verloop, de editor plaatst de blokken volgens DIN 66261 en houdt beide weergaven actueel.
Structuurblokken volgens de norm
Instructie, vertakking, meervoudige keuze, lus met begin- of eindvoorwaarde, tellus, oneindige lus, sprong uit een lus en aanroep van een subprogramma volgens DIN 66261.
Overschakelen naar stroomdiagram
Hetzelfde verloop als stroomdiagram volgens DIN 66001, automatisch ingedeeld en met teruglopende pijlen voor lussen.
Klik-en-bouwsysteem
Plaats bouwstenen voor, na of binnen een blok; bewerk tekst direct in het diagram, verplaats, verwijder of maak wijzigingen ongedaan.
Pseudocode in beide richtingen
Tekst en diagram blijven synchroon. Bij een typefout toont de editor de regel en een aanwijzing; het diagram blijft zichtbaar.
Export en projectbestand
PNG en SVG voor documenten, PDF op A4 om af te drukken en een projectbestand (JSON) om op te slaan en opnieuw te openen.
Delen zonder account
De deellink bevat het diagram in het adres na de #. Er wordt niets op onze servers opgeslagen.
Zo werkt het
In vijf stappen van sjabloon tot export, zonder account of download.
Stap 1
Kies onder ‘Voorbeeldsjabloon laden’ een van de negen oefenopgaven, bijvoorbeeld bubblesort of cijferberekening. Met ‘Nieuw’ begin je met een leeg verloop.
Stap 2
Kies een bouwsteen, zoals een vertakking of tellus, selecteer een blok en voeg de nieuwe bouwsteen ervoor, erna of erin in. Dubbelklik om de tekst rechtstreeks in het diagram te bewerken.
Stap 3
In het veld ‘Pseudocode’ schrijf je één regel per stap, met Duitse of Engelse sleutelwoorden. Diagram en tekst blijven synchroon; bij een typefout markeert de editor de regel met een aanwijzing.
Stap 4
Verplaats, kopieer of verwijder blokken en maak stappen ongedaan. Schakel zo nodig over naar de weergave met het programmastroomschema om hetzelfde verloop als flowchart te zien.
Stap 5
Download het structogram als PNG, SVG of PDF (A4), sla het projectbestand (JSON) op of maak een deellink.
Basisprincipes
Een structogram, ook Nassi-Shneiderman-diagram, N-S-diagram of Chapin-diagram genoemd, toont het verloop van een algoritme als geneste blokken. Isaac Nassi en Ben Shneiderman publiceerden deze weergave in 1973. De symbolen zijn vastgelegd in DIN 66261.
Omdat vrije sprongen ontbreken, dwingt een structogram je om gestructureerd te programmeren: opeenvolgingen, vertakkingen en herhalingen zijn zichtbaar in elkaar genest. Daarom gebruiken scholieren en studenten het om algoritmen te plannen voordat ze een programmeertaal kiezen.
Met deze editor maak je online structogrammen zonder lijnen te trekken of vakken op te meten: hij berekent de blokken op basis van je proces en tekent hetzelfde proces desgewenst als stroomdiagram.
Pseudocode
Schrijf één regel per stap; het structogram groeit mee terwijl je typt. De editor herkent Duitse en Engelse sleutelwoorden. Hoofdletters, kleine letters en inspringingen maken niet uit. Zo ziet het sjabloon ‘Faculteit’ eruit dat de editor bij de eerste keer openen toont:
PROGRAMM Fakultät
EINGABE n
ergebnis := 1
FÜR i VON 1 BIS n
ergebnis := ergebnis * i
ENDE FÜR
AUSGABE ergebnisPROGRAM Factorial
INPUT n
result := 1
FOR i FROM 1 TO n
result := result * i
END FOR
OUTPUT result| Bouwblok | Duits | Engels |
|---|---|---|
| Invoer | EINGABE x | INPUT x |
| Uitvoer | AUSGABE x | OUTPUT x |
| Subprogramma | AUFRUF p(x) | CALL p(x) |
| Vertakking | WENN … DANN … SONST … ENDE WENN | IF … THEN … ELSE … END IF |
| Gevalselectie | FALLS x FALL 1: … SONST: … ENDE FALLS | SWITCH x CASE 1: … DEFAULT: … END SWITCH |
| Kopgestuurde lus | SOLANGE … ENDE SOLANGE | WHILE … END WHILE |
| Voetgestuurde lus | WIEDERHOLE … BIS … | REPEAT … UNTIL … |
| Telus | FÜR i VON 1 BIS n … ENDE FÜR | FOR i FROM 1 TO n … END FOR |
| Oneindige lus | ENDLOSSCHLEIFE … ENDE ENDLOSSCHLEIFE | LOOP … END LOOP |
| Uitsprong (afbreken) | ABBRUCH | BREAK |
De editor herkent geen sleutelwoorden in andere talen; zulke regels worden gewone instructies. De teksten in de blokken, zoals voorwaarden, instructies en namen, kun je in elke taal schrijven. Bij een typefout markeert de editor de regel met een aanwijzing en behoudt hij het laatst geldige diagram.
Oefensjablonen
Negen veelvoorkomende oefenopgaven uit informaticaonderwijs, opleidingen en studies staan voor je klaar. Je laadt ze via ‘Voorbeeldsjabloon laden’ en kunt ze daarna vrij aanpassen. De sjablonen gebruiken de sleutelwoorden die bij het pseudocodeveld zijn geselecteerd: Duits of Engels.
DIN 66261
De Nassi-Shneiderman-structuurblokken die de editor kan tekenen. Elk blok heeft precies één ingang bovenaan en één uitgang onderaan. De editor ondersteunt geen parallelle verwerking volgens DIN 66261.
Een rechthoek voor één verwerkingsstap, bijvoorbeeld een toewijzing of berekening.
Blokken onder elkaar worden van boven naar beneden na elkaar uitgevoerd. Invoer en uitvoer zijn gewone instructieblokken.
Een driehoek met de voorwaarde splitst het proces in een ja- en een nee-tak. Een lege tak wordt gemarkeerd met ∅.
Afhankelijk van de waarde van een expressie wordt precies één van de gevallen uitgevoerd. De waarden staan direct onder de diagonale lijn; het laatste geval (vaak ‘anders’, voor alle overige waarden) staat in de rechterdriehoek.
De voorwaarde staat bovenaan en wordt vóór elke herhaling gecontroleerd. Is deze meteen al onwaar, dan wordt de lusinhoud geen enkele keer uitgevoerd.
De voorwaarde staat onderaan: de lusinhoud wordt minstens één keer uitgevoerd en herhaald totdat aan de voorwaarde is voldaan.
Een kopgestuurde lus met een telvariabele, begin- en eindwaarde en optionele stapgrootte.
Een blok met dubbele zijlijnen roept een afzonderlijk subprogramma aan dat elders is beschreven.
Een herhaling zonder voorwaarde: bovenste band (optioneel met naam), balk links en onderste band. Je verlaat deze alleen via een uitsprong.
De wig links verlaat de binnenste omliggende lus; de naam geeft aan welk blok wordt verlaten. Daarna gaat het proces verder met het blok na die lus.
DIN 66001
De symbolen uit DIN 66001 die de editor voor stroomdiagrammen gebruikt. Het diagram wordt automatisch ingedeeld; je hoeft niets te verplaatsen.
Het ovaal markeert het begin en einde van het stroomdiagram.
Een rechthoek staat voor een verwerkingsstap, bijvoorbeeld een toewijzing of berekening.
Het parallellogram geeft aan waar gegevens worden ingevoerd of weergegeven.
De ruit bevat een voorwaarde. Afhankelijk van het resultaat gaat het proces verder via de ja- of nee-uitgang.
Een rechthoek met dubbele zijlijnen roept een subprogramma aan met een eigen stroomdiagram.
Lijnen met een pijlpunt verbinden de symbolen en geven de volgorde aan. Normaal verloopt de stroom van boven naar beneden.
Na een vertakking komen beide paden weer samen op één punt voordat de stroom verdergaat.
Een zeshoek met afgeschuinde bovenhoeken markeert het begin van de lus, een met afgeschuinde onderhoeken het einde. De editor gebruikt dit paar voor de oneindige lus.
Een cirkel met een letter verbindt twee punten zonder lange lijn. Een uitsprong eindigt bij cirkel A; het proces gaat verder bij cirkel A na de lus.
Een lus ontstaat door een vertakking en een teruggaande lijn naar vóór de voorwaarde.
Meer ontdekken
Teksten online vergelijken: vergelijk twee teksten, configuratiebestanden of codeversies, bekijk verschillen per regel en per woord en kopieer ze als Unified Diff. Werkt volledig in de browser.
Gebouwd door Dimitri Heissler
Reguliere expressies live testen met de native JavaScript-engine, inclusief markering van treffers, capture groups en vervangmodus, volledig in de browser.
Gebouwd door Jakub Martyniak
Schrijf online Markdown met livevoorbeeld: README voor GitHub en Discord-berichten, tabellen uit Excel en export als PDF of HTML. Volledig in je browser.
Gebouwd door Dimitri Heissler
Maak online stroomdiagrammen volgens DIN 66001: met automatische lay-out, bouwstenen of pseudocode, omschakelbaar naar een structogram, met 9 examenopgaven en export als PNG, SVG en PDF.
Gebouwd door Justin Schuessler
Getalstelselomzetter: hex naar decimaal, binair naar decimaal en omgekeerd, plus octaal en elk grondtal tot 36. Met berekeningsstappen, tweecomplement en aanklikbare bits.
Gebouwd door Luca Stanek
FAQ
Korte antwoorden over structogrammen, Nassi-Shneiderman-diagrammen, DIN 66261 en deze editor.
Een structogram geeft het verloop van een programma of algoritme grafisch weer, zonder gebonden te zijn aan een programmeertaal. Elke verwerkingsstap is een rechthoek; vertakkingen en lussen zijn in elkaar geneste blokken. Omdat er geen sprongen zijn, dwingt het je tot een netjes gestructureerd verloop. Isaac Nassi en Ben Shneiderman publiceerden deze weergave in 1973. Daarom heet het ook een Nassi-Shneiderman-diagram, N-S-diagram of Chapin-diagram.
Hier in de editor: hij is gratis, vereist geen account en werkt volledig in je browser. De huidige stand staat alleen in de lokale opslag van je browser; exports worden rechtstreeks op je apparaat gemaakt. Bij een deellink staat het diagram in het deel van het adres na de #, dat niet naar de server wordt verzonden.
Instructie, opeenvolging, invoer, uitvoer, vertakking, meervoudige keuze, lus met voorwaarde vooraf of achteraf, tellus, oneindige lus, sprong uit een blok (afbreken) en aanroep van een subprogramma. De symbolen volgen DIN 66261 (symbolen voor Nassi-Shneiderman-structogrammen, 1985). Alleen parallelle verwerking uit de norm wordt niet ondersteund.
Beide beschrijven hetzelfde verloop. In een structogram zijn blokken in elkaar genest en zijn er geen vrije sprongen. Een programmastroomschema (PAP, DIN 66001), vaak ook flowchart genoemd, verbindt symbolen met pijlen; lussen ontstaan door terugkerende pijlen. In deze editor schakel je met één klik tussen beide weergaven, omdat ze op basis van hetzelfde verloop worden getekend. Naar de editor voor programmastroomschema's
Een lus met voorwaarde vooraf (while, ‘zolang …’) heeft de voorwaarde bovenaan en controleert die vóór elke herhaling. De lusinhoud wordt dus mogelijk helemaal niet uitgevoerd. Een lus met voorwaarde achteraf (‘herhaal … totdat …’) controleert de voorwaarde onderaan; de lusinhoud wordt minstens één keer uitgevoerd. Een tellus (for) is een lus met voorwaarde vooraf, een telvariabele, een begin- en eindwaarde en eventueel een stapgrootte. Een oneindige lus heeft geen voorwaarde en eindigt alleen door een sprong uit de lus (afbreken).
Eén regel per stap. Je opent en sluit blokken met vaste sleutelwoorden, in het Duits (WENN, FALLS, SOLANGE, WIEDERHOLE … BIS, FÜR … VON … BIS) of Engels (IF, SWITCH, WHILE, REPEAT … UNTIL, FOR … FROM … TO). Je kiest de taal bij het pseudocodeveld. De editor herkent geen sleutelwoorden in andere talen, maar de teksten in de blokken kun je in elke taal schrijven. De editor zet programmacode in Java of Python niet om en genereert zelf ook geen programmacode. Bij een typefout markeert hij de regel met een aanwijzing en behoudt hij het laatst geldige diagram.
Als PNG in hoge resolutie, als SVG om verder te bewerken en als PDF op een A4-pagina om af te drukken. Je kunt het PNG-bestand als afbeelding invoegen in Word of LibreOffice Writer. Met het projectbestand (JSON) sla je het verloop op en open je het later opnieuw. Het bevat een versienummer, zodat oudere bestanden ook in nieuwere versies van de editor werken.
Ja, er zijn negen sjablonen met veelvoorkomende oefenopgaven: faculteit, cijferberekening, inloggen met 3 pogingen, schrikkeljaar, maximum van een lijst, bubblesort, drankautomaat, priemgetaltest en getallen raden. Je laadt ze via ‘Voorbeeldsjabloon laden’ en past ze naar wens aan. Als je tijdens een examen met de hand tekent, helpt de editor je om te oefenen en je werk te controleren.
Nog vragen?
Contact opnemen met supportOp een VPS van ZAP-Hosting heb je volledige roottoegang voor elke taal; op webruimte werken PHP en MySQL meteen.
Geen installatie. Geen risico. Binnen enkele seconden online.
Op zoek naar meer tools? Alle ontwikkelaarstools bekijken
© 2026 ZAP-Hosting GmbH