What is SAP Fiori? SAP released SAP Fiori is not a product, but a new generation of SAP UI design and user experience code.
Fiori is an Italian word meaning "flower":
SAP really have to say on the "flower" soft spot, because another SAP's in-memory database HANA (full name: High-performance Analytic Appliance), in Japanese, is the "flower" means.
Back to Fiori. SAP Fiori 2.0 in 2015, has won the world's most prestigious design competitions, the red dot design concept competition (Red Dot Award: Design Concept 2015 ) award. The competition from 61 countries have global 4680 works participate in the competition, and ultimately come to the fore SAP award.
If you want to see the design in accordance with SAP Fiori This specification front-end applications in the end look like, you can free trial according to the method described in this article.
Visit the link: https://www.sap.com/china/products/fiori.html
click on the "Free Trial" button:
Click the button "See it in action" at the jump pages:
Then we can see a gateway interface Fiori applications, this interface has a term called the Fiori Launchpad. We can also put the following link added to the favorites, direct access to the next.
https://www.sapfioritrial.com/sites?helpset=trial&sap-client=001
Fiori Launchpad white area in each square, which we call Tile. Each Tile represents an Fiori application. Which represents the application of a few Tile highlighted in red on the map is where Jerry Chengdu Institute of SAP development team responsible for the development and maintenance.
Click on any of a Tile, such as My Opportunities. In the process of entering the page, you see a rotation petals animation, which also echoes the Fiori "flower" meaning:
Into Opportunity application, you will see a screen similar to the following, which is a typical SAP Fiori applications.
If you are curious to realize these front-end Fiori, would like to see them behind JavaScript or CSS implementation, then hold down the Ctrl + Alt + Shift + P four buttons, you will see the following pop-up window. Select "Use Debug Sources" hook option,
Then refresh your browser,
This will load the debug version of the application SAP Fiori. Failure to do so, is loaded by default front-end code released version of the JavaScript code inside compressed, variable and function names completely unreadable.
At this point in developer tools Networ label's Chrome browser to see the script file to load the debug version of the series.
After a few moments, you can go to the Chrome Developer Tools Sources tab to read a good load the debug version of the script file.
For more Jerry's original article, please pay attention to the public number "Wang Zixi":
