Here you can find the slide deck and url to the scripts and solutions of "Fiori 2.0 for Your Application" hands-on session on UI5con.

1. Stanislava Baltova, SAP
Yavor Ivanov, SAP
June 30, 2017
Fiori 2.0
for Your Application

2. 2
Create Fiori 2.0 Application from Scratch [hands-on]
Generate Fiori 2.0 Worklist Application from WebIDE template [show&tell]
Migrate Your Existing App to Fiori 2.0 [info session]
Agenda

3. Create New Fiori 2.0 App

4. 4Download the script and solutions from here: https://github.com/d3xter666/2017-ui5con-fiori

5. 5
Assets
 Semantic Page
 WebIDE Template
Benefits
 Dev Efficiency
 Design Guidelines Alignment
Generate Fiori 2.0 Worklist Application from WebIDE Template

6. Migrate Fiori App to Fiori 2.0

7. 7
What you need to do
 use Header Adapter to merge your app header with SAP Fiori 2.0 header when loaded in FLP
Migrate Your Fiori App to Fiori 2.0
more info: SAP Fiori 2.0 Header Adaptation

8. 8
What you need to do
 replace the basic layouts with new Fiori 2.0 controls
– Replace sap.m.Page with Dynamic Page for single page layouts
– replace Split App with Flexible Column Layout for Master-Detail layouts
 enable the Floating Footer option for layouts based on Object Page and sap.m.Page
 switch to sap_belize or sap_belize_plus theme
Migrate Your Fiori App to Fiori 2.0

9. Wrap-up

10. 10
For Your New Fiori 2.0 App
 use Flexible Column Layout for complex patterns such as Master-Detail and Master-Detail-Detail
 use Dynamic Page as a basic layout component or
 take Semantic Page to directly apply floorplan specific layout and actions
 use Floating Footer
 generate Fiori 2.0 Worklist Application from WebIDE template
 benefit from Notifications in FLP
Key Takeaways
To Migrate Your Existing App to Fiori 2.0
 use Header Adapter to change your app header when rendered in FLP
 enable the Floating Footer option for basic layouts such as Object Page and sap.m.Page
 or replace the basic layouts with new Fiori 2.0 patterns

11. Thank you.
Contact information:
Stanislava Baltova
stanislava.baltova@sap.com
Yavor Ivanov
yavor.ivanov@sap.com
You are welcome to give feedback on this session
in the UI5con Event App