發(fā)布時間： 2019-05-21 
瀏覽次數(shù)： 1562
次 ▼【迪森微課堂】第三十期之SAP Fiori3.0新時代于2019年5月16日晚上22點在SAP業(yè)界人士的熱烈贊賞聲中完美落幕，大家反響熱烈，受益匪淺。
▼為了便于進一步學習和分享，我們對本期內容進行了整理和總結，形成干貨奉獻給大家，希望大家都能不斷充電提高，在我們熱愛的SAP事業(yè)道路上持續(xù)加速前進。
本期嘉賓簡介：
Fiori作為SAP提升用戶體驗的革新化產(chǎn)品，自2013年發(fā)布以來發(fā)展不斷。這次我們就以Fiori 3.0為主來看一下Fiori近期的一些創(chuàng)新。
回望過去，F(xiàn)iori自2013年發(fā)布，只針對移動場景發(fā)布了一些self-service的應用，之后從財務模塊開始擴展到專業(yè)應用場景，需要應對的業(yè)務流程在不斷復雜化，但是Fiori仍舊遵循最重要的基本原則，例如只為用戶提供最重要的信息，保持多設備兼容等。從Fiori 2.0開始，技術上提出了Fiori Elements用來提供模板進行快速Fiori項目實施，并擴展到移動端原生框架，并推出會話型UI，即CoPilot。
Fiori作為一種設計語言，擴展應用到S/4 HANA以外的其他應用當中，但是由于各個應用的接納發(fā)展程度不同，造成了不同產(chǎn)品UX仍存在的極大差異性。
Fiori 3.0在設計決策初期引入產(chǎn)品Team共同決策，目的之一就實現(xiàn)SAP全解決方案無縫統(tǒng)一的設計體驗。理想化的目標是用戶在使用系統(tǒng)的時候，例如從S/4HANA中跳轉到Concur中，感受不到產(chǎn)品的切換，統(tǒng)一的用戶體驗。
Fiori 3.0的定位是，主旨CoPilot作為新的UX方式；承上啟下的了解當前業(yè)務環(huán)境，能夠幫助用戶推動工作流；連接和集成的，和各應用系統(tǒng)之間無縫集成。
各產(chǎn)品之間基于設計達成一致決定，包括：部分通用功能，例如統(tǒng)一使用CoPilot，全局化設定，Shellbar等，統(tǒng)一術語和功能一致性，統(tǒng)一顏色主題及含義，統(tǒng)一字體庫（使用SAP 72字體庫）和常用圖標，統(tǒng)一動態(tài)切換方式及Branding顯示。
Current Shell Designs
通過Fiori 3.0，要將現(xiàn)階段差異很大的Shell進行清理，采用相同的設計，通過不同的技術實現(xiàn)。
Shell壓縮到單條，包括Logo，產(chǎn)品名稱，次級描述，CoPilot呼出按鈕，搜索，當前應用針對性功能，通知欄按鈕，用戶Profile，產(chǎn)品跳轉按鈕。通過點擊產(chǎn)品跳轉按鈕可以看到當前用戶有權限的所有產(chǎn)品。
Current Structure
頁面結構也將統(tǒng)一，統(tǒng)一視覺設計及互動設計。不同的頁面布局和導航方式，在一定程度上會保留。對于不同應用，有時導航欄仍會保留，例如銷售云在左側定義了全局可見的導航欄。
Current Home Content
主頁內容也將統(tǒng)一。將提供一個可選的Feature Group區(qū)域，通過機器學習根據(jù)當前用戶的基本信息、權限、最近使用、頻繁使用等信息動態(tài)顯示最有可能需要用戶注意的內容，以保持主頁總對用戶強相關。
當前在各產(chǎn)品間統(tǒng)一的設計將逐步推行實施。未來的Fiori Launchpad愿景希望提供一個Central Fiori Launchpad，打開產(chǎn)品間界限，即在主頁中直接顯示某一個應用系統(tǒng)內部的細節(jié)信息，并且支持直接跳轉，從而真正實現(xiàn)跨產(chǎn)品的整合的用戶體驗。
Fiori Element中的Analytical List Page主要用于分析，針對處理日常操作的業(yè)務人員而非專業(yè)分析人員，體現(xiàn)了Fiori強調的embedded analysis。
最上側區(qū)域為快速顯示的分析圖表， 兼具快速篩選功能。主數(shù)據(jù)顯示部分可以切換顯示分析圖表及傳統(tǒng)表單，也具有篩選功能。
Fiori Element中的Flexible Column Layout，用于替換之前的Master-Detail Page。顯示方式為是Master-Detail-Detail，三級顯示。其中每一列，指的就是一個層級的信息。針對不同設備顯示方式不同，可以通過按鈕切換調整每一列的大小，或全屏及退出全屏等，以擴大當前最主要進行操作的級別。
SAPUI5 1.65版本在SAP云平臺發(fā)布，F(xiàn)iori 3.0的新主題Quartz可以使用。兼容2.0主題，開發(fā)者通過Fiori Elements或者SAPUI5或者Open UI5進行的應用開發(fā)，在Quartz主題下都可以正常使用，不需調整。但如果是自開發(fā)的Control，或者是自定義的CSS（這些都是SAP不推薦的），那么就需要檢查在新主題下是否顯示效果是否還正常。尤其需要檢查手機端的顯示效果，因為在3.0的主題下，顯示Cozy模式的間距被壓縮。
Shellbar控件也已在UI5的SDK中發(fā)布，在1.64版本時期是Experimental測試階段，自1.65版本之后已經(jīng)正式可用，在SDK中有Sample可以查看。
SAP CoPilot為Fiori 3.0下提出的惟一的電子助理，簡單易用并可以和其他機器人集成，旨在幫助用戶更容易更快速的完成工作。
功能包括，提供會話式用戶體驗，支持自然語言分析，了解業(yè)務上下文，通過機器學習進行自學習，可以跨應用跨產(chǎn)品使用，可以擴展支持自開發(fā)及非SAP產(chǎn)品。
Current CoPilot
Fiori 3.0中的CoPilot將切換為全屏幕顯示，并用卡片方式提供結果，將不同數(shù)據(jù)源的信息提供在相同視圖，以提供更豐富信息，并且支持在卡片上進行互動。目的是一切業(yè)務都可以通過CoPilot完成，僅當fallback的時候才跳出CoPilot。
UI5 Web Components是在SAPUI5 1.63版本更新的時候提出的一套遵循Web Components標準的輕量級可重用的UI元素，可幫助開發(fā)者使用SAPUI5以外的其他前端框架（如Angular，React，Vue）來開發(fā)滿足Fiori 3.0設計原則的應用。UI5 Web Component不是建在UI5之上的，更不是UI5的替代品，而被定位為UI5的補充。尤其適合當前已經(jīng)有一套前臺網(wǎng)頁系統(tǒng)的企業(yè)應用，如果使用UI5重開發(fā)成本過高，可以使用UI5 Web Component在原有框架下進行替換。
SAP Fiori Fundamentals是一個輕量級的展現(xiàn)層實現(xiàn)，作為實現(xiàn)Fiori前臺用戶體驗和底層UI實現(xiàn)框架的解耦合的關鍵。從技術層面上說，SAP Fiori Fundamentals不是一種新的UI技術或者框架，而是一系列stylesheets和HTML標簽的集合，從而讓UI開發(fā)人員可以使用其喜歡的UI框架，例如Angular，React，Vue等進行開發(fā)，同時自動保證開發(fā)出的應用仍具有Fiori的風格和用戶體驗。
通過這種解釋允許SAP開發(fā)人員根據(jù)實際項目需要，靈活選擇最佳UI框架來開發(fā)Fiori應用。定位上，SAP Fiori Fundamentals不是一個新的UI技術，不是用來替代UI5的。
UI5 Web Component和SAP Fiori Fundamentals就將作為實現(xiàn)SAP全線產(chǎn)品One UX的兩種重要的技術手段。
聲明：本文為原創(chuàng)文章，版權歸作者所有；迪森公眾平臺歡迎原創(chuàng)好文踴躍投稿，如需投稿請發(fā)郵件至：public@decision-it.com
服務指南
如需了解更多SAP課程資訊、項目咨詢運維，請撥打迪森官方咨詢熱線： 400-600-8756
【迪森微課堂】
SAP圈內最接地氣的純技術交流、純干貨分享平臺，全球SAP顧問與業(yè)界頂尖名師的聚集地，是SAP顧問進階的官方橋梁。
【如何加入迪森微課堂】
請即刻關注迪森官方微信公眾平臺，第一時間獲得迪森最新動態(tài)，秒搶寶貴席位！
