tuto_rapide.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Tuto rapide - MicroAlg</title>
    <meta name="description"
          content="Tutoriel en ligne pour MicroAlg." />
    <meta name="keywords" content="microalg, algo, algorithme, algorithmique, lisp, environnement" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="web/jquery.min.js"><\/script>')</script>
    <script src="emulisp/int.js" type="text/javascript"></script>
    <script src="emulisp/emulisp_core.js" type="text/javascript"></script>
    <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="web/style.css" />
    <script type="text/javascript" src="web/ide_injections.js"></script>
    <script type="text/javascript" src="web/parenedit.js"></script>
    <link type="text/css" href="web/parenedit.css" rel="stylesheet" />
    <script src="web/showdown.js"></script>
    <script src="web/svg-tree-drawer/svg-tree-drawer.js"></script>
    <link href="web/css-ninja-tree/css-ninja-tree.css" rel="stylesheet"/>
    <script src="web/showup.js"></script>
    <link type="text/css" href="web/showup.css" rel="stylesheet" />
    <link rel="icon" href="visuels/logo_microalg.ico" />
</head>
<body class="microalg">
    <noscript>
        <div style="color:#CC0000; text-align:center">
        Besoin de JavaScript pour les exercices interactifs.
        </div>
    </noscript>
    <div class="navbar">
        <a href="./">accueil</a> :
        <a href="#top">haut de page</a>
    </div>
    <h1 id="top">MicroAlg - Tutoriel rapide</h1>
    <p><a href="#affichage">Commencer tout de suite</a>, sans lire
    l’introduction.</p>
    <p>Aller directement à :
    <a href="#affichage">Affichage</a>,
    <a href="#commentaires">Commentaires</a>,
    <a href="#texte-et-concatenation">Texte et concaténation</a>,
    <a href="#parentheses">Parenthèses</a>,
    <a href="#repeter">Répéter</a>,
    <a href="#nbres-pseudo-aleatoires">Nombres pseudo-aléatoires</a>,
    <a href="#demander">Demander à l’utilisateur</a>,
    <a href="#calculs-nombres">Calculs avec des nombres</a>,
    <a href="#calculs-nombres-demandes">Calculs avec des nombres demandés à l’utilisateur</a>,
    <a href="#booleens">Booléens</a>,
    <a href="#si">Si</a>,
    <a href="#variables">Variables</a>,
    <a href="#affectation-circulaire">Affectation circulaire</a>,
    <a href="#operations-logiques">Opérations logiques</a>,
    <a href="#manipulation-de-texte">Manipulation de texte</a>,
    <a href="#faire-tant-que">Faire… tant que…</a>,
    <a href="#tant-que-faire">Tant que… faire…</a>,
    <a href="#construction-affichage">Construction et affichage de listes</a>,
    <a href="#structure">Listes : structure et lien avec le texte</a>,
    <a href="#parcours-lecture">Parcours de listes</a>,
    <a href="#type-affectation">Listes : type et affectation</a>,
    <a href="#definir">Définir ses commandes</a>,
    <a href="#exemples-et-tests">Exemples et tests</a>,
    <a href="#algo-parcours">Algorithmes de parcours de listes</a>,
    <!-- <a href="#modifier-liste">Modifier une liste</a>, -->
    <a href="#contact">Contact</a>.
    </p>

    <h2 id="autres-tutos">Les autres tutoriels</h2>
    <p>Pour un tutoriel comportant plus d’explications, utiliser
    <a href="tuto.html">cette page</a>.</p>

    <h2 id="questce">Qu’est-ce ?</h2>
    <p>Ce tutoriel propose des petits programmes à exécuter directement dans le
    navigateur. N’hésitez pas à les modifier afin d’être sûre de comprendre le
    principe (si possible une modification rigolote).</p>
    <p>Avant de les exécuter, essayez de deviner ce qu’ils vont faire.</p>

    <h2 id="contact">Contact</h2>
    <p>Plusieurs possibilités :</p>
    <ul>
        <li>proposer une « pull request » en éditant directement
            <a href="https://github.com/Microalg/Microalg/edit/master/tuto_rapide.html">ce fichier sur Github</a> ;</li>
        <li>poster une « issue » sur
            <a href="https://github.com/Microalg/Microalg/issues/new">Github</a> ;</li>
        <li>poser une question dans
            <a href="http://qr.microalg.info">la section Questions/Réponses</a> ;</li>
        <li>envoyer <a href="mailto:profgra.org@gmail.com" class="email">un email
            au créateur de MicroAlg</a>.</li>
    </ul>

    <h2 id="affichage"><a href="#affichage">: </a>Affichage</h2>
    <div id="script-afficher"></div>
    <script>inject_microalg_editor_in('script-afficher', {
     src:
        '(Afficher "Bonjour tout le monde !")'
    });</script>
    <p>Remarquez bien la forme de ce premier programme. Il contient une seule
    <em>instruction</em>, qui se décompose ainsi :</p>
    <ol>
        <li>une parenthèse ouvrante, sur fond rouge ;</li>
        <li>une <em>commande</em>, ici la commande <code>Afficher</code> ;</li>
        <li>d’éventuels <em>arguments</em>, ici le texte
            <code>"Bonjour tout le monde !"</code> ;</li>
        <li>une parenthèse fermante, sur fond rouge aussi.</li>
    </ol>
    <p>La parenthèse ouvrante marque le début d’une instruction, comme une
    majuscule marque le début d’une phrase. La parenthèse fermante marque la
    fin de l’instruction, comme le fait un point pour marquer la fin d’une
    phrase.</p>
    <p>Tous les programmes de MicroAlg seront toujours une suite d’instructions
    qui seront toujours de la même forme. Toujours.</p>

    <h2 id="commentaires"><a href="#commentaires">: </a>Commentaires</h2>
    <div id="script-commentaires"></div>
    <script>inject_microalg_editor_in('script-commentaires', {
     src:
        '(!!! "Ce programme explique le rôle des commentaires.")\n' +
        '(!!! "Il est constitué de trois commentaires.")\n' +
        '(!!! "Et ne comporte aucune instruction qui fasse quelque chose.")'
    });</script>

    <h2 id="texte-et-concatenation"><a href="#texte-et-concatenation">: </a>Texte et concaténation</h2>
    <p>La commande `Afficher` ne prend qu’un paramètre. Le programme suivant génère une erreur.</p>
    <div id="script-afficher-params"></div>
    <script>inject_microalg_editor_in('script-afficher-params', {
     src:
        '(Afficher "du texte" "et encore du texte")'
    });</script>
    <div id="script-deux-afficher"></div>
    <script>inject_microalg_editor_in('script-deux-afficher', {
     src:
        '(Afficher "du texte")\n' +
        '(Afficher "et encore du texte")'
    });</script>
    <p><a href="https://fr.wikipedia.org/wiki/Concat%C3%A9nation" class="wp">
    Concaténation</a>.</p>
    <div id="script-concat"></div>
    <script>inject_microalg_editor_in('script-concat', {
     src:
        '(Afficher (Concatener "du texte" "et encore du texte"))'
    });</script>
    <p>Rappelez-vous, vous pouvez modifier les programmes de cette page pour
    éventuellement les améliorer !</p>
    <p>Noter les parenthèses qui s’emboîtent. L’emboîtement des parenthèses est
    la base de MicroAlg, et plus généralement des langages de type
    <a href="https://fr.wikipedia.org/wiki/Lisp" class="wp">Lisp</a>.</p>
    <div id="script-concat-lignes"></div>
    <script>inject_microalg_editor_in('script-concat-lignes', {
     src:
        '(Afficher\n' +
        '    (Concatener\n' +
        '        "du texte, "\n' +
        '        "et encore du texte"\n' +
        '    )\n' +
        ')'
    });</script>
    <div id="script-concat3"></div>
    <script>inject_microalg_editor_in('script-concat3', {
     src:
        '(Afficher\n' +
        '    (Concatener\n' +
        '        "du texte, "\n' +
        '        "du texte, "\n' +
        '        "et encore du texte"\n' +
        '    )\n' +
        ')'
    });</script>

    <h2 id="parentheses"><a href="#parentheses">: </a>Les parenthèses</h2>
    <p>Même si les parenthèses indiquent déjà assez clairement la structure du
    programme, il est bien pratique de pouvoir savoir quelle parenthèse
    fermante correspond à une parenthèse ouvrante (et inversement). C’est le
    but de la coloration des parenthèses (la parenthèse à droite du curseur et
    celle qui lui correspond sont en gris).</p>
    <div id="script-parens-seules"></div>
    <script>inject_microalg_editor_in('script-parens-seules', {
     src:
        '(!!! "Remarque : Ce programme est joli, mais il n’est pas valide.")\n' +
        '(!!! "           Ne pas chercher à comprendre le message d’erreur.")\n' +
        '((((((( )))))))\n' +
        '((((((( ) ) ) ) ) ) )\n' +
        '(((((((  )  )  )  )  )  )  )'
    });</script>
    <p>Si jamais les parenthèses ne sont pas équilibrées, les parenthèses en
    trop seront affichées en rouge vif. Essayez d’en ajouter ou d’en
    supprimer dans le « programme » précédent !</p>
    <p>Si l’indentation est respectée :</p>
    <ul>
      <li>les parenthèses en début de ligne (ouvrantes ou fermantes) seront
        toujours rouges ;</li>
      <li>les parenthèses correspondantes n’étant pas sur la même ligne mais
        alignées verticalement seront de la même couleur.</li>
    </ul>
    <p>De plus, on ne trouvera jamais deux parenthèses ouvrantes de suite.</p>
    <p>Dans le dernier exemple de la section précédente, nous avons affiché la
    concaténation de trois textes.</p>
    <div id="script-concat-rappel"></div>
    <script>inject_microalg_editor_in('script-concat-rappel', {
     src:
        '(Afficher\n' +
        '    (Concatener\n' +
        '        "du texte, "\n' +
        '        "du texte, "\n' +
        '        "et encore du texte"\n' +
        '    )\n' +
        ')'
    });</script>
    <p>Même si la commande <code>Concatener</code> n’acceptait que deux textes,
    nous aurions pu en concaténer trois quand même.</p>
    <p>Si on commence par la gauche :</p>
    <div id="script-concat-gauche"></div>
    <script>inject_microalg_editor_in('script-concat-gauche', {
     src:
        '(Afficher (Concatener (Concatener "du texte, " "du texte, ") "et encore du texte"))'
    });</script>
    <p>Et si on commence par la droite :</p>
    <div id="script-concat-droite"></div>
    <script>inject_microalg_editor_in('script-concat-droite', {
     src:
        '(Afficher (Concatener "du texte, " (Concatener "du texte, " "et encore du texte")))'
    });</script>
    <p>Pour y voir plus clair, il suffit encore passer à la ligne à des endroits
    judicieux. Pour le côté gauche :</p>
    <div id="script-concat-gauche2"></div>
    <script>inject_microalg_editor_in('script-concat-gauche2', {
     src:
        '(Afficher (Concatener\n' +
        '             (Concatener "du texte, " "du texte, ")\n' +
        '             "et encore du texte"\n' +
        '          )\n' +
        ')'
    });</script>
    <p>Et pour le côté droit :</p>
    <div id="script-concat-droite2"></div>
    <script>inject_microalg_editor_in('script-concat-droite2', {
     src:
        '(Afficher (Concatener\n' +
        '             "du texte, "\n' +
        '             (Concatener "du texte, " "et encore du texte")\n' +
        '          )\n' +
        ')'
    });</script>
    <p>Les commandes qui sont « les plus à l’intérieur des parenthèses » seront
    exécutées en premier, en commençant par la gauche.</p>

    <h2 id="repeter"><a href="#repeter">: </a>Répéter</h2>
    <p>Un algorithme décrit souvent (mais pas toujours) un travail répétitif
    que l’on veut faire faire à un ordinateur. Sans surprise, ce programme
    affiche trois fois la même chose :</p>
    <div id="script-repeter"></div>
    <script>inject_microalg_editor_in('script-repeter', {
     src:
        '(Repeter 3 Fois\n' +
        '    (Afficher "Bonjour.")\n' +
        ')\n' +
        ''
    });</script>
    <p>À vous de tester à nouveau ce programme en changeant le nombre de
    répétitions et le texte à afficher.</p>
    <p><strong>Question</strong> : comment faire pour afficher ce texte avec le
    moins d’instructions possible ? Huit parenthèses devraient suffire.</p>
    <pre><code>Bonjour,
ça va ?
ça va ?
ça va ?
ça va ?
Bonjour,
ça va ?
ça va ?
ça va ?
ça va ?
Bonjour,
ça va ?
ça va ?
ça va ?
ça va ?</code></pre>

    <h2 id="nbres-pseudo-aleatoires"><a href="#nbres-pseudo-aleatoires">: </a>Nombres pseudo-aléatoires</h2>
    <p>Il est possible d’obtenir un nombre entier
    <a href="http://fr.wikipedia.org/wiki/Pseudo-al%C3%A9atoire"
    class="wp">pseudo-aléatoire</a> grâce à la commande <code>Entier@</code>.
    Il faut lui passer les valeurs minimale et maximale possibles. Lancer
    plusieurs fois de suite le programme suivant :</p>
    <div id="script-nbres-pseudo-aleatoires"></div>
    <script>inject_microalg_editor_in('script-nbres-pseudo-aleatoires', {
     src:
        '(Afficher (Entier@ 1900 2015))'
    });</script>
    <p>Comment changer ce programme pour simuler le lancer d’un dé à six faces ?</p>
    <p><strong>Utilisation avancée</strong> : si vous n’avez pas besoin de
    <a href="http://fr.wikipedia.org/wiki/Reproductibilit%C3%A9"
    class="wp">reproductibilité</a> (le fait de pouvoir obtenir à nouveau
    certaines séquences de tirages), vous pouvez passer directement à
    <a href="#demander">la section suivante</a>).</p>
    <p>Il est possible de contrôler les tirages de deux façons : avec la
    commande <code>Initialiser@</code> et avec la variable spéciale
    <code>sequence_tirages@</code>.</p>
    <p>La commande <code>Initialiser@</code> permet de contrôler l’état
    initial du générateur de nombres pseudo-aléatoires. Grâce à elle,
    un même programme donnera toujours les mêmes tirages. Ce n’est bien sûr pas
    souhaitable pour un jeu de hasard comme un jeu de cartes. Néanmoins, pour
    certaines applications artistiques ou scientifiques, cette reproductibilité
    peut être intéressante. On peut par exemple vouloir
    générer un même labyrinthe pour tous les joueurs, on peut vouloir vérifier
    si un programme est correct en comparant avec un autre que l’on sait être
    correct…</p>
    <p>Voici par exemple un programme qui affichera toujours les mêmes cinq
    tirages (1984, 1932, 1967, 2000 et 1957) :</p>
    <div id="script-nbres-pseudo-aleatoires-init"></div>
    <script>inject_microalg_editor_in('script-nbres-pseudo-aleatoires-init', {
     src:
        '(Initialiser@ 0)\n' +
        '(Repeter 5 Fois\n' +
        '    (Afficher (Entier@ 1900 2015))\n' +
        ')\n' +
        ''
    });</script>
    <p>Celui-ci affichera toujours 1969, 1921, 1987, 1941 et 1950 :</p>
    <div id="script-nbres-pseudo-aleatoires-init2"></div>
    <script>inject_microalg_editor_in('script-nbres-pseudo-aleatoires-init2', {
     src:
        '(Initialiser@ 1)\n' +
        '(Repeter 5 Fois\n' +
        '    (Afficher (Entier@ 1900 2015))\n' +
        ')\n' +
        ''
    });</script>
    <p>Il est même possible de fournir une séquence de nombres entiers qui
    sera utilisée pour les tirages, en boucle. Les commandes
    <code>Affecter_a</code> et <code>Liste</code> seront vues plus loin.</p>
    <div id="script-nbres-pseudo-aleatoires-seq"></div>
    <script>inject_microalg_editor_in('script-nbres-pseudo-aleatoires-seq', {
     src:
        '(Affecter_a sequence_tirages@ (Liste 1 3 5 7 9))\n' +
        '(Repeter 8 Fois\n' +
        '    (Afficher (Entier@ 1 10))\n' +
        ')\n' +
        ''
    });</script>

    <h2 id="demander"><a href="#demander">: </a>Demander à l’utilisateur</h2>
    <div id="script-ex-demander"></div>
    <script>inject_microalg_editor_in('script-ex-demander', {
     src:
        '(Demander)'
    });</script>
    <div id="script-afficher-demander"></div>
    <script>inject_microalg_editor_in('script-afficher-demander', {
     src:
        '(Afficher (Demander))'
    });</script>
    <div id="script-salutations"></div>
    <script>inject_microalg_editor_in('script-salutations', {
     src:
        '(Afficher (Concatener\n' +
        '             "Bonjour "\n' +
        '             (Demander)\n' +
        '             " !"\n' +
        '))'
    });</script>
    <div id="script-presentations"></div>
    <script>inject_microalg_editor_in('script-presentations', {
     src:
        '(Afficher "Bonjour, quel est ton nom ?")\n' +
        '(Afficher (Concatener\n' +
        '             "Bonjour "\n' +
        '             (Demander)\n' +
        '             " !"\n' +
        '          )\n' +
        ')'
    });</script>
    <p>Une vérification que l’exécution se fait bien de la gauche vers la
    droite :</p>
    <div id="script-gauche-droite"></div>
    <script>inject_microalg_editor_in('script-gauche-droite', {
     src:
        '(Afficher (Concatener\n' +
        '             (Concatener "d’abord " (Demander))\n' +
        '             (Concatener " ensuite " (Demander))\n' +
        '          )\n' +
        ')'
    });</script>

    <h2 id="calculs-nombres"><a href="#calculs-nombres">: </a>Calculs avec des nombres</h2>
    <div id="script-aff-deux-et-deux"></div>
    <script>inject_microalg_editor_in('script-aff-deux-et-deux', {
     src:
        '(Afficher (+ 2 2))'
    });</script>
    <div id="script-deux-et-deux"></div>
    <script>inject_microalg_editor_in('script-deux-et-deux', {
     src:
        '(!!! "Noter que MicroAlg n’affiche rien si on ne lui demande pas :")\n' +
        '(+ 2 2)'
    });</script>
    <div id="script-emboite"></div>
    <script>inject_microalg_editor_in('script-emboite', {
     src:
        '(!!! "Une expression peut prendre la place d’un nombre.")\n' +
        '(!!! "Ici le deuxième 2 a été remplacé par (+ 1 1) :")\n' +
        '(Afficher (+ 2 (+ 1 1)))'
    });</script>
    <div id="script-assoc"></div>
    <script>inject_microalg_editor_in('script-assoc', {
     src:
        '(!!! "Pour afficher le résultat de 2+2+2, on peut faire, au choix :")\n' +
        '(Afficher (+ 2 (+ 2 2)))\n' +
        '(Afficher (+ (+ 2 2) 2))\n' +
        '(!!! "Mais pour plus de lisibilité, les opérations associatives")\n' +
        '(!!! "acceptent plusieurs paramètres:")\n' +
        '(Afficher (+ 2 2 2))'
    });</script>
    <div id="script-calc0"></div>
    <script>inject_microalg_editor_in('script-calc0', {
     src:
        '(Afficher (- 7 1))'
    });</script>
    <div id="script-calc1"></div>
    <script>inject_microalg_editor_in('script-calc1', {
     src:
        '(Afficher (- 7 (+ 2 3)))'
    });</script>
    <div id="script-calc2"></div>
    <script>inject_microalg_editor_in('script-calc2', {
     src:
        '(Afficher (+ 1 2 3 4 5))'
    });</script>
    <div id="script-calc3"></div>
    <script>inject_microalg_editor_in('script-calc3', {
     src:
        '(Afficher (+ 2 (* 5 3)))'
    });</script>
    <div id="script-calc4"></div>
    <script>inject_microalg_editor_in('script-calc4', {
     src:
        '(Afficher (/ 6 (+ 1 1 1)))'
    });</script>
    <div id="script-calc5"></div>
    <script>inject_microalg_editor_in('script-calc5', {
     src:
        '(Afficher (Racine 49))'
    });</script>
    <div id="script-oppose"></div>
    <script>inject_microalg_editor_in('script-oppose', {
     src:
        '(Afficher (- (+ 2 2)))'
    });</script>
    <p>Un exercice pour finir : écrire un programme qui tire au hasard une
    année qui a commencé un siècle entre le dixième et le vingt-et-unième
    siècle.</p>
    <p>Pour approfondir la mise en place des calculs, voir le site
    <a href="http://expressions.club/">expressions.club</a>.</p>

    <h2 id="calculs-nombres-demandes"><a href="#calculs-nombres-demandes">: </a>Calculs avec des nombres demandés à l’utilisateur</h2>
    <p>La commande <code>Demander</code> renvoie du texte, mais les opérations
    <code>+</code>, <code>-</code>, <code>*</code> et <code>/</code> ne
    travaillent qu'avec des nombres. En voici la preuve (le programme génère une
    erreur) :</p>
    <div id="script-un-plus-un"></div>
    <script>inject_microalg_editor_in('script-un-plus-un', {
     src:
        '(Afficher (+ 1 "1"))'
    });</script>
    <p>Ainsi, le programme suivant ne peut pas fonctionner, même en répondant
    par exemple « 1 » pour calculer « 1 + 1 » :</p>
    <div id="script-pas-nombre"></div>
    <script>inject_microalg_editor_in('script-pas-nombre', {
     src:
        '(Afficher (+ 1 (Demander)))'
    });</script>
    <p>Types :</p>
    <ul>
        <li><code>0</code>, <code>1</code> ou <code>2</code>… sont de
            <em>type</em> « nombre »</li>
        <li><code>"salut"</code> est de <em>type</em> « texte » ou « chaîne de
            caractères »</li>
    </ul>
    <p>Commandes relatives aux types :</p>
    <ul>
        <li><code>Type</code> qui retourne un texte en minuscule décrivant le
        type de la valeur,</li>
        <li><code>Texte</code> et <code>Nombre</code>, qui renvoient une
        nouvelle valeur, convertie avec le bon type.</li>
    </ul>
    <p>Quelques exemples avec <code>Type</code> :</p>
    <div id="script-type"></div>
    <script>inject_microalg_editor_in('script-type', {
     src:
        '(Afficher (Type "Bonjour !"))\n' +
        '(Afficher (Type 12345))\n' +
        '(Afficher (Type "12345"))\n' +
        ''
    });</script>
    <p>Un exemple avec <code>Demander</code> :</p>
    <div id="script-type-demander"></div>
    <script>inject_microalg_editor_in('script-type-demander', {
     src:
        '(Afficher "Veuillez taper n’importe quoi.")\n' +
        '(Afficher (Type (Demander)))\n' +
        ''
    });</script>
    <p>Donc pour un calcul avec un nombre demandé :</p>
    <div id="script-demander-nombre"></div>
    <script>inject_microalg_editor_in('script-demander-nombre', {
     src:
        '(Afficher (+ 1 (Nombre (Demander))))'
    });</script>
    <p>Plus de détails sur les différentes façons de « demander » sont
    disponibles sur
    <a href="http://galerie.microalg.info/microalg:demander">cette page
    de la galerie</a>.</p>
    <p>Pour finir cette section en beauté, voici un programme qui réutilise
    tout ce que l’on a appris jusqu’ici. Pourrez-vous deviner ce qu’il va
    afficher ?</p>
    <div id="script-incrementation"></div>
    <script>inject_microalg_editor_in('script-incrementation', {
     src:
        '(Afficher (Concatener\n' +
        '              "Un de plus : "\n' +
        '              (Texte (+\n' +
        '                      1\n' +
        '                      (Nombre (Demander))\n' +
        '                     )\n' +
        '              )\n' +
        '))'
    });</script>

    <h2 id="booleens"><a href="#booleens">: </a>Calculs avec des booléens</h2>
    Un <em>booléen</em> (de <a href="http://fr.wikipedia.org/wiki/George_Boole"
    class="wp">George Boole</a>) est une des deux valeurs <code>Vrai</code> ou
    <code>Faux</code>. Les commandes qui retournent un booléen sont appelées des
    <em>prédicats</em>. En voici quelques-uns :</p>
    <ul>
        <li><code>=</code>, qui teste l’égalité de deux valeurs (c’est-à-dire
            retourne <code>Vrai</code> si les deux valeurs sont égales,
            <code>Faux</code> sinon),</li>
        <li><code>=/</code> (plus pratique à taper que <code>≠</code>), qui
            teste la non égalité de deux valeurs,</li>
        <li>concernant les nombres uniquement :</li>
        <ul>
            <li><code>&lt;</code>, strictement inférieur</li>
            <li><code>&lt;=</code> (plus pratique à taper que <code>≤</code>),
                inférieur ou égal</li>
            <li><code>&gt;</code>, strictement supérieur</li>
            <li><code>&gt;=</code>, (plus pratique à taper que <code>≥</code>),
                supérieur ou égal</li>
        </ul>
    </ul>
    <p><code>=</code> et <code>=/</code> peuvent bien sûr comparer des booléens.</p>
    <div id="script-predicats-booleens"></div>
    <script>inject_microalg_editor_in('script-predicats-booleens', {
     src:
        '(Afficher (= Vrai Vrai))\n' +
        '(Afficher (= Vrai Faux))\n' +
        '(Afficher (= Faux Vrai))\n' +
        '(Afficher (= Faux Faux))\n' +
        '(Afficher (=/ Vrai Vrai))\n' +
        '(Afficher (=/ Vrai Faux))\n' +
        ''
    });</script>
    <p>Concernant les nombres, pas de surprise :</p>
    <div id="script-predicats-nombres"></div>
    <script>inject_microalg_editor_in('script-predicats-nombres', {
     src:
        '(Afficher (= 1 1))\n' +
        '(Afficher (= 1 2))\n' +
        '(Afficher (= 2 1))\n' +
        '(Afficher (= 2 2))\n' +
        '(Afficher (=/ 1 1))\n' +
        '(Afficher (=/ 1 2))\n' +
        ''
    });</script>
    <p>Pas de surprise non plus pour comparer du texte :</p>
    <div id="script-predicats-textes"></div>
    <script>inject_microalg_editor_in('script-predicats-textes', {
     src:
        '(Afficher (= "salut" "salut"))\n' +
        '(Afficher (= "salut" "bonjour"))\n' +
        '(Afficher (= "bonjour" "salut"))\n' +
        '(Afficher (= "bonjour" "bonjour"))\n' +
        '(Afficher (=/ "salut" "salut"))\n' +
        '(Afficher (=/ "salut" "bonjour"))\n' +
        ''
    });</script>
    <p>À vous maintenant d’explorer les comparaisons entre nombres ! Il y a
    quatre commandes à tester : <code>&lt;</code>, <code>&lt;=</code>,
    <code>&gt;</code> et <code>&gt;=</code>, mais aussi différentes
    combinaisons de nombres à essayer.</p>
    <div id="script-predicats-comparaisons"></div>
    <script>inject_microalg_editor_in('script-predicats-comparaisons', {
     src:
        '(Afficher (< 0 1))\n' +
        ''
    });</script>

    <h2 id="si"><a href="#si">: </a>Si</h2>
    <div id="script-si"></div>
    <script>inject_microalg_editor_in('script-si', {
     src:
        '(Afficher "Salut, ça va ?")\n' +
        '(Si (= (Demander) "oui")\n' +
        ' Alors\n' +
        '    (Afficher "Tant mieux !")\n' +
        ' Sinon\n' +
        '    (Afficher "Ah, qu’y a-t-il ?")\n' +
        ')'
    });</script>
    <p>On peut résumer la commande <code>Si</code> ainsi :<br>
    <code>(Si booléen Alors commande-si-vrai Sinon commande-si-faux)</code></p>
    <p>Ou en arrangeant le code sur plusieurs lignes :<br>
    <pre><code>(Si booléen
 Alors
    commande-si-vrai
 Sinon
    commande-si-faux
)</code></pre></p>
    <p>Voici un autre exemple :</p>
    <div id="script-si-majeur-mineur"></div>
    <script>inject_microalg_editor_in('script-si-majeur-mineur', {
     src:
        '(Afficher "Quel âge as-tu ?")\n' +
        '(Si (< (Nombre (Demander)) 18)\n' +
        ' Alors\n' +
        '    (Afficher "Tu es mineur.")\n' +
        ' Sinon\n' +
        '    (Afficher "Tu es majeur.")\n' +
        ')'
    });</script>
    <p>Après avoir vu les bases de la commande <code>Si</code>, voyons quelques
    variantes :</p>
    <ul>
        <li><a href="#si-sans-sinon">Si sans « sinon »</a>,</li>
        <li><a href="#si-blocs">Si avec des blocs</a>,</li>
        <li><a href="#si-emboites">Si(s) emboîtés</a>,</li>
        <li><a href="#si-valeurs">Si avec des valeurs uniquement</a>,</li>
    </ul>
    <h3 id="si-sans-sinon"><a href="#si-sans-sinon">: </a>Si sans « sinon »</h3>
    <p>Il est possible d’ommettre la commande correspondant au « sinon » :</p>
    <div id="script-si-sans-sinon"></div>
    <script>inject_microalg_editor_in('script-si-sans-sinon', {
     src:
        '(Si Vrai\n' +
        ' Alors\n' +
        '    (Afficher "Bonjour !")\n' +
        ')\n' +
        '(Si Faux\n' +
        ' Alors\n' +
        '    (Afficher "Au revoir !")\n' +
        ')\n' +
        '(Afficher "Voilà.")\n' +
        ''
    });</script>
    <h3 id="si-blocs"><a href="#si-blocs">: </a>Si avec plusieurs commandes</h3>
    <div id="script-si-blocs"></div>
    <script>inject_microalg_editor_in('script-si-blocs', {
     src:
        '(Si Vrai\n' +
        ' Alors\n' +
        '    (Afficher "Bonjour !")\n' +
        '    (Afficher "Et rebonjour !")\n' +
        ' Sinon\n' +
        '    (Afficher "Au revoir !")\n' +
        '    (Afficher "Et au revoir encore !")\n' +
        ')\n' +
        '(!!! "Le même code, mais avec l’autre booléen :")\n' +
        '(Si Faux\n' +
        ' Alors\n' +
        '    (Afficher "Bonjour !")\n' +
        '    (Afficher "Et rebonjour !")\n' +
        ' Sinon\n' +
        '    (Afficher "Au revoir !")\n' +
        '    (Afficher "Et au revoir encore !")\n' +
        ')\n' +
        ''
    });</script>
    <p>Avec plusieurs commandes, la commande <code>Si</code> est finalement
    de la forme :<br>
    <code>(Si booléen Alors commandes-si-vrai Sinon commandes-si-faux)</code></p>
    <p>Ou en arrangeant le code sur plusieurs lignes :<br>
    <pre><code>(Si booléen
 Alors
    commande-si-vrai
    commande-si-vrai
    ...
 Sinon
    commande-si-faux
    commande-si-faux
    ...
)</code></pre></p>
    <h3 id="si-emboites"><a href="#si-emboites">: </a>Si(s) emboîtés</h3>
    <p>Un arbre a parfois plus de deux branches !</p>
    <p>Qu’affiche le programme suivant ? Comment lui faire afficher
    les autres textes du programme en ne changeant que la valeur des
    booléens ?</p>
    <div id="script-si-emboites"></div>
    <script>inject_microalg_editor_in('script-si-emboites', {
     src:
        '(Si Vrai\n' +
        ' Alors\n' +
        '    (Si Vrai\n' +
        '     Alors\n' +
        '        (Afficher "premier")\n' +
        '     Sinon\n' +
        '        (Afficher "deuxième")\n' +
        '    )\n' +
        ' Sinon\n' +
        '    (Si Vrai\n' +
        '     Alors\n' +
        '        (Afficher "troisième")\n' +
        '     Sinon\n' +
        '        (Afficher "quatrième")\n' +
        '    )\n' +
        ')'
    });</script>
    <p>Voici une application concrète d’une structure avec des <code>Si</code>
    emboîtés (<code>Declarer</code> et <code>Affecter_a</code> seront vues
    en détail un peu plus loin) :</p>
    <div id="script-si-emboites-appli"></div>
    <script>inject_microalg_editor_in('script-si-emboites-appli', {
     src:
        '(Declarer nombre De_type "nombre")\n' +
        '(Afficher "Veuillez taper un nombre.")\n' +
        '(Affecter_a nbre (Nombre (Demander)))\n' +
        '(Si (>= nbre 0)\n' +
        ' Alors\n' +
        '    (Si (>= nbre 1000)\n' +
        '     Alors\n' +
        '        (Afficher "Ce nombre est positif et assez grand.")\n' +
        '     Sinon\n' +
        '        (Afficher "Ce nombre est positif ou nul et pas trop grand.")\n' +
        '    )\n' +
        ' Sinon\n' +
        '    (Si (<= nbre -1000)\n' +
        '     Alors\n' +
        '        (Afficher "Ce nombre est négatif et assez grand.")\n' +
        '     Sinon\n' +
        '        (Afficher "Ce nombre est négatif et pas trop grand.")\n' +
        '    )\n' +
        ')'
    });</script>
    <h3 id="si-valeurs"><a href="#si-valeurs">: </a>Si avec des valeurs uniquement</h3>
    <div id="script-si-valeurs"></div>
    <script>inject_microalg_editor_in('script-si-valeurs', {
     src:
        '(Afficher (Si Vrai Alors "ici" Sinon "là"))\n' +
        '(Afficher (Si Faux Alors "ici" Sinon "là"))\n' +
        ''
    });</script>
    <div id="script-si-valeurs-sans-sinon"></div>
    <script>inject_microalg_editor_in('script-si-valeurs-sans-sinon', {
     src:
        '(Afficher (Si Faux Alors "ici"))\n' +
        ''
    });</script>

    <h2 id="variables"><a href="#variables">: </a>Variables</h2>
    <p>Pour pouvoir utiliser une variable avec MicroAlg, il faut :</p>
    <ol>
        <li>tout d’abord la <em>déclarer</em>, c’est-à-dire annoncer qu’on veut
            l’utiliser et qu’elle aura un certain type, en utilisant la commande
            <code>Declarer</code>,</li>
        <li>lui <em>affecter</em> une valeur, peut-être plusieurs fois au cours
            du programme, en utilisant la commande <code>Affecter_a</code>,</li>
        <li><em>accéder</em> à sa valeur, simplement en donnant son nom dans une
            instruction.</li>
    </ol>
    <div id="script-variable-texte"></div>
    <script>inject_microalg_editor_in('script-variable-texte', {
     src:
        '(!!! "`nom` est le nom de l’utilisateur")\n' +
        '(Declarer nom De_type "texte")\n' +
        '(Afficher "Quel est votre nom ?")\n' +
        '(Affecter_a nom (Demander))\n' +
        '(Afficher\n' +
        '    (Concatener\n' +
        '        "Bonjour "\n' +
        '        nom\n' +
        '        ". "\n' +
        '    )\n' +
        ')\n' +
        '(Afficher\n' +
        '    (Concatener\n' +
        '        nom\n' +
        '        ", c’est vraiment un joli nom."\n' +
        '    )\n' +
        ')'
    });</script>
    <div id="script-variable-nombre"></div>
    <script>inject_microalg_editor_in('script-variable-nombre', {
     src:
        '(!!! "x est le nombre fourni par l’utilisateur")\n' +
        '(Declarer x De_type "nombre")\n' +
        '(Afficher "Donnez une valeur à x, SVP.")\n' +
        '(Affecter_a x (Nombre (Demander)))\n' +
        '(Afficher\n' +
        '    (Concatener\n' +
        '        "Le carré de "\n' +
        '        (Texte x)\n' +
        '        " vaut :"\n' +
        '    )\n' +
        ')\n' +
        '(Afficher (* x x))'
    });</script>
    <p><strong>Exercice</strong> : Dans le programme suivant, on veut
    afficher un certain nombre de fois un texte que l’utilisateur va choisir.
    Malheureusement, le programme ne fonctionne pas comme prévu, l’utilisateur
    ne devrait écrire qu’une seule fois le mot à afficher. Corrigez ce
    programme.</p>
    <div id="script-variable-repeter"></div>
    <script>inject_microalg_editor_in('script-variable-repeter', {
     src:
        '(Afficher "Tapez d’abord un nombre, Entrée, puis le texte à répéter.")\n' +
        '(Repeter (Nombre (Demander)) Fois\n' +
        '    (Afficher (Demander))\n' +
        ')\n' +
        ''
    });</script>
    <p><strong>Attention</strong>, les commandes <code>Declarer</code> et
    <code>Affecter_a</code> effectuent des vérifications :</p>
    <ul>
        <li><code>Declarer</code>
            <ul>
                <li>ne peut pas déclarer une même variable deux fois,</li>
                <li>le type fourni :
                    <ul>
                        <li>est un texte et doit donc être entre guillemets,</li>
                        <li>doit être un type existant, comme
                          <code>"texte"</code>, <code>"nombre"</code>,
                          <code>"booleen"</code>…</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><code>Affecter_a</code>
            <ul>
                <li>ne peut pas changer la valeur d’une variable si cette
                variable n’a pas été déclarée auparavant,</li>
                <li>ne peut pas changer le type d’une variable (la nouvelle
                valeur doit être du même type que l’ancienne valeur).</li>
            </ul>
        </li>
    </ul>
    <p><strong>Astuce</strong> : Il est possible de déclarer plusieurs
    variables en une seule instruction :<br>
    <code>(Declarer var1 var2 var3 ... De_type "le_type")</code></p>

    <h2 id="affectation-circulaire"><a href="#affectation-circulaire">: </a>Affectation circulaire</h2>
    <p>Il n’est pas interdit d’utiliser une variable dans un calcul dont le
    résultat sera affectée à cette même variable.</p>
    <p>Dans <code>(Affecter_a var (Calcul var))</code>, il faut comprendre
    que :</p>
    <ol>
      <li>le second <code>var</code> désigne la <strong>valeur</strong> qui est
        stockée dans la variable, qui sera envoyée à <code>Calcul</code> ;</li>
      <li>le premier <code>var</code> désigne le <strong>nom</strong> de la
        variable à mettre à jour avec le résultat de
        <code>(Calcul var)</code>.</li>
    </ol>
    <p>Dans ce premier exemple, on accumule des nombres avec une instruction de
    la forme :<br>
    <code>(Affecter_a valeur (+ valeur valeur_a_ajouter))</code></p>
    <p>Ce qui signifie : « <code>valeur</code> prend pour nouvelle valeur le
    résultat du calcul <code>valeur</code> + <code>valeur_a_ajouter</code> ».</p>
    <div id="script-accu-nombres-ex"></div>
    <script>inject_microalg_editor_in('script-accu-nombres-ex', {
     src:
        '(Declarer valeur De_type "nombre")\n' +
        '(Affecter_a valeur 0)\n' +
        '(Affecter_a valeur (+ valeur 1))\n' +
        '(Afficher valeur)\n' +
        ''
    });</script>
    <p>Dans le second, on accumule du texte avec une instruction de la
    forme :<br>
    <code>(Affecter_a texte (Concatener texte texte_a_ajouter))</code></p>
    <p>Ce qui signifie : « <code>texte</code> prend pour nouvelle valeur la
    concaténation de <code>texte</code> avec <code>texte_a_ajouter</code> ».</p>
    <div id="script-accu-textes-ex"></div>
    <script>inject_microalg_editor_in('script-accu-textes-ex', {
     src:
        '(Declarer texte De_type "texte")\n' +
        '(Affecter_a texte "Bonjour")\n' +
        '(Affecter_a texte (Concatener texte " !"))\n' +
        '(Afficher texte)\n' +
        ''
    });</script>
    <p>Voici deux programmes plus complets qui utilisent ce principe.</p>
    <p>Un où l’on accumule des nombres pour calculer leur somme :</p>
    <div id="script-accu-nombres"></div>
    <script>inject_microalg_editor_in('script-accu-nombres', {
     src:
        '(Declarer somme De_type "nombre")\n' +
        '(Affecter_a somme 0)\n' +
        '(Afficher "Veuillez taper un nombre SVP.")\n' +
        '(Affecter_a somme (+ somme (Nombre (Demander))))\n' +
        '(Afficher "Veuillez en taper un autre.")\n' +
        '(Affecter_a somme (+ somme (Nombre (Demander))))\n' +
        '(Afficher "Encore un dernier SVP.")\n' +
        '(Affecter_a somme (+ somme (Nombre (Demander))))\n' +
        '(Afficher "La somme des nombres vaut :")\n' +
        '(Afficher somme)\n' +
        ''
    });</script>
    <p>Un où l’on accumule du texte (en ajoutant au passage des espaces) :</p>
    <div id="script-accu-textes"></div>
    <script>inject_microalg_editor_in('script-accu-textes', {
     src:
        '(Declarer mots De_type "texte")\n' +
        '(Affecter_a mots "")\n' +
        '(Afficher "Veuillez taper un mot SVP.")\n' +
        '(Affecter_a mots (Concatener mots (Demander)))\n' +
        '(Affecter_a mots (Concatener mots " "))\n' +
        '(Afficher "Veuillez en taper un autre.")\n' +
        '(Affecter_a mots (Concatener mots (Demander)))\n' +
        '(Affecter_a mots (Concatener mots " "))\n' +
        '(Afficher "Encore un dernier SVP.")\n' +
        '(Affecter_a mots (Concatener mots (Demander)))\n' +
        '(Afficher "Vous avez tapé :")\n' +
        '(Afficher mots)\n' +
        ''
    });</script>

    <h2 id="operations-logiques"><a href="#operations-logiques">: </a>Opérations logiques</h2>
    <div id="script-operations-logiques"></div>
    <script>inject_microalg_editor_in('script-operations-logiques', {
     src:
        '(Afficher (Concatener "`(Non Faux)` donne : " (Texte (Non Faux))))\n' +
        '(Afficher (Concatener "`(Non Vrai)` donne : " (Texte (Non Vrai))))\n' +
        '(Afficher "")\n' +
        '(Afficher (Concatener "`(Et Faux Faux)` donne : " (Texte (Et Faux Faux))))\n' +
        '(Afficher (Concatener "`(Et Faux Vrai)` donne : " (Texte (Et Faux Vrai))))\n' +
        '(Afficher (Concatener "`(Et Vrai Faux)` donne : " (Texte (Et Vrai Faux))))\n' +
        '(Afficher (Concatener "`(Et Vrai Vrai)` donne : " (Texte (Et Vrai Vrai))))\n' +
        '(Afficher "")\n' +
        '(Afficher (Concatener "`(Ou Faux Faux)` donne : " (Texte (Ou Faux Faux))))\n' +
        '(Afficher (Concatener "`(Ou Faux Vrai)` donne : " (Texte (Ou Faux Vrai))))\n' +
        '(Afficher (Concatener "`(Ou Vrai Faux)` donne : " (Texte (Ou Vrai Faux))))\n' +
        '(Afficher (Concatener "`(Ou Vrai Vrai)` donne : " (Texte (Ou Vrai Vrai))))\n' +
        ''
    });</script>

    <h2 id="manipulation-de-texte"><a href="#manipulation-de-texte">: </a>Manipulation de texte</h2>
    <p>Un texte, ou <em>chaîne de caractères</em> n’est qu’une liste de lettres.</p>
    <div id="script-longueur-vide"></div>
    <script>inject_microalg_editor_in('script-longueur-vide', {
     src:
        '(Afficher (Longueur "salut"))\n' +
        '(Afficher (Vide? "salut"))\n' +
        '(Afficher (Longueur ""))\n' +
        '(Afficher (Vide? ""))\n' +
        '\n' +
        '(!!! "Cela fonctionne aussi avec une variable contenant du texte.")\n' +
        '(Declarer txt De_type "texte")\n' +
        '(Affecter_a txt "bonjour")\n' +
        '(Afficher (Longueur txt))\n' +
        '(Afficher (Vide? txt))\n' +
        '(Affecter_a txt "")\n' +
        '(Afficher (Longueur txt))\n' +
        '(Afficher (Vide? txt))\n' +
        ''
    });</script>
    <p>La commande <code>Nieme</code> se prononce « énième ».</p>
    <div id="script-nieme"></div>
    <script>inject_microalg_editor_in('script-nieme', {
     src:
        '(Afficher (Nieme "salut" 1))\n' +
        '(Afficher (Nieme "salut" 2))\n' +
        '(!!! "Attention, il faut que l’indice soit\n' +
        '      un entier strictement positif,\n' +
        '      inférieur ou égal à la longueur du texte.")\n' +
        '(!!! "Essayez de modifier le code ci-dessus pour qu’il génère une erreur.")\n' +
        '\n' +
        '(!!! "Cela fonctionne aussi avec une variable contenant du texte.")\n' +
        '(Declarer txt De_type "texte")\n' +
        '(Affecter_a txt "bonjour")\n' +
        '(Afficher (Nieme txt 4))\n' +
        ''
    });</script>
    <p>La commande <code>Nieme@</code> se prononce « énième aléatoire »
    (ou <em>pseudo</em>-aléatoire pour les puristes).</p>
    <div id="script-nieme"></div>
    <script>inject_microalg_editor_in('script-nieme-aleatoire', {
     src:
        '(Afficher (Nieme@ "salut"))\n' +
        ''
    });</script>
    <div id="script-tete-queue"></div>
    <script>inject_microalg_editor_in('script-tete-queue', {
     src:
        '(Afficher (Tete "salut" ))\n' +
        '(Afficher (Queue "salut" ))\n' +
        '(Afficher (Tete "y" ))\n' +
        '(Afficher (Queue "y" ))\n' +
        ''
    });</script>

    <h2 id="faire-tant-que"><a href="#faire-tant-que">: </a>Faire… tant que…</h2>
    <p>Commençons par un exemple très simple, mais très important :</p>
    <div id="script-faire-tq"></div>
    <script>inject_microalg_editor_in('script-faire-tq', {
     src:
        '(Declarer valeur De_type "nombre")\n' +
        '(Affecter_a valeur 3)\n' +
        '(Faire\n' +
        '    (Afficher valeur)\n' +
        '    (Affecter_a valeur (- valeur 1))\n' +
        ' Tant_que (=/ valeur 0)\n' +
        ')\n' +
        '(Afficher "Zéro !")\n' +
        ''
    });</script>
    <p>Voici deux exemples plus complets :</p>
    <div id="script-accu-nombres-tq"></div>
    <script>inject_microalg_editor_in('script-accu-nombres-tq', {
     src:
        '(Declarer somme valeur De_type "nombre")\n' +
        '(Affecter_a somme 0)\n' +
        '(Affecter_a valeur 0)\n' +
        '(Faire\n' +
        '    (Afficher "Veuillez taper un nombre SVP, 0 pour arrêter.")\n' +
        '    (Affecter_a valeur (Nombre (Demander)))\n' +
        '    (Affecter_a somme (+ somme valeur))\n' +
        ' Tant_que (=/ valeur 0)\n' +
        ')\n' +
        '(Afficher "La somme des nombres vaut :")\n' +
        '(Afficher somme)\n' +
        ''
    });</script>
    <div id="script-accu-textes-tq"></div>
    <script>inject_microalg_editor_in('script-accu-textes-tq', {
     src:
        '(Declarer mots mot De_type "texte")\n' +
        '(Affecter_a mots "")\n' +
        '(Affecter_a mot "")\n' +
        '(Faire\n' +
        '    (Afficher "Veuillez taper un mot SVP, STOP pour arrêter.")\n' +
        '    (Affecter_a mot (Demander))\n' +
        '    (Affecter_a mots (Concatener mots " " mot))\n' +
        ' Tant_que (=/ mot "STOP")\n' +
        ')\n' +
        '(Afficher "Vous avez tapé :")\n' +
        '(Afficher mots)\n' +
        ''
    });</script>
    <p>Dans ce dernier programme, il y a au moins un bug. Quel est ce bug et
    comment le faire disparaître ?</p>

    <h2 id="tant-que-faire"><a href="#tant-que-faire">: </a>Tant que… faire…</h2>
    <div id="script-tq-affichage"></div>
    <script>inject_microalg_editor_in('script-tq-affichage', {
     src:
        '(Declarer repetitions De_type "nombre")\n' +
        '(Affecter_a repetitions)\n' +
        '(Afficher "Combien de fois voulez-vous afficher « Bonjour ! » ?")\n' +
        '(Affecter_a repetitions (Nombre (Demander)))\n' +
        '(Tant_que (=/ repetitions 0)\n' +
        ' Faire\n' +
        '    (Afficher "Bonjour !")\n' +
        '    (Affecter_a repetitions (- repetitions 1))\n' +
        ')\n' +
        ''
    });</script>

    <h2 id="construction-affichage"><a href="#construction-affichage">: </a>Construction et affichage de listes</h2>
    <div id="script-afficher1"></div>
    <script>inject_microalg_editor_in('script-afficher1', {
     src:
        '(Liste "Impossible" "de" "voir" "celle-ci" "sans" "affichage.")\n' +
        '(Afficher (Liste 1 3 5 7 9 11))\n' +
        '(Afficher (Liste "banane" "pomme" "fraise"))\n' +
        '(Afficher (Liste Vrai Faux Faux Faux Vrai))\n' +
        ''
    });</script>
    <p>On remarque que l’affichage d’une liste est identique à la commande qui
    aurait pu servir à la construire.</p>
    <p>Quelques cas particuliers :</p>
    <div id="script-afficher2"></div>
    <script>inject_microalg_editor_in('script-afficher2', {
     src:
        '(!!! "La liste vide.")\n' +
        '(Afficher (Liste))\n' +
        '(!!! "Une liste à un seul élément.")\n' +
        '(Afficher (Liste "Je suis le seul élément."))\n' +
        '(!!! "Une liste de listes.")\n' +
        '(Afficher (Liste (Liste 1 3 5) (Liste 2 4 6) (Liste 3 5 7)))\n' +
        '(!!! "Une liste hétérogène (contenant des valeurs de types différents).")\n' +
        '(Afficher (Liste Vrai "avantage" 42))\n' +
        ''
    });</script>

    <h2 id="structure"><a href="#structure">: </a>Listes: structure et lien avec le texte</h2>
    <p>Comme les chaînes de caractères (ce qu’on appelle ici parfois le
    <em>texte</em> en MicroAlg), les listes sont numérotées à partir de 1 et
    peuvent être passées aux commandes
    <code>Longueur</code>,
    <code>Concatener</code>,
    <code>Nieme</code>,
    <code>Nieme@</code>,
    <code>Tete</code> et <code>Queue</code>.</p>
    <p>Voici quelques exemples utilisant la commande <code>Longueur</code>.</p>
    <div id="script-cmds-longueur"></div>
    <script>inject_microalg_editor_in('script-cmds-longueur', {
     src:
        '(Afficher (Longueur (Liste 1 3 5 7 9 11)))\n' +
        '(Afficher (Longueur (Liste "banane" "pomme" "fraise")))\n' +
        '(Afficher (Longueur (Liste Vrai Faux Faux Faux Vrai)))\n' +
        '(Afficher (Longueur (Liste)))\n' +
        '(Afficher (Longueur (Liste "Je suis le seul élément.")))\n' +
        '(Afficher (Longueur (Liste Vrai "avantage" 42)))\n' +
        '(Afficher (Longueur (Liste (Liste 2 4 6) (Liste 3 5 7))))\n' +
        ''
    });</script>
    <p>Voici quelques exemples utilisant la commande <code>Concatener</code> :</p>
    <div id="script-cmds-concatener"></div>
    <script>inject_microalg_editor_in('script-cmds-concatener', {
     src:
        '(Afficher (Concatener (Liste 1 3 5) (Liste 7 9 11)))\n' +
        '(Afficher (Concatener (Liste "s") (Liste "a" "l") (Liste "u" "t")))\n' +
        '(Afficher (Concatener (Liste "Je suis le seul élément.")))\n' +
        '(Afficher (Concatener (Liste 1 3 5) (Liste)))\n' +
        '(Afficher (Concatener (Liste 1 3 5) (Liste) (Liste)))\n' +
        '(Afficher (Concatener (Liste) (Liste 1 3 5)))\n' +
        '(Afficher (Concatener (Liste) (Liste 1 3 5) (Liste)))\n' +
        '(Afficher (Concatener (Liste)))\n' +
        ''
    });</script>
    <p>Attention, si on ne lui passe pas d’argument, la commande
    <code>Concatener</code> retourne plutôt un texte vide qu’une liste vide :</p>
    <div id="script-concatener-sans-arg"></div>
    <script>inject_microalg_editor_in('script-concatener-sans-arg', {
     src:
        '(Afficher "Avant.")\n' +
        '(Afficher (Concatener))\n' +
        '(Afficher "Après.")\n' +
        ''
    });</script>
    <p><strong>Rappel</strong> : <code>Nieme</code> se prononce
    « énième » et permet d’obtenir un élément dans une liste en donnant une
    position.</p>
    <div id="script-cmds-nieme"></div>
    <script>inject_microalg_editor_in('script-cmds-nieme', {
     src:
        '(Afficher (Nieme (Liste 1 3 5 7 9 11) 3))\n' +
        '(Afficher (Nieme (Liste "banane" "pomme" "fraise") 3))\n' +
        '(Afficher (Nieme (Liste Vrai Faux Faux Faux Vrai) 1))\n' +
        '(Afficher (Nieme (Liste (Liste 2 4 6) (Liste 3 5 7)) 2))\n' +
        '(Afficher (Nieme (Nieme (Liste (Liste 2 4 6) (Liste 3 5 7)) 2) 3))\n' +
        ''
    });</script>
    <p><strong>Rappel</strong> : <code>Nieme@</code> se prononce
    « énième aléatoire » (ou <em>pseudo</em>-aléatoire), n’a pas besoin de
    position et tire un élément au hasard dans la liste.</p>
    <div id="script-cmds-nieme-aleatoire"></div>
    <script>inject_microalg_editor_in('script-cmds-nieme-aleatoire', {
     src:
        '(Afficher (Nieme@ (Liste 1 3 5 7 9 11)))\n' +
        '(Afficher (Nieme@ (Liste "banane" "pomme" "fraise")))\n' +
        '(Afficher (Nieme@ (Liste Vrai Faux Faux Faux Vrai)))\n' +
        '(Afficher (Nieme@ (Liste (Liste 2 4 6) (Liste 3 5 7))))\n' +
        '(Afficher (Nieme@ (Nieme@ (Liste (Liste 2 4 6) (Liste 3 5 7)))))\n' +
        ''
    });</script>

    <h2 id="parcours-lecture"><a href="#parcours-lecture">: </a>Parcours de listes</h2>
    <p>Dans certains langages, il existe les instructions <code>Pour</code> ou
    <code>Pour_chaque</code>, mais pas avec MicroAlg. Avec MicroAlg, le parcours
    d’une liste se fera « à la main » avec un compteur dans un
    <code>Tant_que</code>, <code>Nieme</code> étant appelée avec ce compteur
    comme deuxième argument.</p>
    <div id="script-parcours"></div>
    <script>inject_microalg_editor_in('script-parcours', {
     src:
        '(Declarer index De_type "nombre")\n' +
        '(Affecter_a index 1)\n' +
        '(Tant_que (<= index 3)\n' +
        ' Faire\n' +
        '    (Afficher (Nieme (Liste "banane" "pomme" "fraise") index))\n' +
        '    (Affecter_a index (+ index 1))\n' +
        ')\n' +
        ''
    });</script>

    <h2 id="type-affectation"><a href="#type-affectation">: </a>Listes: type et affectation</h2>
    <div id="script-type-liste"></div>
    <script>inject_microalg_editor_in('script-type-liste', {
     src:
        '(Afficher (Type (Liste 1 3 5 7 9 11)))\n' +
        '(Afficher (Type (Liste "banane" "pomme" "fraise")))\n' +
        '(Afficher (Type (Liste Vrai Faux Faux Faux Vrai)))\n' +
        '(Afficher (Type (Liste)))\n' +
        ''
    });</script>
    <p>Affecter une liste à une variable est indispensable pour un parcours de
    liste dont on ne connaît pas à l’avance la longueur.</p>
    <div id="script-parcours-affectation"></div>
    <script>inject_microalg_editor_in('script-parcours-affectation', {
     src:
        '(Declarer ma_liste De_type "liste")\n' +
        '(Affecter_a ma_liste (Liste 1 4 9 16 25))\n' +
        '(Declarer index De_type "nombre")\n' +
        '(Affecter_a index 1)\n' +
        '(Tant_que (<= index (Longueur ma_liste))\n' +
        ' Faire\n' +
        '    (Afficher (Nieme ma_liste index))\n' +
        '    (Affecter_a index (+ index 1))\n' +
        ')\n' +
        ''
    });</script>

    <h2 id="definir"><a href="#definir">: </a>Définir ses commandes</h2>
    <p>En plus des <a href="doc.html#listedessymbolesprdfinis">symboles prédéfinis</a>
    dans MicroAlg, vous pouvez créer vos propres commandes, grâce à la commande
    <code>Definir</code>.</p>
    <div id="script-definir"></div>
    <script>inject_microalg_editor_in('script-definir', {
     src:
        '(Definir (Double x)\n' +
        '    "Retourne le double du nombre (paramètre `x`)."\n' +
        '    "anonyme"\n' +
        '    (Retourner (* 2 x))\n' +
        ')\n' +
        '\n' +
        '(!!! "Voici différentes façons d’utiliser la commande ainsi définie :")\n' +
        '\n' +
        '(Afficher "**(Afficher Double)** donne :")\n' +
        '(Afficher Double)\n' +
        '(Afficher "**(Afficher (Aide Double))** donne :")\n' +
        '(Afficher (Aide Double))\n' +
        '(Afficher "**(Afficher (Double 7))** donne :")\n' +
        '(Afficher (Double 7))\n' +
        ''
    });</script>
    <p><strong>Attention !</strong> La commande <code>Retourner</code> doit
    être la dernière de la commande créée car <code>Retourner</code> n’en
    interrompt pas l’exécution, comme on peut le voir ici :</p>
    <div id="script-bug-retourner"></div>
    <script>inject_microalg_editor_in('script-bug-retourner', {
     src:
        '(Definir (Bug_Retourner)\n' +
        '    "Un vrai `Retourner` aurait retourné `Premier retour`."\n' +
        '    "ProfGra"\n' +
        '    (Retourner "Premier retour.")\n' +
        '    (Retourner "Bug.")\n' +
        ')\n' +
        '(Afficher (Bug_Retourner))\n' +
        ''
    });</script>

    <h2 id="exemples-et-tests"><a href="#exemples-et-tests">: </a>Exemples et tests</h2>
    <div id="script-exemples"></div>
    <script>inject_microalg_editor_in('script-exemples', {
     src:
        '(Definir (Double x)\n' +
        '    "Retourne le double du nombre (paramètre `x`)."\n' +
        '    "anonyme"\n' +
        '    (Retourner (* 2 x))\n' +
        ')\n' +
        '\n' +
        '(!!! "La commande suivante «attache» à `Double` une liste d’exemples.")\n' +
        '(!!! "Cette liste contient des appels et les retours correspondants.")\n' +
        '(Exemples_de Double\n' +
        '  (Liste\n' +
        '    (? 1) 2\n' +
        '    (? 2) 4\n' +
        '    (? 3) 6\n' +
        '  )\n' +
        ')\n' +
        '(Afficher "Les exemples de `Double` sont :")\n' +
        '(Afficher (Exemples_de Double))\n' +
        ''
    });</script>
    <p>Ce qu’il faut retenir ici est que :</p>
    <ul>
        <li>le premier paramètre de <code>Exemples_de</code> est la commande en
            question ;</li>
        <li>s’il n’y a pas de second paramètre, on récupère les exemples de la
            commande ;</li>
        <li>s’il y a un second paramètre, ce doit être une liste, qui contient
            les exemples à attribuer à la commande ;</li>
        <li>une liste d’exemples est de la forme
            <code>(Liste (? arg_1) val_1 (? arg_2) val_2 ...)</code>, avec la
            possibilité d’indiquer plusieurs arguments ;</li>
        <li>on ne peut donner des exemples intéressants que pour des commandes
            qui retournent une valeur.</li>
    </ul>
    <p>Il est possible de mettre en place du
    <a href="https://fr.wikipedia.org/wiki/Test_Driven_Development"
    class="wp">développement dirigé par les tests</a> en utilisant la commande
    <code>Tester</code>.</p>
    <div id="script-tests"></div>
    <script>inject_microalg_editor_in('script-tests', {
     src:
        '(Definir (Double x)\n' +
        '    "Retourne le double du nombre (paramètre `x`)."\n' +
        '    "anonyme"\n' +
        '    (Retourner (* 2 x))\n' +
        ')\n' +
        '\n' +
        '(Exemples_de Double\n' +
        '  (Liste\n' +
        '    (? 1) 2\n' +
        '    (? 2) 4\n' +
        '    (? 3) 6\n' +
        '  )\n' +
        ')\n' +
        '(Tester Double)\n' +
        ''
    });</script>
    <p>Si rien ne se passe, c’est que tout va bien. Essayez de « casser »
    exprès les tests pour voir ce qu’il se passe, soit en changeant un exemple,
    soit en changeant la commande <code>Double</code>.</p>
    <p>Sachez pour finir qu’il est possible de « copier » les exemples d’une
    commande dans une autre. Pour copier les exemples de <code>cmd_1</code> dans
    <code>cmd_2</code>, on utilise :
    <code>(Exemples_de cmd_2 (Exemples_de cmd_1))</code>.</p>

    <h2 id="algo-parcours"><a href="#algo-parcours">: </a>Algorithmes de parcours de listes</h2>
    <p>À vous de <a href="doc.html#cmd-Exemples_de">faire passer les tests</a>
    suivants !</p>
    <p><strong>Rappel</strong> : l’instruction <code>Retourner</code>
    n’interrompt pas l’exécution des commandes que vous définissez (voir
    <a href="doc.html#cmd-Definir">la documentation</a> ou
    <a href="tuto.html#script-bug-retourner">cet exemple</a>).</p>
    <div id="script-somme"></div>
    <script>inject_microalg_editor_in('script-somme', {
     src:
        '(Declarer resultat De_type "nombre")\n' +
        '(Definir (Somme liste)\n' +
        '    "Retourne la somme des valeurs de la `liste`."\n' +
        '    "auteur inconnu"\n' +
        '    (Affecter_a resultat 42)\n' +
        '    (!!! "... ici du code ...")\n' +
        '    (Retourner resultat)\n' +
        ')\n' +
        '(Exemples_de Somme\n' +
        '    (Liste\n' +
        '        (? (Liste 1 3 5)) 9\n' +
        '        (? (Liste 5 10 20)) 35\n' +
        '        (? (Liste)) 0\n' +
        '    )\n' +
        ')\n' +
        '(Tester Somme)\n' +
        ''
    });</script>
    <div id="script-trouver-position"></div>
    <script>inject_microalg_editor_in('script-trouver-position', {
     src:
        '(Declarer resultat De_type "nombre")\n' +
        '(Definir (Trouver_dans liste valeur)\n' +
        '    "Retourne la position de la `valeur` dans la `liste`, 0 si non présente."\n' +
        '    "auteur inconnu"\n' +
        '    (Affecter_a resultat 42)\n' +
        '    (!!! "... ici du code ...")\n' +
        '    (Retourner resultat)\n' +
        ')\n' +
        '(Exemples_de Trouver_dans\n' +
        '    (Liste\n' +
        '        (? (Liste 1 3 5) 3) 2\n' +
        '        (? (Liste 1 3 5) 5) 3\n' +
        '        (? (Liste 1 3 5) 4) 0\n' +
        '    )\n' +
        ')\n' +
        '(Tester Trouver_dans)\n' +
        ''
    });</script>
    <div id="script-max"></div>
    <script>inject_microalg_editor_in('script-max', {
     src:
        '(Declarer resultat De_type "nombre")\n' +
        '(Definir (Maximum_dans liste)\n' +
        '    "Retourne la valeur maximale dans la `liste`."\n' +
        '    "auteur inconnu"\n' +
        '    (Affecter_a resultat 42)\n' +
        '    (!!! "... ici du code ...")\n' +
        '    (Retourner resultat)\n' +
        ')\n' +
        '(Exemples_de Maximum_dans\n' +
        '    (Liste\n' +
        '        (? (Liste   1  3 5))  5\n' +
        '        (? (Liste  42 31 5)) 42\n' +
        '        (? (Liste -42  7 5))  7\n' +
        '    )\n' +
        ')\n' +
        '(Tester Maximum_dans)\n' +
        ''
    });</script>

    <!--
    <h2 id="modifier-liste"><a href="#modifier-liste">: </a>Modifier une liste</h2>
    <p></p>
    <div id="script-afficher"></div>
    <script>inject_microalg_editor_in('script-afficher', {
     src:
        '(Afficher )\n' +
        ''
    });</script>
    -->

    <h2 id="fin">Fin</h2>
    <p>Voilà, c’est fini. Si désormais vous cherchez une information, allez
    voir directement la <a href="doc.html">documentation</a>.</p>
    <p>Si vous avez envie de créer votre propre tutoriel, vous pouvez utiliser
    <a href="http://galerie.microalg.info">la galerie</a>.
    Pour mettre MicroAlg en place sur votre propre site, voir
    <a href="https://github.com/Microalg/Microalg/blob/latest/INSTALL.md">cette page</a>.</p>
    <p>Si vous avez une remarque à faire, ou envie de contribuer, suivre les
    instructions de <a href="#contact">cette section</a>.</p>
    <p>Bonne continuation !</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <script type="text/javascript" src="web/tabIndent.js"></script>
    <script>
      tabIndent.config.tab = ' ';
      tabIndent.renderAll();
    </script>
    <script>
        $().showUp('.navbar', {
            upClass: 'navbar-show',
            downClass: 'navbar-hide'
        }
    );</script>
</body>
</html>