AGL Project Manager

Migration WebDev → C# Blazor / .NET

AGL PM est notre outil développé sur-mesure pour gérer le développement de nos projets.

Cet outil est la pierre angulaire de nos échanges avec nos clients en permettant d'accéder à :

  • gestion des jalons
  • gestion des tickets (demandes, évolutions, corrections, priorisation des demandes)
  • suivi des consommations au jour le jour
  • planning de l'équipe dédiée au projet

Objectif

Sortir de la dépendance aux technologies PCSOFT et éviter d'exploser les coûts de fonctionnement liés aux tarifications par unité de capacité, tout en conservant les fonctionnalités clés pour l'entreprise.

  • Conserver le look en place et l'ergonomie
  • Améliorer les performances générales
  • Permettre une maintenabilité parfaite dans le temps
  • Sécuriser davantage l'accès à la base de données

Réponse

  • Reprise de la charte graphique au pixel près et développement de l'interface en C# Blazor
  • Utilisation de composants JavaScript pour les graphiques, grid, éditeur WYSIWYG…
  • Développement de nouveaux WebServices REST (API) en .NET
  • Migration de la base de données MySQL vers MariaDB

Un temps de chargement des pages et d'enregistrement des données estimé à 4x plus rapide !

Tableau de bord d'AGL Project Manager

Réutilisation de la charte graphique

Nous avons repris très fidèlement l'intégralité du style de l'application, basé sur la charte graphique de la société. Nous utilisons Highcharts pour les graphiques, des effets CSS pour l'effet waouh. Les widgets affichent des statistiques sur la gestion du projet, des raccourcis et des éléments importants comme les jalons, les dates de livraison prévues, etc.

Les mêmes animations mais plus légères

Les fonctionnalités restent identiques mais le rendu global est plus fluide, l'adoption utilisateur est immédiate.

Animation de l'application AGL Project Manager
Liste des tickets d'AGL Project Manager

Un composant JS parfait pour les grid

Afin de remplacer les tables AJAX de WebDev, nous avons opté pour un composant très léger qui permet non seulement une gestion très fine du chargement par lot, mais aussi un scroll infini. Ce que l'on nomme les FAA dans le monde PCSOFT existe également : tri de colonne, redimensionnement des colonnes, déplacement des colonnes par l'utilisateur, etc. La fonctionnalité est identique, mais tellement plus rapide à l'utilisation : un gain immédiat !

Utilisation de la boîte à outils graphique AGL Consult

Fort de notre longue expérience en UX, nous mettons systématiquement en place des petits composants hyper pratiques pour les utilisateurs finaux. Voici 3 exemples :

  • Une recherche en "contient" pour les listes déroulantes
  • Un éditeur WYSIWYG puissant et flexible, qui permet notamment d'insérer des images en copier/coller ou même du texte stylisé (un email par exemple) tout en conservant la mise en page
  • Un sélecteur de période flexible et rapide

Composant COMBOBOX

Recherche en « contient » dans une liste déroulante

Composant Éditeur WYSIWYG

Éditeur WYSIWYG d'AGL Project Manager

Composant Sélecteur de période

Sélecteur de période

Nouvelle fonctionnalité :
la vue
KANBAN pour les tickets

Nous en avons également profité pour développer une vue très pratique pour nos clients, qui fait une représentation des tickets par statut. Cette vue est faite pour utiliser le glisser/déposer de ticket afin de changer son statut. De plus, si plusieurs tickets ont le même niveau d'urgence ou de criticité, cette vue permet de définir l'ordre précis de traitement attendu par nos clients.

Vue Kanban de la gestion des tickets d'AGL Project Manager

Résultats

35 000tickets traités
avec l'application
22 000lignes de code
réécrites
5jours / homme
de migration
x4plus rapide
au chargement

Ces projets pourraient aussi vous intéresser

Vous avez un projet similaire ?

Contactez-nous !