Dossier de projet (Application Tracking)

Idées de mise en place :

- Frontend (HTML, CSS et JavaScript)
> HTML & CSS : Structure et style de l’interface utilisateur
> JavaScript : Animations/Responsive de l’interface utilisateur -> 2 choix possibles
- Utiliser un Framework
 React.js : Framework pour construire des interfaces utilisateur -> Modulaire/Permet
de créer des composants réutilisables.
OU
 Vue.js : Framework réactif -> Flexible/Simple à intégrer avec d'autres bibliothèques
ou projets existants.
- Ne pas utiliser de Framework : Structure libre à créer -> Modulaire/Flexible à 100%.

- Backend (Framework Python) :

> Django : Framework "batteries included" -> Rapide à mettre en place/Offre une grande flexibilité.
OU
> Flask : Micro-Framework léger et modulaire -> Idéal pour de petites applications/Pour les devs
préférant + de contrôle.

- Communication Frontend-Backend :
> API REST : Mise en œuvre à l’aide de Django REST Framework ou Flask-RESTful -> En fonction du
Framework choisi pour le back.

- Base de données :
> Django ORM (Si backend -> Django) : ORM intégré -> facilite l'interaction avec la BdD.
OU
> SQLAlchemy (Si backend -> Flask) : SQLAlchemy est un excellent ORM -> offre une grande flexibilité.

- Déploiement :
> Docker : Permet de garantir un fonctionnement cohérent sur différents environnements.

- Contrôle de version :
> Git & GitHub : Contrôle du versionning du code.

- Tests :
> PyTest (Python) : Effectuer des tests unitaires.
> Robot Framework : Framework de test automatisé open source prenant en charge le
développement dirigé par les tests (TDD)/le comportement dirigé par les tests (BDD).

Mise en place (étapes à réaliser) :

1. Définition des Besoins/Objectifs : Comprendre les besoins des utilisateurs + les objectifs de
l'application. -> Avoir les tenants et les aboutissants du projet.

2. Recherches/Analyse de marché : Étudier les applications similaires pour identifier les + et les -. ->
Étudier le fonctionnement des systèmes mis en place par d’autres entreprises, afin d’analyser les
forces et les faiblesses de chacun.

3. Choix des Technologies : Sélectionner les langages de programmation, les Frameworks et les outils
nécessaires pour le développement. -> Cf. "Idées de mise en place".
 4. Conception de l'Expérience Utilisateur (UX) : Créer des wireframes + des maquettes afin de définir
l'expérience utilisateur. -> Phase pré-dev front au papier + sur appli dédié au
wireframe/maquettage.

5. Conception de l'Interface Utilisateur (UI) : Créer l'interface utilisateur en intégrant les éléments
graphiques + les couleurs + les polices + etc... -> Phase de dev front où l’on créé ce que verra
l’utilisateur final.

6. Prototypage : Créer des prototypes interactifs -> Objectif de tester l'expérience utilisateur -> Avoir
des retours.

7. Développement Full Stack :

 Frontend : Créer la partie visible de l'application en utilisant les langages web :
HTML/CSS/JavaScript + Utiliser des frameworks comme React, Angular ou Vue.js si nécessaire.
 Backend : Mettre en place le côté serveur de l'application en utilisant Python (par Django ou
Flask).

8. Base de Données : Concevoir et mettre en place la base de données, en utilisant des systèmes de
BdD (MySQL, PostgreSQL, MongoDB, etc…).

9. Développement des Fonctionnalités : Implémenter les fonctionnalités de l'application en suivant les

spécifications.

10. Intégration des API : Intégrer des API tierces (si nécessaire).

11. Tests :
 Test unitaires : Effectuer des tests unitaires pour chaque composant afin de garantir leur bon
fonctionnement.
 Tests d'Intégration : Tester l'ensemble de l'application pour s'assurer que les différents modules
interagissent correctement.
 Tests de Performance : Vérifier la performance de l'application en simulant une charge
utilisateur importante.
 Tests Utilisateur (UAT) : Faire tester l'application par les utilisateurs finaux pour recueillir des
commentaires.

12. Correction des bugs : Corriger les bugs et les problèmes signalés lors des tests.

13. Optimisation : Optimiser le code, les images et d'autres ressources pour améliorer la rapidité et
l’efficacité de l’application.

14. Sécurité : Mettre en place des mécanismes de sécurité pour protéger l'application contre les
vulnérabilités.

15. Déploiement : Déployer l'application sur un serveur ou une plateforme cloud.

16. Maintenance et Mises à Jour : Assurer la maintenance continue de l'application, corriger les bogues
et apporter des améliorations.

17. Documentation : Fournir une/des doc(s) aux utilisateurs finaux si nécessaire.

1. Définition des besoins/Objectifs :

 - Mettre en place une application (web) suivant les besoins/contraintes du référenciel du Bachelor 3
"Concepteur Développeur d’Applications".
- Réalisation d’une interface web permettant de consulter le tracking (à la manière d’un Dashboard /
tableau), dans lequel on pourrait consulter :
o Une synthèse (permettant de contrôler l’indice d’effectif, l’efficacité et la volumétrie
produite, le tout sur une période donnée : un jour, un mois, une année, etc…)
o Les effectifs
o La volumétrie
- Envoi de mail quotidien, contenant le lien vers le OneDrive "stations_PI.xlsb"
- Pouvoir exécuter quotidiennement, pendant la nuit (à 02:00:00) :
o Les extractions SAP (PGI, PEA, PWE et PGI2)
o Le traitement des données
o L’envoi du mail "Stations_PI.xlsb"

ROI -> Retour sur investissement

 Champ imput avec douchette (code barre)

 Compte admin pour les chefs d’équipe (pour Dashboard)

V – Conception de l’interface utilisateur :

Menu à gauche (dashboard)
Contenu menu : Accueil – Synthèse – Effectif – Volumétrie