Bilan de compétences professionnelles — page web
Fichier unique autonome : index.html (aucune dépendance, aucun réseau, tout en local dans le navigateur).
Modèle
6 dimensions, 9 questions chacune = 54 questions QCM.
| Code | Dimension | Ce qu’elle mesure |
|---|---|---|
| R | Concret & technique | agir sur la matière, terrain, outils |
| I | Analyse & résolution | comprendre, creuser, données |
| A | Création & conception | imaginer, forme, variété |
| S | Relation & transmission | aider, expliquer, équipe |
| E | Initiative & persuasion | décider, vendre, porter un projet |
| C | Organisation & rigueur | cadre, méthode, précision |
C’est le modèle RIASEC (Holland), standard des tests d’orientation.
Scoring
- 4 réponses par question : Pas du tout / Plutôt pas / Plutôt oui / Tout à fait → 0 / 1 / 2 / 3
- Score dimension = somme / 27 → pourcentage
- 45 métiers portent chacun des poids 0-3 sur les 6 dimensions
- Correspondance métier =
Σ(poids × score_dimension) / Σ(poids × 100)→ classement, top 10 affiché
Où modifier quoi
| Quoi | Où dans index.html |
|---|---|
| Libellés des dimensions et textes de profil | const DIMS |
| Les 54 questions | const POOL (9 par lettre) |
| Les 4 réponses et leurs poids | const CHOICES |
| Les 45 métiers et leurs poids | const JOBS |
| Commentaires par couple dominant | objet pairs dans narrative() |
| Conditions de travail conseillées | conditions() |
Les questions sont entrelacées automatiquement (round-robin sur les 6 dimensions) pour éviter les séries monotones : il suffit d’en ajouter/retirer dans POOL, l’ordre se recalcule. Garder 9 items par dimension, sinon ajuster MAXDIM.
Fonctionnalités
- une question par écran, avance automatique au clic, bouton retour
- barre de progression +
aria-progressbar - reprise après fermeture (
localStorage, clébilan-competences-v1) - résultats : barres par dimension, lecture de profil, top 10 métiers, conditions de travail, limites du test
- copier le résumé en texte, impression / PDF, recommencer
- accessibilité :
fieldset/legend, vrais boutons radio (navigation clavier native), cibles tactiles ≥ 48 px, focus visible,prefers-reduced-motion, mode sombre automatique
Publication
Fichier statique : il se dépose tel quel sur n’importe quel hébergement (OVH, WordPress via un sous-dossier, GitHub Pages). Aucun backend, aucune collecte de données — donc pas de mentions RGPD à ajouter tant qu’aucun formulaire de contact n’est branché.