<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fr"><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="https://epie.laurents.fr/feed.xml" rel="self" type="application/atom+xml" /><link href="https://epie.laurents.fr/" rel="alternate" type="text/html" hreflang="fr" /><updated>2026-04-30T16:17:17+02:00</updated><id>https://epie.laurents.fr/feed.xml</id><title type="html">PSIN Lab</title><subtitle>Le blog des projets numeriques des groupes PSIN Astrolabe et Gidef.</subtitle><author><name>Laurent</name></author><entry><title type="html">Arduino : c’est quoi et à quoi ça sert ?</title><link href="https://epie.laurents.fr/formation/2026/04/30/arduino-c-est-quoi-et-a-quoi-ca-sert/" rel="alternate" type="text/html" title="Arduino : c’est quoi et à quoi ça sert ?" /><published>2026-04-30T09:00:00+02:00</published><updated>2026-04-30T09:00:00+02:00</updated><id>https://epie.laurents.fr/formation/2026/04/30/arduino-c-est-quoi-et-a-quoi-ca-sert</id><content type="html" xml:base="https://epie.laurents.fr/formation/2026/04/30/arduino-c-est-quoi-et-a-quoi-ca-sert/"><![CDATA[<p>Arduino, c’est une petite carte électronique qu’on peut programmer soi-même. Elle a été créée en <strong>2005 en Italie</strong> pour rendre l’apprentissage de l’électronique plus accessible.</p>

<p>Aujourd’hui, Arduino est utilisé par des collégiens, des étudiants, des passionnés et aussi des professionnels.</p>

<blockquote>
  <p>Arduino, c’est comme un mini-ordinateur qu’on programme pour contrôler des objets du monde réel.</p>
</blockquote>

<p><img src="https://images.unsplash.com/photo-1553406830-ef2513450d76?w=900" alt="Carte Arduino UNO" /></p>

<h2 id="comment-ça-marche-">Comment ça marche ?</h2>

<p>Le principe est simple :</p>

<ul>
  <li>on branche la carte à un ordinateur avec un câble USB ;</li>
  <li>on écrit un programme ;</li>
  <li>on envoie ce programme sur la carte ;</li>
  <li>la carte exécute les instructions.</li>
</ul>

<p>On peut ensuite connecter des capteurs, des LED, des moteurs ou des écrans et définir leur comportement avec du code.</p>

<p><img src="https://images.unsplash.com/photo-1518770660439-4636190af475?w=900" alt="Composants électroniques branchés sur une carte Arduino" /></p>

<h2 id="à-quoi-ça-sert-concrètement-">À quoi ça sert concrètement ?</h2>

<p>Avec Arduino, on peut réaliser des projets concrets, par exemple :</p>

<ul>
  <li>allumer une LED automatiquement quand il fait sombre ;</li>
  <li>déclencher une alarme avec un détecteur de mouvement ;</li>
  <li>mesurer la température d’une pièce ;</li>
  <li>contrôler un robot ou un bras motorisé.</li>
</ul>

<p><img src="https://images.unsplash.com/photo-1485827404703-89b55fcc595e?w=900" alt="Exemple de robot contrôlé par une carte Arduino" /></p>

<h2 id="pourquoi-cest-utile-en-formation-informatique-">Pourquoi c’est utile en formation informatique ?</h2>

<p>Arduino permet de voir directement le résultat du code dans la vraie vie : une LED qui clignote, un moteur qui tourne, un capteur qui réagit.</p>

<p>Cela rend l’apprentissage plus motivant et constitue une très bonne introduction à l’<strong>Internet des Objets (IoT)</strong>.</p>

<p>Dans la formation <strong>PSIN Astrolab</strong>, nous avons utilisé Arduino pour allumer des LED, créer des circuits avec des boutons poussoirs et mieux comprendre le lien entre le code et l’électronique.</p>

<p><img src="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=900" alt="Exercice pratique en atelier Arduino" /></p>

<h2 id="conclusion">Conclusion</h2>

<p>Arduino est un excellent outil pour débuter en électronique et en programmation : simple, abordable, et soutenu par une grande communauté.</p>

<p>Que ce soit pour un projet personnel ou un objectif professionnel, c’est un très bon point de départ.</p>

<hr />

<p><em>Article rédigé par Rayan Fertani — Formation PSIN Astrolab — EPIE Saint-Denis.</em></p>]]></content><author><name>Rayan Fertani</name></author><category term="formation" /><summary type="html"><![CDATA[Découverte d'Arduino, une carte électronique programmable pour apprendre à relier code et projets concrets.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://images.unsplash.com/photo-1553406830-ef2513450d76?w=1400" /><media:content medium="image" url="https://images.unsplash.com/photo-1553406830-ef2513450d76?w=1400" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Arduino : quand l’électronique devient un test de patience</title><link href="https://epie.laurents.fr/formation/2026/04/28/arduino-electronique-test-patience/" rel="alternate" type="text/html" title="Arduino : quand l’électronique devient un test de patience" /><published>2026-04-28T09:30:00+02:00</published><updated>2026-04-28T09:30:00+02:00</updated><id>https://epie.laurents.fr/formation/2026/04/28/arduino-electronique-test-patience</id><content type="html" xml:base="https://epie.laurents.fr/formation/2026/04/28/arduino-electronique-test-patience/"><![CDATA[<p>Arduino est une plateforme open-source née en 2005 en Italie. Elle a été conçue pour permettre à des humains, pas forcément ingénieurs, de créer des objets interactifs.</p>

<p>En résumé : tu codes, tu branches, et tu espères que rien ne fume.</p>

<p>Une carte Arduino, comme l’Arduino Uno, permet de contrôler des LED, des capteurs, des moteurs et tout ce qui accepte de coopérer avec du courant et un peu de foi.</p>

<p><img src="/assets/images/gidef/ArduinoBanderol.png" alt="Banderole Arduino du groupe Gidef" /></p>

<h2 id="première-rencontre-avec-la-led--elle-ma-ignoré">Première rencontre avec la LED : elle m’a ignoré</h2>

<p>Première leçon : une LED a un sens.</p>

<p>Si tu te trompes, elle ne s’allume pas. Elle ne clignote pas. Elle ne te juge même pas. Elle t’ignore.</p>

<p>Deuxième leçon : sans résistance, généralement entre <code class="language-plaintext highlighter-rouge">220Ω</code> et <code class="language-plaintext highlighter-rouge">330Ω</code>, elle finit en barbecue électronique. Une expérience courte, mais mémorable.</p>

<h2 id="le-feu-tricolore--chaos-organisé">Le feu tricolore : chaos organisé</h2>

<p>Créer un feu tricolore avec trois LED paraît simple, jusqu’à ce que le code transforme le montage en discothèque illégale.</p>

<p>Entre les <code class="language-plaintext highlighter-rouge">digitalWrite()</code> mal placés et les <code class="language-plaintext highlighter-rouge">delay()</code> trop optimistes, le résultat peut vite ressembler à un mélange entre feu de circulation et sapin de Noël sous caféine.</p>

<p>Bonus : la broche 13 avec sa LED intégrée, parfaite pour faire croire que tout marche même quand tout est faux.</p>

<h2 id="interview-dune-personne-anonyme-de-la-classe">Interview d’une personne anonyme de la classe</h2>

<div class="interview-spotlight" aria-label="Interview mise en avant">
  <p class="interview-kicker">Interview — voix du groupe</p>

  <div class="interview-item">
    <p class="interview-question">Comment avez-vous découvert Arduino ?</p>
    <p class="interview-answer">Grâce à notre formateur, Laurent.</p>
  </div>

  <div class="interview-item">
    <p class="interview-question">Quel a été votre plus grand chef-d'oeuvre électronique, ou votre plus gros accident ?</p>
    <p class="interview-answer">J'ai réussi à créer un court-circuit. Résultat : le câble USB a commencé à chauffer assez vite pour me faire comprendre que j'avais probablement fait une erreur dans ma vie.</p>
    <p class="interview-answer">Rien n'a explosé, mais disons que le câble a clairement eu une montée en température et moi une montée de stress. Depuis, je vérifie deux fois mes branchements. Minimum.</p>
  </div>

  <div class="interview-item">
    <p class="interview-question">Quel conseil donneriez-vous à quelqu'un qui débute sans tout casser ?</p>
    <p class="interview-answer">Écouter monsieur Laurent attentivement.</p>
  </div>
</div>

<h2 id="le-bouton-poussoir--linteractivité-arrive">Le bouton poussoir : l’interactivité arrive</h2>

<p>Avec un bouton poussoir, nous avons appris à utiliser <code class="language-plaintext highlighter-rouge">digitalRead()</code> pour contrôler une LED.</p>

<p>Nous avons aussi découvert que sans résistance pull-down ou pull-up, Arduino aime inventer ses propres règles du jeu.</p>

<p>Résultat : une LED possédée, qui s’allume et s’éteint sans raison apparente.</p>

<h2 id="ce-quarduino-nous-a-appris">Ce qu’Arduino nous a appris</h2>

<p>Arduino nous a appris :</p>

<ul>
  <li>la rigueur, ou la punition immédiate ;</li>
  <li>la patience, beaucoup ;</li>
  <li>la logique, après quelques crises ;</li>
  <li>et surtout que l’électronique gagne toujours.</li>
</ul>

<p>C’est un professeur silencieux, mais très efficace : il ne parle pas. Il te laisse juste comprendre pourquoi ça ne marche pas.</p>

<p><img src="/assets/images/gidef/ArduinoFooter.png" alt="Illustration de fin Arduino du groupe Gidef" /></p>]]></content><author><name>Safa</name></author><category term="formation" /><summary type="html"><![CDATA[Retour humoristique du groupe Gidef sur les premiers montages Arduino, les LED, les résistances, le feu tricolore et le bouton poussoir.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://epie.laurents.fr/assets/images/gidef/ArduinoVignette.png" /><media:content medium="image" url="https://epie.laurents.fr/assets/images/gidef/ArduinoVignette.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">PSIN - Le début d’une Belle Aventure (si tout se passe bien !)</title><link href="https://epie.laurents.fr/formation/2026/04/28/psin-le-debut-d'une-belle-aventure/" rel="alternate" type="text/html" title="PSIN - Le début d’une Belle Aventure (si tout se passe bien !)" /><published>2026-04-28T09:30:00+02:00</published><updated>2026-04-28T09:30:00+02:00</updated><id>https://epie.laurents.fr/formation/2026/04/28/psin-le-debut-d&apos;une-belle-aventure</id><content type="html" xml:base="https://epie.laurents.fr/formation/2026/04/28/psin-le-debut-d&apos;une-belle-aventure/"><![CDATA[<h1 id="psin---le-début-dune-belle-aventure-si-tout-se-passe-bien-">PSIN - Le Début d’une Belle Aventure <em>(si tout se passe bien !)</em></h1>

<h2 id="le-point-de-départ">Le Point de Départ</h2>

<p>Le <strong>30 mars</strong>,</p>

<p>Notre groupe de 19 apprenants a officiellement posé ses valises dans la formation <strong>PSIN</strong>,</p>

<p>“Parcours Sécurisé vers les métiers de l’Informatique et du Numérique”.</p>

<p>C’est comme une sorte de rentrée scolaire, en somme, mais sans les fournitures à acheter en urgence la veille.</p>

<p><img src="Image_Blog_PSIN\PSIN_Belle_Aventure_Image_haut.png" alt="Banderole PSIN Belle Aventure du groupe Gidef" /></p>

<p>Encadrés par 3 formateurs, nous voilà embarqués dans cette formation, chacun avec ses ambitions, son niveau de départ… et parfois un rapport à l’informatique qui se résume à <em>« ça marche, tant mieux, ça ne marche pas, bonne chance »</em>.</p>

<h2 id="les-péripéties-de-la-formation">Les Péripéties de la Formation</h2>

<p>Au fil des semaines, le programme nous fait découvrir les différents métiers du secteur :</p>

<p><strong>Développement</strong> / <strong>Maintenance</strong> / <strong>Réseaux</strong> / <strong>Cybersécurité</strong>.</p>

<p>De quoi avoir l’embarras du choix, <strong>ou l’embarras tout court</strong>, selon les jours !</p>

<p>C’est justement là tout l’intérêt : tester, explorer, comprendre ce qui nous correspond vraiment, et réaliser que non, l’informatique ne se résume pas à <em>« avez-vous essayé d’éteindre et de rallumer ? »</em>.</p>

<h2 id="le-fameux-stage">Le Fameux Stage</h2>

<p>Le moment phare de la formation approche avec la <strong>période de stage, du 1er au 26 juin</strong>.</p>

<p>Enfin la confrontation avec le monde réel, les vraies missions, et la vraie question :</p>

<p><em>« Est-ce que nos acquis tiennent la route ?? »</em></p>

<p>On l’espère tous, on le vérifiera bien assez vite !!</p>

<h2 id="jusquaux-bout-de-la-formation">Jusqu’aux Bout de la Formation</h2>

<p>Le <strong>15 juillet</strong> marquera la fin de cette <strong>Aventure</strong> avec EPIE Formation.</p>

<p>Une date qui semble encore lointaine, jusqu’au moment où elle ne le sera plus — tout comme un délai qu’on pensait avoir largement le temps de respecter.</p>

<h2 id="farm-dxp">Farm d’XP</h2>

<p>D’ici là, chacun avance à son rythme, accumule <strong>ses expériences</strong>, et se rapproche, semaine après semaine, du métier qui lui correspond.</p>

<p>La formation <strong>PSIN</strong>, en tout cas, ne laisse personne indifférent, et c’est bien là l’<strong>Essentiel</strong>.</p>

<p>![<a href="Image_Blog_PSIN\PSIN_Belle_Aventure_Image_bas.png">Illustration de fin PSIN Belle Aventure</a></p>]]></content><author><name>Lamda</name></author><category term="formation" /><summary type="html"><![CDATA[Retour humoristique du groupe Gidef sur leur entrée en formation PSIN et son déroulement]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://epie.laurents.fr/assets/images/gidef/ArduinoVignette.png" /><media:content medium="image" url="https://epie.laurents.fr/assets/images/gidef/ArduinoVignette.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Histoire dont vous êtes le héros</title><link href="https://epie.laurents.fr/formation/2026/04/28/histoire-dont-vous-etes-le-heros/" rel="alternate" type="text/html" title="Histoire dont vous êtes le héros" /><published>2026-04-28T09:00:00+02:00</published><updated>2026-04-28T09:00:00+02:00</updated><id>https://epie.laurents.fr/formation/2026/04/28/histoire-dont-vous-etes-le-heros</id><content type="html" xml:base="https://epie.laurents.fr/formation/2026/04/28/histoire-dont-vous-etes-le-heros/"><![CDATA[<p>Le groupe Gidef travaille sur une histoire interactive en HTML : un récit dans lequel le lecteur avance en cliquant sur des liens et choisit son propre chemin.</p>

<p>L’objectif est de réutiliser les bases HTML vues en séance pour créer une expérience simple, lisible et fonctionnelle.</p>

<p><img src="/assets/images/gidef/HistoireBanderole.png" alt="Banderole du projet histoire interactive" /></p>

<h2 id="consigne-courte">Consigne courte</h2>

<p>Créer une histoire de type <strong>dont vous êtes le héros</strong> avec :</p>

<ul>
  <li>20 pages HTML ;</li>
  <li>une première page appelée <code class="language-plaintext highlighter-rouge">index.html</code> ;</li>
  <li>un titre sur chaque page ;</li>
  <li>un texte sur chaque page ;</li>
  <li>2 ou 3 liens vers d’autres pages ;</li>
  <li>plusieurs chemins possibles ;</li>
  <li>plusieurs fins possibles ;</li>
  <li>un code HTML propre et bien organisé.</li>
</ul>

<p>Le lecteur doit pouvoir avancer dans l’histoire en cliquant sur les liens, comme dans un livre interactif.</p>

<h2 id="rappel-html">Rappel HTML</h2>

<p>Les stagiaires peuvent utiliser les balises vues en séance :</p>

<ul>
  <li><code class="language-plaintext highlighter-rouge">&lt;!DOCTYPE html&gt;</code></li>
  <li><code class="language-plaintext highlighter-rouge">&lt;html lang="fr"&gt;</code></li>
  <li><code class="language-plaintext highlighter-rouge">&lt;head&gt;</code> et <code class="language-plaintext highlighter-rouge">&lt;body&gt;</code></li>
  <li><code class="language-plaintext highlighter-rouge">&lt;meta charset="UTF-8"&gt;</code></li>
  <li><code class="language-plaintext highlighter-rouge">&lt;title&gt;</code></li>
  <li><code class="language-plaintext highlighter-rouge">&lt;h1&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;h2&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;h3&gt;</code></li>
  <li><code class="language-plaintext highlighter-rouge">&lt;p&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;strong&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;em&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;br&gt;</code></li>
  <li><code class="language-plaintext highlighter-rouge">&lt;ul&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;ol&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;li&gt;</code></li>
  <li><code class="language-plaintext highlighter-rouge">&lt;a href="page1.html"&gt;Page 1&lt;/a&gt;</code></li>
</ul>

<h2 id="suivi-des-projets">Suivi des projets</h2>

<table>
  <thead>
    <tr>
      <th>Prénom</th>
      <th>Validé</th>
      <th>Voir projet</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Abdoulaye</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/abdoulaye/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Anas</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/anas/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Bilel 1</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/bilel-1/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Bilel 2</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/bilel-2/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Hamza</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Zakaria</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/zakaria/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Cherif</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/cherif/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Ritedj</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Philippa</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Safa</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/safa/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Réuel</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Triens</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/triens/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Ilyes</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/ilyes/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Roman</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/roman/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Lamda</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/lamda/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Ismael</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/ismael/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Ryan</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/ryan/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Louis</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/louis/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Mohammad</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gidef/mohammad/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
  </tbody>
</table>

<p><img src="/assets/images/gidef/HistoireFooter.png" alt="Illustration de fin du projet histoire interactive" /></p>]]></content><author><name>Laurent Staelens</name></author><category term="formation" /><summary type="html"><![CDATA[Consigne du projet HTML interactif pour le groupe Gidef et tableau de suivi des réalisations.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://epie.laurents.fr/assets/images/gidef/HistoireVignette.png" /><media:content medium="image" url="https://epie.laurents.fr/assets/images/gidef/HistoireVignette.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Mon premier formulaire HTML</title><link href="https://epie.laurents.fr/formation/2026/04/27/mon-premier-formulaire-html/" rel="alternate" type="text/html" title="Mon premier formulaire HTML" /><published>2026-04-27T09:45:00+02:00</published><updated>2026-04-27T09:45:00+02:00</updated><id>https://epie.laurents.fr/formation/2026/04/27/mon-premier-formulaire-html</id><content type="html" xml:base="https://epie.laurents.fr/formation/2026/04/27/mon-premier-formulaire-html/"><![CDATA[<p><img src="/assets/images/astrolabe/MonPremierFormulaireBanderole.png" alt="Banderole Mon premier formulaire" /></p>

<p>Le groupe Astrolabe travaille sur un nouveau projet : créer un formulaire HTML capable de récupérer les réponses d’un utilisateur et de générer un fichier CSV.</p>

<p>L’objectif est de réutiliser les bases du HTML, puis d’ajouter un peu de JavaScript pour rendre le formulaire fonctionnel.</p>

<h2 id="consigne-courte">Consigne courte</h2>

<p>Créer une page <code class="language-plaintext highlighter-rouge">index.html</code> contenant :</p>

<ul>
  <li>un titre ;</li>
  <li>un texte d’explication ;</li>
  <li>un formulaire fonctionnel ;</li>
  <li>un champ texte pour le nom ou le prénom ;</li>
  <li>une question à choix unique avec des boutons radio ;</li>
  <li>une question à choix multiple avec des cases à cocher ;</li>
  <li>une liste déroulante ;</li>
  <li>une zone de commentaire ;</li>
  <li>un bouton d’envoi.</li>
</ul>

<p>Le formulaire doit utiliser JavaScript pour récupérer les réponses, créer un fichier CSV et déclencher son téléchargement.</p>

<p>Le thème est libre : habitudes numériques, loisirs, préférences, musique, jeux, films ou utilisation d’Internet.</p>

<h2 id="niveaux-possibles">Niveaux possibles</h2>

<ul>
  <li>Débutant : formulaire fonctionnel et CSV généré.</li>
  <li>Intermédiaire : ajouter une question, plusieurs choix et une meilleure mise en forme.</li>
  <li>Avancé : ajouter une validation, un message de remerciement et stocker plusieurs réponses avec <code class="language-plaintext highlighter-rouge">localStorage</code>.</li>
</ul>

<h2 id="suivi-des-projets">Suivi des projets</h2>

<table>
  <thead>
    <tr>
      <th>Prénom</th>
      <th>Validé (Oui / Non)</th>
      <th>Voir projet</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Oumou-Koulthoum</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Ouzefa</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Sherine</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Maryam</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Nils</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Adama</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Gname</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Rayan</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>William</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Lohan</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Mohamed-Zineddine</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Esteban</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Moise</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Hermell</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Amjad</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Jess-Bruno</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Mehdi</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Bogdan-Ioan</td>
      <td>☐ Oui / ☐ Non</td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
  </tbody>
</table>

<p><img src="/assets/images/astrolabe/MonPremierFormulairePiedDePage.png" alt="Pied de page Mon premier formulaire" /></p>]]></content><author><name>Laurent Staelens</name></author><category term="formation" /><summary type="html"><![CDATA[Consigne courte du projet formulaire HTML avec génération d'un fichier CSV.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://epie.laurents.fr/assets/images/astrolabe/MonPremierFormulaireVignette.png" /><media:content medium="image" url="https://epie.laurents.fr/assets/images/astrolabe/MonPremierFormulaireVignette.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Projet Css : les bases</title><link href="https://epie.laurents.fr/formation/2026/04/27/projet-html-css-ma-formation-psin/" rel="alternate" type="text/html" title="Projet Css : les bases" /><published>2026-04-27T09:30:00+02:00</published><updated>2026-04-27T09:30:00+02:00</updated><id>https://epie.laurents.fr/formation/2026/04/27/projet-html-css-ma-formation-psin</id><content type="html" xml:base="https://epie.laurents.fr/formation/2026/04/27/projet-html-css-ma-formation-psin/"><![CDATA[<p><img src="/assets/images/astrolabe/ProjetCSSBanderole.png" alt="Banderole Projet CSS" /></p>

<p>Le groupe Astrolabe a travaillé sur un projet complet en HTML et CSS : créer une page web intitulée <strong>Mon parcours de formation PSIN</strong>.</p>

<p>L’objectif était de réutiliser les bases vues en formation : structure HTML, mise en forme CSS, images, liens, listes et organisation des contenus.</p>

<h2 id="consigne-courte">Consigne courte</h2>

<p>Créer un mini site avec :</p>

<ul>
  <li>un fichier <code class="language-plaintext highlighter-rouge">index.html</code> ;</li>
  <li>un fichier <code class="language-plaintext highlighter-rouge">styles.css</code> ;</li>
  <li>au moins une image ;</li>
  <li>une présentation de l’entrée en formation ;</li>
  <li>un calendrier avec les étapes importantes ;</li>
  <li>une liste d’objectifs personnels ;</li>
  <li>des liens vers Google, Wikipédia et une page personnelle.</li>
</ul>

<p>La page devait utiliser les principales balises HTML vues ensemble : titres, paragraphes, liens, images, listes, sections et classes CSS.</p>

<p>Le CSS devait contenir les propriétés de base : couleurs, police, taille du texte, bordures, arrondis, alignement, marges et espacements.</p>

<h2 id="suivi-des-projets">Suivi des projets</h2>

<table>
  <thead>
    <tr>
      <th>Prénom</th>
      <th>Validé (Oui / Non)</th>
      <th>Voir projet</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Oumou-Koulthoum</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/oumou-koulthoum/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Ouzefa</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/ouzefa/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Sherine</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/sherine/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Maryam</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/maryam/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Nils</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/nils/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Adama</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Gname</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/gname/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Rayan</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/rayan/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>William</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Lohan</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/lohan/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Mohamed-Zineddine</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/mohamed-zineddine/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Esteban</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/esteban/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Moise</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/moise/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Hermell</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Amjad</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/amjad/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Jess-Bruno</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
    <tr>
      <td>Mehdi</td>
      <td><span class="validation validation-ok" aria-label="Validé">✓</span></td>
      <td><a href="/assets/projets/mehdi/" target="_blank" rel="noopener noreferrer">Voir le projet</a></td>
    </tr>
    <tr>
      <td>Bogdan-Ioan</td>
      <td><span class="validation validation-missing" aria-label="Non réalisé">×</span></td>
      <td><a href="#">Lien à compléter</a></td>
    </tr>
  </tbody>
</table>

<p><img src="/assets/images/astrolabe/ProjetCssFooter.jpeg" alt="Pied de page Projet CSS" /></p>]]></content><author><name>Laurent Staelens</name></author><category term="formation" /><summary type="html"><![CDATA[Consigne courte du projet CSS et suivi des réalisations du groupe Astrolabe.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://epie.laurents.fr/assets/images/astrolabe/ProjetCSSVignette.jpeg" /><media:content medium="image" url="https://epie.laurents.fr/assets/images/astrolabe/ProjetCSSVignette.jpeg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Markdown : les bases</title><link href="https://epie.laurents.fr/formation/2026/04/27/markdown-les-bases/" rel="alternate" type="text/html" title="Markdown : les bases" /><published>2026-04-27T09:00:00+02:00</published><updated>2026-04-27T09:00:00+02:00</updated><id>https://epie.laurents.fr/formation/2026/04/27/markdown-les-bases</id><content type="html" xml:base="https://epie.laurents.fr/formation/2026/04/27/markdown-les-bases/"><![CDATA[<p><img src="/assets/images/astrolabe/MarkdownLesBaseBanderole.png" alt="Banderole Markdown les bases" /></p>

<p>Markdown est un langage simple qui permet de mettre en forme du texte facilement : titres, listes, liens, images, code, tableaux, etc.</p>

<h2 id="paragraphes">Paragraphes</h2>

<p>Il suffit de taper du texte.</p>

<p>Pour aller à la ligne, ajoutez deux espaces en fin de ligne, ou laissez une ligne vide pour créer un nouveau paragraphe.</p>

<h2 id="mise-en-forme-du-texte">Mise en forme du texte</h2>

<ul>
  <li>Texte en italique : <code class="language-plaintext highlighter-rouge">*italique*</code> ou <code class="language-plaintext highlighter-rouge">_italique_</code></li>
  <li>Texte en gras : <code class="language-plaintext highlighter-rouge">**gras**</code></li>
  <li>Texte barré : <code class="language-plaintext highlighter-rouge">~~barré~~</code></li>
  <li>Texte en code : <code class="language-plaintext highlighter-rouge">`code`</code></li>
  <li>Gras et italique : <code class="language-plaintext highlighter-rouge">***texte***</code></li>
</ul>

<h2 id="listes">Listes</h2>

<p>Liste à puces :</p>

<ul>
  <li>Élément 1</li>
  <li>Élément 2</li>
  <li>Élément 3</li>
</ul>

<p>Liste numérotée :</p>

<ol>
  <li>Premier élément</li>
  <li>Deuxième élément</li>
  <li>Troisième élément</li>
</ol>

<h2 id="titres">Titres</h2>

<div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gh"># Titre niveau 1</span>
<span class="gu">## Titre niveau 2</span>
<span class="gu">### Titre niveau 3</span>
</code></pre></div></div>

<p>Il existe jusqu’à six niveaux de titres.</p>

<h2 id="liens-et-images">Liens et images</h2>

<p>Lien :</p>

<div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">[</span><span class="nv">Cliquez ici</span><span class="p">](</span><span class="sx">https://oneduc.fr</span><span class="p">)</span>
</code></pre></div></div>

<p>Image :</p>

<div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">![</span><span class="nv">Description</span><span class="p">](</span><span class="sx">https://cdn.pixabay.com/photo/2024/05/26/10/15/bird-8788491_1280.jpg</span><span class="p">)</span>
</code></pre></div></div>

<h2 id="citations">Citations</h2>

<div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gt">&gt; Hermel part en vacances dans le sud.</span>
</code></pre></div></div>

<h2 id="code">Code</h2>

<p>Code sur une ligne :</p>

<div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="sb">`console.log("Hello")`</span>
</code></pre></div></div>

<p>Bloc de code :</p>

<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">greet</span><span class="p">(</span><span class="nx">name</span><span class="p">)</span> <span class="p">{</span>
  <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="dl">"</span><span class="s2">Texte</span><span class="dl">"</span><span class="p">);</span>
<span class="p">}</span>
</code></pre></div></div>

<h2 id="tableaux">Tableaux</h2>

<table>
  <thead>
    <tr>
      <th>Sujet</th>
      <th>Vue</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Gras</td>
      <td>OK</td>
    </tr>
    <tr>
      <td>Italique</td>
      <td>OK</td>
    </tr>
    <tr>
      <td>Code</td>
      <td>OK</td>
    </tr>
    <tr>
      <td>Images</td>
      <td>OK</td>
    </tr>
    <tr>
      <td>Liens</td>
      <td>OK</td>
    </tr>
    <tr>
      <td>Table</td>
      <td>OK</td>
    </tr>
  </tbody>
</table>

<h2 id="exposant-et-indice">Exposant et indice</h2>

<p>Markdown accepte parfois du HTML :</p>

<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;sup&gt;</span>exposant<span class="nt">&lt;/sup&gt;</span>
<span class="nt">&lt;sub&gt;</span>indice<span class="nt">&lt;/sub&gt;</span>
</code></pre></div></div>

<h2 id="astuces-utiles">Astuces utiles</h2>

<ul>
  <li><code class="language-plaintext highlighter-rouge">---</code> permet de créer une ligne de séparation.</li>
  <li><code class="language-plaintext highlighter-rouge">- [ ]</code> et <code class="language-plaintext highlighter-rouge">- [x]</code> permettent de faire des listes de tâches.</li>
  <li>Le symbole <code class="language-plaintext highlighter-rouge">\</code> permet d’échapper un caractère.</li>
</ul>

<p>Exemple : <code class="language-plaintext highlighter-rouge">\*</code> permet d’afficher une étoile sans italique.</p>

<p><img src="/assets/images/astrolabe/MarkdownLesBasesFooter.png" alt="Pied de page Markdown les bases" /></p>]]></content><author><name>Bogdan Tiganescu</name></author><category term="formation" /><summary type="html"><![CDATA[Introduction aux bases de Markdown pour mettre en forme du texte.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://epie.laurents.fr/assets/images/astrolabe/MarkdownLesBasesVignette.png" /><media:content medium="image" url="https://epie.laurents.fr/assets/images/astrolabe/MarkdownLesBasesVignette.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Pourquoi ce blog</title><link href="https://epie.laurents.fr/carnet/2026/04/21/pourquoi-ce-blog/" rel="alternate" type="text/html" title="Pourquoi ce blog" /><published>2026-04-21T11:00:00+02:00</published><updated>2026-04-21T11:00:00+02:00</updated><id>https://epie.laurents.fr/carnet/2026/04/21/pourquoi-ce-blog</id><content type="html" xml:base="https://epie.laurents.fr/carnet/2026/04/21/pourquoi-ce-blog/"><![CDATA[<p>Ce blog servira de carnet de bord pour partager des idees, des notes, des actualites et des retours d’experience autour du projet.</p>

<p>L’objectif est simple : garder une trace claire de ce qui avance, expliquer les choix importants, et publier facilement du contenu sans avoir besoin d’une grosse interface d’administration.</p>

<h2 id="pourquoi-jekyll">Pourquoi Jekyll</h2>

<p>Jekyll transforme des fichiers Markdown en site statique. C’est pratique pour un blog parce que chaque article reste un simple fichier texte, facile a modifier depuis GitHub.</p>

<p>Avec GitHub Pages, la publication devient automatique : on ajoute ou modifie un article, on valide le changement, et le site est reconstruit en ligne.</p>

<h2 id="ce-quon-pourra-publier">Ce qu’on pourra publier</h2>

<ul>
  <li>Des actualites du projet</li>
  <li>Des tutoriels courts</li>
  <li>Des notes techniques</li>
  <li>Des comptes rendus</li>
  <li>Des articles plus personnels ou editoriaux</li>
</ul>

<p>Ce premier article peut servir de modele. Pour en creer un nouveau, il suffit de copier ce fichier, de changer la date, le titre, le nom du fichier, puis d’ecrire le contenu en Markdown.</p>]]></content><author><name>Laurent</name></author><category term="carnet" /><summary type="html"><![CDATA[Ce blog servira de carnet de bord pour partager des idees, des notes, des actualites et des retours d’experience autour du projet.]]></summary></entry><entry><title type="html">Microsoft Excel : Apprentissage en formation PSIN- Astrolabe</title><link href="https://epie.laurents.fr/bureautique/2026/04/13/les-bases-de-excel/" rel="alternate" type="text/html" title="Microsoft Excel : Apprentissage en formation PSIN- Astrolabe" /><published>2026-04-13T09:00:00+02:00</published><updated>2026-04-13T09:00:00+02:00</updated><id>https://epie.laurents.fr/bureautique/2026/04/13/les-bases-de-excel</id><content type="html" xml:base="https://epie.laurents.fr/bureautique/2026/04/13/les-bases-de-excel/"><![CDATA[<p>Pendant la formation, nous avons travaillé sur Microsoft Excel et découvert progressivement comment utiliser le logiciel de manière plus avancée.</p>

<h2 id="les-bases-des-calculs-">Les bases des calculs :</h2>

<p>Au début, nous avons vu les opérations de base : addition, soustraction, multiplication et division directement dans les cellules. Nous avons également compris les règles de signes, ce qui permet d’éviter les erreurs dans les formules.</p>

<h2 id="la-zone-de-nom-">La zone de nom :</h2>

<p>Nous avons découvert la zone de nom, située à gauche de la barre de formule, au-dessus du tableau. Elle affiche la cellule sélectionnée (A1, B2, etc.) et permet aussi de nommer des plages de cellules afin de les retrouver plus facilement.</p>

<h2 id="la-mise-en-forme-des-données-">La mise en forme des données :</h2>

<p>Ensuite, nous avons travaillé sur la mise en forme des données. Nous avons appris à afficher correctement les dates, les heures et les montants en euros. Il ne suffit pas d’ajouter le symbole EUR, il faut utiliser les formats adaptés pour obtenir un affichage propre et lisible.</p>

<h2 id="manipulation-du-texte-">Manipulation du texte :</h2>

<p>Nous avons ensuite découvert plusieurs fonctions pour manipuler du texte :</p>

<p>Le symbole &amp; permet de combiner plusieurs cellules.</p>

<p>Les fonctions CONCAT et JOINDRE.TEXTE permettent d’assembler des informations automatiquement.</p>

<p>Nous avons aussi utilisé des fonctions pour analyser des chaînes de caractères :</p>

<ul>
  <li>NBCAR : compte le nombre de caractères</li>
  <li>GAUCHE et DROITE : extraient une partie d’un texte</li>
  <li>CHERCHE : permet de trouver une information dans une cellule</li>
</ul>

<h2 id="les-fonctions-logiques-et-conditions-">Les fonctions logiques et conditions :</h2>

<p>Nous avons utilisé la fonction SI, qui permet d’appliquer des conditions.</p>

<p>Exemple :</p>

<pre><code class="language-excel">=SI(B2&gt;10;"admis";"refusé")
</code></pre>

<p>Cette formule vérifie si la valeur de B2 est supérieure à 10. Si c’est le cas, le résultat affiché est “admis”, sinon “refusé”.</p>

<p>Nous avons aussi vu des exemples avec des pourcentages :</p>

<pre><code class="language-excel">=SI(E3&gt;=E2;30000*2%;0)
</code></pre>

<p>Ou encore :</p>

<pre><code class="language-excel">=SI(A1&gt;=SEUIL;A1*2%;0)
</code></pre>

<p>Ces formules permettent d’automatiser des calculs selon certaines conditions.</p>

<h2 id="la-fonction-somme-">La fonction SOMME :</h2>

<p>Enfin, nous avons utilisé la fonction SOMME pour additionner plusieurs valeurs :</p>

<pre><code class="language-excel">=SOMME(B3;C3;D3)
</code></pre>

<p>Elle permet de calculer rapidement la somme de plusieurs cellules.</p>

<h2 id="conclusion-">Conclusion :</h2>

<p>Avec ces exercices sur Microsoft Excel, nous avons compris qu’il s’agit bien plus qu’un simple tableau. Excel est un outil puissant qui permet de traiter des données, automatiser des calculs et gagner du temps dans de nombreuses situations.</p>]]></content><author><name>Bogdan Tiganescu</name></author><category term="bureautique" /><summary type="html"><![CDATA[Retour sur les bases d'Excel vues pendant la formation PSIN Astrolabe.]]></summary></entry><entry><title type="html">Le formatage Excel, bien plus qu’une question de style</title><link href="https://epie.laurents.fr/bureautique/2026/04/13/formatage-excel/" rel="alternate" type="text/html" title="Le formatage Excel, bien plus qu’une question de style" /><published>2026-04-13T09:00:00+02:00</published><updated>2026-04-13T09:00:00+02:00</updated><id>https://epie.laurents.fr/bureautique/2026/04/13/formatage-excel</id><content type="html" xml:base="https://epie.laurents.fr/bureautique/2026/04/13/formatage-excel/"><![CDATA[<p>Quand le formateur nous a annonce : “Aujourd’hui, on va travailler sur le formatage des cellules dans Excel”, j’ai leve un sourcil. Le formatage ? Serieusement ? Pour moi, c’etait juste ecrire dans des cases et eventuellement mettre un peu de gras pour faire joli. Rien de bien mechant.</p>

<p>Puis il nous a donne l’exercice.</p>

<p>Le but etait simple… en theorie : reproduire a l’identique un fichier Excel. Exactement pareil. Meme alignement, memes couleurs, memes bordures, memes formats de nombres. A ce moment-la, j’ai encore eu ce petit exces de confiance : “C’est bon, ca va etre rapide.”</p>

<p>Spoiler : non.</p>

<p>Je commence tranquillement. Je remplis les cellules, j’ecris les titres… jusque-la, tout va bien. Mais des que j’ai voulu faire correspondre le visuel, tout s’est complique. Mon tableau ressemblait a une version “discount” du modele.</p>

<p>Premier moment de galere : l’alignement du texte.</p>

<p>Je ne comprenais pas pourquoi mes titres n’etaient jamais parfaitement centres comme sur le modele. Je cliquais partout : gauche, droite, centre… rien n’y faisait.</p>

<p>Et la, le formateur passe derriere moi et me dit calmement : “Tu as essaye de fusionner les cellules ?”</p>

<p>Fusionner… les cellules ?</p>

<p>Je clique. Et la, magie. Le titre se place parfaitement. Premier choc.</p>

<p>Deuxieme moment critique : les nombres.</p>

<p>Je pensais naivement que taper “25” ou “25EUR” revenait au meme. Grave erreur. Sur mon fichier, ca faisait bricolage, alors que sur le modele, tout etait propre, aligne, professionnel.</p>

<p>J’ai essaye d’ajouter le symbole euro a la main… catastrophe. Rien n’etait aligne correctement.</p>

<p>Le formateur revient, encore une fois au bon moment, regarde mon ecran et me dit : “Va dans le format des cellules.”</p>

<p>Quelques clics plus tard, il me montre comment passer en format monetaire, ajouter des decimales, gerer les pourcentages… et la, revelation. Excel n’est pas juste un tableau, c’est une machine ultra precise.</p>]]></content><author><name>Nils</name></author><category term="bureautique" /><summary type="html"><![CDATA[Retour d'experience sur un exercice Excel entre alignement, fusion de cellules et format monetaire.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://epie.laurents.fr/assets/images/formatage-excel.png" /><media:content medium="image" url="https://epie.laurents.fr/assets/images/formatage-excel.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry></feed>