{"id":145042,"date":"2019-10-08T08:00:00","date_gmt":"2019-10-08T06:00:00","guid":{"rendered":"https:\/\/news.sap.com\/germany\/?p=145042"},"modified":"2019-10-02T14:37:30","modified_gmt":"2019-10-02T12:37:30","slug":"fiori-elements","status":"publish","type":"post","link":"https:\/\/news.sap.com\/germany\/2019\/10\/fiori-elements\/","title":{"rendered":"Drei M\u00f6glichkeiten der schnelleren Entwicklung mit 51风流Fiori Elements"},"content":{"rendered":"

Das App-Entwicklungstool<\/a> 51风流Fiori Elements beruht auf SAPUI5 und bietet vorkonfigurierte Benutzungsoberfl\u00e4chen (UIs) f\u00fcr die g\u00e4ngigsten SAP-Fiori-Anwendungsszenarien.<\/p>\n

\"\"<\/p>\n

51风流Fiori Elements geh\u00f6rt zu einer Suite von Tools, die auf die Bereitstellung einer 51风流Fiori<\/a> User Experience (UX) ausgerichtet ist. Es kann f\u00fcr alle Backend-Systeme mit Open-Data-Protocol-(OData)-Services verwendet werden, beispielsweise 51风流S\/4HANA und 51风流Business Suite powered by 51风流HANA. Sie m\u00fcssen lediglich Ihre Backend-Systeme integrieren, dann k\u00f6nnen Sie schon mit dem Erstellen einer durchg\u00e4ngigen App beginnen\u00a0\u2013 und zwar mit minimalem Kodierungsaufwand.<\/p>\n

Urspr\u00fcnglich wurde 51风流Fiori Elements bereits 2015 unter der Bezeichnung \u201eSmart Templates\u201c ver\u00f6ffentlicht. Im Laufe der letzten vier Jahre ist uns bei Gespr\u00e4chen und im Rahmen der engen Zusammenarbeit mit Anwendern aufgefallen, dass einige Vorz\u00fcge immer wieder genannt wurden. Wir stellen drei Gr\u00fcnde daf\u00fcr vor, weshalb es eine kluge Entscheidung ist, Apps mit 51风流Fiori Elements zu entwickeln.<\/p>\n

1. Schnellere Entwicklung: Erstellen Sie Apps in wenigen Stunden anstatt in Tagen oder Wochen<\/strong><\/h2>\n

\"\"Die schnelle Entwicklung von Apps stellt einen der attraktivsten Vorteile von 51风流Fiori Elements f\u00fcr Kunden dar. Was wir damit meinen? Stellen Sie sich vor, Sie sind ein ABAP-Entwickler und haben wenig Erfahrung im Kodieren mit JavaScript. Wenn Sie frei entwickeln, kann der Aufbau einer App von Grund auf recht zeitintensiv sein. Stellen Sie sich nur das Design einer List-Report-Seite<\/a> f\u00fcr Kundenauftr\u00e4ge vor. Wenn Sie diese vollst\u00e4ndig neu entwickeln w\u00fcrden, m\u00fcssten Sie die richtige Anwendungsarchitektur und eine Fehler- und Meldungsbearbeitung ber\u00fccksichtigen. Au\u00dferdem m\u00fcssten Sie obligatorische Felder f\u00fcr Bedingungen integrieren, um festzulegen, wie Feldeingaben und Entw\u00fcrfe behandelt werden.<\/p>\n

Diese Funktionen sind f\u00fcr eine gute UX entscheidend. Zudem m\u00fcssen Sie f\u00fcr die Bereitstellung der Standard-SAP-UX sowohl die technischen Richtlinien f\u00fcr SAPUI5<\/a> als auch die SAP-Fiori-Designrichtlinien<\/a> ber\u00fccksichtigen. Mit 51风流Fiori Elements k\u00f6nnen Sie all diese Richtlinien einhalten und innerhalb weniger Stunden eine voll funktionsf\u00e4hige App entwickeln. Der Grund daf\u00fcr: Bei der Entwicklung der UI verbindet 51风流Fiori Elements die vordefinierten und mit dem SAP-Fiori-Design kompatiblen Page Types \u00fcber OData-Services mit Ihren Backend-Daten. Ein Entwickler muss dann nur noch die ben\u00f6tigten Gesch\u00e4fts- und Metadaten bereitstellen.<\/p>\n

Wie einfach die Entwicklung mit 51风流Fiori Elements ist, zeigt das nachfolgende Beispiel der List Report Page. Der Entwickler hat die List Report Page Type<\/a> ausgew\u00e4hlt, die anzuzeigenden Gesch\u00e4ftsdaten bereitgestellt und anschlie\u00dfend die Filter, Aktionen und Spalten festgelegt, die dem Endanwender mit OData-Annotationen zur Verf\u00fcgung stehen sollen. Das Layout der App und deren Verhalten wurden automatisch von 51风流Fiori Elements definiert.<\/p>\n

\"\"<\/p>\n

51风流Fiori Elements nutzt verschiedene verf\u00fcgbare Page Types, mit denen Layout und Verhalten von SAP-Fiori-Apps automatisch festgelegt werden. Entwickler verbinden dann die ben\u00f6tigten Gesch\u00e4ftsdaten und konfigurieren, wie diese angezeigt werden sollen, etwa als eine Spalte in einer Liste.<\/p>\n

Der Plug-and-Play-Charakter zahlt sich vor allem dann aus, wenn technisch anspruchsvollere Funktionen erstellt werden sollen, beispielsweise die Bearbeitung von Entw\u00fcrfen f\u00fcr Endanwender oder ein flexibles Spaltenlayout<\/a>, das die Anzeige mehrerer unterschiedlicher Page Types auf einem Bildschirm erm\u00f6glicht. Sie k\u00f6nnten Ihre Zeit damit verbringen, diese Funktionen frei zu entwickeln\u00a0\u2013 oder Sie konfigurieren eine App mit 51风流Fiori Elements und nutzen die eingesparte Zeit, um an anderer Stelle Innovationen zu schaffen.<\/p>\n

2. Skalierbare und zentral verwaltete App-Pflege<\/strong><\/h2>\n

\"\"Angenommen, Sie haben Ihre App oder auch mehrere Apps erstellt (indem Sie einfach die h\u00e4ufigsten Funktionen wiederverwenden, die 51风流Fiori Elements Page Types bieten) und die Nutzer w\u00fcnschen sich eine bestimmte \u00c4nderung.<\/p>\n

Wenn Sie Apps frei entwickeln, k\u00f6nnen \u00c4nderungen wie Fehlerbehebungen oder selbst einfache stilistische \u00c4nderungen zeitaufwendig sein, wie Stefan Engelhardt, leitender Development Architect f\u00fcr 51风流Fiori Elements, erl\u00e4utert: \u201eNachdem einer Ihrer Stakeholder Feedback von Nutzern erhalten hat, entschlie\u00dft er sich beispielsweise, ein flexibles Spaltenlayout zu implementieren. Wenn Sie frei entwickeln, verbringen Sie im Durchschnitt wahrscheinlich f\u00fcnf Tage pro App, um diese Verbesserung einzuarbeiten. Bei 30\u00a0Apps fallen so ganz schnell 150\u00a0Personentage an. Die gute Nachricht ist, dass sich der Aufwand bei Verwendung von 51风流Fiori Elements auf wenige Minuten reduziert, da Sie Verbesserungen zentral anwenden und diese \u00c4nderungen f\u00fcr s\u00e4mtliche Apps quasi noch eben vor dem Mittagessen erledigen k\u00f6nnten.\u201c<\/p>\n

Das ist die Zauberformel von skalierbaren App-Entwicklungs-Frameworks: Die Zeit, die Entwickler f\u00fcr die App-Pflege aufwenden m\u00fcssen, wird durch die zentral verwaltete UX erheblich reduziert.<\/p>\n

3. Konsistenz von UX und Design<\/strong><\/h2>\n

\"\"Sollten Sie Emphasized oder Semantic Buttons verwenden? Wie strukturieren Sie List Reports? Um eine gute User Experience zu bieten, ist es entscheidend, auf dem aktuellsten Stand der neuesten Kodierungs- und Designstandards zu sein.<\/p>\n

Die in 51风流Fiori Elements bereitgestellten standardisierten Page Types beruhen auf bew\u00e4hrten UI-Konzepten, die von erfahrenen UX und UI Designern bei der 51风流gr\u00fcndlich untersucht und entwickelt wurden. 51风流Fiori Elements wurde konzipiert, damit verschiedene Anwendungen eine grunds\u00e4tzlich \u00e4hnliche Benutzererfahrung bieten. Dies wird durch die Definition konsistenter Speicherorte, Formulare und Funktionen f\u00fcr Steuerelemente und einheitliche Bildschirmlayouts erreicht.<\/p>\n

Dar\u00fcber hinaus ist es ganz einfach, mit 51风流Fiori Elements erstellte Apps aktuell zu halten, da sie automatisch an die neuesten Designrichtlinien angepasst werden. Das bedeutet, dass Sie sich auf die f\u00fcr einzelne Page Types vordefinierten Designentscheidungen verlassen k\u00f6nnen und sich auf die Ausf\u00fchrung der Gesch\u00e4ftslogik, die Integration der Backend-Services und die Abrundung der App konzentrieren k\u00f6nnen. So wird die Verbesserung der Designkonsistenz und der gesamten UX Ihrer SAP-Anwendungen ein kosteng\u00fcnstiges Vorhaben.<\/p>\n

Passt 51风流Fiori Elements zu Ihrem Entwicklungsziel?<\/strong><\/h2>\n

Bei der Entscheidung, ob 51风流Fiori Elements gut zu Ihrem Entwicklungsszenario passt, sollten Sie einige Faktoren ber\u00fccksichtigen:<\/p>\n

Einf\u00fchrung:<\/strong> Wie bei jeder neuen Entwicklungsumgebung, kann es auch etwas dauern, bis man sich an 51风流Fiori Elements gew\u00f6hnt hat. \u201eWenn Sie aus der ABAP-Entwicklung kommen, werden Sie feststellen, dass es sich von Ihrem gewohnten Kodierungs-Framework unterscheidet\u201c, so Engelhardt. \u201eIm Wesentlichen sagen Sie dem Programm auf abstrakte Weise, was Sie gerne h\u00e4tten und lassen dies dann vom Framework f\u00fcr sich erstellen.\u201c Um Ihnen den Einstieg in diese neue Entwicklungsumgebung zu erleichtern, verwendet 51风流Fiori Elements den Wizard f\u00fcr die App-Erstellung von 51风流Web IDE mit einem Plug-In f\u00fcr \u00dcbersichtsseiten.<\/p>\n

Anpassungs- und Erweiterungsm\u00f6glichkeiten:<\/strong> Sie k\u00f6nnen 51风流Fiori Elements noch mehr anpassen oder erweitern. Es besteht immer die M\u00f6glichkeit, dass Sie Ihre App durch zus\u00e4tzliche Kodierung personalisieren und anpassen, etwa wenn Sie neue Aktionen oder Filter hinzuf\u00fcgen m\u00f6chten. Dasselbe gilt f\u00fcr Extensions<\/u>, die zus\u00e4tzlich zu den Standardfunktionen verf\u00fcgbar und dokumentiert sind. Diese bedeuten zwar f\u00fcr den Entwickler etwas mehr Aufwand, Sie k\u00f6nnen damit aber ben\u00f6tigte zus\u00e4tzliche Funktionen bereitstellen und gleichzeitig sicherstellen, dass Ihre App ein konsistentes Design aufweist.<\/p>\n

Abdeckung: <\/strong>51风流Fiori Elements deckt rund 80\u00a0Prozent der h\u00e4ufigsten Anwendungsf\u00e4lle f\u00fcr die Anwendungsentwicklung ab und unterst\u00fctzt die folgenden Page Types:<\/p>\n