CyberSafeÉtude de cas — écosystème abrt

Mes projets
En ligne

CyberSafe — sensibilisation à la cybersécurité

Site informatif en anglais sur la cybersécurité, intégré à l'écosystème abrt

PHP JavaScript SPA Cybersécurité Anglais Ouvrir le site
Page d'accueil de CyberSafe

Le contexte

CyberSafe est un site informatif rédigé entièrement en anglais autour de la cybersécurité. Il a été pensé comme une ressource de sensibilisation : expliquer simplement les menaces courantes et les bons réflexes à adopter pour se protéger en ligne. Il s'inscrit dans mon écosystème personnel abrt et partage son design et son authentification.

Mon rôle

Conception complète : architecture des pages, rédaction du contenu en anglais, intégration front-end et développement du quiz interactif en JavaScript.

L'objectif

Rendre la cybersécurité accessible : un visiteur doit comprendre une menace et savoir comment s'en prémunir en quelques minutes, puis tester ses acquis.

Comment c'est fait

CyberSafe est une application monopage (SPA) : une seule page HTML, une navigation latérale, et du JavaScript pur pour basculer entre les sections sans rechargement. Pas de framework — uniquement HTML, CSS et JavaScript, sur le design « console » maison de l'écosystème.

  • Threats — 6 menaces courantes (phishing, ransomware, mots de passe…)
  • Protections — 6 bonnes pratiques de défense
  • Rules & Guidelines — 3 catégories de règles (Must / Must not / Should)
  • Quiz — 8 questions interactives en JavaScript pur
  • Glossary (15 termes) et Resources (8 liens externes)

Compétences BTS SIO mobilisées

Ce projet s'inscrit dans plusieurs compétences du référentiel BTS SIO, option SISR :

  • Bloc 1 Développer la présence en ligne de l'organisation
  • Bloc 1 Mettre à disposition des utilisateurs un service informatique
  • Bloc 3 Cybersécurité — sensibilisation et bonnes pratiques
  • Transverse Travailler en mode projet · communiquer en anglais

Pour aller plus loin

Ouvrir CyberSafe L'écosystème abrt Tous mes projets