sap fiori elements - cadaxo gmbh
TRANSCRIPT
![Page 1: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/1.jpg)
SAP Fiori Elements
SAP Fiori ElementsWebinar, 25.9.2020, 10:00 Uhr
1.0
![Page 2: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/2.jpg)
SAP Fiori Elements
◦ Einleitung (Föß)
◦ Fiori History (Sören)
◦ Evolution von OData Modell (Sören)
◦ CAP (Domi)
◦ Fiori Elements (Föß)
Demo 1 – List Report CDS View -> Visual Code Studio
◦ IDEs (Domi)
Demo 2 – WebIDE Generierung
◦ SAP Fiori Tools (Föß)
Demo 3 – Fiori Tools – Excel Button
◦ SAPUI5 Flexibilty (Föß)
◦ Erweiterungsmöglichkeiten (Domi)
![Page 3: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/3.jpg)
SAP Fiori ElementsSören
Sören SchlegelManaging Consultant at CONSILIO
eMail: [email protected]: @SoSchlegel87
Themenschwerpunkte
• Konzeption & Management von Entwicklungsprojekten• SAP Architektur moderner Anwendungen• SAP Change Management and S/4HANA• SAP CDS, oData und Cloud
![Page 4: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/4.jpg)
SAP Fiori ElementsFöß
Johann FößleitnerSenior Consultant at Cadaxo
eMail: [email protected]: @foessleitnerj
Themenschwerpunkte
• Konzeption & Management von Entwicklungsprojekten• Qualitymanagement & Performanceoptimierung• Clean Code• S/4HANA Custom Development
• SAP Champion
![Page 5: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/5.jpg)
SAP Fiori ElementsDomi
Domi BiglSenior Consultant at Cadaxo
eMail: [email protected]: @DomiBiglSAP
Themenschwerpunkte
• Konzeption & Management von Entwicklungsprojekten• Qualitymanagement & Performanceoptimierung• ABAP Units• SAP Fiori, SAP UI5
![Page 6: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/6.jpg)
SAP Fiori ElementsSAP Online Track 2020 – Munich & Vienna
SAP Online Track Munich & Vienna◦ 2 Termine
Donnerstag, 22. Oktober 17:30 – 21:30
Donnerstag, 29. Oktober 14:00 – 18:00
https://wiki.scn.sap.com/wiki/display/events/SAP+Online+Track+Munich+and+Vienna+2020
Twitter Hashtag: #sotMUCVIE und #SAPOnlineTrackMUCVIE
![Page 7: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/7.jpg)
SAP Fiori Elements
HistoryUI5, Fiori
![Page 8: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/8.jpg)
SAP Fiori ElementsHistory of Fiori und UI5
2009 – SAP UI5 startet als „Project Phoenix“
2011 – SAP UI5 @TechEd
2013 – SAP Fiori (als Produkt – mit 25 Apps)
•Basiert auf SAP UI5
•Fiori Launchpage (Vorgänger des Launchpads)
•Damals kosteten die OData-Calls in SAP Gateway noch Geld!
2014 – Fiori Launchpad
2015 – Fiori UX Guidelines
2016 – Fiori Harmonization and SAP Fiori 2.0 with SAP Belize
•Beginn Partnerschaft Apple
•SAP Fiori for iOS
2017 – SAP Fiori Apps „für jedermann“
•Bis dahin konnten Kunden nur „Fiori-like“ Apps bauen
2018 – SAP Web Components
2019 – SAP Fiori 3.0
![Page 9: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/9.jpg)
SAP Fiori Elements
OData
![Page 10: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/10.jpg)
SAP Fiori ElementsWas ist OData?
Was ist OData?
„SQL für REST“
„Wieder irgend ein
komisches Protokoll von der SAP“
• HTTP-basiertes Protokoll• Baut auf ODBC und JDBC auf
• Beschrieben durch Metadaten-Dokument• EDM: Entity Data Model
![Page 11: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/11.jpg)
SAP Fiori ElementsWas ist OData?
OData
Annotations
Metadaten
Daten
![Page 12: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/12.jpg)
SAP Fiori Elements
OData & ABAP
![Page 13: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/13.jpg)
SAP Fiori ElementsOData Development - Overview
ABAP 7.0
Manual implementation ofMPC and DPC
Annotations:
- Vocabulary- MPC_EXT
SEGW
ABAP 7.4 ABAP 7.5
Logic:- Everything: Manual!
ABAP Platform 1808 (7.53)
![Page 14: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/14.jpg)
SAP Fiori ElementsFreestyle OData
![Page 15: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/15.jpg)
SAP Fiori ElementsFreestyle OData
![Page 16: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/16.jpg)
SAP Fiori ElementsOData Development - Overview
ABAP 7.0
Manual implementation ofMPC and DPC
Annotations:
- Vocabulary- MPC_EXT
SEGW
ABAP 7.4 ABAP 7.5
Logic:- Everything: Manual!
SEGW
Usage of SADL(Service Adaption
Description Language)
Annotations:
- Vocabulary- MPC_EXT
Logic:- Query + READ: SADL- CUD: Manual
ABAP Platform 1808 (7.53)
![Page 17: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/17.jpg)
SAP Fiori ElementsOData with SADL
![Page 18: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/18.jpg)
SAP Fiori ElementsOData with SADL
![Page 19: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/19.jpg)
SAP Fiori ElementsOData with SADL
![Page 20: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/20.jpg)
SAP Fiori ElementsOData Development - Overview
ABAP 7.0
Manual implementation ofMPC and DPC
Annotations:
- Vocabulary- MPC_EXT
SEGW
ABAP 7.4 ABAP 7.5
Logic:- Everything: Manual!
SEGW
Usage of SADL(Service Adaption
Description Language)
Annotations:
- Vocabulary- MPC_EXT
SEGW
CDS & BOPF(Core Data Services)
(Busines Object Processing
Framework)
RDS(Referenced Data Source)
+ SADL
Annotations:
- Vocabulary- MPC_EXT- CDS-Based- MDE: Meta-Data-
Extension
Logic:- Query + READ: SADL- CUD: Manual
@Odata.publish: true
Logic:- Query + READ: SADL- CUD: BOPF
ABAP Platform 1808 (7.53)
Only withSEGW
![Page 21: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/21.jpg)
SAP Fiori ElementsABAP for Fiori
![Page 22: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/22.jpg)
SAP Fiori ElementsOData Development - Overview
ABAP 7.0
Manual implementation ofMPC and DPC
Annotations:
- Vocabulary- MPC_EXT
SEGW
ABAP 7.4 ABAP 7.5
Logic:- Everything: Manual!
SEGW
Usage of SADL(Service Adaption
Description Language)
Annotations:
- Vocabulary- MPC_EXT
SEGW
CDS & BOPF(Core Data Services)
(Busines Object Processing
Framework)
RDS(Referenced Data Source)
+ SADL
Annotations:
- Vocabulary- MPC_EXT- CDS-Based- MDE: Meta-Data-
Extension
Logic:- Query + READ: SADL- CUD: Manual
Odata: publish
Logic:- Query + READ: SADL- CUD: BOPF
ABAP Platform 1808 (7.53)
Service Definition / Service Binding
RAP(ABAP RESTFul Application
Programming Model)
CDS & Behavior Definition &
Behavior Implementation
Only withSEGW
Annotations:- CDS-Based- MDE: Meta-Data-
Extension
Logic:- Query + READ: SADL- CUD: BDEF
![Page 23: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/23.jpg)
SAP Fiori ElementsOData Development - Overview
PREVIEW
BIND TO SCENARIO AND PROTOCOL
SERVICEBINDING
DEFINE SCOPE
SERVICEDEFINITION
CDS BEHAVIOR DEFINITION
ADDBEHAVIOR
IMPLEMENTBEHAVIOR
ABAP CODE
CDS BASEDDATA MODEL
![Page 24: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/24.jpg)
SAP Fiori ElementsOData Development - Overview
ABAP 7.0
Manual implementation ofMPC and DPC
S
t
e
a
m
p
u
n
k
Annotations:
- Vocabulary- MPC_EXT
SEGW
ABAP 7.4 ABAP 7.5
Logic:- Everything: Manual!
SEGW
Usage of SADL(Service Adaption
Description Language)
Annotations:
- Vocabulary- MPC_EXT
SEGW
CDS & BOPF(Core Data Services)
(Busines Object Processing
Framework)
RDS(Referenced Data Source)
+ SADL
Annotations:
- Vocabulary- MPC_EXT- CDS-Based- MDE: Meta-Data-
Extension
Logic:- Query + READ: SADL- CUD: Manual
Odata: publish
Annotations via local Annotation-File
Logic:- Query + READ: SADL- CUD: BOPF
ABAP Platform 1808 (7.53)
Service Definition / Service Binding
RAP(ABAP RESTFul Application
Programming Model)
CDS & Behavior Definition &
Behavior Implementation
Only withSEGW
Annotations:- CDS-Based- MDE: Meta-Data-
Extension
Logic:- Query + READ: SADL- CUD: BDEF
![Page 25: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/25.jpg)
SAP Fiori Elements
Annotations
![Page 26: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/26.jpg)
SAP Fiori ElementsCDS Annotations
CDS View Annotations◦ Ermöglicht das Anreichern von
Metadaten direkt im View
SAP Pufferung aktiv
Mandantenbehandlung
Textinformationen
…
CDSCDS
CustomCustom
ODataOData
AnalyticsAnalyticsABAPABAP
Fiori Elements
Fiori Elements
![Page 27: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/27.jpg)
SAP Fiori ElementsCDS Annotations
• Werden von der ABAP Laufzeit-umgebung ausgewertet
• Beispiele:• Tabellenpufferung
• Mandantenbehandlung
• Erweiterbarkeit von CDS Views
• Datenbankviewname
• …
ABAP Annotationen
• Werden von Software-Komponentenbenötigt/ausgewertet
• Frameworks:• Fiori Elements
• BOPF
• SADL
• ABAP Entwicklung
• …
Framework-spezifisch
Annotationen
![Page 28: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/28.jpg)
SAP Fiori ElementsCDS Annotations
@AbapCatalog.sqlViewName: 'zcdsview_foe2_db'
@AbapCatalog.compiler.CompareFilter: true
@AccessControl.authorizationCheck: #CHECK
define view Zcdsview_Foe2
with parameters exc_date: abap.dats,
to_curr: abap.cuky(5)
as select from zdatentypen {
zdatentypen.curr as original,
@EndUserText.label: Currency‘
zdatentypen.cuky as currency,
…
@AbapCatalog.sqlViewName: 'zcdsview_foe2_db'
@AbapCatalog.compiler.CompareFilter: true
@AccessControl.authorizationCheck: #CHECK
define view Zcdsview_Foe2
with parameters exc_date: abap.dats,
to_curr: abap.cuky(5)
as select from zdatentypen {
zdatentypen.curr as original,
@EndUserText.label: Currency‘
zdatentypen.cuky as currency,
…
Core Annotations
Element Annotations
![Page 29: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/29.jpg)
SAP Fiori ElementsCDS Annotations
OData Annotations◦ Ermöglicht das Anreichern von
Metadaten für Service
Entity
Felder
SADL als Mapper im ABAP
https://developers.sap.com/tutorials/odata-04-basic-annotations.html
![Page 30: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/30.jpg)
SAP Fiori Elements
CAP
![Page 31: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/31.jpg)
SAP Fiori ElementsCAP
https://cap.cloud.sap/docs/
![Page 32: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/32.jpg)
SAP Fiori ElementsCAP
Framework und Toolsammlung◦ Services und Anwendungen
◦ CDS Views (CDL – „Dialekt“)
DB Tabellen werden erstellt
◦ Node.js und Java
◦ lokale Entwicklung + Tests
◦ Visual Studio Code / Eclipse / Business Application
Studio
◦ Deploy to SCP / Cloud Foundry
![Page 33: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/33.jpg)
SAP Fiori ElementsCAP
„Postman“ built-in – besser als GW Client ;)
![Page 34: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/34.jpg)
SAP Fiori ElementsCAP – OData V4 -> V2
OData V2 Proxyhttps://cap.cloud.sap/docs/advanced/odata#odata-v2-support
![Page 35: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/35.jpg)
SAP Fiori Elements
SAP Fiori Elements
![Page 36: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/36.jpg)
SAP Fiori ElementsSAP Fiori Elements
SAP Fiori Elements◦ Bei SAP Fiori Elements handelt es sich um
Metadatengetriebenes Framework
◦ Basierend auf Annotations und Konfigurationen
werden dynamisch die Oberflächen gerendert
◦ Technisch basieren Fiori Elements auf Smart
Controls der SAPUI5 Bibliothek
◦ Kein JavaScript notwendig
![Page 37: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/37.jpg)
SAP Fiori ElementsFiori Elements Architektur
SAP NetWeaver
OData & AnnotationsGateway, CDS, BOPF
SAP S/4HANA Steampunk
OData & AnnotationsRAP, Business Service
OData & AnnotationsRAP, Business Service
SAP UI5 & SAP Fiori Elements
Application Configuration
Annotations
SAPUI5 flexibilty
SCP, …
Odata & Annotations
CAP, …
Extensions
We
bID
EB
usi
ne
ss A
pp
lca
tio
nStu
dio
Vis
ua
l Stu
dio
Co
de
SA
P G
UI
AD
T
![Page 38: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/38.jpg)
SAP Fiori ElementsEntwicklungsbeschleunigung
Entwicklungsbeschleunigung◦ Standardisierte Page Types
Fokus auf Businessanforderung
◦ Konsistentes Userinterface
Fiori Elements beruhen auf bewährten UI Konzepten
◦ Zentrale Verwaltung
Änderungen werden zentral vorgenommen
![Page 39: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/39.jpg)
SAP Fiori ElementsKonsistentes Userinterface
Konsistentes Userinterface◦ Navigation
◦ Suche
◦ Filter & Sortierung
◦ Ändern
◦ Fehlermeldungen
◦ …
![Page 40: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/40.jpg)
SAP Fiori Elements
Pagetypen
![Page 41: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/41.jpg)
SAP Fiori ElementsPagetypen
SAP Fiori Pagetypen◦ Pagetypen sind vordefinierte SAP Fiori Floorplans
◦ Aktuell gibt es 5 Pagetypen
Overview Page
List Report
Worklist
Object Page
Analytical List Page
![Page 42: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/42.jpg)
SAP Fiori ElementsOverview Page
Overview
Page
Darstellung von
wichtigen
Informationen in
Form von Kacheln.
In der Regel dienen
die Kacheln als
Einstieg in
detailliertere
Applikationen.
![Page 43: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/43.jpg)
SAP Fiori ElementsList Report
List Report
Darstellung von
Informationen in
tabellarischer Form.
Umfangreiche Filter-
und Such-
möglichkeiten.
Oft als Einstieg in
Object Pages.
![Page 44: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/44.jpg)
SAP Fiori ElementsWorklist
Worklist
Eignet sich wenn
Anwender eine Liste
mit Aufgaben
bearbeiten sollen .
![Page 45: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/45.jpg)
SAP Fiori ElementsObject Page
Object Page
Mit diesem Typ
können Daten bzw.
Objekte angezeigt
oder geändert
werden.
![Page 46: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/46.jpg)
SAP Fiori ElementsAnalytical List Page
Analytical
List Page
Für die Darstellung
von Reports und KPIs
eignet sich eine
Analytical List Page.
Umfangreiche
Features helfen bei
der Analyse der
Daten
![Page 47: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/47.jpg)
SAP Fiori Elements
Demo 1 – List ReportCDS View/Visual Code Studio
![Page 48: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/48.jpg)
SAP Fiori Elements
IDEs
![Page 49: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/49.jpg)
SAP Fiori ElementsIDEs
SAP Web IDE Full Stack
SAP Business Application Studio
Visual Code Studio
ABAP Development Tools
![Page 50: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/50.jpg)
SAP Fiori ElementsIDEs
SAP Web IDE Full Stack◦ wird verschwinden => BAS
◦ im Trial Account ab 13.10.
◦ online
◦ killt regelmäßig Browser
![Page 51: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/51.jpg)
SAP Fiori ElementsIDEs
SAP Business Application Studio◦ Nachfolger der WebIDE
◦ Eclipse Theia
◦ online
◦ Fiori, CAP, HANA,…
◦ Unterstütz VS Code Extensions
![Page 52: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/52.jpg)
SAP Fiori ElementsIDEs - BAS
![Page 53: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/53.jpg)
SAP Fiori ElementsIDEs - BAS
![Page 54: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/54.jpg)
SAP Fiori ElementsIDEs
Visual Code Studio ◦ offline
◦ manuelle Installation SAP Erweiterungen
◦ Vorbild für Eclipse Theia -> BAS
https://help.sap.com/viewer/42532dbd1ebb434a80506113970f96e9/Latest/en-US
![Page 55: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/55.jpg)
SAP Fiori ElementsIDEs – VS Code
![Page 56: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/56.jpg)
SAP Fiori ElementsIDEs
ABAP Development Tools - Eclipse◦ CDS Views
◦ …
![Page 57: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/57.jpg)
SAP Fiori Elements
Demo 2 – List ReportCDS View/Web IDE
![Page 58: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/58.jpg)
SAP Fiori Elements
SAP Fiori Tools
![Page 59: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/59.jpg)
SAP Fiori ElementsSAP Fiori Tools
SAP Fiori Tools◦ Sammlung von Funktionen zur Beschleunigung
von bei der Entwicklung von Fiori Elements
◦ Extension ist derzeit für Visual Code Studio und
Business Application Studio verfügbar
Seit Sommer 2020 generell verfügbar
![Page 60: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/60.jpg)
SAP Fiori ElementsSAP Fiori Tools – Application Generator
Application
Generator
Unterstützung bei
der Erstellung und
Konfiguration neuer
SAP Fiori Elements
Projekte
![Page 61: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/61.jpg)
SAP Fiori ElementsSAP Fiori Tools
Guided
Development
Sammlung von
Wizards um neue
Funktionen in Fiori
Elements
Anwendungen zu
ergänzen
![Page 62: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/62.jpg)
SAP Fiori ElementsSAP Fiori Tools – Service Modeler
Service
Modeler
Visualisierung der
OData Metadaten-
dateien
![Page 63: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/63.jpg)
SAP Fiori ElementsSAP Fiori Tools – Application Modeler
Application
Modeler
Darstellung der
Seitenstruktur der
Anwendung und
Möglichkeit diese zu
Ändern
![Page 64: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/64.jpg)
SAP Fiori ElementsSAP Fiori Tools – XML Annotation Language Server
XML Annotation
Language Server
Beschleunigt die
Änderung von
Annotations durch
kontext sensitive
Code Completion
![Page 65: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/65.jpg)
SAP Fiori Elements
Demo 3 – Fiori ToolsExcel Export einblenden
![Page 66: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/66.jpg)
SAP Fiori Elements
Erweiterungen
![Page 67: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/67.jpg)
SAP Fiori Elements
SAP weist an mehreren Stellen darauf hin, dass Erweiterungen nur mit
großer Vorsicht verwendet werden sollen.
Erweiterungsmöglichkeiten
Erweiterungsmöglichkeiten◦ Verschiedene Erweiterungspunkte stehen für List
Reports und Object Pages zur Verfügung Felder oder Spalten hinzufügen
Aktionen hinzufügen
Vordefinierte Controller Extensions
…
![Page 68: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/68.jpg)
SAP Fiori ElementsFiori Elements vs. Freestyle Fiori
• Relativ einfache Entwicklung• Relativ starres Gerüst• Relativ geringe Kosten
• Extensions sorgsam einsetzen
SAP Fiori Elements
• Komplexe Entwicklung• Alles ist möglich• Höher Entwicklungs- und
Wartungskosten
Freestyle Fiori
![Page 69: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/69.jpg)
SAP Fiori Elements
Links, Tutorials, Bücher, Sonstiges
![Page 70: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/70.jpg)
SAP Fiori ElementsWeitere Informationen
Weitere Informationen◦ Übersicht
SAP Fiori Elements – Übersicht
SAP Fiori Elements – Community WIKI
SAP Fiori Design Guidelines
◦ SAP Blogs SAP Fiori tools is generally available. Increase the efficiency of
developing SAP Fiori elements apps
Blogs with “SAP Fiori Elements” Tag
![Page 71: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/71.jpg)
SAP Fiori ElementsWeitere Informationen
Weitere Informationen◦ Videos
Using SAP Fiori elements – Serie mit 7 Videos
SAP Fiori Elements and SAP Fiori Tools – SAP Online Track
How to build SAP Fiori Apps quickly and simply – SAP TechEd 2019
SAP Fiori-side Chat Session on Steampunk
◦ Tutorials
https://developers.sap.com/tutorials/appstudio-fioriapps-create.html
https://developers.sap.com/tutorials/abap-environment-deploy-cf-
production.html
https://developers.sap.com/group.appstudio-cap-nodejs.html
![Page 72: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/72.jpg)
SAP Fiori ElementsSAP Developer Tutorials
https://developers.sap.com/group.abap-dev-cds-view.html
![Page 73: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/73.jpg)
SAP Fiori ElementsABAP Entwicklung für SAP S/4HANA
ISBN 978-3-8362-6788-5
https://www.rheinwerk-verlag.de/abap-entwicklung-fuer-sap-s4hanahttps://www.rheinwerk-verlag.de/dsag
![Page 74: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/74.jpg)
SAP Fiori ElementsCadaxo Workshop – SAP Fiori Elements
![Page 75: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/75.jpg)
SAP Fiori Elements
Zusammenfassung
![Page 76: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/76.jpg)
SAP Fiori ElementsUnsere vergangenen Webinare
http://www.cadaxo.com/blog/
![Page 77: SAP Fiori Elements - Cadaxo GmbH](https://reader030.vdocuments.mx/reader030/viewer/2022012602/619835c8b66da866f90249cb/html5/thumbnails/77.jpg)
SAP Fiori ElementsIf you want to stay in touch …
https://twitter.com/domibiglsap
https://www.linkedin.com/in/dominik-bigl-9b98b68b
https://www.xing.com/profile/dominik_bigl
See you again!Thank you for participating!
https://twitter.com/foessleitnerj
https://www.linkedin.com/in/johann-fößleitner-a9851b2a
https://www.xing.com/profile/johann_foessleitner
https://twitter.com/SoSchlegel87
https://www.linkedin.com/in/soeren-schlegel-55171bb4
https://www.xing.com/profile/Soeren_Schlegel2