PROJET 06 · CONCEVOIR UNE SOLUTION SAP À L’AIDE DU NO-CODE

Conception d’une solution SAP no-code

Prototype de démonstration réalisé avec SAP Build Apps

Le projet porte sur une première prise en main de SAP Build Apps à travers une ébauche d’application mobile.

J’ai choisi un scénario de recherche de commandes clients : saisir un client, afficher les commandes trouvées, ouvrir une fiche détail et présenter quelques informations de livraison. L’application s’appelle Order Tracker ; le nom, le design, le statut Late / On time et le lien Google Maps ont été ajoutés pour rendre la démonstration plus lisible.

Projet SPROClub · Prototype SAP Build Apps · Données de démonstration

Le constat principal

Dans SAP Build Apps, créer un écran ne suffit pas. Il faut relier ce que l’utilisateur saisit, les données disponibles et la page qui affiche le résultat.

La difficulté principale n’était pas le design de l’écran.

Il fallait comprendre comment une recherche déclenche l’affichage d’une liste, comment une commande sélectionnée est conservée en mémoire et comment la page suivante récupère les bonnes informations.

C’est ce lien entre interface, données et actions utilisateur qui constitue le cœur de l’exercice.

La démarche suivie

J’ai avancé par étapes, en partant d’un cas d’usage ciblé pour comprendre le fonctionnement de SAP Build Apps.

01 · Choisir un cas d’usage cibléPartir sur une recherche de commandes clients avec une liste de résultats et une page de détail.
02 · Créer les premiers écransConstruire une page de recherche et une page pour consulter une commande sélectionnée.
03 · Brancher une source de donnéesUtiliser une source de commandes de démonstration pour alimenter l’application.
04 · Faire fonctionner la rechercheFaire en sorte qu’une saisie client affiche uniquement les commandes correspondantes.
05 · Ajouter les éléments de démonstrationAjouter le statut Late / On time, le lien Google Maps, le bouton retour et le mode clair pour présenter un parcours complet.

Comment l’application fonctionne

Cette application m’a permis de découvrir les principales briques de SAP Build Apps : une source de données, des composants visuels, des variables, des formules, des actions et une navigation entre plusieurs pages.

La source OData sert à lire une liste de commandes clients. Dans l’exercice, elle joue le rôle d’une base de données de démonstration.

Les composants servent à construire l’écran : barre de recherche, liste de commandes, boutons, textes, blocs d’information et page de détail.

Les variables permettent de garder temporairement une information pendant l’utilisation de l’application. Par exemple, elles conservent le client recherché, la commande sélectionnée ou la ville de livraison.

Les formules permettent ensuite de filtrer les commandes, d’afficher uniquement les résultats utiles, de mettre en forme certaines données et de calculer le statut Late ou On time.

Le Logic Canvas permet de définir ce qui se passe lorsqu’un utilisateur agit sur l’écran : cliquer sur une commande, ouvrir la fiche détail, revenir en arrière ou lancer Google Maps.

SOURCE ODATAElle fournit les données de commandes utilisées par l’application : client, numéro de commande, dates et ville de livraison.
COMPOSANTSIls construisent l’interface visible par l’utilisateur : recherche, liste, bouton, texte et fiche détail.
VARIABLESElles gardent en mémoire ce que l’utilisateur saisit ou sélectionne pendant son parcours.
FORMULESElles servent à filtrer les commandes, afficher les bonnes informations et calculer le statut Late ou On time.
LOGIC CANVASIl définit les actions déclenchées par l’utilisateur : sélectionner une commande, ouvrir une page, revenir en arrière ou ouvrir Google Maps.

Cette partie du projet m’a permis de comprendre le vocabulaire de base de SAP Build Apps et la logique nécessaire pour passer d’un écran statique à une application manipulable.

Voir Order Tracker en fonctionnement

La vidéo montre le prototype de démonstration en fonctionnement : recherche d’un client, affichage des commandes, ouverture d’une fiche détail, statut de livraison, lien Google Maps et passage en mode clair.

Vidéo de démonstration · 3 min 40

Ouvrir la vidéo dans un nouvel onglet

Parcours présenté dans la vidéo

01
Rechercher un client

Saisie du client FOLKO dans la barre de recherche.

02
Afficher les commandes trouvées

L’application calcule le nombre de résultats et affiche la liste des commandes associées au client.

03
Sélectionner une commande

Un clic sur une ligne conserve la commande choisie et la ville de livraison.

04
Consulter la fiche détail

La page affiche le numéro de commande, les dates principales et l’adresse de livraison.

05
Vérifier le statut Late ou On time

La démonstration présente les deux résultats possibles à partir des dates de la commande.

06
Ouvrir l’itinéraire

Le bouton Open Map ouvre Google Maps avec Nantes comme point de départ et la ville de livraison comme destination.

07
Tester le mode clair

Le toggle Light Mode adapte les couleurs du fond, des textes et des blocs de l’application.

La vidéo sert d’aperçu principal du livrable et montre le parcours présenté.

Le résultat produit

Le travail aboutit à un prototype de démonstration mobile réalisé avec SAP Build Apps.

  • Prototype de démonstration réalisé avec SAP Build Apps
  • Page de recherche client
  • Liste des commandes correspondant à la recherche
  • Page de détail d’une commande sélectionnée
  • Source de commandes de démonstration
  • Statut Late / On time ajouté pour la démonstration
  • Lien Google Maps vers la ville de livraison
  • Modes sombre et clair
  • Vidéo présentant le parcours de l’application

Consulter le support complet

Le support présente le choix du cas d’usage, les écrans de l’application, la source de données utilisée, la logique de recherche, la page de détail et les éléments ajoutés pour la démonstration.

Consulter le support complet · PDF 11 pages

Order Tracker est un prototype de démonstration mobile réalisé avec SAP Build Apps dans un environnement de formation. Les commandes proviennent d’une source de données de démonstration. L’application n’est pas connectée à un système SAP client et n’a pas été déployée en production.