Visite guidée du produit SAP Build Apps
Découvrir SAP Build Apps
Accédez à la visite guidée du produit pour voir avec quelle facilité vous pouvez créer une application d'entreprise par simple glisser-déposer.
Visite guidée du produit par clics
Appuyez sur la touche
de votre clavier pour activer/désactiver le zoom
- Cette démonstration vous guidera pas à pas pendant la création d'une simple appli « To-Do Manager » (Gestionnaire de tâches).
- Vous verrez comment créer les composants nécessaires pour créer l'appli : interface utilisateur (IU), modèles de données et logique métier.
- Cliquez sur l'option pour créer une Application Web et mobile pour commencer.
- Dans « Application Builder » (Concepteur d'applications), vous allez créer une interface utilisateur pour votre appli simplement en glissant-déposant des composants d'IU.
- Pour commencer, cliquez sur le composant « Button » (Bouton) et déposez-le dans la zone de graphiques.
- Une fois le bouton ajouté à la zone de graphiques de l'application, un nouveau composant est créé dans l'interface utilisateur. Vous pouvez le personnaliser dans la configuration « Properties » (Propriétés).
- Dans l'onglet « Properties » (Propriétés), vous pouvez personnaliser l'étiquette en indiquant « Add Item » (Ajouter élément) et ajouter d'autres attributs visuels.
- Si vous ne voyez pas un composant dont vous avez besoin pour votre application, cherchez d'autres composants prédéfinis dans la marketplace.
- Cette marketplace propose plus de 500 composants prédéfinis dont vous disposez pour concevoir votre appli.
- Revenons maintenant à la zone de graphiques de votre application.
- Pour que le bouton fonctionne, il faut une logique métier. Par défaut, il est déclenché lorsqu'un utilisateur appuie sur le bouton ou le touche dans l'application.
- Ouvrons l'onglet « Logic » (logique) et ajoutons une logique métier dans « Add item » (Ajouter élément). Pour cela, cliquez sur le bouton en surbrillance en bas à droite de l'écran.
- L'événement « Tap » (toucher) pour le bouton est représenté par le composant « Event | Component tap » (Événement | Toucher le composant) qui apparaît automatiquement dans le flux logique.
- Vous pouvez maintenant faire glisser un nouveau composant « Data | Create record » (Données | Créer un enregistrement) et le déposer dans le flux logique.
- Le nouveau composant « Data | Create record » (Données | Créer un enregistrement) est ajouté à la conception du flux.
- Ajoutons ensuite un connecteur de « Event | Component tap » (Événement | Toucher le composant) à « Data | Create record » (Données | Créer un enregistrement).
- Nous allons ainsi créer la logique suivante : « quand on clique sur le bouton, un nouvel enregistrement est créé. »
- Ouvrons l'onglet « Properties » (Propriétés) pour définir les détails du nouvel enregistrement.
- Configurez ce nouvel enregistrement comme ressource de données, afin d'ajouter un nouvel élément à une table de base de données dans votre backend.
- Maintenant que vous avez ajouté tous les composants d'IU requis pour l'application et leur logique associée, il faut créer le backend de votre application.
- Nous allons utiliser « Visual Cloud Functions » (Fonctions cloud visuelles) pour créer le modèle de données et la logique métier backend, sans écrire de code.
- Pour cela, cliquez sur « Application Backend » (Backend d'application).
- Commençons par créer le modèle de données et les tables de données de votre application.
- Cette table de données stockera les tâches que votre application va gérer.
- Sous « Configure fields » (Configurer zones), cliquez sur « Add New » (Ajouter) pour ajouter les zones de votre table.
- Vous pouvez créer divers types de zone : texte, nombre, date, liste et vrai/faux.
- Le modèle de données de votre application est facile à créer sans code.
- Et ce n'est pas tout, par exemple :
- Si nécessaire, vous pouvez créer des tables de données ou une logique métier supplémentaires. Vous pouvez par exemple ajouter une fonctionnalité Holiday alert » (Alerte congés) qui vous informera des tâches arrivant à expiration pendant vos congés, ou une liste des fournisseurs ou prestataires de services recommandés que vous pouvez embaucher pour des services tels que la maintenance des équipements. Pour cela, cliquez sur le bouton (...) dans la table de données « Vendor list » (Liste des fournisseurs).
- Ici, vous pouvez ajouter une logique métier qui appliquera des conditions et des règles à la gestion des partenaires de votre « Vendor list » (Liste de fournisseurs).
- Après avoir créé le modèle de données pour l'application « To-Do Manager » (Gestionnaire de tâches), vous pouvez revenir au Concepteur d'applications frontend.
- SAP Build Apps propose une expérience de formation intégrée, conçue pour accélérer votre intégration et votre Learning Journey. Cliquez sur « Learning Status » (Statut de formation) pour en savoir plus.
- L'expérience de formation intégrée permet aux utilisateurs de suivre facilement leurs Learning Journeys.
- L'onglet Formation intégré fournit des conseils utiles et des contenus de formation pour les concepts clés tels que la conception des IU, les données et la logique métier.
- Dans un flux précédent, nous avons montré comment utiliser « Visual Cloud Functions » (Fonctions cloud visuelles) pour créer un modèle de données dans votre backend pour votre application « To-Do Manager » (Gestionnaire de tâches).
- Pour intégrer votre application à un autre backend, connectez-vous à votre environnement SAP à l'aide de l'authentification SAP Business Technology Platform (SAP BTP) ou connectez-vous aux systèmes non-SAP via des API.
- Maintenant que vous avez conçu le frontend et le backend de votre application, votre application « To-Do Manager » (Gestionnaire de tâches) est prête à être testée.
- Dans votre « App Builder » (Concepteur d'applications) cliquez sur l'onglet « Launch » (Lancer).
- Cliquez sur « Preview your app » (Aperçu de l'application) pour voir à quoi elle ressemblera.
- Voici l'aperçu de votre application « To-Do Manager » (Gestionnaire de tâches).
- Nous espérons que cette démonstration vous a plu. Consultez nos autres contenus et Learning Journeys, et continuez à créer !
Essayer et acheter SAP BTP