Créer un organigramme de programme en ligne : éditeur gratuit
Cet éditeur te permet de créer des organigrammes de programme selon la norme DIN 66001, à partir de blocs ou de pseudocode. Il dispose automatiquement les symboles : écris par exemple « WHILE x < 10 » pour obtenir un losange, un corps de boucle et une ligne de retour. Un clic suffit pour afficher le même déroulement sous forme de structogramme et l’exporter en PNG, SVG ou PDF.
Créé par Justin Schuessler
Gratuit, sans inscription ni installation : l’éditeur fonctionne entièrement dans ton navigateur et tes diagrammes ne nous sont pas envoyés.
Ton organigramme est terminé ? Teste directement le code correspondant sur ton propre VPS ou espace d’hébergement web.
Blocs de construction
Clavier dans le diagramme : ↑/↓ sélectionner un bloc, Entrée modifier le texte, Alt+↑/↓ déplacer, Suppr supprimer, Inser insérer un bloc, Ctrl+Z/Ctrl+Y annuler/rétablir, Ctrl+X/C/V couper/copier/coller.
Syntaxe du pseudo-code
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
Toute autre ligne est une instruction ; si elle commence par \, elle est toujours traitée comme une instruction, même si elle commence ensuite par un mot-clé.
L’indentation et la casse n’ont pas d’importance, et tu peux mélanger les mots-clés allemands et anglais. Aucun véritable code n’est généré ni exécuté.
Clique sur un bloc du diagramme pour le modifier ici. Double-clique pour modifier son texte directement dans le diagramme.
Enregistrer et exporter
Tout se passe dans ton navigateur : l’état actuel n’est enregistré qu’en local et le lien de partage contient le diagramme lui-même. Aucune donnée ne nous est envoyée.
Fonctionnalités
Des organigrammes sans déplacer de cases
Tu décris le déroulement ; l’éditeur place les symboles selon la norme DIN 66001, trace les lignes et maintient les deux vues à jour.
Symboles selon DIN 66001
Terminal, traitement, décision, entrée/sortie et sous-programme, reliés par des lignes de flux et des lignes de retour pour les boucles.
Passer au structogramme
Le même déroulement sous forme de structogramme conforme à la norme DIN 66261 (Nassi-Shneiderman), sans avoir à le redessiner.
Éditeur visuel par clic
Ajoute des blocs avant, après ou dans un autre bloc ; modifie les textes directement dans le diagramme, déplace, supprime ou annule tes modifications.
Pseudocode dans les deux sens
Le texte et le diagramme restent synchronisés. En cas de faute de frappe, l’éditeur indique la ligne et affiche une explication, sans effacer le diagramme.
Exportation et fichier de projet
PNG et SVG pour les documents, PDF au format A4 pour l’impression, fichier de projet (JSON) pour enregistrer et rouvrir ton travail.
Partager sans compte
Le lien de partage contient le diagramme dans son adresse. Rien n’est enregistré sur nos serveurs.
Comment ça fonctionne
Comment créer un organigramme de programme
Pars d’un modèle ou d’un diagramme vide, puis travaille comme tu préfères.
Étape 1
Charger un modèle ou partir de zéro
Choisis l’un des neuf modèles d’exemple, comme le calcul d’une factorielle, les années bissextiles ou le tri à bulles, ou démarre un organigramme vide avec « Nouveau ».
Étape 2
Construis le déroulement en quelques clics
Choisis un bloc dans la bibliothèque et place-le avant, après ou à l’intérieur d’un autre bloc. Double-clique pour modifier le texte directement dans le diagramme.
Étape 3
Ou écrire du pseudocode
Décris le déroulement dans le champ de pseudocode avec des mots-clés allemands ou anglais. Le diagramme se dispose automatiquement ; l’éditeur signale les fautes de frappe avec leur numéro de ligne.
Étape 4
Exporter ou partager
Télécharge l’organigramme de programme en PNG, SVG ou PDF (A4), enregistre le fichier de projet (JSON) ou copie un lien de partage.
DIN 66001
Principaux symboles d’un organigramme
Les symboles de la norme DIN 66001 utilisés par l’éditeur pour les organigrammes. Les éléments sont disposés automatiquement : tu n’as rien à déplacer.
Terminaison (début/fin)
L’ovale marque le début et la fin de l’organigramme.
Opération
Un rectangle représente une étape de traitement, par exemple une affectation ou un calcul.
Entrée/sortie
Le parallélogramme indique où les données sont lues ou affichées.
Branchement
Le losange contient une condition. Selon le résultat, l’exécution se poursuit par la sortie Oui ou Non.
Sous-programme
Un rectangle à doubles lignes latérales appelle un sous-programme disposant de son propre organigramme.
Ligne de flux
Des lignes fléchées relient les symboles et indiquent l’ordre des étapes. Le parcours normal va de haut en bas.
Branchement avec jonction
Après une bifurcation, les deux chemins se rejoignent avant que le processus continue.
Limite de boucle (boucle infinie)
Un hexagone aux coins supérieurs biseautés marque le début de la boucle ; un autre, aux coins inférieurs biseautés, en marque la fin. L’éditeur utilise cette paire pour la boucle infinie.
Point de sortie
Un cercle contenant une lettre relie deux points sans longue ligne. Une sortie de boucle aboutit au cercle A ; l’exécution reprend au cercle A après la boucle.
Boucle avec retour
Une boucle se forme avec un branchement et une ligne de retour qui ramène avant la condition.
Structures de contrôle
Boucles et branchements dans un organigramme de programme
Voici comment l’éditeur représente les structures de contrôle courantes et comment les écrire en pseudocode avec des mots-clés allemands ou anglais.
Branchement
Le losange contient la condition ; les branches partent à gauche et à droite, puis se rejoignent. Pseudocode : IF … THEN … ELSE … END IF.
Sélection multiple (switch case)
Un losange contenant l’expression, avec une branche par cas et, éventuellement, une branche par défaut. Pseudocode : SWITCH x … CASE 1: … DEFAULT: … END SWITCH.
Boucle à condition initiale
Le losange précède le corps ; la ligne de retour remonte à gauche, avant la condition, tandis que la sortie « Non » continue à droite. Pseudocode : WHILE … END WHILE.
Boucle à condition finale
Le corps s’exécute au moins une fois, puis vient le losange contenant la condition. Pseudocode : REPEAT … UNTIL ….
Boucle à compteur
Représentée par l’initialisation, la condition, le corps et l’incrémentation du compteur. Pseudocode : FOR i FROM 1 TO 10 … END FOR, avec STEP en option.
Boucle infinie avec sortie
La paire de symboles délimitant la boucle encadre son corps ; une sortie passe par un connecteur pour rejoindre la suite du programme. Pseudocode : LOOP … BREAK … END LOOP.
Exemples
Exemples d’organigrammes de programme pour t’exercer
Neuf exercices classiques de différents niveaux d’études sont proposés comme modèles. Charge-en un avec « Charger un modèle d’exemple », examine l’organigramme de programme et son pseudocode, puis modifie-les.
- Factorielle
- Calcul de la note
- Connexion en 3 tentatives
- Année bissextile
- Maximum d’une liste
- Tri à bulles
- Distributeur de boissons
- Test de primalité
- Deviner un nombre
DIN 66261
Principaux symboles d’un diagramme de Nassi-Shneiderman
Les blocs de structure de Nassi-Shneiderman que l’éditeur peut dessiner. Chaque bloc possède exactement une entrée en haut et une sortie en bas. L’éditeur ne prend pas en charge le traitement parallèle de la norme DIN 66261.
Instruction (bloc de structure)
Un rectangle représente une étape de traitement unique, par exemple une affectation ou un calcul.
Suite (séquence)
Les blocs superposés sont exécutés successivement, de haut en bas. Les entrées et sorties sont des blocs d’instructions ordinaires.
Branchement (sélection)
Un triangle contenant la condition divise l’exécution en une branche Oui et une branche Non. Une branche vide est marquée par ∅.
Sélection de cas (choix multiple)
Selon la valeur d’une expression, un seul des cas est exécuté. Les valeurs des cas figurent juste sous la diagonale ; le dernier cas, souvent « sinon » pour toutes les autres valeurs, se trouve dans le triangle de droite.
Boucle à condition initiale
La condition se trouve en haut et est vérifiée avant chaque itération. Si elle est fausse dès le départ, le corps n’est jamais exécuté.
Boucle à condition finale
La condition se trouve en bas : le corps est exécuté au moins une fois, puis répété jusqu’à ce que la condition soit remplie.
Boucle à compteur
Une boucle à condition initiale avec une variable de comptage, une valeur initiale, une valeur finale et un pas facultatif.
Appel de sous-programme
Un bloc à doubles lignes latérales appelle un sous-programme distinct, décrit ailleurs.
Boucle infinie
Une répétition sans condition : bandeau supérieur (avec identifiant facultatif), barre à gauche et bandeau inférieur. Seule une sortie de boucle permet d’en sortir.
Sortie de boucle
Le coin à gauche permet de sortir de la boucle englobante la plus interne ; son identifiant désigne le bloc quitté. L’exécution reprend au bloc suivant cette boucle.
Découvrir plus
Autres outils
Testeur de regex
Teste des expressions régulières en direct avec le moteur JavaScript natif : surlignage des correspondances, groupes de capture et mode remplacement, entièrement dans le navigateur.
Créé par Jakub Martyniak
Éditeur de diagrammes de Nassi-Shneiderman
NouveauCrée des structogrammes de Nassi-Shneiderman en ligne (DIN 66261) : avec un éditeur par blocs ou du pseudocode, passage à l’organigramme de programmation, 9 modèles d’examen et exportation en PNG, SVG et PDF.
Créé par Justin Schuessler
Convertir de l’hexadécimal en décimal (binaire, hexadécimal, décimal, octal)
NouveauConvertisseur de bases numériques : de l’hexadécimal au décimal, du binaire au décimal et inversement, ainsi que l’octal et toutes les bases jusqu’à 36. Avec étapes de calcul, complément à deux et bits cliquables.
Créé par Luca Stanek
FAQ
Questions fréquentes
Des réponses courtes sur les organigrammes, la norme DIN 66001 et cet éditeur.
Un organigramme de programme représente le déroulement d’un programme ou d’un algorithme à l’aide de symboles normalisés reliés par des flèches. Il montre l’ordre des instructions, entrées, sorties et décisions, indépendamment du langage de programmation. On l’appelle aussi diagramme de flux ou flowchart.
Charge un modèle d’exemple dans l’éditeur ou démarre un organigramme vide avec « Nouveau ». Ajoute des blocs par clic ou décris le déroulement en pseudocode : les deux restent synchronisés. L’éditeur dispose automatiquement les symboles : les branches partent à gauche et à droite avant de se rejoindre, et les lignes de retour des boucles passent à gauche du corps. Exporte ensuite en PNG, SVG ou PDF. C’est gratuit et sans inscription.
Les symboles sont définis par la norme DIN 66001 et, à l’international, par la norme ISO 5807. L’éditeur utilise le terminateur (ovale) pour le début et la fin, l’opération (rectangle), la décision (losange), l’entrée/sortie (parallélogramme), le sous-programme (rectangle à doubles traits verticaux), les lignes de flux fléchées, le connecteur (cercle avec une lettre) et une paire de symboles délimitant la boucle infinie.
Une boucle est formée d’une décision et d’une ligne de retour. Dans une boucle à test initial, le losange précède le corps : si la condition est remplie, le corps s’exécute et la ligne revient avant le losange ; sinon, le flux continue à droite. Dans une boucle à test final, le losange suit le corps. Une boucle de comptage est représentée par l’initialisation, la condition, le corps et l’incrémentation du compteur. Pour une boucle infinie, l’éditeur utilise une paire de symboles délimitant la boucle ; une sortie passe par un connecteur pour rejoindre la suite du programme. Une sélection multiple (switch case) devient un losange avec une branche par cas et, éventuellement, une branche par défaut.
Une ligne par étape, avec des blocs délimités par des mots-clés : IF … THEN … ELSE … END IF, SWITCH x avec CASE 1: et DEFAULT: jusqu’à END SWITCH, WHILE … END WHILE, REPEAT … UNTIL …, FOR i FROM 1 TO 10 … END FOR, LOOP … END LOOP avec BREAK, ainsi que INPUT, OUTPUT et CALL. Les mots-clés allemands fonctionnent aussi : tu peux passer d’une langue à l’autre dans le champ de pseudocode. L’éditeur ne reconnaît pas les mots-clés d’autres langues et interprète ces lignes comme de simples instructions. Tu peux aussi coller dans le champ un pseudocode écrit ailleurs. En cas de faute de frappe, l’éditeur signale la ligne concernée et conserve le dernier diagramme valide.
Les deux représentent le même déroulement. L’organigramme de programme relie des symboles par des flèches ; les boucles utilisent des lignes de retour. Le structogramme (DIN 66261, diagramme de Nassi-Shneiderman) imbrique des blocs sans lignes de retour : il est donc plus compact et impose une structure. Dans cet éditeur, tu peux passer d’une vue à l’autre, car elles sont générées à partir du même déroulement.
Oui. Exporte-le en PNG haute résolution ou en SVG, puis insère le fichier dans Word, PowerPoint ou un autre document. Pour l’impression, un PDF au format A4 est disponible. Le fichier de projet (JSON) te permet d’enregistrer le déroulement et de le rouvrir plus tard dans l’éditeur.
L’éditeur est gratuit et utilisable sans inscription. Il fonctionne entièrement dans ton navigateur : ton travail n’est conservé que dans le stockage local de ton navigateur et les fichiers sont exportés directement sur ton appareil. Dans le lien de partage, le diagramme se trouve dans la partie de l’adresse qui suit le #, laquelle n’est pas transmise au serveur.
D’autres questions ?
Contacter le supportTeste le code de ton organigramme sur ton propre serveur
Sur un VPS ZAP-Hosting, tu disposes d’un accès root complet pour utiliser le langage de ton choix. Sur un espace d’hébergement web, PHP et MySQL sont immédiatement disponibles.
Sans configuration. Sans risque. En ligne en quelques secondes.
Tu cherches d’autres outils ? Voir tous les outils de développement
