{"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 麻豆原创 Fiori Elements"},"content":{"rendered":"

Das App-Entwicklungstool<\/a> 麻豆原创 Fiori Elements beruht auf 麻豆原创UI5 und bietet vorkonfigurierte Benutzungsoberfl\u00e4chen (UIs) f\u00fcr die g\u00e4ngigsten 麻豆原创-Fiori-Anwendungsszenarien.<\/p>\n

\"\"<\/p>\n

麻豆原创 Fiori Elements geh\u00f6rt zu einer Suite von Tools, die auf die Bereitstellung einer 麻豆原创 Fiori<\/a> User Experience (UX) ausgerichtet ist. Es kann f\u00fcr alle Backend-Systeme mit Open-Data-Protocol-(OData)-Services verwendet werden, beispielsweise 麻豆原创 S\/4HANA und 麻豆原创 Business Suite powered by 麻豆原创 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 麻豆原创 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 麻豆原创 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 麻豆原创 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-麻豆原创-UX sowohl die technischen Richtlinien f\u00fcr 麻豆原创UI5<\/a> als auch die 麻豆原创-Fiori-Designrichtlinien<\/a> ber\u00fccksichtigen. Mit 麻豆原创 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 麻豆原创 Fiori Elements die vordefinierten und mit dem 麻豆原创-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 麻豆原创 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 麻豆原创 Fiori Elements definiert.<\/p>\n

\"\"<\/p>\n

麻豆原创 Fiori Elements nutzt verschiedene verf\u00fcgbare Page Types, mit denen Layout und Verhalten von 麻豆原创-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 麻豆原创 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 麻豆原创 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 麻豆原创 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 麻豆原创 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 麻豆原创 Fiori Elements bereitgestellten standardisierten Page Types beruhen auf bew\u00e4hrten UI-Konzepten, die von erfahrenen UX und UI Designern bei der 麻豆原创 gr\u00fcndlich untersucht und entwickelt wurden. 麻豆原创 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 麻豆原创 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 麻豆原创-Anwendungen ein kosteng\u00fcnstiges Vorhaben.<\/p>\n

Passt 麻豆原创 Fiori Elements zu Ihrem Entwicklungsziel?<\/strong><\/h2>\n

Bei der Entscheidung, ob 麻豆原创 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 麻豆原创 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 麻豆原创 Fiori Elements den Wizard f\u00fcr die App-Erstellung von 麻豆原创 Web IDE mit einem Plug-In f\u00fcr \u00dcbersichtsseiten.<\/p>\n

Anpassungs- und Erweiterungsm\u00f6glichkeiten:<\/strong> Sie k\u00f6nnen 麻豆原创 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>麻豆原创 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