https://experiences.mathemarium.fr/ Notes : Nous produisons des simulations numériques interactives (ENI) depuis 1992, successivement sur NeXT, en Java, en ActionScript puis en JavaScript. À l'heure où les LLM et le vibe coding redéfinissent les pratiques de développement, une nouvelle étape se dessine et elle est terriblement excitante. Nous sommes en train de repenser le contenu de ce site et les simulations que nous produirons à l'avenir, toujours avec l'idée que les ENI sont de formidables outils d'appropriation des concepts mathématiques et physiques. Stay in touch. Les expériences numériques interactives (ENI) de ce site sont développées pour des cours à l'université, des conférences et des MOOCs de niveaux variés. Elles sont libres d'utilisation, mais restent la propriété intellectuelle de leurs auteurs et du CNRS. Nous alimentons régulièrement ce site avec de nouvelles ENI.Elles s'appuient sur NLKit, un portage en javascript du noyau du logiciel scientifique xDim, ainsi que jQuery Mobile et Processing.js.NB : Pour utiliser les expériences en ligne de ce site, préférez utiliser les navigateurs Chrome ou Safari. Jean-René ChazottesCentre de Physique Théorique - CNRS UMR 7644 - Ecole polytechnique - Palaiseau jeanrene [at] cpht.polytechnique.fr Marc Monticelli Laboratoire J.A. Dieudonné - CNRS UMR 7351 - Université Côte d'Azur marc.monticelli [at] unice.fr fr SPIP - www.spip.net https://experiences.mathemarium.fr/local/cache-vignettes/L144xH68/siteon0-10b19.jpg?1776352278 https://experiences.mathemarium.fr/ 68 144 https://experiences.mathemarium.fr/Le-cadran-d-Alberti-ancetre-d.html https://experiences.mathemarium.fr/Le-cadran-d-Alberti-ancetre-d.html 2014-04-18T14:39:26Z text/html fr Monticelli Marc javascript Cryptographie Article Kiosque <p>Voici une simulation de roue de chiffrement qui reprend le principe du <a href="http://fr.wikipedia.org/wiki/Chiffre_d%27Alberti" class="spip_out" rel="external">cadran d'Alberti</a> datant du XVe siècle et qui est à la base de la machine <a href="http://fr.wikipedia.org/wiki/Enigma_(machine)" class="spip_out" rel="external">Enigma</a> utilisée par les Allemands durant la seconde guerre mondiale pour crypter leur communication. Enigma fut au coeur d'une guerre de l'intelligence pour casser son code.</p> <p>Ce dispositif de chiffrement est composé de deux éléments :</p> <ul class="spip" role="list"><li> un grand cadran comportant l'alphabet dans l'ordre ;</li><li> un petit cadran qui peut tourner - qu'on nommera roue - comportant un alphabet dans le désordre.</li></ul> <p>Pour crypter un message :</p> <ul class="spip" role="list"><li> 1 - Tournez la roue dans une position de départ (nous utiliserons le repère visuel de la roue pour savoir sur quelle lettre du grand cadran elle a été positionnée. Cela nous donnera notre clef de cryptage.)</li><li> 2 - Cherchez la première lettre de votre texte à coder sur le grand cadran, et remplacer là par la lettre correspondante sur la roue.</li><li> 3 - Tourner d'un cran la roue dans le sens horaire.</li><li> 4- Répétez les étapes 2 et 3 pour chacune des lettres dans l'ordre.</li></ul><ul class="spip" role="list"><li> Vous pouvez changer le chiffrement en générant aléatoirement une nouvelle répartition des lettres.</li><li> Constatez que si vous tapez tout ou une partie de l'alphabet dans l'ordre « ...CDEFGHIJ... », vous obtenez un texte crypté avec une seule lettre.</li></ul> - <a href="https://experiences.mathemarium.fr/-Cryptographie-.html" rel="directory">Cryptographie </a> / <a href="https://experiences.mathemarium.fr/+-javascript-+.html" rel="tag">javascript </a>, <a href="https://experiences.mathemarium.fr/+-Cryptographie-22-+.html" rel="tag">Cryptographie </a>, <a href="https://experiences.mathemarium.fr/+-Article-Kiosque-+.html" rel="tag">Article Kiosque </a> <img src='https://experiences.mathemarium.fr/local/cache-vignettes/L150xH70/arton55-2e6e7.png?1771226256' class='spip_logo spip_logo_right' width='150' height='70' alt="" /> <div class='rss_texte'><p><i>Version beta</i></p> <div class='spip_document_36 spip_document spip_documents spip_document_image spip_documents_right spip_document_right'> <figure class="spip_doc_inner"> <img src='https://experiences.mathemarium.fr/local/cache-vignettes/L350xH351/crypto-bion-3100c.jpg?1738893155' width='350' height='351' alt='' /> </figure> </div> <p>Voici une simulation de roue de chiffrement qui reprend le principe du <a href="http://fr.wikipedia.org/wiki/Chiffre_d%27Alberti" class="spip_out" rel="external">cadran d'Alberti</a> datant du XVe siècle et qui est à la base de la machine <a href="http://fr.wikipedia.org/wiki/Enigma_(machine)" class="spip_out" rel="external">Enigma</a> utilisée par les Allemands durant la seconde guerre mondiale pour crypter leur communication. Enigma fut au cœur d'une guerre de l'intelligence pour casser son code.</p> <p>Ce dispositif de chiffrement est composé de deux éléments :</p> <ul class="spip" role="list"><li> un grand cadran comportant l'alphabet dans l'ordre ;</li><li> un petit cadran qui peut tourner - qu'on nommera roue - comportant un alphabet dans le désordre.</li></ul> <p>Pour crypter un message :</p> <ul class="spip" role="list"><li> 1 - Tournez la roue dans une position de départ (nous utiliserons le repère visuel de la roue pour savoir sur quelle lettre du grand cadran elle a été positionnée. Cela nous donnera notre clef de cryptage.)</li><li> 2 - Cherchez la première lettre de votre texte à coder sur le grand cadran, et remplacer là par la lettre correspondante sur la roue.</li><li> 3 - Tourner d'un cran la roue dans le sens horaire.</li><li> 4- Répétez les étapes 2 et 3 pour chacune des lettres dans l'ordre.</li></ul><ul class="spip" role="list"><li> Vous pouvez changer le chiffrement en générant aléatoirement une nouvelle répartition des lettres.</li><li> Constatez que si vous tapez tout ou une partie de l'alphabet dans l'ordre « ...CDEFGHIJ... », vous obtenez un texte crypté avec une seule lettre.</li></ul> <p>NB : La « lenteur » de saisie entre deux caractères est voulue afin de montrer l'animation de chiffrement.</p> <iframe style="overflow: hidden;" src="/simulations/cry-CadranAlberty/index.html" height="768px" width="768px" frameborder="0" scrolling="no"></iframe> <p>Pour intégrer cette simulation dans vos propres pages web :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><iframe style="overflow: hidden;" src="http://experiences.math.cnrs.fr/simulations/cry-CadranAlberty/index.html" height="768px" width="768px" frameborder="0" scrolling="no"></iframe></code></pre></div> </div> <div class="hyperlien">Voir en ligne : <a href="https://experiences.math.cnrs.fr/simulations/cry-CadranAlberty/index.html" class="spip_out">Le cadran d Alberti_grand père d Enigma</a></div>