STEPS, un logiciel web de résolution de problèmes complexes

Application web - Application métier
STEPS est un outil méthodologique développé pour l’INSA Strasbourg, destiné à l’analyse de produits, de systèmes techniques et de processus. Idéematic est intervenu pour repenser son expérience utilisateur, puis réécrire entièrement l’application Java existante afin de la rendre accessible depuis le web.
Client
INSA Strasbourg
Infos
Institut national des sciences appliquées
refonte de l'ergonomie et du design de l'application

STEPS

Structurer l’analyse de systèmes complexes

STEPS est conçu pour analyser des produits, des systèmes techniques et des processus à partir des connaissances détenues par les experts de l’entreprise. Ceux-ci formalisent leur expérience sous forme de problèmes, de solutions partielles et de relations entre différents éléments. L’ensemble permet de construire un graphe de connaissances représentant l’état du système étudié.
À partir de cette représentation, STEPS aide le groupe de travail à identifier un problème clé, puis à conduire l’analyse selon différentes approches. Ce travail permet notamment de faire émerger les contradictions qui structurent le système et d’orienter la recherche de solutions.

L’ANALYSE DES BESOINS

Le contexte initial

Malgré la richesse de ses fonctionnalités, STEPS restait difficile à prendre en main. L’analyse de l’existant a mis en évidence deux freins principaux du point de vue des utilisateurs :

  • une interface peu intuitive, qui compliquait l’apprentissage et les usages courants ;
  • un univers graphique vieillissant, qui rendait l’outil moins engageant.

Ces difficultés limitaient son adoption. La première intervention a donc consisté à repenser l’ergonomie et l’identité visuelle avant d’engager, dans un second temps, sa réécriture pour le web.

Ancienne interface graphique
refonte du diagramme

ÉTAPE 1

Refonte de l’interface graphique

La première intervention a porté sur l’expérience utilisateur et l’identité visuelle de STEPS. Nous avons travaillé sur trois axes complémentaires :

  • repenser l’ergonomie de certaines vues pour faciliter leur compréhension et leur utilisation ;
  • créer une nouvelle identité graphique, plus actuelle et plus lisible ;
  • concevoir une approche iconographique cohérente avec les différents usages.

Ce travail a permis de moderniser l’environnement de travail tout en conservant la logique fonctionnelle connue des utilisateurs. Il a également préparé la seconde étape du projet, consacrée à la réécriture complète de STEPS pour le web.

ÉTAPE 2

Du logiciel Java à une solution accessible sur le web

La seconde étape a consisté à réécrire entièrement STEPS pour le rendre accessible depuis un navigateur. L’enjeu était de conserver la richesse fonctionnelle de la version Java tout en proposant une architecture web plus souple, plus facile à déployer et mieux adaptée aux usages actuels.
Cette nouvelle version a été développée sur mesure avec Angular et Ruby on Rails, tout en préservant la compatibilité avec l’existant afin de faciliter la transition pour les utilisateurs.

Passer une application java vers angular et ruby on rails

Exemple de vues de l’application

ÉTAPE 3

Un environnement dédié à la formation à distance

Pour accompagner la formation à distance en management de l’innovation, un espace d’e-learning a été développé en complément de STEPS. Il permet de constituer des groupes d’étudiants autour d’un sujet de travail et d’organiser leur progression à partir des analyses réalisées dans STEPS.
Les étudiants et les formateurs peuvent ainsi échanger autour des travaux en cours et collaborer à distance. Une passerelle avec Rocket Chat a également été mise en place afin de compléter ces échanges.

Application de e-learning
Une application métier à créer,
reprendre ou moderniser ?

Échangeons sur votre contexte, vos contraintes et vos usages afin d’identifier la trajectoire la plus pertinente.