Aller au contenu
Outil gratuit

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

100 %
Organigramme de programmation: FactorialFactorialDémarrerSaisie: nresult := 1i := 1i <= nouiresult := result * ii := i + 1nonSortie: resultFin

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)Démarrer

Terminaison (début/fin)

L’ovale marque le début et la fin de l’organigramme.

Opérationsomme := somme + nombre

Opération

Un rectangle représente une étape de traitement, par exemple une affectation ou un calcul.

Entrée/sortieSaisie: nombre

Entrée/sortie

Le parallélogramme indique où les données sont lues ou affichées.

Branchementnombre > 0

Branchement

Le losange contient une condition. Selon le résultat, l’exécution se poursuit par la sortie Oui ou Non.

Sous-programmetrier(liste)

Sous-programme

Un rectangle à doubles lignes latérales appelle un sous-programme disposant de son propre organigramme.

Ligne de fluxSaisie: nombreSortie: nombre

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 jonctionnombre > 0ouinons := 1s := -1

Branchement avec jonction

Après une bifurcation, les deux chemins se rejoignent avant que le processus continue.

Limite de boucle (boucle infinie)MenuSaisie: choixMenu

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 sortieBoucle infinieterminéouinonAcontinuer()Boucle infinieA

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 retouri <= 10ouii := i + 1non

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)somme := somme + nombre

Instruction (bloc de structure)

Un rectangle représente une étape de traitement unique, par exemple une affectation ou un calcul.

Suite (séquence)Saisie: nombrecarré := nombre * nombreSortie: carré

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)nombre > 0ouinonSortie: « positif »∅

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)x1a := 102a := 20sinona := 0

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 initialetant que i <= 10i := i + 1

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 finaleSaisie: nombrejusqu’à nombre > 0

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 à compteurpour i de 1 à 10Sortie: i

Boucle à compteur

Une boucle à condition initiale avec une variable de comptage, une valeur initiale, une valeur finale et un pas facultatif.

Appel de sous-programmetrier(liste)

Appel de sous-programme

Un bloc à doubles lignes latérales appelle un sous-programme distinct, décrit ailleurs.

Boucle infinieMenuSaisie: choixexécuter(choix)

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 boucleMenu

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

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 support
Du diagramme au programme

Teste 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.

4,4/5 Trustpilot32 000+ Serveurs actifsDepuis 2010

Sans configuration. Sans risque. En ligne en quelques secondes.

Durée flexibleRésiliable à tout momentEn ligne en 60 secondes

Tu cherches d’autres outils ? Voir tous les outils de développement