Guide pour la création rapide d'applications professionnelles internes

Qu'est-ce qu'une application commerciale ?

Les applications d'entreprise sont des logiciels conçus pour automatiser ou rationaliser les processus au sein des entreprises. Elles vont des simples feuilles de calcul aux systèmes ERP complexes.

Les applications professionnelles sont essentielles à la gestion des tâches quotidiennes. Elles permettent aux entreprises d'économiser du temps et des ressources en automatisant les processus répétitifs. Par exemple, un système de paie permettra aux employeurs de calculer automatiquement les salaires et les impôts, ce qui leur épargnera des heures de travail manuel chaque mois.

Une application d'entreprise interne se connecte aux ERP, au commerce électronique, aux lacs de données, à la BI, au CRM, au PIM, au DAM, au WMS et à d'autres logiciels d'entreprise majeurs pour collecter et injecter des données par le biais d'API. La logique métier est ensuite mise en œuvre avec une application web ou mobilefront-end , à l'aide d'un ensemble de composants classiques tels que :

• Formulaires
• Tableaux
• Listes
• Boutons
• Lecteurs de QR-Code et de codes-barres
• Et un ensemble de tableaux de bord, de graphiques et de modèles de rapports prédéfinis.

Voici quelques exemples d'applications d'entreprise internes :

• Un système de gestion de la relation client (CRM) sur mesure pour soutenir les expériences des clients
• Applications des politiques de ressources humaines
• Automatisation des flux financiers
• Applications de gestion des commandes et d'exécution des commandes

Les applications d'entreprise internes doivent intégrer un cycle de développement agile, fournissant des fonctionnalités clés soutenant les processus d'entreprise rapidement, avec un investissement minimal, en raison des changements rapides dans les politiques et les besoins des utilisateurs.

Qui sont mes utilisateurs professionnels, créer un persona

La première étape du lancement de nouvelles applications professionnelles consiste à définir le groupe d'utilisateurs cible et à créer des personas. Cette étape est généralement sautée pour de mauvaises raisons.

Un persona est une représentation individualisée d'un utilisateur type d'une application ou d'un système. Les personas vous aident à comprendre qui utilisera votre produit, ce qu'ils en attendent, comment ils travaillent avec lui et comment ils s'attendent à ce qu'il se comporte. Ils permettent également de comprendre comment les gens interagissent les uns avec les autres dans le cadre de leur travail.

Le persona est extrêmement important pour le processus de développement et de conception pour les raisons suivantes :

• L'équipe de développement comprendra la vie quotidienne de ses utilisateurs (un caissier servant 200 clients par jour ou un représentant commercial visitant 2 clients par semaine).
• Contexte d'utilisation de l' application (ordinateur de bureau dans un bureau contre utilisation d'une application mobile dans des conditions climatiques difficiles avec des gants)
• le niveau technique du public (faut-il créer un assistant simple, étape par étape, avec beaucoup d'aide contextuelle sans risque de corruption des données ou peut-on proposer un tableau de bord complexe avec des filtres avancés et de multiples actions potentiellement critiques sans retour en arrière).

Recueillir les points de douleur des utilisateurs, définir les objectifs de l'entreprise

La deuxième étape consiste à définir les objectifs commerciaux de votre application en analysant soigneusement les problèmes rencontrés par les utilisateurs. Vous ne devez pas demander des fonctionnalités aux utilisateurs, mais observer la façon dont ils travaillent. Cette étape s'appelle la recherche sur les utilisateurs.

La recherche sur les utilisateurs est un élément important de tout processus de développement de logiciel. Elle vous aide à comprendre ce que vos clients attendent de votre produit et comment vous pouvez répondre au mieux à leurs besoins.

Suivez les étapes suivantes pour mener une recherche appropriée sur les utilisateurs :

1. Observez vos utilisateurs cibles pendant qu'ils travaillent sur un processus d'entreprise particulier.
2. Prenez des notes sur chaque étape et essayez de vérifier le temps nécessaire pour chacune d'entre elles.
3. Posez régulièrement des questions aux utilisateurs sur leur travail : pourquoi font-ils cette étape spécifique, sur quels critèresont-ils sélectionné les éléments sur lesquels ils travaillent, quelles sont les règles pour trouver le bon élément, etc.
4. Plus important encore, à la fin de chaque tâche, demandez aux utilisateurs ce qu'ils ressentent (c'est-à-dire s'ils sont frustrés, perdus ou satisfaits de cette tâche).
5. Enfin, invitez vos utilisateurs à une session de groupe, au cours de laquelle vous leur poserez des questions plus approfondies sur leur façon de travailler et leurs problèmes.

Une fois l'étude des utilisateurs terminée, vous devriez être en mesure de définir les épopées et les principaux objectifs de votre future application.

Une histoire d'utilisateur Epic est un exemple de cas d'utilisation qui décrit comment une fonctionnalité particulière sera utilisée afin d'obtenir une valeur commerciale pour l'organisation.

Cela pourrait ressembler à ceci :

• Nous devons synchroniser automatiquement les factures de notre plateforme de commerce électronique avec notre système comptable, afin d'éviter environ 145 heures de travail manuel et 34 erreurs d'origine humaine par mois.
• Nous devons mettre en place un processus simple de validation des paiements, qui ne nécessite pas que les utilisateurs recherchent des factures spécifiques, en leur fournissant toutes les informations nécessaires pour valider et lancer un paiement. Cela devrait nous éviter 200 heures de travail par mois et réduire nos délais de paiement de 13 jours en moyenne.

Pour être sûr d'atteindre vos objectifs en matière de développement d'applications, vous devez d'abord comprendre la différence entre un "but" et un "objectif". Un "but" représente le résultat final que vous souhaitez atteindre. Un "objectif" représente les mesures que vous prenez pour atteindre ce résultat final.

Répartissez ces objectifs en objectifs "SMART":

1. Spécifique (ce qui doit être fait exactement)
2. Mesurable (comment le temps, l'argent ou la qualité seront améliorés)
3. Réalisable (vous disposez de l'équipe, du budget et du temps nécessaires pour créer cette application)
4. Réaliste (non, vous ne pourrez pas atteindre le niveau de logistique d'Amazon avec votre candidature)
5. Opportunité (cette application doit être en production dans les 2 mois)

Définir les expériences des utilisateurs et les fonctionnalités de base

Vous avez donc défini vos épopées et vos objectifs. Il est temps de commencer à imaginer le fonctionnement de votre future application professionnelle. Vous devrez commencer par les parcours des utilisateurs.

Les parcours de l'expérience utilisateur (UX) sont des représentations visuelles qui montrent comment les utilisateurs interagissent avec votre produit tout au long de son cycle de vie. Ils vous aident à comprendre ce qui se passe lorsque les gens utilisent vos produits et services.

‍

Le parcours de l'utilisateur contient les éléments suivants :

• Un ou plusieurs parcours utilisateurs pour chaque Epic
• Chaque étape, de la première interaction (connexion) à la dernière (achèvement de la tâche)
• Pour chaque étape, une brève description de ce qui se passe (l'utilisateur voit une liste de nouvelles commandes), les principales caractéristiques (en tant qu'utilisateur, je peux filtrer les commandes par montant) et une conception de très haut niveau de l'interface utilisateur.
• Quelques détails techniques : quels objets commerciaux sont manipulés à cette étape (commande, facture, utilisateur...), quels systèmes fournissent les données (API du commerce électronique, exportation de fichiers depuis l'ERP...) et quelles informations doivent être stockées localement (état temporaire de la commande, liste des produits sélectionnés...).

Vous devez utiliser le format des récits d'utilisateurs pour décrire ce qui se passe à chaque étape du parcours de l'utilisateur.

Les histoires d'utilisateurs sont de courtes descriptions des objectifs des utilisateurs qui peuvent être utilisées pour planifier, prioriser, estimer et suivre le travail dans les projets de développement de logiciels. Elles sont rédigées en utilisant le format "as a" :

<Category>: As a <type of user>, I want <some objective>, so that <benefit>

Les histoires d'utilisateurs doivent être indépendantes et atomiques et vous devez attribuer une priorité à chacune d'entre elles. Nous suggérons de classer chaque histoire d'utilisateur selon trois priorités : Doit, Devrait, et Agréable à avoir. Faites l'effort de répartir les priorités de vos histoires d'utilisateurs afin d'avoir 15-20% de Must, 20-30% de Should, et 50% ou plus de Nice-to-have.

Toutes les histoires d'utilisateurs provenant de tous les parcours d'utilisateurs définissent votre backlog d'application.

Un carnet de commandes est une liste ordonnée de toutes les fonctionnalités qui seront incluses dans une version de logiciel. Il peut s'agir de nouvelles fonctionnalités ou d'améliorations de fonctionnalités existantes.

Les "must" et les "should" définissent votre produit minimum viable (MVP).

Un produit minimum viable (MVP) est une première version d'un nouveau produit qui permet aux développeurs professionnels de tester sa viabilité pour des solutions professionnelles. Un MVP doit être suffisamment simple pour que les utilisateurs puissent le comprendre et l'utiliser, mais pas trop pour qu'ils ne puissent pas apprendre à l'utiliser efficacement.

Choisir le bon outil pour soutenir votre logique d'entreprise

À ce stade, vous avez une bonne compréhension de ce qui suit :

1. Qui sont vos utilisateurs ?
2. Quels sont les problèmes et les objectifs commerciaux que vous souhaitez résoudre ?
3. Comment votre application fonctionnera-t-elle et quelles sont les caractéristiques que vous devrez créer ?

Il est temps de choisir le bon outil pour construire votre application. Vous pouvez évidemment engager des développeurs professionnels pour créer vos composants client, mais nous sommes en 2022, vous devriez d'abord chercher une plateforme de développement low-code pour réduire le coût total et le temps de mise sur le marché de votre application de plusieurs ordres de grandeur.

En fonction de votre pile informatique et de votre utilisation, nous vous suggérons d'examiner les plates-formes suivantes : low-code :

• Microsoft Power Apps
• Bubble io
• Retool
• Appsmith

Identifier les systèmes dorsaux et leurs API

La dernière étape avant de construire votre fonctionnalité de base consiste à identifier tous les systèmes dorsaux avec lesquels votre application devra interagir : ERP, e-commerce, CRM, OMS, WMS, PIM, DAM, BI, WCM, systèmes SaaS externes, etc. Pour chacun d'entre eux, vous devrez définir clairement

• Quels sont les objets de gestion qui manipulent et stockent, en tant que source unique de vérité, un logiciel particulier ?
• Qui est votre point de contact technique ?
• Comment votre application commerciale communiquera avec elle (appels API, exportations par lots, quel protocole, quelle direction).
• Comment allez-vous gérer l'authentification?
• Quelle sera l'expérience de développement (staging, déploiements, documentation, support) ?
• Quelle sera l'importance de cette intégration particulière pour la valeur de l'entreprise ?
• Performances souhaitées et accords de niveau de service pour chaque intégration (l'appel à l'API doit répondre en moins de 100 ms ou un délai de 24 heures est acceptable ? Votre entreprise va-t-elle s'effondrer si l'API est indisponible pendant 1 heure ? 1 jour ? 1 semaine ?)
• Volumes de données échangées (10 lignes par appel ? 1000 lignes ? 1.000.000 lignes ?)

Retool: la solution idéale pour le développement rapide d'applications

Nous souhaitons à présent vous présenter un outil qui, selon nous, change complètement la donne en matière de création d'applications internes : Retool.

Un ensemble complet de blocs de construction puissants.

Avec Retool, vous n'avez pas besoin de chercher la bibliothèque de composants parfaite ; au lieu de cela, vous pouvez utiliser leurs composants préconstruits immédiatement. Vous n'aurez pas à réinventer la roue lors de la création de votre application car ils l'ont déjà fait pour vous.

Se connecter à tout

Avec Retool , vous pouvez vous connecter à des bases de données ou à des API REST, GraphQL ou gRPC. Retool est une plateforme purement front-end qui vous permet de travailler avec n'importe quelle donnée back-end, elle ne stocke rien, mais vous exécutez des requêtes et le back-end Retool transmet la demande à vos applications internes. 

Conçu pour les développeurs

Retool est hautement personnalisable, de sorte que vous n'êtes jamais limité par ce qui est disponible dans la boîte. Si vous pouvez l'écrire avec JavaScript et une API, vous pouvez le construire dans Retool. C'est un remplacement parfait pour Forest Admin, React Admin, et tous les frameworks React ou Angular écrits sur mesure.

Comment construire un tableau de bord avec Retool?

Imaginez que vous souhaitiez créer un tableau de bord répertoriant les commandes, les données des clients et les statuts d'Amazon. Rien de plus facile avec Retool. Vous créez une requête vers votre base de données où se trouvent vos clients et vos commandes, puis vous devez ajouter un composant Table et attacher ce composant aux résultats de votre requête. 

Retool alimentera automatiquement les données, configurera les colonnes, exécutera la requête, récupérera les résultats et poussera les données dans votre tableau. Vous pouvez ensuite personnaliser le fonctionnement de votre tableau en ajoutant la pagination, le tri, les filtres, les colonnes modifiables et les actions sur chaque ligne.

Comment construire un formulaire envoyant des données à une API avec Retool?

Comme pour l'exemple précédent, vous devrez ajouter une nouvelle requête REST ou GraphQL. Parce que votre requête modifie l'état du logiciel externe auquel vous vous connectez, nous l'appelons une mutation. Une fois votre requête écrite, il vous suffira de la connecter à un déclencheur de votre interface : un bouton, une ligne de tableau, un formulaire.

RetoolLes autres composantes majeures de l'entreprise

Retool est livré avec plus de 90 composants réutilisables, découvrons-en quelques-uns : 

Entrées de texte (collecte de texte auprès des utilisateurs)

• Texte modifiable (afficher un texte que l'utilisateur peut modifier)
• Zone de texte modifiable (afficher un paragraphe que l'utilisateur peut modifier)
• Mot de passe (entrée protégée où le texte est remplacé par *)
• Éditeur de texte enrichi (texte avec une certaine mise en forme)
• Zone de texte (gros morceau de texte)
• Saisie de texte (une seule ligne de texte)

Entrées numériques (prix, montants, fourchettes)

• Numéro modifiable (un numéro que l'utilisateur peut modifier)
• Saisie de nombres (idéale pour les prix ou les montants)
• Range Slider (composant interactif permettant de définir une plage à l'aide d'un curseur)
• Evaluation (5 étoiles)
• Slider (composant interactif pour un seul chiffre)

Sélectionner les entrées (idéal pour les statuts des factures, les options, les flux de travail, les configurations)

• Groupe de boutons (plusieurs boutons interagissant pour un même domaine)
• Cascader (système de sélection hiérarchique)
• Case à cocher (case à cocher on/off)
• Groupe de cases à cocher (ensemble de cases à cocher regroupées par domaine)
• Arbre de cases à cocher (comme un cascadeur mais avec des cases à cocher)
• Zone de liste (une liste d'éléments dans laquelle l'utilisateur peut sélectionner un seul élément)
• Multiselect (liste d'éléments à partir de laquelle l'utilisateur peut sélectionner plusieurs éléments)
• Multiselect Listbox (mélange des deux)
• Groupe radio (options exclusives)
• Contrôle segmenté
• Sélectionner
• Interrupteur (boutons marche/arrêt pour activer/désactiver des éléments)
• Groupe de commutateurs (groupés par domaine)

Entrées de calendrier (idéal pour une date d'échéance, une heure de rendez-vous...)

• Entrée calendrier (sélection d'une date dans un calendrier)
• Date (sélectionner une date au format MM/JJ/AAAA)
• Plage de dates (de / à)
• Date Heure (sélection de la date et de l'heure)
• Heure (sélection de l'heure au format HH:MM:SS)

Apports spéciaux (catégorie très diversifiée pour des besoins très particuliers)

• Texte annoté (surligner des mots dans un texte)
• Bounding Box (mise en évidence d'éléments à l'intérieur d'une image)
• Commentaire (commentaire sur n'importe quel objet)
• Feature Flags (grand composant pour gérer / activer / désactiver les fonctionnalités)
• Bouton "Fichier" (cliquer pour télécharger un fichier)
• File Dropzone (glisser-déposer des fichiers à télécharger)
• Entrée de fichier (sélectionner le chemin d'accès à un fichier)
• Éditeur JSON (édition de schémas JSON)
• Microphone (enregistrement des sons)
• Query Builder (construire une requête personnalisée vers le back-end)
• Scanner (scanner les QR-codes et les codes-barres)
• Signature Pad (permet aux utilisateurs de signer avec leurs doigts sur leur téléphone ou leur iPad)
• Minuterie (compte les secondes)

Boutons (j'espère que c'est assez clair)

• Bouton
• Bouton déroulant
• Lien (comme un bouton mais sans bordure)
• Liste de liens
• Bouton de fractionnement
• Bouton de basculement (marche/arrêt)
• Toggle Link

Données (idéal pour présenter un grand volume d'informations)

• Graphique (afficher des graphiques en utilisant les données d'une requête)
• JSON Explorer (explorer JSON pour les utilisateurs plus techniques)
• Clé Valeur (un tableau)
• Tableau (tableau complet pour montrer vos données et interagir avec elles)

Composants de présentation (utilisés pour montrer des choses à vos utilisateurs)

• Alerte (afficher une courte fenêtre contextuelle vivante)
• Avatar (idéal pour représenter les utilisateurs ou les clients)
• Groupe Avatar
• Calendrier (affichage des dates et des rendez-vous)
• Diviseur (facilite la visualisation des choses sur les interfaces complexes)
• Icône (aide à l'identification immédiate des entrées)
• Image (afficher des photos d'utilisateurs ou de produits)
• Grille d'images (plusieurs images dans une grille)
• PDF (afficher un fichier PDF)
• Barre de progression 
• Cercle de progrès (comme une barre mais en cercle)
• Entretoise (ajouter de l'espace pour éviter les interfaces compactes)
• Statistique (idéal pour les indicateurs financiers)
• Tags
• Texte
• Chronologie
• Vidéo

Conteneurs et formulaires (pour vous aider à organiser vos composants)

• Conteneur (regroupement d'éléments)
• Formulaire (entrées multiples avec possibilité de valider et de soumettre les données en bloc)
• Formulaire JSON Schema (un formulaire généré à partir d'un schéma JSON)
• Vue en liste (idéale pour créer des composants répétitifs alimentés par des données provenant d'une requête)
• Modal (ouvre une fenêtre modale avec des composants à l'intérieur)
• Assistant (formulaire étape par étape)

Navigation (système de navigation in-app)

• Navigation (menu)
• Entrée de page (paramètres reçus pour une page spécifique)
• Pagination (plusieurs pages pour les listes et les tableaux)
• Étapes (pour créer des applications complexes telles qu'un processus de paiement)
• Onglets (regrouper les composants de l'application dans des groupes à l'aide d'onglets)

Options de déploiement pour Retool

Pourquoi Retool est-elle la meilleure plateforme pour la création d'applications internes, de notre point de vue ? En raison de ses options de déploiement extrêmement flexibles. Vous pouvez choisir leur version SaaS, de sorte que votre application sera hébergée et exécutée par eux, ou opter pour des options sur site, où votre application sera téléchargée et exécutée sur votre propre environnement cloud .

Dans cette dernière option, vous pouvez stocker votre application dans une branche Git et la déployer comme vous le feriez avec n'importe quel projet React / Angular / Vue classique. 

Gérer les versions de logiciels avec Retool

Retool offre un système de gestion des versions dès le départ et permet de savoir qui et quand a effectué des modifications sur votre application. Vous pouvez facilement revenir à une version antérieure à tout moment d'un simple clic.

Exemples d'applications personnalisées que vous pouvez créer avec Retool

Il existe un grand nombre d'applications que vous pouvez créer avec Retool. Vous devez d'abord comprendre les limites de Retool:

1. Il n'y a pas de backend. Vos données doivent provenir de quelque part (base de données, API ou autre logiciel).
2. Les possibilités de personnalisation sont limitées. Retool n'est pas comme Webflow ou Bubble, vous devrez vous en tenir à leurs composants et à leur apparence. Retool n'est donc pas adapté aux applications B2C en contact avec la clientèle (sauf pour les MVP).
3. Retool n'est pas open-source, vous ne pourrez pas modifier son fonctionnement.

Il a été dit que l'on peut construire presque n'importe quoi en utilisant Retool, quelques cas d'utilisation : 

• CRM entièrement personnalisé qui s'adapte vraiment à votre niche industrielle spécifique et à votre flux de travail
• Système de gestion des commandes : probablement le meilleur moyen et le moins cher de construire votre propre système d'exécution des commandes connecté à votre ERP / CRM / e-commerce. Les prix des systèmes commerciaux de gestion des commandes sont si élevés que la création de votre propre système à l'aide de Retool est probablement une bonne idée.
• Applications RH (réservation de vacances, gestion des congés de maladie, portails de recrutement ou de RH)
• Flux de travail pour la gestion des processus d'entreprise
• Rapports et prévisions pour les ventes ou les finances
• ERP de niche pour les besoins spécifiques de l'industrie (agriculture, automobile, pétrole, soins de santé)
• Systèmes d'assistance et de billetterie (il n'est pas toujours nécessaire de payer le service d'assistance)

Besoin d'aide avec votre application interne? Contactez-nous !