Formes

Début / fin	Traitement	Entrée / Sortie

Étiquettes

Dans chaque forme il y a du texte. À part les symboles pour le début et la fin, les étiquettes commencent par un verbe suivi par une description, p. ex.” Assigner 3 à num”.

Traitements

• Assigner une valeur à une variable
• Modifier une variable
• Faire un calcul
• Combiner du texte (concaténation)

Entrées / sorties

Les entrées représentent de l’information qui n’est pas définie dans l’algorithme mais à laquelle on peut accéder :

• Réponses de l’utilisateur
• Contenu de fichiers
• Lecture d’instruments

Les sorties représentent de l’information qui est exportée de l’algorithme :

• Valeurs affichées à l’écran
• Valeurs envoyées à une imprimante
• Valeurs enregistrées dans un fichier

Exemple “Bonjour le monde”

1
2
3
void main() {
    System.out.println("Bonjour, le monde!");
}

Exemple avec traitement

1
2
3
4
void main() {
    int num = 3;
    System.out.println(num * 10);
}

Ce programme afficherait la valeur 30 parce que num est définie comme 3 et on affiche num * 10 soit 3 * 10.

Une version plus réaliste de ce programme serait le suivant, avec saisie de la valeur de l’utilisateur :

1
2
3
4
5
6
7
8
9
10
import java.util.*;

void main() {
    Scanner in = new Scanner(System.in);
    // saisir la valeur, incluant l'invite de commande
    System.out.print("Entrez un nombre entier > ");
    int num = in.nextInt();
    // afficher le résultat
    System.out.println(num * 10);
}

Produire ces diagrammes

On peut produire ces diagrammes avec toute sorte de logiciels de dessin, comme :

• Google Dessin (seul ou intégré dans Docs ou Slides)
• Lucidchart
• Draw.io (drawio.com, app.diagrams.net)
• etc.

Extension VS Code

Il y a une extension VS Code pour Draw.io qui nous permet de créer des diagrammes dans l’éditeur, alors c’est souvent le plus efficace dans ce cours. C’est Draw.io Integration par Henning Deitrichs (~2 million de téléchargements). Avec cette extension (ou son équivalent sur le web) :

• C’est bon de choisir le format .drawio.png qui produit une image affichable directement dans des documents mais également éditable dans le logiciel.
• Toutes les formes utilisées pour le diagramme de flux se trouvent dans la section Général : ovale, rectangle, parallélogramme.
• On trace des flèches directement de la première forme à la deuxième. On a même le choix de commencer une flèche à partir d’une forme et choisir parmi quelques formes pour la destination sans passer par le menu.
• On clique sur un objet pour y ajouter du texte en tapant.

Séquence

La structure représentée par ces diagrammes est la structure fondamentale de tout programme qui s’exécute sur un ordinateur classique : une simple séquence. Dans cette structure, toutes les instructions se succèdent dans l’ordre du début jusqu’à la fin.