Skip to Content
Previous

Didacticiels et ressources


officiels pour SAPUI5

 

Avec le jeu d'outils de développement d'IU pour HTML5 (SAPUI5), vous avez tout ce dont vous avez besoin pour développer des applications Web professionnelles, dotées d'interfaces utilisateur riches et modernes. Il est disponible pour les principales plateformes SAP. Aussi, d'importantes parties de SAPUI5 étant en open sourced via OpenUI5, vous pouvez l'utiliser en dehors de l'écosystème SAP.

Ici, vous accéderez à des ressources officielles pour vous former sur SAPUI5 : des didacticiels, une communauté, etc.

Next

Aperçu de SAPUI5

Jeu d'outils Web prêts à l'emploi

SAPUI5 vous est fourni avec toutes les fonctionnalités nécessaires pour créer des applications Web professionnelles. Cette solution repose sur une base solide qui simplifie le développement en gérant en arrière-plan de nombreux aspects. Et pendant ce temps, vous avez toute la liberté de faire ce que vous voulez. 

Grande flexibilité des IU

Il est possible de mieux adapter les applications Web SAPUI5 à l'aide de mises à niveau sécurisées et presque sans programmation. Ainsi, non seulement vous pouvez configurer une application pour plusieurs cas d'utilisation, mais vous bénéficiez aussi de fonctionnalités de personnalisation prêtes à l'emploi.

Une expérience utilisateur cohérente

Les applications créées avec SAPUI5 offrent l'avantage d'avoir toutes le même langage de conception et des modèles d'expérience utilisateur prédéfinis pour toutes les fonctionnalités front-end, les solutions SAP, etc. SAPUI5 est parfaitement compatible avec tous les terminaux, navigateurs et accès.

Une expérience utilisateur cohérente

Les applications SAPUI5 bénéficient d'un langage de conception cohérent et de modèles d'expérience utilisateur prédéfinis pour toutes les fonctionnalités de front-end. Utilisez un thème prédéfini ou bien UI Theme Designer pour créer votre version personnalisée.

Une IU qui sait s'adapter

Concernant les terminaux, aucune inquiétude à avoir : les applications SAPUI5 fonctionnent sur smartphones, tablettes et ordinateurs de bureau. Les contrôles d'IU s'adaptent automatiquement aux caractéristiques de chaque terminal et tirent le meilleur parti des outils disponibles.

Simplicité d'utilisation

Vous connaissez bien JavaScript et les normes Web communes ? Vous n'aurez aucun mal à démarrer l'utilisation de SAPUI5. Servez-vous des modèles d'application prêts à l'emploi comme point de départ pour développer votre application. Ces modèles comprennent des fonctionnalités et tests d'application génériques qui, si nécessaire, peuvent être facilement étendus avec les fonctionnalités personnalisées.

Sous le capot : SAPUI5

Le cœur de SAPUI5 sert de base qui simplifie le développement des applications Web en gérant en arrière-plan de nombreux aspects du développement moderne.

Il comprend divers contrôles UI, des éléments basiques aux modèles d'expérience utilisateur complexes, que vous pouvez combiner pour créer une mise en page attrayante. Tous les contrôles IU bénéficient d'un même langage de conception et de modèles d'expérience utilisateur cohérents.

Les services de flexibilité SAPUI5 fournissent des fonctionnalités permettant d'adapter facilement l'IU d'une application et de stocker les modifications dans un référentiel en couches.

Le package est complété par divers outils qui aident à la création et aux tests des applications, ainsi qu'aux diagnostics et à la résolution des problèmes pendant les phases de développement et de maintenance.

Résumé de la matrice

Caractéristiques Détails
Accessibilité
Dans le cadre d'une approche continue, les contrôles SAPUI5 visent à se conformer à diverses normes produit, telles que la prise en charge du lecteur d'écran, des thèmes très contrastés et la gestion du clavier.
Application Cache Buster

L'Application Cache Buster (abréviation : AppCacheBuster), similaire au Cache Buster, s'utilise pour les ressources d'application.

SAPUI5 prend en charge le cache buster de l'application sur SAP NetWeaver AS pour ABAP uniquement.

Modèles d'application
Les modèles d'application intègrent les dernières recommandations de SAP et peuvent par exemple servir de point de départ pour développer des applications conformément aux directives de conception de SAP Fiori. Ils comprennent des fonctionnalités et des tests d'application génériques qui, si nécessaire, peuvent être facilement étendus avec les fonctionnalités personnalisées.
Cache Buster

Grâce au cache buster, SAPUI5 peut ordonner au navigateur d'actualiser ses ressources uniquement en cas de modification. Si aucune modification n'est apportée, les ressources peuvent être récupérées du cache du navigateur.

SAPUI5 prend en charge le concept de cache buster pour les serveurs Java et ABAP et pour SAP Cloud Platform. SAP HANA XS ne prend pas en charge le concept de cache buster.

Composant
Les composants sont indépendants et les pièces réutilisables sont utilisées dans les applications SAPUI5.
Contrôles

Les contrôles servent à définir l'apparence et le comportement des zones d'écran.

SAPUI5 comprend plus de 200 contrôles d'IU, des éléments basiques aux modèles d'IU complexes.

Types de liaison
SAPUI5 prend en charge trois types de liaison : liaison de propriété, liaison d'agrégation et liaison d'éléments.
Liaison de données

La liaison de données sert à relier deux sources de données ou d'informations pour garantir leur mise à jour régulière : dès qu'une modification est apportée à l'une des sources, elle est répercutée dans l'autre.

SAPUI5 prend en charge la liaison avec OData, JSON, XML et d'autres formats de données.

Descripteur
Inspiré du concept de Manifeste d'application Web présenté par le W3C, le descripteur fournit un emplacement central, lisible par machine et facile d'accès pour stocker les métadonnées associées à une application, un composant d'application ou une bibliothèque.
Adaptation aux terminaux
SAPUI5 prend en charge plusieurs fonctions pour s'adapter aux différents systèmes d'exploitation et terminaux.
Extensibilité
Vous pouvez étendre une application SAPUI5 selon vos besoins spécifiques. Par exemple, vous pouvez étendre ou remplacer des vues, étendre ou remplacer des contrôleurs, ou modifier le texte spécifique d'une langue.
Fragment
Les fragments sont des pièces d'IU légères (sous-arborescence d'IU) qui peuvent être réutilisés, définis comme les vues, mais qui n'ont ni contrôleur ni d'autre code de comportement. SAPUI5 fournit des fragments XML, HTML et JS.
Flexibilité
SAPUI5 propose une gestion centrale des messages d'IU et de serveur.
Gestion des messages
SAP Web IDE repose sur l'infrastructure SAP HANA Cloud Platform pour l'authentification et la connectivité sécurisée aux différents systèmes et composants ; SAP Web IDE pourrait utiliser n'importe quel fournisseur d'identité, y compris ceux définis par le client, ou le connecteur SAP HANA Cloud pour assurer une connexion sûre aux systèmes sur site
Serveur fictif
Le serveur fictif fournit des services fictifs, ainsi que des données fictives. Il prend en charge les données générées de manière aléatoire en fonction des métadonnées du service, ainsi que les données fictives fournies dans les fichiers JSON.
Modèle

Dans SAPUI5, un modèle contient les données et propose des méthodes pour récupérer les données de la base de données, puis les configurer et les mettre à jour.

SAPUI5 fournit les modèles prédéfinis suivants : OData, JSON, XML et modèle de ressources. Il est également possible de créer une mise en œuvre de modèle personnalisée pour les sources de données non encore inclues dans le cadre ou spécifiques au domaine.

 
Model View Controller Le concept Model View Controller (MVC) est utilisé dans SAPUI5 pour séparer la représentation des informations des interactions avec les utilisateurs.   
Gestion de la modularisation et de la dépendance L'architecture de SAPUI5 prend en charge la modularisation des applications JavaScript complètes.   
Navigation SAPUI5 propose une navigation basée sur le hachage, ce qui vous permet de créer des applications d'une seule page où la navigation est effectuée en changeant l'algorithme de hachage.  
Mesure des performances SAPUI5 contient des outils pour mesurer la performance d'une application.  
Gestion des ressources Dans SAPUI5, la gestion des ressources est divisée en deux parties : côté client et côté serveur. Ces deux parties complémentaires sont indépendantes l'une de l'autre.  
Prise en charge de droite à gauche SAPUI5 prend en charge la directionnalité de droite à gauche. Lorsqu'elle est activée, la direction globale de la page est définie de droite à gauche et tous les contenus SAPUI5 sont affichés selon ce mode. Les contrôles et contenus écrits par le client doivent être testés séparément.
 
Modèle d'acheminement
SAPUI5 fournit les types de modèle suivants : modèles codés en dur, itinéraire avec paramètre de zone obligatoire, itinéraire avec paramètre de zone facultatif, itinéraire avec paramètre de requête et paramètre « rest as string »  
Outils de support SAPUI5 contient plusieurs outils de support différents pour vous aider à réparer et à résoudre tous les problèmes susceptibles de survenir.   
Modèles

SAPUI5 prend en charge les modèles HTML et XML.

Le concept de modèle HTML de SAPUI5 vous permet de lier le texte aux propriétés du modèle. Si la propriété du modèle change, le texte est mis à jour.

Le concept du modèle XML vous permet d'utiliser une vue XML comme modèle. Ce modèle est transformé par un préprocesseur XML au niveau de la source, XML DOM, au moment de l'exécution, juste avant la création d'un arbre de contrôle SAPUI5 depuis la source XML.

 
Tests SAPUI5 fournit plusieurs options de test, comme des tests d'unité et d'intégration, ainsi qu'un serveur fictif.  
Localisation textuelle Dans SAPUI5, les concepts du cadre pour la localisation textuelle sont alignés aux concepts généraux de la plate-forme Java.  
Thèmes SAPUI5 prend en charge la création et l'utilisation de différentes conceptions visuelles (appelées thèmes) interchangeables de manière instantanée. Selon ses préférences ou ses besoins en matière d'accessibilité, l'utilisateur peut ainsi changer l'aspect d'une même application autant qu'il le souhaite.  
Adaptation d'IU Voir Flexibilité  
Vues La vue dans SAPUI5 est responsable de la définition et du rendu de l'IU.  SAPUI5 prend en charge les types de vue prédéfinis suivants : XML, JSON, JS et HTML.  

Essayer dès maintenant

SAPUI5 sur SAP Cloud Platform, édition pour développeurs

SAP Cloud Platform, édition pour développeurs, est un moyen rapide, simple et GRATUIT d'apprendre à créer des applications SAPUI5. Elle comprend aussi une version d'essai de SAP Web IDE, l'environnement de développement que nous recommandons pour SAPUI5.

SAPUI5, édition pour développeurs

SAPUI5, édition pour développeurs est un package de l'environnement d'exécution SAPUI5 qui n'entraîne aucun frais et ne nécessite aucune prise en charge du kit de développement logiciel complet. Il vous permet de développer des applications ciblant l'architecture de SAPUI5, à l'aide de votre environnement de développement local préféré (éditeur et serveur Web).

Version Open Source, OpenUI5

OpenUI5, la version Open Source de SAPUI5, est disponible gratuitement avec la licence Apache 2.0 sur GitHub. Les deux versions, OpenUI5 et SAPUI5, proposent exactement les mêmes fonctionnalités centrales. De plus, les bibliothèques de contrôles IU sont les mêmes, sauf qu'elles sont un peu moins nombreuses dans OpenUI5.

Previous
Blogs
Questions

La communauté SAPUI5 vous répond

Cherchez des réponses. Postez vos questions. Partagez vos connaissances.
Next
image
Pour toute question ou commentaire, contactez-nous.
Back to top