Guide d'utilisation du Calculateur de Gains en Crédits

Introduction

Bienvenue dans le guide d'utilisation du Calculateur de Gains en crédits VR. Cette application web vous permet de calculer les crédits que vous pourriez obtenir en fonction de votre classement dans une course spécifique. Elle affiche également un tableau récapitulatif des gains et un graphique illustrant la répartition des crédits.

Ce guide détaille chaque composant de l'application pour une utilisation optimale.

Interface Utilisateur

L'application se compose de plusieurs sections principales :

• Tableau des Gains : Une section affichant un tableau d'informations sur les gains.
• Formulaire de Calcul des Crédits : Permet de sélectionner une course, d'indiquer un classement et de calculer les crédits correspondants.
• Affichage du Résultat : Un paragraphe où le résultat du calcul est affiché.
• Graphique des Crédits : Une visualisation graphique des crédits en fonction du classement pour la course sélectionnée.
• Pied de Page : Informations de copyright.

Tableau des Gains

En haut de la page, sous le titre "Tableau des gains", se trouve une zone destinée à afficher un tableau résumant les différentes catégories financières de courses .

Consultez ce tableau pour obtenir un aperçu des systèmes de gains avant d'utiliser le calculateur spécifique.

Calculateur de Crédits

Cette section, introduite par "Crédits en fonction du classement", contient un formulaire vous permettant de simuler vos gains.

1. Sélection de la Course

Utilisez le menu déroulant à côté du libellé "Course :" () pour choisir la course pour laquelle vous souhaitez calculer les crédits. La sélection d'une course est cruciale car elle détermine :

• La "Catégorie financière" associée.
• La formule de calcul des crédits.
• Les données affichées sur le graphique.

2. Catégorie Financière

Le champ "Catégorie financière :" affiche la catégorie financière de la course sélectionnée. Ce champ est en lecture seule (readonly) et se met à jour automatiquement lorsque vous changez de course dans le sélecteur.

Sa couleur de fond est grisée pour indiquer qu'il n'est pas modifiable par l'utilisateur.

3. Classement

Entrez votre classement (ou le classement que vous souhaitez simuler) dans le champ numérique à côté de "Classement :" ().

• La valeur minimale est 1.
• Une valeur par défaut de 1 est affichée.
• Ce champ est requis (required) pour le calcul.

4. Bouton Calculer

Une fois la course sélectionnée et le classement entré, cliquez sur le bouton "Calculer" (Calculer) pour obtenir le montant des crédits.

Résultat du Calcul

Le résultat du calcul des crédits s'affiche dans le paragraphe sous le formulaire (

Ce message vous indiquera le nombre de crédits correspondant aux paramètres que vous avez saisis.

Graphique des Crédits

Sous le résultat du calcul se trouve une zone de dessin où un graphique est affiché. Ce graphique est généré à l'aide de Chart.js (et potentiellement chartjs-plugin-annotation.js pour des fonctionnalités avancées comme des lignes ou des zones d'annotation).

Typiquement, ce graphique illustre :

• L'axe des X (abscisses) représentant les classements.
• L'axe des Y (ordonnées) représentant le nombre de crédits attribués.

Le graphique devrait se mettre à jour ou afficher les données pertinentes pour la course actuellement sélectionnée dans le formulaire. Il peut également mettre en évidence le point correspondant à votre classement et aux crédits calculés si cette fonctionnalité est implémentée.

Scripts et Dépendances Techniques

Cette application utilise plusieurs fichiers JavaScript pour fonctionner :

• ../js/chart.js: La bibliothèque principale Chart.js pour la création de graphiques.
• ../js/chartjs-plugin-annotation.js: Un plugin pour Chart.js permettant d'ajouter des annotations aux graphiques.