Il a fallu attendre longtemps avant que SAP ne mette lui aussi en place des technologies UI modernes. Ce qui est difficile, c'est surtout l'adaptabilit\u00e9 aux exigences individuelles et l'utilisation peu intuitive.<\/p>\n
Dans le cadre d'une phase d'\u00e9valuation des technologies HTML5 UI, l'id\u00e9e d'\u00e9crire un article sur les technologies d'interface utilisateur est n\u00e9e. En particulier sur celles qui sont typiquement utilis\u00e9es dans l'environnement SAP.<\/p>\n
Le framework WebDynpro a d\u00e9sormais fait ses preuves et offre \u00e9galement des possibilit\u00e9s int\u00e9ressantes pour les d\u00e9veloppements personnels. Il est ainsi possible d'utiliser des mod\u00e8les pr\u00e9d\u00e9finis pour les interfaces utilisateur et un environnement de d\u00e9veloppement confortable avec un \u00e9diteur WYSIWYG.<\/p>\n
Comme pour tous les frameworks ferm\u00e9s, c'est SAP, en tant que fabricant, qui fournit le cadre et fixe donc strictement les limites. Ainsi, tout le contr\u00f4le de la communication avec le syst\u00e8me de gestion est d\u00e9fini sur le serveur.<\/p>\n
Il n'y a pas de possibilit\u00e9 de codage individuel c\u00f4t\u00e9 client, comme cela serait par exemple n\u00e9cessaire pour l'int\u00e9gration de certains contenus multim\u00e9dias (par ex. vid\u00e9o).<\/p>\n
D'un autre c\u00f4t\u00e9, ces limites offrent \u00e9galement des avantages, notamment en ce qui concerne la planification des versions, le support, la s\u00e9curit\u00e9 des donn\u00e9es et la stabilit\u00e9. En raison des limites d\u00e9crites ci-dessus, SAP explore de nouvelles voies et met \u00e0 disposition un framework UI encore relativement nouveau : SAPUI5 !<\/p>\n
Jusqu'\u00e0 pr\u00e9sent, SAPUI5 est surtout connu pour les applications Fiori, mais il s'agit d'un concept plus ouvert avec plus de possibilit\u00e9s d'intervention par rapport au WebDynpro.<\/p>\n
SAPUI5 est \u00e9galement un framework et offre un ensemble d'\u00e9l\u00e9ments de conception et de contr\u00f4le bas\u00e9s sur HTML5. En outre, SAP met \u00e0 disposition avec SAPUI5 un concept de Data Binding, d\u00e9j\u00e0 connu sous une forme similaire dans WebDynpro.<\/p>\n
L'\u00e9change de donn\u00e9es entre l'interface et les syst\u00e8mes backend (SAPUI5 permet \u00e9galement de connecter des syst\u00e8mes non SAP) est ainsi garanti. Pour ce faire, la structure SAPUI5 propose une forme de contr\u00f4leur de vue de mod\u00e8le (MVC) qui r\u00e8gle la mani\u00e8re dont les donn\u00e9es passent de l'interface \u00e0 la logique de gestion ou de la logique de gestion \u00e0 l'interface.<\/p>\n
Gr\u00e2ce \u00e0 ce principe, il est possible de produire rapidement et facilement des interfaces pour r\u00e9aliser les premiers projets et donner une impression de la solution. Le framework ne se compose pas uniquement de biblioth\u00e8ques propres \u00e0 SAP, mais utilise \u00e9galement d'autres biblioth\u00e8ques open source comme jQuery, Bootstrap, Cordova\/Phonegap.<\/p>\n
Actuellement, il existe deux versions (\u00e9galement appel\u00e9es variantes combin\u00e9es) : l'une pour les applications mobiles et l'autre pour le domaine des ordinateurs de bureau.<\/p>\n
Une diff\u00e9rence entre les deux variantes r\u00e9side dans le fait que la variante mobile comprend une biblioth\u00e8que plus petite et optimis\u00e9e pour les applications mobiles, pour des raisons de performance.<\/p>\n
Gr\u00e2ce aux terminaux mobiles puissants, \u00e0 la couverture r\u00e9seau de plus en plus performante et aux d\u00e9bits de donn\u00e9es mobiles plus \u00e9lev\u00e9s, la diff\u00e9rence entre ces variations devient n\u00e9gligeable. Seule l'adaptation aux diff\u00e9rentes tailles d'\u00e9cran \u00e0 l'aide du Responsive Design est vraiment pertinente.<\/p>\n
Comme nous l'avons dit, SAPUI5 est un framework. C'est pourquoi nous souhaitons aborder bri\u00e8vement les avantages et les inconv\u00e9nients de tels frameworks afin de les situer.<\/p>\n
Lors d'un d\u00e9veloppement en interne, on est toujours confront\u00e9 \u00e0 la question de savoir si l'on utilise des frameworks d\u00e9j\u00e0 existants ou si l'on d\u00e9veloppe tout soi-m\u00eame. En tant que d\u00e9veloppeur, on entend souvent dire<\/p>\n
\"Utilise plut\u00f4t un framework existant et ne r\u00e9invente pas toujours la roue\".<\/em><\/p>\n De notre point de vue, deux indicateurs peuvent nous renseigner sur l'utilisation d'un framework : premi\u00e8rement, la p\u00e9riode d'utilisation de la solution, deuxi\u00e8mement, la flexibilit\u00e9 en termes d'adaptabilit\u00e9 \u00e0 de nouvelles exigences.<\/p>\n Si l'on veut cr\u00e9er rapidement quelque chose de pr\u00e9sentable, les frameworks peuvent certainement \u00eatre le moyen de choix. Si l'on souhaite utiliser la solution \u00e0 plus long terme ou m\u00eame la garder ouverte aux changements, l'utilisation de frameworks n\u00e9cessite d'autres mesures pour en att\u00e9nuer les inconv\u00e9nients.<\/p>\n En principe, il faut toujours int\u00e9grer les frameworks ou les composants utilis\u00e9s de mani\u00e8re \u00e0 ce qu'ils ne constituent pas une partie \u00e9l\u00e9mentaire de la solution, afin d'\u00e9viter les d\u00e9pendances fonctionnelles.<\/p>\n Cela peut \u00eatre r\u00e9alis\u00e9 par une architecture logicielle qui s'abstrait le mieux possible des composants \u00e9trangers afin qu'ils restent interchangeables. Par exemple, les possibilit\u00e9s de saisie offertes par l'interface utilisateur graphique ne devraient pas jouer de r\u00f4le dans la logique d'ex\u00e9cution.<\/p>\n Tout cela nous am\u00e8ne \u00e0 la conclusion que nous aimons regarder comment fonctionne un framework pour ensuite, le cas \u00e9ch\u00e9ant, en reprendre certains concepts. Bien s\u00fbr, cette proc\u00e9dure est \u00e0 premi\u00e8re vue co\u00fbteuse, mais les possibilit\u00e9s correspondantes sont alors connues pour les demandes d'extension et les adaptations peuvent \u00eatre effectu\u00e9es de mani\u00e8re beaucoup plus contr\u00f4l\u00e9e et donc plus s\u00fbre.<\/p>\n Les frameworks, comme leur nom l'indique, fixent un cadre pour cr\u00e9er des solutions. Ces contraintes peuvent aider \u00e0 produire des r\u00e9sultats rapides, car un framework nous d\u00e9charge de nombreuses d\u00e9cisions (conscientes ou inconscientes).<\/p>\n Mais au final, qui se d\u00e9cide pour ou contre un framework ? Le chef de projet ? Le d\u00e9veloppeur ? La solution optimale serait : les deux ensemble. Mais les opinions et les int\u00e9r\u00eats sont souvent tr\u00e8s divergents :<\/p>\n Minimisation des risques contre flexibilit\u00e9, r\u00e9sultats \u00e0 court terme contre diversit\u00e9 des options \u00e0 long terme.<\/p>\n Ce n'est que si tout le monde en est conscient de mani\u00e8re suffisamment approfondie qu'une d\u00e9cision consciente et correcte peut \u00eatre prise dans ce domaine \u00e9galement.<\/p>\n Contrairement aux frameworks (WebDynpro, SAPUI5), HTML5 n'est qu'un langage de balisage et repr\u00e9sente la version actuelle (selon la sp\u00e9cification W3C) de HTML (Hypertext Markup Language).<\/p>\n Le langage HTML sert en soi \u00e0 d\u00e9crire et \u00e0 lier\/associer des contenus web (tels que des textes, des images, des vid\u00e9os) sous forme de documents \u00e9lectroniques. Il s'agit notamment des pages web et autres solutions bas\u00e9es sur le web avec une interface graphique affich\u00e9e \u00e0 l'aide de navigateurs web ou d'autres moteurs de navigation.<\/p>\n Lors du d\u00e9veloppement d'une solution HTML, on a g\u00e9n\u00e9ralement recours aux CSS (Cascading Style Sheets) pour la mise en forme des documents HTML. C'\u00e9tait d\u00e9j\u00e0 le cas dans les versions pr\u00e9c\u00e9dentes de HTML et cela se poursuit avec la version actuelle de HTML.<\/p>\n HTML et CSS ne suffisent toutefois pas encore \u00e0 reproduire l'\u00e9tendue des performances des solutions HTML5 dynamiques et plus complexes. Pour cela, un autre composant, JS (JavaScript), est n\u00e9cessaire.<\/p>\n JavaScript est un langage de script qui permet de r\u00e9aliser des dynamiques dans les documents HTML. \u00c9tant donn\u00e9 que les objectifs d\u00e9terminants d'une solution d\u00e9coulent des exigences professionnelles, HTML5 est particuli\u00e8rement adapt\u00e9 aux interfaces n\u00e9cessitant un haut degr\u00e9 de flexibilit\u00e9 et de personnalisation.<\/p>\n Les sc\u00e9narios d'application typiques de Pikon pr\u00e9voient un \u00e9change de donn\u00e9es avec un syst\u00e8me backend (par exemple SAP ERP). Dans SAP, une solution HTML5 peut \u00eatre mise en \u0153uvre \u00e0 cet effet \u00e0 l'aide d'une Business Server Page (BSP) ou \u00e9galement en combinaison avec une application WebDynpro.<\/p>\n Une telle application ne s'ex\u00e9cute pas exclusivement sur le serveur SAP, mais avant tout sur un client mobile, et il faut trouver un moyen de communiquer avec SAP.<\/p>\n La voie classique dans l'environnement web est l'Internet Communication Framework (ICF) dans SAP NetWeaver. Dans ce cas, un client peut par exemple envoyer des donn\u00e9es au serveur SAP \u00e0 l'aide d'un service ICF et le serveur SAP peut renvoyer les donn\u00e9es correspondantes. SAPUI5 nous \u00e9pargne ce chemin avec SAP NetWeaver Gateway et oData Services.<\/p>\n En r\u00e9sum\u00e9, on peut dire qu'un d\u00e9veloppement HTML5 pur avec un m\u00e9lange de composants cr\u00e9\u00e9s par nos soins et de composants tiers utilis\u00e9s sciemment est pour nous le moyen de choix, m\u00eame si la mise en \u0153uvre n\u00e9cessite ici un certain nombre de connaissances, de discipline et d'efforts.<\/p>\n Mais c'est justement lorsqu'une \u00e9quipe enti\u00e8re de d\u00e9veloppeurs travaille sur un sujet qu'il est judicieux de travailler \u00e0 la structuration ainsi qu'\u00e0 l'intelligibilit\u00e9 d'une solution, et l'effort en vaut la peine \u00e0 chaque demande de modification qui suit et qui est mise en \u0153uvre par la suite.<\/p>\n Pour ceux qui ne peuvent pas vivre avec les restrictions d'un framework, HTML5 est une solution tout \u00e0 fait viable, m\u00eame dans l'environnement SAP.<\/p>\n Dans l'ensemble, la question de savoir si un framework doit \u00eatre utilis\u00e9 et lequel doit l'\u00eatre ne peut \u00eatre tranch\u00e9e qu'en fonction des exigences concr\u00e8tes, notamment en termes d'individualit\u00e9 et d'adaptabilit\u00e9 du logiciel.<\/p>","protected":false},"excerpt":{"rendered":" Le monde SAP standard reste domin\u00e9 par des interfaces \u00e0 l'aspect vieillot et \u00e0 dominante bleue. Elles s'orientent moins vers l'utilit\u00e9 individuelle que vers la repr\u00e9sentation de processus universels. Mais SAP Dynpro est en train de mourir - la tendance est au WebDynpro et \u00e0 SAPUI5\/HTML5.<\/p>","protected":false},"author":1817,"featured_media":60767,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"categories":[5,1596],"tags":[296,10435,506,5177],"coauthors":[33353,33354],"class_list":["post-61099","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it-management","category-1596","tag-html5","tag-javascript","tag-open-source","tag-sapui5","pmpro-has-access"],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"thumbnail":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-150x150.jpg",150,150,true],"medium":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",400,155,false],"medium_large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-768x297.jpg",768,297,true],"large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"image-100":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-100x39.jpg",100,39,true],"image-480":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-480x186.jpg",480,186,true],"image-640":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-640x248.jpg",640,248,true],"image-720":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-720x279.jpg",720,279,true],"image-960":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-960x372.jpg",960,372,true],"image-1168":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"image-1440":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"image-1920":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"1536x1536":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"2048x2048":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"trp-custom-language-flag":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",18,7,false],"bricks_large_16x9":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"bricks_large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"bricks_large_square":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"bricks_medium":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",600,232,false],"bricks_medium_square":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",600,232,false],"profile_24":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-24x24.jpg",24,24,true],"profile_48":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-48x48.jpg",48,48,true],"profile_96":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-96x96.jpg",96,96,true],"profile_150":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-150x150.jpg",150,150,true],"profile_300":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-300x300.jpg",300,300,true]},"post_excerpt_stackable_v2":" Nach wie vor beherrschen alt wirkende, blau dominierte Oberfl\u00e4chen die Standard-SAP-Welt. Sie orientieren sich weniger am individuellen Nutzen als vielmehr an der Abbildung von allgemeing\u00fcltigen Prozessen. Aber: SAP Dynpro stirbt \u2013 der Trend geht zu WebDynpro und SAPUI5\/HTML5.<\/p>\n","category_list_v2":"IT-Management<\/a>, MAG 16-02<\/a>","author_info_v2":{"name":"Dirk Hirschmann, Pikon","url":"https:\/\/e3mag.com\/fr\/author\/dirk-hirschmann\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/posts\/61099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/users\/1817"}],"replies":[{"embeddable":true,"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/comments?post=61099"}],"version-history":[{"count":0,"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/posts\/61099\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/media\/60767"}],"wp:attachment":[{"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/media?parent=61099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/categories?post=61099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/tags?post=61099"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/e3mag.com\/fr\/wp-json\/wp\/v2\/coauthors?post=61099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}HTML5<\/h3>\n
Sc\u00e9narios d'utilisation<\/h3>\n
Conclusion<\/h3>\n