Mon métier se transforme — LaborIA

Outil interactif : arbre de décision pour évaluer l'impact de l'IA générative sur ses tâches quotidiennes, avec suivi des tâches (localStorage) et page d'exploration des pistes d'amélioration.

Installation

npm install

Développement local

npm run dev

Ouvre le lien affiché (en général http://localhost:5173).

Build de production

npm run build

Génère le site statique dans dist/.

Structure du projet

├── index.html              → page d'accueil / notice d'utilisation
├── taches.html              → liste des tâches enregistrées (localStorage)
├── arbre.html                → questionnaire / arbre de décision
├── exploration.html          → étape 3 : pistes d'amélioration par colonne
├── public/
│   ├── assets/logo/          → logos SVG (voir ci-dessous)
│   └── data/
│       └── arbre_decision.csv  → LE FICHIER À MODIFIER pour changer l'arbre
└── src/
    ├── css/style.css
    └── js/
        ├── storage.js       → gestion des tâches en localStorage
        ├── csv.js           → parsing du CSV (PapaParse)
        ├── taches.js
        ├── arbre.js
        └── exploration.js

Modifier l'arbre de décision (pour les non-développeurs)

Toute la logique de l'arbre est dans public/data/arbre_decision.csv. Ce fichier peut être édité directement dans GitHub (mode tableau) ou dans Excel/Google Sheets puis ré-exporté en CSV.

Colonnes :

• id : identifiant unique de la case (ne pas dupliquer)
• type : question (avec des boutons) ou resultat (fin de parcours)
• texte : texte affiché
• categorie : uniquement pour les lignes resultat. Valeurs possibles :
  • ia_utile → suggère la colonne "IA utile"
  • ia_insatisfaisante → suggère la colonne "IA ne donne pas satisfaction"
  • non_concernee → sort du parcours sans classification
  • laisser vide pour les lignes question
• boutonN_label / boutonN_suivant (N de 1 à 4) : le texte du bouton et l'id de la case suivante. Laisser vide si moins de 4 boutons sont utilisés.

⚠️ Chaque boutonN_suivant doit correspondre à un id existant ailleurs dans le fichier, sinon le parcours affichera une erreur à cette étape.

Logos et charte graphique

Remplace les deux fichiers placeholders par les vrais SVG fournis par LaborIA, en gardant exactement les mêmes noms de fichiers :

• public/assets/logo/LaborIA_transparent.svg (logo complet avec texte)
• public/assets/logo/LaborIA_cerveau_transparent.svg (icône seule, utilisée en favicon)

Les couleurs de la charte sont définies en variables CSS dans src/css/style.css (section :root).

Publier sur GitHub Pages

1. Pousser le repo sur GitHub.

2. npm run build (génère dist/).

3. Déployer le contenu de dist/ sur la branche gh-pages, par exemple avec gh-pages :

   npm install --save-dev gh-pages
   npx gh-pages -d dist

4. Dans les paramètres du repo GitHub → Pages, sélectionner la branche gh-pages comme source.

Le base: './' dans vite.config.js garantit que les chemins fonctionnent aussi bien sur username.github.io/ que sur username.github.io/nom-du-repo/.