nk/cyberusgate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajout de la présentation

Browse Source
This commit is contained in:
Guillaume-Sanchez
2026-06-30 16:27:16 +02:00
parent d45024d568
commit a703b5738e
1 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
presentation/index.html
+23 -15
View File
@@ -503,22 +503,30 @@
<!-- SLIDE 10: PESTEL -->
<div class="slide" data-speaker="Guillaume Sanchez" data-role="Directeur Conformité & Éthique" data-section="Sécurité & Légal">
<h2 class="text-4xl font-bold mb-8 border-b border-slate-800 pb-4"><span class="text-sky-400">10.</span> Environnement PESTEL</h2>
<div class="grid grid-cols-2 gap-8 h-full pb-6">
<div class="bg-slate-800/80 p-6 rounded-2xl border border-slate-700 shadow-lg flex flex-col">
<h3 class="text-xl font-bold mb-4 text-green-400 flex items-center gap-2"><i class="fas fa-arrow-trend-up"></i> Opportunités</h3>
<ul class="space-y-4 text-sm text-slate-300 flex-grow">
<li><strong>Économique :</strong> Optimisation des coûts, flex-office, modèle SaaS récurrent.</li>
<li><strong>Sociologique :</strong> Génération Mobile-Only, attentes collaborateur fortes pour des outils fluides.</li>
<li><strong>Environnemental :</strong> Dématérialisation responsable, suppression du plastique PVC.</li>
</ul>
<div class="grid grid-cols-3 gap-4 h-full pb-6">
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
<h3 class="font-bold text-sky-400 mb-2 flex items-center gap-2"><i class="fas fa-landmark w-5"></i> Politique</h3>
<p class="text-sm text-slate-300">Pression RSE, recherche de souveraineté numérique (Cloud européen), indépendance technologique.</p>
</div>
<div class="bg-slate-800/80 p-6 rounded-2xl border border-slate-700 shadow-lg flex flex-col">
<h3 class="text-xl font-bold mb-4 text-orange-400 flex items-center gap-2"><i class="fas fa-triangle-exclamation"></i> Vigilances</h3>
<ul class="space-y-4 text-sm text-slate-300 flex-grow">
<li><strong>Technologique :</strong> Complexité de l'interopérabilité, gestion de la batterie (BLE).</li>
<li><strong>Légal :</strong> Respect strict du RGPD, durée de conservation des logs, finalité des données.</li>
<li><strong>Humain :</strong> Crainte de surveillance, nécessité de pédagogie (CSE, droit à la déconnexion).</li>
</ul>
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
<h3 class="font-bold text-green-400 mb-2 flex items-center gap-2"><i class="fas fa-chart-pie w-5"></i> Économique</h3>
<p class="text-sm text-slate-300">Optimisation des coûts (Opex vs Capex), gestion du Flex-Office, élimination des coûts logistiques.</p>
</div>
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
<h3 class="font-bold text-purple-400 mb-2 flex items-center gap-2"><i class="fas fa-users w-5"></i> Sociologique</h3>
<p class="text-sm text-slate-300">Génération Mobile-Only. Attente d'outils fluides, mais vigilance sur l'acceptabilité et le droit à la déconnexion.</p>
</div>
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
<h3 class="font-bold text-blue-400 mb-2 flex items-center gap-2"><i class="fas fa-microchip w-5"></i> Technologique</h3>
<p class="text-sm text-slate-300">Maturité NFC/BLE, biométrie native, architectures Cloud sécurisées, interfaçage API (SIRH).</p>
</div>
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
<h3 class="font-bold text-emerald-400 mb-2 flex items-center gap-2"><i class="fas fa-leaf w-5"></i> Environnement</h3>
<p class="text-sm text-slate-300">Dématérialisation responsable : fin du plastique PVC (dérivé du pétrole), réduction de l'empreinte.</p>
</div>
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
<h3 class="font-bold text-red-400 mb-2 flex items-center gap-2"><i class="fas fa-scale-balanced w-5"></i> Légal</h3>
<p class="text-sm text-slate-300">Cadre RGPD strict, Privacy by Design, directives CNIL sur la traçabilité des salariés.</p>
</div>
</div>
</div>