Gergana Kremenska & Stanislava Baltova, SAP
June 30, 2017
UI5 Supportability
Reloaded
UI5 Supportability Reloaded
UI5 Supportability Reloaded
2
 UI5 Support Tools Explained
 Get to know the new UI5 Support Assistant
Agenda
UI5 Support Tools
4
Technical Information Dialog Alt Ctrl Shift +P
 Quick look up @version info & switch debug on
 Simpler and fresh look & feel
Diagnostics Window Alt Ctrl Shift +S
 Rich toolset for troubleshooting & debugging
 Updated look & feel & new add-ons
UI5 Inspector
 UI5 tailored Chrome Dev Tools extension
 Open sourced W
New Support Assistant
 Stay tuned.. 
UI5 Support Tools - Which Support Tool to use When?
5
 Check Troubleshooting Section for support tools overview.
 Follow the Troubleshooting Tutorial to get hands-on
experience in UI5 troubleshooting.
 Check out the First-Aid Kit for common issues and their
resolution suggestion.
Enhanced Documentation
The new UI5 Support Assistant
7
 Ensure guidelines and best practices are followed
 Check / report any UI5 application for consistency
 Assist support and troubleshooting
 … in automated manner
The Need?
8
 Analyze the web application for well known problems.
 Sourcing from our expert knowledge materialized in the Support Rules
 That reveals the Issues and provides resolution suggestions
 With easy UI and enabled for automation
The Solution – UI5 Support Assistant
9
 Start from URL parameter : sap-ui-support=true and reload
 Or via the enhanced Technical Dialog (Alt+Ctrl+Shift + P) on the fly
How To Get It?
10
 You see it as a new tool bar of the bottom of the running application
Where do I see it?
11
Application OpenUI5 1.48 – application URL Application OpenUI5 latest – application URL
Support Assistant in action
SUPPORT RULES
13
 Rules are associated to libraries and grouped by Rulesets
 Rules carry with them a remedy for recurring || expected issue
 Different Rule types: structural, dynamic, CSS, functional
 The Rule has Properties and Check function (in JavaScript)
Understanding – Rulesets & Rules
14
 See supplied Rules from SAP
 Create your own rules :
 Duplicate existing
 Fresh new one
 Edit and run/test directly
How about Rules creation?
15
Temporary Rules
 Are persisted in the local storage
 Still have to be submitted
Rules are open for contribution
 Welcome to contribute your Rules in openUI5 / … / project
 If you have own libraries, see how to instrument Rules for them : link
And what happens with Rules created?
16
Scope
 Global – the whole application.
 Sub-tree – analyze only the specific part of the application.
 Component – every application in the Fiori Launch Pad is a component
Subset of rules
 Select rules to be analyzed
 Example for narrow scope: OPA Explored
Get in your own scope
17
ANALYZE
Get EXCITED !!!
ISSUES
19
 Related to rules
 Get information on affected control and resolution proposal
Issues showing/solving your problems
REPORT
21
 Report contents:
 Available and Executed Rules
 Technical Information
 Application Information
 Issues
Report – Viewing & Downloading
22
Thank you.
Contact information:
Gergana Kremenska
gergana.kremenska@sap.com
Stanislava Baltova
stanislava.baltova@sap.com
You are welcome to give feedback for this session
in the UI5con Event App

UI5 Supportability Reloaded

  • 1.
    Gergana Kremenska &Stanislava Baltova, SAP June 30, 2017 UI5 Supportability Reloaded UI5 Supportability Reloaded UI5 Supportability Reloaded
  • 2.
    2  UI5 SupportTools Explained  Get to know the new UI5 Support Assistant Agenda
  • 3.
  • 4.
    4 Technical Information DialogAlt Ctrl Shift +P  Quick look up @version info & switch debug on  Simpler and fresh look & feel Diagnostics Window Alt Ctrl Shift +S  Rich toolset for troubleshooting & debugging  Updated look & feel & new add-ons UI5 Inspector  UI5 tailored Chrome Dev Tools extension  Open sourced W New Support Assistant  Stay tuned..  UI5 Support Tools - Which Support Tool to use When?
  • 5.
    5  Check TroubleshootingSection for support tools overview.  Follow the Troubleshooting Tutorial to get hands-on experience in UI5 troubleshooting.  Check out the First-Aid Kit for common issues and their resolution suggestion. Enhanced Documentation
  • 6.
    The new UI5Support Assistant
  • 7.
    7  Ensure guidelinesand best practices are followed  Check / report any UI5 application for consistency  Assist support and troubleshooting  … in automated manner The Need?
  • 8.
    8  Analyze theweb application for well known problems.  Sourcing from our expert knowledge materialized in the Support Rules  That reveals the Issues and provides resolution suggestions  With easy UI and enabled for automation The Solution – UI5 Support Assistant
  • 9.
    9  Start fromURL parameter : sap-ui-support=true and reload  Or via the enhanced Technical Dialog (Alt+Ctrl+Shift + P) on the fly How To Get It?
  • 10.
    10  You seeit as a new tool bar of the bottom of the running application Where do I see it?
  • 11.
    11 Application OpenUI5 1.48– application URL Application OpenUI5 latest – application URL Support Assistant in action
  • 12.
  • 13.
    13  Rules areassociated to libraries and grouped by Rulesets  Rules carry with them a remedy for recurring || expected issue  Different Rule types: structural, dynamic, CSS, functional  The Rule has Properties and Check function (in JavaScript) Understanding – Rulesets & Rules
  • 14.
    14  See suppliedRules from SAP  Create your own rules :  Duplicate existing  Fresh new one  Edit and run/test directly How about Rules creation?
  • 15.
    15 Temporary Rules  Arepersisted in the local storage  Still have to be submitted Rules are open for contribution  Welcome to contribute your Rules in openUI5 / … / project  If you have own libraries, see how to instrument Rules for them : link And what happens with Rules created?
  • 16.
    16 Scope  Global –the whole application.  Sub-tree – analyze only the specific part of the application.  Component – every application in the Fiori Launch Pad is a component Subset of rules  Select rules to be analyzed  Example for narrow scope: OPA Explored Get in your own scope
  • 17.
  • 18.
  • 19.
    19  Related torules  Get information on affected control and resolution proposal Issues showing/solving your problems
  • 20.
  • 21.
    21  Report contents: Available and Executed Rules  Technical Information  Application Information  Issues Report – Viewing & Downloading
  • 22.
  • 23.
    Thank you. Contact information: GerganaKremenska gergana.kremenska@sap.com Stanislava Baltova stanislava.baltova@sap.com You are welcome to give feedback for this session in the UI5con Event App