Aller au contenu

Vue · Projet

Feuille de route

Disponible

Vue chronologique des epics et jalons par trimestre avec filtres d'équipe et de statut. Stepper de jalons en tête, cartes d'epics avec barres d'avancement et graphique de vélocité cumulée.

Feuille de route

  1. Q1 2025 — Cadrage Vision & périmètre validés
  2. Q2 2025 — Fondations Design system v1 · API core
  3. 3 Q3 2025 — Bêta Pilote 3 clients internes
  4. 4 Q4 2025 — GA Disponibilité générale

Q1

Design tokens & thèmesTerminé
DesignQ1
Avancement
Composants core (36 UI)Terminé
IngénierieQ1
Avancement

Q2

Portail documentationEn cours
IngénierieQ2
Avancement
Graphiques & datavizEn cours
DatavizQ2
Avancement

Q3

Accessibilité WCAG 2.2 AAEn cours
QAQ3
Avancement
SDK AngularPlanifié
IngénierieQ3
Avancement

Q4

Publication npm publiquePlanifié
DevRelQ4
Avancement

Vélocité cumulée (story points)

  • 0: 0
  • 1: 18
  • 2: 42
  • 3: 68
  • 4: 94
  • 5: 120
  • 6: 138
  • 7: 155
  • 8: 168
  • 9: 182
  • 10: 195
  • 11: 208
Voir le code (Svelte) 
<div class="rt-root">
  <Stepper
    steps={[{"label":"Q1 2025 — Cadrage","description":"Vision & périmètre validés"},{"label":"Q2 2025 — Fondations","description":"Design system v1 · API core"},{"label":"Q3 2025 — Bêta","description":"Pilote 3 clients internes"},{"label":"Q4 2025 — GA","description":"Disponibilité générale"}]}
    current={2}
    orientation="horizontal"
    label="Jalons"
  />
  <div class="rt-quarters">
    <div class="rt-quarter">
      <h3 class="rt-quarter-label">Q1</h3>
      <div class="rt-epic-grid">
        <Card interactive={false}>
          <div class="rt-epic-header">
            <span class="rt-epic-title">Design tokens & thèmes</span>
            <Badge tone="success">Terminé</Badge>
          </div>
          <div class="rt-epic-meta">
            <span class="rt-epic-team">Design</span>
            <span class="rt-epic-quarter">Q1</span>
          </div>
          <ProgressBar label="Avancement" value={100} size="sm" showValue />
        </Card>
        <Card interactive={false}>
          <div class="rt-epic-header">
            <span class="rt-epic-title">Composants core (36 UI)</span>
            <Badge tone="success">Terminé</Badge>
          </div>
          <div class="rt-epic-meta">
            <span class="rt-epic-team">Ingénierie</span>
            <span class="rt-epic-quarter">Q1</span>
          </div>
          <ProgressBar label="Avancement" value={100} size="sm" showValue />
        </Card>
      </div>
    </div>
    <div class="rt-quarter">
      <h3 class="rt-quarter-label">Q2</h3>
      <div class="rt-epic-grid">
        <Card interactive={false}>
          <div class="rt-epic-header">
            <span class="rt-epic-title">Portail documentation</span>
            <Badge tone="info">En cours</Badge>
          </div>
          <div class="rt-epic-meta">
            <span class="rt-epic-team">Ingénierie</span>
            <span class="rt-epic-quarter">Q2</span>
          </div>
          <ProgressBar label="Avancement" value={72} size="sm" showValue />
        </Card>
        <Card interactive={false}>
          <div class="rt-epic-header">
            <span class="rt-epic-title">Graphiques & dataviz</span>
            <Badge tone="info">En cours</Badge>
          </div>
          <div class="rt-epic-meta">
            <span class="rt-epic-team">Dataviz</span>
            <span class="rt-epic-quarter">Q2</span>
          </div>
          <ProgressBar label="Avancement" value={58} size="sm" showValue />
        </Card>
      </div>
    </div>
    <div class="rt-quarter">
      <h3 class="rt-quarter-label">Q3</h3>
      <div class="rt-epic-grid">
        <Card interactive={false}>
          <div class="rt-epic-header">
            <span class="rt-epic-title">Accessibilité WCAG 2.2 AA</span>
            <Badge tone="info">En cours</Badge>
          </div>
          <div class="rt-epic-meta">
            <span class="rt-epic-team">QA</span>
            <span class="rt-epic-quarter">Q3</span>
          </div>
          <ProgressBar label="Avancement" value={40} size="sm" showValue />
        </Card>
        <Card interactive={false}>
          <div class="rt-epic-header">
            <span class="rt-epic-title">SDK Angular</span>
            <Badge tone="neutral">Planifié</Badge>
          </div>
          <div class="rt-epic-meta">
            <span class="rt-epic-team">Ingénierie</span>
            <span class="rt-epic-quarter">Q3</span>
          </div>
          <ProgressBar label="Avancement" value={10} size="sm" showValue />
        </Card>
      </div>
    </div>
    <div class="rt-quarter">
      <h3 class="rt-quarter-label">Q4</h3>
      <div class="rt-epic-grid">
        <Card interactive={false}>
          <div class="rt-epic-header">
            <span class="rt-epic-title">Publication npm publique</span>
            <Badge tone="neutral">Planifié</Badge>
          </div>
          <div class="rt-epic-meta">
            <span class="rt-epic-team">DevRel</span>
            <span class="rt-epic-quarter">Q4</span>
          </div>
          <ProgressBar label="Avancement" value={0} size="sm" showValue />
        </Card>
      </div>
    </div>
  </div>
  <div class="rt-chart-section">
    <h3 class="rt-chart-label">Vélocité cumulée (story points)</h3>
    <AreaChart
      data={[0,18,42,68,94,120,138,155,168,182,195,208]}
      label="Vélocité cumulée"
      tone="category2"
      height={160}
    />
  </div>
</div>

Composants DS utilisés