Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:printer [12/03/2020 10:04] – ldalbegue
+++ informatique:printer [01/07/2026 09:14] (Version actuelle) – bchicard
@@ Ligne 1: / Ligne 1: @@
-==== Les Impressions au GNI ====
+~~NOCACHE~~
 <PHP>
-  global $INFO;
-  echo "<html><br><form method='post' target='_blank' action='tools/codeprinter.php?mail=";
-  echo $INFO['userinfo']['mail'];
-  echo "'>Recevoir par mail votre code d'accès aux photocopieurs du GNI &nbsp;->&nbsp;";
-  echo '<input id="saveForm" class="button_text" type="submit" name="submit" value="Code">';
-  echo '</form><br></html>';
-</PHP>
-[[https://gni.gretani.com/tools/codeprinter.php|Recevoir par mail votre code d'accès aux photocopieurs du GNI]]
+echo '
+<style>
+.pc-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; max-width: 720px; }
+.pc-intro { font-size: 13px; color: #666; margin-bottom: 20px; border-left: 3px solid #378ADD; padding: 6px 0 6px 14px; line-height: 1.6; }
+.pc-hero { display: flex; align-items: center; gap: 16px; background: #E8F0FB; border: 1px solid #BFDBFE; border-radius: 12px; padding: 18px 22px; margin-bottom: 24px; }
+.pc-hero-icon { width: 50px; height: 50px; border-radius: 12px; background: #185FA5; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+.pc-hero-icon svg { width: 24px; height: 24px; }
+.pc-hero-title { font-size: 17px; font-weight: 700; color: #185FA5; margin-bottom: 3px; }
+.pc-hero-sub { font-size: 12px; color: #4B7BAE; }
+.pc-block { margin-bottom: 22px; }
+.pc-block-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #1A4A7A; margin-bottom: 10px; }
+.pc-text { font-size: 13px; color: #444; line-height: 1.7; margin-bottom: 10px; }
+.pc-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
+.pc-feature { background: #f8fafd; border: 0.5px solid #dde3ec; border-radius: 10px; padding: 12px 14px; display: flex; align-items: flex-start; gap: 10px; }
+.pc-feature svg { flex-shrink: 0; margin-top: 2px; }
+.pc-feature-text { font-size: 12.5px; color: #444; line-height: 1.5; }
+.pc-key-title { font-size: 13px; font-weight: 700; color: #1a2d4a; margin: 6px 0 8px; }
+.pc-key-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; font-size: 13px; color: #444; line-height: 1.6; }
+.pc-key-item svg { flex-shrink: 0; margin-top: 3px; }
+.pc-btn { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-size: 13px; color: #fff !important; margin-top: 6px; margin-right: 10px; }
+.pc-btn:hover { text-decoration: none !important; opacity: 0.9; }
+.pc-btn-primary { background: #185FA5; }
+.pc-btn-secondary { background: #7F77DD; }
+</style>';
+echo '<div class="pc-wrap">';
+echo '<div class="pc-hero">
+    <div class="pc-hero-icon">
+        <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9V2h12v7"/><path d="M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2"/><rect x="6" y="14" width="12" height="8"/></svg>
+    </div>
+    <div>
+        <div class="pc-hero-title">PaperCut — Gestion des impressions</div>
+        <div class="pc-hero-sub">Système d\'accounting des impressions au GNI</div>
+    </div>
+</div>';
+// ── Pourquoi PaperCut ──────────────────────────────────────
+echo '<div class="pc-block">';
+echo '<div class="pc-block-title">Pourquoi PaperCut ?</div>';
+echo '<p class="pc-text">PaperCut est une solution logicielle dédiée à la gestion et au suivi des impressions dans les environnements éducatifs et professionnels. Au Greta Nord-Isère, PaperCut nous permet de :</p>';
+echo '<div class="pc-features">';
+$features = [
+    ['icon' => '<circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/>', 'text' => 'Contrôler les coûts en attribuant des quotas d\'impression à chaque utilisateur'],
+    ['icon' => '<path d="M3 3v18h18"/><path d="M18 9l-5 5-4-4-3 3"/>',    'text' => 'Réduire le gaspillage en encourageant une utilisation responsable des ressources'],
+    ['icon' => '<path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/>', 'text' => 'Suivre les impressions (N&B, couleur, recto-verso...) pour une gestion transparente'],
+    ['icon' => '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 9h6v6H9z"/>', 'text' => 'Simplifier l\'administration grâce à une interface intuitive pour tous'],
+];
+foreach ($features as $f) {
+    echo "<div class='pc-feature'>
+        <svg viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='#185FA5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'>{$f['icon']}</svg>
+        <span class='pc-feature-text'>{$f['text']}</span>
+    </div>";
+}
+echo '</div></div>';
+// ── Fonctionnalités clés ──────────────────────────────────
+echo '<div class="pc-block">';
+echo '<div class="pc-block-title">Fonctionnalités clés</div>';
+echo '<div class="pc-key-item">
+    <svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="#1D9E75" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>
+    <span><strong>Authentification sécurisée</strong> — Connexion via les identifiants GRETA pour accéder aux services d\'impression.</span>
+</div>';
+echo '<div class="pc-key-item">
+    <svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="#1D9E75" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><rect x="7" y="13" width="3" height="5"/><rect x="12" y="9" width="3" height="9"/><rect x="17" y="5" width="3" height="13"/></svg>
+    <span><strong>Tableau de bord utilisateur</strong> — Visualisation du solde, de l\'historique et des options d\'impression.</span>
+</div>';
+echo '<a class="pc-btn pc-btn-primary" href="https://print.gretani.com" target="_blank">
+    <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#fff" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg>
+    Accéder à mon tableau de bord
+</a>';
+echo '</div>';
+// ── Besoin d'aide ──────────────────────────────────────────
+echo '<div class="pc-block">';
+echo '<div class="pc-block-title">Besoin d\'aide ?</div>';
+echo '<p class="pc-text">Consultez le tutoriel officiel PaperCut pour apprendre à utiliser le système.</p>';
+echo '<a class="pc-btn pc-btn-secondary" href="https://files.gretani.com/gni/tutos_applicatif/papercut/sharp-copieur.pdf" target="_blank">
+    <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#fff" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/><path d="M14 2v6h6"/></svg>
+    Tutoriel PaperCut — Guide utilisateur
+</a>';
+echo '</div>';
+echo '</div>';
+</PHP>