Skip to content
Snippets Groups Projects
Commit 7c5bb02b authored by h2lh-dev's avatar h2lh-dev
Browse files

Modification Rapport Analyse

parent ea822353
No related branches found
No related tags found
No related merge requests found
...@@ -132,17 +132,13 @@ ___ ...@@ -132,17 +132,13 @@ ___
La première page de l’interface se compose des éléments suivants : La première page de l’interface se compose des éléments suivants :
- **Zone principale d’affichage (grisée)** : - **Zone principale d’affichage** : Pour l'instant vide.
Une grande zone située dans la partie supérieure de l’écran, encadrée par deux axes — un axe vertical (ordonnées) et un axe horizontal (abscisses). Elle est probablement destinée à afficher des graphiques, des tableaux ou des visualisations de données une fois celles-ci chargées et traitées. Le placement des axes suggère que des représentations visuelles (par exemple, des diagrammes ou des courbes) seront présentées dans cet espace après l'exécution des différentes opérations.
- **Icône d'engrenage (paramètres)** : - **Icône d'engrenage** :Située en haut à droite de la zone d’affichage permet d'accéder à un menu de paramètres de configuration pour l’application.
Située en haut à droite de la zone d’affichage, cette icône en forme de roue dentée permet d'accéder à un menu de paramètres ou d’options de configuration pour l’application.
- **Boutons d'action** : - **Bouton charger des données** : Ce bouton ouvre une fenêtre qui permet à l’utilisateur d'importer un fichier contenant des données dans l'application.
Trois boutons sont situés en bas de la page, permettant l’interaction avec l’application : - **Bouton ajouter une donnée** : Cette option permet à l’utilisateur d’ajouter une donnée spécifique.
- **Charger des données** : Ce bouton permet à l’utilisateur d'importer un fichier contenant des données dans l'application. Cette fonction pourrait ouvrir une fenêtre pour sélectionner et charger un fichier depuis le système local. - **Bouton classifier les données** : Ce bouton permet la classification des données grâce a un algorithme d’apprentissage automatique.
- **Ajouter une donnée** : Cette option permet à l’utilisateur d’ajouter des données spécifiques, soit manuellement, soit à partir d'une autre source.
- **Classifier les données** : Ce bouton semble être destiné à déclencher une fonction de classification des données, possiblement à l’aide d’un algorithme d’apprentissage automatique ou d’un autre modèle statistique.
--- ---
...@@ -152,65 +148,44 @@ La première page de l’interface se compose des éléments suivants : ...@@ -152,65 +148,44 @@ La première page de l’interface se compose des éléments suivants :
#### Fenêtre de chargement de fichier #### Fenêtre de chargement de fichier
La deuxième page correspond à une étape spécifique dans le flux de travail, orientée vers la sélection et l’importation de fichiers. Elle se compose des éléments suivants : - **Nom fichier** : une zone texte où s’affichera le nom du fichier sélectionné après avoir utilisé le bouton "PARCOURIR".
- **Zone centrale (grisée)** :
Cette zone est structurée pour faciliter le choix de fichier par l’utilisateur.
- **Nom fichier** : Une étiquette ou une zone texte où s’affichera le nom du fichier sélectionné après avoir utilisé le bouton de navigation.
- **Bouton "PARCOURIR"** : Ce bouton permet à l’utilisateur d'ouvrir une fenêtre de navigation dans ses fichiers locaux afin de sélectionner le fichier de données à importer dans l’application. - **Bouton "PARCOURIR"** : Ce bouton permet à l’utilisateur d'ouvrir une fenêtre de navigation dans ses fichiers locaux afin de sélectionner le fichier de données à importer dans l’application.
- **Bouton "Valider"** : Une fois le fichier sélectionné, ce bouton permet de confirmer le choix et de lancer le chargement du fichier pour traitement. - **Bouton "Valider"** : Une fois le fichier sélectionné, ce bouton permet de confirmer le choix et de lancer le chargement du fichier dans le graphe.
--- ---
- *Ajouter une donnée* - *Ajouter une donnée*
<img src="./ressources/AjouterDonnées.png" width="60%" height="60%" alt="Ajouter une donnée"> <img src="./ressources/AjouterDonnées.png" width="60%" height="60%" alt="Ajouter une donnée">
<img src="./ressources/AjoutDonnéesVisible.png" width="60%" height="60%" alt="Classifier une donnée">
#### Formulaire d'ajout de données
Cette page présente une interface permettant à l’utilisateur d'ajouter manuellement de nouvelles données dans l’application. Les éléments principaux sont : #### Formulaire d'ajout de données
- **Zone centrale (grisée)** : Cette page présente une interface permettant à l’utilisateur d'ajouter manuellement de nouvelles données dans l’application.
- **Champs de saisie pour les valeurs** : Quatre champs de texte sont affichés dans une boîte. Ils sont étiquetés comme suit :
- Valeur 1
- Valeur 2
- Valeur 3
- Valeur 4
Ces champs permettent à l’utilisateur de saisir manuellement quatre valeurs différentes.
- **Bouton "Valider"** : Après avoir rempli les champs de saisie, l’utilisateur peut cliquer sur ce bouton pour valider l’entrée des données. Cela enregistrera la nouvelle donnée et l’ajoutera à l’ensemble de données existant.
- **Champs de saisie pour les valeurs** : Quatre champs de texte sont affichés dans une boîte.
- **Zone texte Valeur**: Ces champs permettent à l’utilisateur de saisir manuellement quatre valeurs différentes.
- **Bouton "Valider"** : Après avoir rempli les champs de saisie, l’utilisateur peut cliquer sur ce bouton pour valider l'entrée. Cela ajoutera la donnée sur le graphe.
- **Ajout d'une donnée** : On remarque qu'après avoir cliqué sur le bouton "Valider", une valeur a été ajouté sous la forme d'une étoile de couleur verte.
--- ---
<img src="./ressources/AjoutDonnéesVisible.png" width="60%" height="60%" alt="Afficher les données"> <img src="./ressources/AjoutDonnéesVisible.png" width="60%" height="60%" alt="Afficher les données">
<img src="./ressources/ClassifierDonnées.png" width="60%" height="60%" alt="Classifier une donnée">
#### Visualisation des données classifiées #### Visualisation des données classifiées
Cette page représente la visualisation graphique des données après l’étape de classification. Les éléments affichés sont : Cette page représente la visualisation graphique des données après l’étape de classification.
- **Zone centrale (grisée)** :
- **Graphique de dispersion** : La zone est désormais utilisée pour afficher un diagramme de dispersion. On y voit plusieurs points de deux couleurs différentes, probablement représentatifs de deux classes distinctes de données : - **Graphique** : La zone est désormais utilisée pour afficher un graphique. On y voit plusieurs points de deux couleurs différentes, représentant deux classes distinctes de données :
- **Bouton "Classifier les données"** : En appuyant sur ce bouton, la donnée ajoutée se classifie selon ses valeurs renseignés.
- **Points rouges** : Ces points représentent une première catégorie de données classifiées. - **Points rouges** : Ces points représentent une première catégorie de données classifiées.
- **Points bleus** : Ils représentent une deuxième catégorie de données classifiées. - **Points bleus** : Ils représentent une deuxième catégorie de données classifiées.
- **Étoile bleue** : Ce symbole représente la nouvelle donnée que l’utilisateur a ajoutée manuellement. L’étoile montre la position de cette donnée sur le graphique, suggérant qu'elle a été classée dans la même catégorie que les points bleus. - **Étoile bleue** : Ce symbole représente la nouvelle donnée que l’utilisateur a ajoutée manuellement. L’étoile montre la position de cette donnée sur le graphique, suggérant qu'elle a été classée dans la même catégorie que les points bleus.
--- ---
- *Classifier la donnée non classifiée*
<img src="./ressources/ClassifierDonnées.png" width="60%" height="60%" alt="Classifier une donnée">
#### Classification d'une donnée non classifiée
Cette page permet à l'utilisateur de classifier une donnée qui n'a pas encore été attribuée à une catégorie spécifique. Voici les éléments de cette page :
- **Zone centrale (grisée)** :
- **Liste déroulante "Formes"** : Cette liste permet à l'utilisateur de choisir une forme spécifique pour représenter la donnée (par exemple, cercle, carré, étoile, etc.). Ce choix semble influer sur la manière dont la donnée sera affichée graphiquement.
- **Liste déroulante "Couleur"** : De manière similaire, cette liste déroulante permet à l'utilisateur de sélectionner la couleur de la donnée non classifiée. Ce choix permettra probablement d'assigner une catégorie visuelle spécifique (comme un groupe de points ou une classe dans un diagramme).
- **Bouton "Valider"** : Une fois les deux attributs sélectionnés (forme et couleur), ce bouton permet de confirmer et d'enregistrer la classification de la donnée. Elle sera ensuite traitée avec ces caractéristiques visuelles lors de son affichage.
---
- *Modifier les attributs pour l'affichage* - *Modifier les attributs pour l'affichage*
<img src="./ressources/ModifierAttributs.png" width="60%" height="60%" alt="Modifier les attibuts"> <img src="./ressources/ModifierAttributs.png" width="60%" height="60%" alt="Modifier les attibuts">
...@@ -219,9 +194,8 @@ Cette page permet à l'utilisateur de classifier une donnée qui n'a pas encore ...@@ -219,9 +194,8 @@ Cette page permet à l'utilisateur de classifier une donnée qui n'a pas encore
Cette page permet à l’utilisateur de modifier les attributs utilisés pour représenter les données sur le graphique, en particulier les valeurs des axes X (abscisses) et Y (ordonnées). Cette page permet à l’utilisateur de modifier les attributs utilisés pour représenter les données sur le graphique, en particulier les valeurs des axes X (abscisses) et Y (ordonnées).
- **Zone centrale (grisée)** : - **Champ "Valeur Ordonnée"** : L'utilisateur peut selectioner ici la valeur qu'il souhaite voir représentée sur l'axe des ordonnées (Y) du graphique.
- **Champ "Valeur Ordonnée"** : L'utilisateur peut saisir ici la valeur qu'il souhaite voir représentée sur l'axe des ordonnées (Y) du graphique. Cela pourrait être une variable ou une métrique spécifique à la donnée. - **Champ "Valeur Abscisse"** : L'utilisateur peut selectioner ici la valeur qu'il souhaite voir représentée sur l'axe des abscisses (X) du graphique.
- **Champ "Valeur Abscisse"** : Ce champ permet de spécifier la valeur qui sera affichée sur l'axe des abscisses (X) du graphique. Cela permet de définir quelle dimension ou quelle caractéristique de la donnée sera tracée le long de cet axe.
- **Bouton "Valider"** : Une fois les valeurs des axes définies, l’utilisateur peut cliquer sur ce bouton pour appliquer ces paramètres et afficher les données selon les nouveaux attributs choisis. - **Bouton "Valider"** : Une fois les valeurs des axes définies, l’utilisateur peut cliquer sur ce bouton pour appliquer ces paramètres et afficher les données selon les nouveaux attributs choisis.
......
Analyse/ressources/AjoutDonnéesVisible.png

11.7 KiB | W: | H:

Analyse/ressources/AjoutDonnéesVisible.png

12.1 KiB | W: | H:

Analyse/ressources/AjoutDonnéesVisible.png
Analyse/ressources/AjoutDonnéesVisible.png
Analyse/ressources/AjoutDonnéesVisible.png
Analyse/ressources/AjoutDonnéesVisible.png
  • 2-up
  • Swipe
  • Onion skin
Analyse/ressources/ClassifierDonnées.png

13 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment