<style>
/* Palette et micro-styles */
:root{ --ink:#0f172a; --muted:#475569; --line:#e2e8f0; }
/* En-tête : variante claire/sombre équilibrée */
.pix-header{
display:flex; align-items:center; gap:14px;
padding:16px 18px; border-radius:16px;
background:linear-gradient(135deg,#16233a 0%, #273a66 55%, #6ea8ff 100%);
color:#fff;
box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 6px 20px rgba(0,0,0,.12);
margin:0 0 18px 0;
}
.pix-logo{height:46px; max-width:200px; display:block; filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}
.pix-htxt h1{margin:0 0 2px 0; font-size:1.45rem; line-height:1.25}
.pix-sub{margin:0; color:rgba(255,255,255,.92)}
.pix-pill{display:inline-flex; align-items:center; gap:10px; margin-top:10px; padding:4px 10px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); font-size:.86rem}
.pix-pill a{color:#fff; text-decoration:underline; font-weight:600}
/* Séparateur, encadrés et légendes */
.hr{height:10px; border:0; background:radial-gradient(circle at 10px 5px,#dbe4ff 6px,transparent 7px) repeat-x; background-size:18px 10px; margin:18px 0}
.callout{border-left:6px solid #12b886; background:#f4fff7; padding:10px 12px; border-radius:10px; margin:10px 0}
.cap{font-size:.92rem; color:#475569; text-align:center; margin-top:6px}
.section h1, .section h2{color:var(--ink)}
.plan ul{margin:8px 0 0 0}
.plan a{color:#1d4ed8; text-decoration:underline}
img.resp{max-width:100%; height:auto; border-radius:10px}
pre.code{background:#0b1220; color:#e2e8f0; padding:10px 12px; border-radius:10px; overflow:auto}
</style>
<div class="pix-header">
<img class="pix-logo" src="https://dane.web.ac-grenoble.fr/sites/default/files/inline-images/d6SnD16EShUcNeh886MiMPssnXH0yEIkNOxJAYGBqgaTc31ZBW.png" alt="Pix" />
<div class="pix-htxt">
<h1>Ajouter le service « Pix personnels » dans l’ENT, puis se connecter à Pix</h1>
<p class="pix-sub">Tutoriel express : d’abord la création du service (administrateur ENT), puis l’accès côté personnels</p>
<div class="pix-pills">
<span class="pix-pill">📄 <a href="https://cloud.pix.fr/s/JLq3GHxw78DRrY9" target="_blank" rel="noopener">Document — Connexion des enseignants à Pix via ARENA (réalisé par Pix)</a></span>
<span class="pix-pill">📄 <a href="https://codimd.apps.education.fr/s/wlqnVbD9u" target="_blank" rel="noopener">Accéder à Pix via ARENA (document séparé)</a></span>
</div>
</div>
</div>
<div class="callout">
<p><strong>Contexte (rentrée 2025)</strong> — Les personnels enseignants et non-enseignants peuvent désormais <strong>accéder à leur compte Pix via le portail ARENA</strong>. Cette nouveauté permet d’ajouter dans l’ENT un <strong>service « Pix personnels »</strong> : au clic, l’utilisateur est reconnu automatiquement, sans créer de compte supplémentaire. Ce tutoriel montre <em>(1)</em> comment un administrateur ENT ajoute le service et <em>(2)</em> comment un personnel s’y connecte.</p>
</div>
<div class="plan">
<h2>Sommaire</h2>
<ul>
<li><a href="#partie-1">Partie 1 — Créer le service « Pix personnels » dans l’ENT (administrateur)</a></li>
<li><a href="#partie-2">Partie 2 — Se connecter à Pix via l’ENT (personnels)</a></li>
<li><a href="#faq">Dépannage & FAQ</a></li>
</ul>
</div>
<div class="hr"></div>
<section class="section" id="partie-1">
<h1>Partie 1 — Créer le raccourci « Pix personnels » dans l’ENT « Ma classe en » (administrateur ENT)</h1>
<blockquote>Objectif : proposer, dans l’ENT, un <strong>lien direct vers Pix</strong> pour les personnels enseignants et non-enseignants <strong>sans créer de compte supplémentaire</strong>.</blockquote>
<h2>1.1 Créer le nouveau service (paramètres techniques)</h2>
<ul>
<li><strong>Type de SSO</strong> : <code>Pas de SSO</code> <em>(ou <code>SSO standard</code>)</em></li>
<li><strong>URL</strong> : (copier‑coller le lien ci‑dessous)</li>
</ul>
<pre class="code"><code>https://extranet.ac-grenoble.fr/mdp/redirectionhub/redirect.jsp?applicationname=pix</code></pre>
<ul>
<li><strong>Type XITI</strong> : <code>GESTION_COMPETENCES</code></li>
<li><strong>Regroupement</strong> : <code>Ressources numériques</code> <em>(ou l’emplacement souhaité dans votre ENT — ex. à côté du Médiacentre)</em></li>
</ul>
<img class="resp" src="https://minio.apps.education.fr/codimd-prod/uploads/y0b33iv787ce3y0uwohcii2ia.png" alt="Création du service PIX dans l’ENT" />
<p class="cap">Exemple de paramétrage technique lors de la création du service.</p>
<h2>1.2 Paramètres d’affichage</h2>
<ul>
<li><strong>Service affiché dans la barre des services</strong> : <code>Oui</code></li>
<li><strong>Intitulé</strong> : <code>Pix personnels</code> par exemple</li>
<li><strong>Service anonyme</strong> : décoché</li>
</ul>
<h2>1.3 Accès population (peupler le service)</h2>
<ol>
<li>Ouvrez l’onglet <strong>Accès population</strong>.</li>
<li>Renseignez : <strong>Rôle</strong> = <code>Accès au service</code>, <strong>Cible</strong> = <code>Établissement du site courant</code>, <strong>Profil</strong> = <code>Enseignant</code>.</li>
<li><strong>Cliquez sur « Ajouter les accès »</strong> (la ligne doit apparaître en bas).</li>
<li><strong>Recommencez</strong> pour ajouter <strong>« Non enseignant »</strong> dans la liste des accès autorisés.</li>
<li><strong>Validez</strong>.</li>
</ol>
<img class="resp" src="https://minio.apps.education.fr/codimd-prod/uploads/lezbgl62r3rownh1slqybrbtp.png" alt="Peupler le service PIX pour les enseignants" />
<p class="cap">Ajoutez l’accès pour les profils <em>Enseignant</em> et <em>Non enseignant</em> sur l’établissement du site courant, puis validez.</p>
<h2>1.4 Résultat côté personnels</h2>
<p>Les personnels voient désormais l’entrée <strong>« Pix personnels »</strong> dans l’ENT et sont <strong>reconnus automatiquement</strong> au clic — <strong>aucun compte supplémentaire</strong> à gérer.</p>
<img class="resp" style="max-width:520px; width:60%; display:block; margin:0 auto;" src="https://minio.apps.education.fr/codimd-prod/uploads/g5x81qravlxiwc6z2hk48fi8d.png" alt="Accéder à Pix personnels dans l’ENT" />
<p class="cap">Le raccourci « Pix personnels » apparaît dans l’ENT.</p>
</section>
<div class="hr"></div>
<section class="section" id="partie-2">
<h1>Partie 2 — Se connecter à Pix depuis l’ENT (personnels enseignants et non-enseignants)</h1>
<ol>
<li><strong>Dans l’ENT</strong>, cliquez sur le service <strong>« Pix personnels »</strong>.</li>
<li><strong>Associer votre compte Pix</strong> :
<ul>
<li>Si vous avez <strong>déjà un compte Pix</strong>, saisissez <strong>votre e‑mail</strong> et <strong>votre mot de passe Pix</strong> pour l’associer.</li>
<li>Sinon, <strong>créez un compte Pix</strong> à cette étape, puis validez l’association.</li>
</ul>
</li>
</ol>
<img class="resp" src="https://minio.apps.education.fr/codimd-prod/uploads/a70rlqfo0fnargb72qr1oisad.png" alt="Association d’un compte Pix" />
<p class="cap">Écran 1 — Associer un compte existant ou créer un compte Pix.</p>
<p><strong>Confirmation de la nouvelle méthode d’accès</strong> : la plateforme indique que votre compte Pix aura <strong>une méthode d’accès supplémentaire</strong>. Vous conservez donc <strong>un double accès</strong> : via l’ENT <em>et</em> via le site <a href="https://pix.fr" target="_blank" rel="noopener">pix.fr</a> (identifiant/mot de passe habituels).</p>
<img class="resp" src="https://minio.apps.education.fr/codimd-prod/uploads/zyril2z1wwevzok9ug4oujh77.png" alt="Confirmation du double accès" />
<p class="cap">Écran 2 — Confirmation : l’accès via l’ENT s’ajoute, l’accès via <strong>pix.fr</strong> reste possible.</p>
<p>C’est fait ✅ : votre compte Pix est désormais accessible <strong>depuis l’ENT</strong> (en plus de votre e‑mail initial sur Pix).</p>
</section>
<div class="hr"></div>
<section class="section" id="faq">
<h1>Dépannage & FAQ</h1>
<ul>
<li><strong>Le rapprochement Pix ne m’est pas proposé.</strong><br>
Déconnectez-vous de Pix dans un autre onglet, puis relancez l’accès depuis l’ENT.
</li>
<li><strong>Le lien ENT affiche une page vide/erreur.</strong><br>
Contrôlez l’URL (copier‑coller exact) et le <strong>Type de SSO</strong>.
</li>
</ul>
</section>
**Auteur :** Emmanuel Gaunard, ambassadeur Pix pour l'académie de Grenoble, assisté par ChatGPT pour la rédaction et mise en forme
**Licence :** CC-BY-SA