{"id":55308,"date":"2019-01-23T08:00:12","date_gmt":"2019-01-23T07:00:12","guid":{"rendered":"https:\/\/e326.greatsolution.dev\/?p=55308"},"modified":"2022-05-01T10:33:13","modified_gmt":"2022-05-01T08:33:13","slug":"sap-build-et-web-ide-deux-voies-vers-fiori","status":"publish","type":"post","link":"https:\/\/e326.greatsolution.dev\/fr\/sap-build-et-web-ide-deux-voies-vers-fiori\/","title":{"rendered":"SAP Build et Web IDE - Deux voies vers Fiori"},"content":{"rendered":"<p>Fiori est avant tout un concept d'exp\u00e9rience utilisateur. Les applications Fiori sont principalement mises en \u0153uvre avec SAP UI5 et ne sont donc pas seulement int\u00e9ressantes pour les clients S\/4-Hana.<\/p>\n<p>De nombreuses applications Fiori sont disponibles pour la Business Suite ou peuvent \u00eatre d\u00e9velopp\u00e9es pour celle-ci. Cela est tr\u00e8s important pour les clients SAP qui adaptent ou d\u00e9veloppent des applications ou qui utilisent d'autres produits.<\/p>\n<p>Pour qu'il n'y ait pas de rupture dans l'UX pour l'utilisateur lorsqu'il passe \u00e0 Fiori, les nouvelles applications devraient suivre les directives Fiori UX. La question qui se pose est donc la suivante : comment introduire la Fiori UX pour que les applications soient d\u00e8s aujourd'hui pr\u00eates pour l'avenir ?<\/p>\n<p>Pour la r\u00e9alisation de projets Fiori, le processus de d\u00e9veloppement orient\u00e9 vers la conception est utilis\u00e9. Les outils mis \u00e0 disposition par SAP sont Build et Web IDE.<\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" title=\"Sap build et web ide - deux voies vers fiori\" class=\"aligncenter size-full wp-image-55309\" src=\"https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann.jpg\" alt=\"tobias-hofmann\" width=\"800\" height=\"800\" srcset=\"https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann.jpg 800w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-150x150.jpg 150w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-768x768.jpg 768w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-100x100.jpg 100w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-480x480.jpg 480w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-640x640.jpg 640w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-720x720.jpg 720w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-24x24.jpg 24w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-48x48.jpg 48w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-96x96.jpg 96w, https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/tobias-hofmann-300x300.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/h3>\n<h3>Cr\u00e9er des prototypes avec SAP Build<\/h3>\n<p>Dans le cas du prototype, l'insertion d'esquisses permet une premi\u00e8re \u00e9valuation des informations \u00e0 pr\u00e9senter. Cela permet de maximiser le r\u00e9sultat, en particulier lors d'ateliers. Dans le cas d'un prototype d\u00e9taill\u00e9, les pages sont cr\u00e9\u00e9es avec des \u00e9l\u00e9ments UI5.<\/p>\n<p>Aucune connaissance sp\u00e9cifique de l'interface utilisateur (UI5) n'est n\u00e9cessaire, car les \u00e9l\u00e9ments sont g\u00e9r\u00e9s par glisser-d\u00e9poser. Le prototype peut utiliser des donn\u00e9es de test cr\u00e9\u00e9es dans Excel. Pour la validation, des \u00e9tudes peuvent \u00eatre cr\u00e9\u00e9es et test\u00e9es par des utilisateurs s\u00e9lectionn\u00e9s.<\/p>\n<p>Au lieu de rejeter le prototype cr\u00e9\u00e9 lors de la phase de conception, le prototype complet peut \u00eatre import\u00e9 dans l'EDI Web et sert directement de base solide pour la suite du d\u00e9veloppement. De cette mani\u00e8re, on s'assure automatiquement que l'application peut \u00eatre r\u00e9alis\u00e9e dans UI5.<\/p>\n<p>SAP Build est con\u00e7u pour les applications Fiori et donc UI5. En cons\u00e9quence, le design avec d'autres technologies n'est pas propos\u00e9. Les apps list\u00e9es dans la Fiori App Library ne sont malheureusement pas disponibles en tant que mod\u00e8les.<\/p>\n<h3>D\u00e9velopper des applications UI5 avec SAP Web IDE<\/h3>\n<p>Le Web IDE est utilis\u00e9 pour poursuivre le prototype jusqu'\u00e0 l'application. Apr\u00e8s l'importation, il faut encore proc\u00e9der \u00e0 des adaptations importantes comme la connexion du back-end.<\/p>\n<p>Pour le d\u00e9veloppement Fiori dans S\/4 Hana, il est possible d'utiliser Fiori Elements. Le Web IDE offre la fonctionnalit\u00e9 d'\u00e9tendre les applications Fiori standard via des points d'extension.<\/p>\n<p>De nombreuses recommandations pour le d\u00e9veloppement UI5 sont int\u00e9gr\u00e9es : Validation de la syntaxe, simulation de services back-end, Git ou pr\u00e9paration \u00e0 l'utilisation en production.<\/p>\n<p>Pour les nouveaux d\u00e9veloppeurs, le Web IDE propose \u00e9galement un \u00e9diteur d'interface utilisateur qui permet de cr\u00e9er une page par glisser-d\u00e9poser d'\u00e9l\u00e9ments d'interface utilisateur. Les d\u00e9veloppeurs exp\u00e9riment\u00e9s travailleront plut\u00f4t directement avec le code source. La mise \u00e0 disposition dans l'environnement de production ne met pas fin au processus de d\u00e9veloppement ax\u00e9 sur la conception.<\/p>\n<p>La version mise \u00e0 disposition est le point de d\u00e9part du prototype suivant. Ici, il est sp\u00e9cialement demand\u00e9 au domaine sp\u00e9cialis\u00e9 de ne pas consid\u00e9rer l'application comme un projet unique.<\/p>\n<h3>Conclusion<\/h3>\n<p>Fiori permet d'\u00e9viter de nombreux probl\u00e8mes li\u00e9s \u00e0 l'utilisation des transactions SAP classiques. En m\u00eame temps, cela pose des questions aux clients en ce qui concerne leurs propres applications.<\/p>\n<p>Avec Build et Web IDE, SAP met \u00e0 disposition deux outils qui aident au d\u00e9veloppement. En s'imbriquant dans le processus de d\u00e9veloppement guid\u00e9 par la conception, ils ouvrent tous deux de nouvelles possibilit\u00e9s pour cr\u00e9er des applications Fiori de mani\u00e8re efficace et efficiente.<\/p>\n<p>Elles offrent une valeur ajout\u00e9e, mais il faut \u00e9galement les bonnes personnes pour pouvoir en profiter. Un designer pourra cr\u00e9er des applications Fiori avec Build, mais il faudra aussi un d\u00e9veloppeur UI5 exp\u00e9riment\u00e9 pour les r\u00e9aliser.<\/p>\n<p>Comme l'accent est mis sur Fiori, l'utilisation de plusieurs outils est pr\u00e9visible. Avec SAP Screen Personas, les transactions peuvent \u00eatre adapt\u00e9es selon les concepts Fiori. Une int\u00e9gration de SAP Build et de Web IDE pour la cr\u00e9ation de flavors serait souhaitable.<\/p>","protected":false},"excerpt":{"rendered":"<p>En 2013, SAP a pr\u00e9sent\u00e9 lors du Sapphire Now 25 applications qui devaient inaugurer une nouvelle exp\u00e9rience utilisateur : Fiori. Il s'agit d'une rupture avec les transactions \u00e9prouv\u00e9es. Les clients SAP sont confront\u00e9s au d\u00e9fi de savoir comment utiliser l'UX Fiori pour leurs propres applications.<\/p>","protected":false},"author":1623,"featured_media":55315,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"categories":[5,26129],"tags":[1507,19701,1392,8603],"coauthors":[26691],"class_list":["post-55308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it-management","category-mag-1811","tag-fiori","tag-s-4-hana","tag-sap-ui5","tag-ui5","pmpro-has-access"],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"thumbnail":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-150x150.jpg",150,150,true],"medium":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",400,180,false],"medium_large":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-768x346.jpg",768,346,true],"large":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"image-100":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-100x45.jpg",100,45,true],"image-480":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-480x216.jpg",480,216,true],"image-640":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-640x288.jpg",640,288,true],"image-720":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-720x324.jpg",720,324,true],"image-960":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-960x432.jpg",960,432,true],"image-1168":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"image-1440":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"image-1920":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"1536x1536":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"2048x2048":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"trp-custom-language-flag":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",18,8,false],"bricks_large_16x9":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"bricks_large":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"bricks_large_square":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",1000,450,false],"bricks_medium":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",600,270,false],"bricks_medium_square":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601.jpg",600,270,false],"profile_24":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-24x24.jpg",24,24,true],"profile_48":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-48x48.jpg",48,48,true],"profile_96":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-96x96.jpg",96,96,true],"profile_150":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-150x150.jpg",150,150,true],"profile_300":["https:\/\/e326.greatsolution.dev\/wp-content\/uploads\/2018\/10\/shutterstock_1051585601-300x300.jpg",300,300,true]},"post_excerpt_stackable_v2":"<p>SAP pr\u00e4sentierte 2013 auf der Sapphire Now 25 Anwendungen, die eine neue User Experience einleiten sollten: Fiori. Dies ist eine Abkehr von den bew\u00e4hrten Transaktionen. SAP-Kunden stehen vor der Herausforderung, wie die Fiori UX f\u00fcr eigene Anwendungen eingesetzt werden kann.<\/p>\n","category_list_v2":"<a href=\"https:\/\/e326.greatsolution.dev\/fr\/categorie\/gestion-de-linformatique\/\" rel=\"category tag\">IT-Management<\/a>, <a href=\"https:\/\/e326.greatsolution.dev\/fr\/categorie\/mag-1811\/\" rel=\"category tag\">MAG 18-11<\/a>","author_info_v2":{"name":"Tobias Hofmann, BridgingIT","url":"https:\/\/e326.greatsolution.dev\/fr\/author\/tobias-hofmann\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/posts\/55308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/users\/1623"}],"replies":[{"embeddable":true,"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/comments?post=55308"}],"version-history":[{"count":0,"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/posts\/55308\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/media\/55315"}],"wp:attachment":[{"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/media?parent=55308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/categories?post=55308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/tags?post=55308"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/e326.greatsolution.dev\/fr\/wp-json\/wp\/v2\/coauthors?post=55308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}