Open SAP 課程地址

很多 SAP 從業者反映，open SAP 上的視頻，因為網絡原因無法訪問，所以我會陸續在我的個人微 信 號“汪子熙”上面，把這些視頻配上中文字幕并發布出來，敬請關注。

本文是 Open SAP 上的課程之一，SAP Fiori Elements 公開課第一單元視頻的中文字幕及概要介紹。

大家好。歡迎來到第一周的學習單元，Open SAP 的學習課程，開發和擴展 SAP Fiori Elements 應用

我是 Stephanie Hager, SAP Fiori Elements 的產品經理

還有另一位SAP Fiori Elements 的產品經理 Peter Spielvogel

本單元我們會一起給大家介紹 SAP Fiori Elements

在接下來的四周中，您將學習到如何創建一個 SAP Fiori Elements 應用，以及如何對其進行擴展

在第一周，我們將介紹一些基礎的架構知識，解釋 OData 服務如何在 SAP Fiori Elements 體系里發揮作用

在第二周和第三周，我們將創建幾種不同類型的 SAP Fiori Elements 應用，并熟悉各種工具的用法

這里的目的是介紹您在SAP Fiori Elements 開發項目期間將遇到的大多數技術

第四周主要圍繞 Fiori Elements 應用的 Extensibility 話題展開

這是一門開發課程，顯然是為開發人員開設的

但對于任何其他角色的 SAP 從業者，只要有興趣，也可以通過該課程了解構建 SAP Fiori Elements 應用是多么容易

所以我們將一起構建幾種不同類型的Fiori Elements 應用程序

本課程提供了一些可選的練習，鼓勵大家跟著我們一起做

這些練習還包含了一些額外的材料。因為我們無法涵蓋所有我們想在課堂上展示的內容

本課程會開發一個供旅游柜臺職員 Jay 使用的應用，用來管理旅行和預訂信息

該職員可以通過旅行概覽(Travel Overview)了解最重要的商業數據

在應用里,他可以導航到旅行列表，進一步查看旅行細節,也可以使用預訂分析功能

我們還將在旅行場景之外創建一個額外的應用程序，管理外出攜帶的食物和飲料

這里我們將使用一個外部 OData 服務，該 OData 服務并未由 SAP 提供

這里給大家做一個簡單的 demo，展示該應用完成之后的使用效果

在這門課程里我們會一起把這個應用做出來

這是 Jay 所有的 Travel 數據

這里用卡片總結了 Jay 最重要的業務數據，包括一些分析信息

這里提供一個最重要的包含快速鏈接的列表。通過這個列表卡，可以一眼看到哪些旅行需要特別注意

這些是即將推出的，但還沒有被批準的旅行

點擊這個列表的頭部區域

可以導航到 Travel list. 這個列表是根據我們的 List Report 繪制的

我們提供了很多開箱即用的功能

例如，variant management，generic search 和 table personalization

表格列中的過濾字段是由應用程序開發者通過 metadata 提供的

還可以導航到旅行詳情頁面。這又是 Fiori Elements 的一個標準功能

這個類型為 Object Page 的頁面，提供了很多開箱即用的功能，比如編輯功能，包括草稿管理(Draft management)

您看到的這張地圖是 GeoMap 控件的一部分

這是我們在 SAP Fiori Elements 標準中不支持的特性。 所以本課程我們也將學習如何增強 Fiori Elements 應用，開發不在其開箱即用功能列表里的那些特性

之前我提到過 Jay 也可以通過預訂分析應用程序來分析預訂信息

這是基于平面圖類型分析列表頁面，提供了額外的用于對數據進行切片和切塊的分析功能

特別是這里的這些交互式圖表，以及視覺過濾器

簡單演示就到這里。現在 Peter 將解釋用戶體驗一致性背后的技術

以及為什么用戶體驗一致性非常重要

謝謝您, Stephanie. 您的演示展示了 SAP Fiori Elements 在跨所有應用程序提供一致體驗方面的價值

UX(用戶體驗)一致性對 SAP 很重要

這是我們從各個渠道，比如來自客戶和合作伙伴的用戶組會議，SAP會議和發送給我們的電子郵件里聽到的呼聲

出于這個原因，用戶體驗一致性具有董事會級別的優先級。正如我們在 Thomas Saueressig 的這句話里看到的一樣

這是從他發布的一個博客中摘取的鏈接

我們的開發工作專注于交付一致的用戶體驗，而 SAP Fiori Elements 在這方面起著重要的作用

這是我們為 SAP S/4HANA開發應用的主要工具之一

使用 SAP Fiori Elements，您所構建的應用程序的外觀和體驗，將與 SAP 發布的 S/4HANA 應用完全一致

我們再重申為什么一致的用戶體驗如此重要

企業級軟件開發的挑戰之一，是讓所有開發人員遵循相同的用戶體驗標準

用戶體驗一致性包括字體和顏色，屏幕上信息的布局以及所有交互模式

優秀的 UX 能夠帶來可衡量的好處

優秀用戶體驗的核心是一致性

一個優秀的應用 UX 意味著大家都喜歡您的應用。沒有什么比編寫一個沒人使用的應用更令人沮喪的了

知道如何在自己的屏幕上找到信息，以及如何通過應用程序導航，可以讓用戶在使用應用時更自信，更有效率

一致性促進用戶的快速學習曲線，因為用戶已經知道點擊哪里，以及菜單如何工作

簡單一致的屏幕也意味著人們犯的錯誤更少。因此系統中的數據更 clean

所有這些可衡量的好處加在一起，意味著用戶會更樂于使用您創建的應用

使用 Fiori Elements 可以讓您獲得所有這些益處，同時控制開發和維護成本

這就是為什么 SAP 內部如此依賴 Fiori Elements 的原因

SAP Fiori Elements 采用 SAP UI5 技術

這是一個現代的 Web 開發框架，可以用一套代碼實現，創建一系列跨平臺使用的應用程序

將 SAP UI5 用于您的 Web 應用程序有幾個關鍵優勢。它為您提供最新的 SAP Fiori 體驗

并且隨著設計系統的發展

它將繼續提供包括對 SAP 企業級產品標準的內置支持，比如 security, integration 和 accessibility

因為 SAP UI5 是一種基于 web 的技術，可以在所有平臺，瀏覽器和設備上運行

因此可以實現編寫一次，就同時擁有桌面和移動應用程序的效果

Fiori Elements 還使您能夠使用 SAP UI5 的靈活性擴展 SAP 標準應用程序并自定義 UI，而無需任何編碼

在下一個關于 Fiori Elements 體系架構的單元中，我們將更多地討論 SAP UI5 的優點

課程的最后一周，我們將專注于使用 SAP UI5 來擴展標準應用程序

至此，您已經在 demo 中看到了一些 SAP Fiori Elements 的例子，以及關于 SAP UI5 的一些知識

那么，到底什么是 SAP Fiori Elements？

SAP Fiori Elements 是一個 UI 庫，可提供多個標準平面圖(Floor Plan). SAP Fiori Elements 使用元數據，因此您可以使用最少的編碼創建 Fiori 應用程序

元數據決定了應用的外觀和行為。 這種元數據驅動的開發方式有幾個關鍵的好處

您從設計用于在各種常見布局中執行的符合企業級應用質量標準的代碼開始自己的開發工作

這種低代碼方法可提高您的開發效率，因為您只關注業務邏輯

而不需要為用戶界面編寫任何代碼

平面圖已經包含 Fiori 設計，因此您編寫的所有應用程序的一切看起來都是一致的。因為 SAP 提供了 UI, 所以我們也維護它

隨著 Fiori 設計的發展, 您的 Fiori Elements 應用程序可以繼承這些更新。現在 Stefanie 將介紹不同的平面圖

通過提供標準平面圖，開發人員的工作效率得到顯著提高

企業中的大多數場景都涉及提供業務相關數據的概述，及圍繞這些概述數據的一些變化

以及對這些數據提供管理功能。屏幕上顯示的這五種平面圖，是 SAP Fiori Elements 設計出來用于覆蓋業務用例的絕大多數情況

Overview 頁面(概覽頁）, 提供對某些業務區域的數據的概覽

Overview 頁面是業務流程的起點, 比如我們從概覽頁，跳轉導航到旅游列表界面

旅游列表界面是基于 SAP Fiori Elements 另一種類型的平面圖：List Report

List Report 被設計用來過濾和排序大量項目數據

List Report 允許用戶導航到一個對象頁面即 Object Page，以提供具體的進一步細節洞察

Analytical List 頁面具有額外的分析功能，比如之前我們在預訂分析應用程序中看到的圖表和視覺過濾器

第五大 Floor Plan 就是 Worklist page，為處理任務列表而優化。在本課程我們沒有時間介紹這個平面圖

使用 SAP Fiori Elements 構建的應用程序自動成為"企業級就緒(Enterprise Ready)"的應用程序。

我們的框架提供開箱即用的高質量、穩定、優化的 UI 代碼

這意味著您不必編寫、測試或維護大量復雜的 UI 代碼

相信大家之前也聽說了 SAP UI5 Freestyle 同樣能夠提供編寫企業級就緒應用的能力

那么，SAP Fiori Elements 和 SAP UI5 Freestyle 各自有著何種使用場合呢？Peter 能夠給我們介紹一下它們的技術選型嗎？

當然

顯然這兩種都是開發 SAP Fiori 應用不錯的選擇方式

最適合您的方法取決于您的實際情況和需要滿足的業務需求

簡而言之，如果選擇 SAP Fiori Elements，意味著您決定犧牲一定的靈活性來換取效率

如果您的業務需求基本上能被前面介紹的 Fiori Elements 五種 Floor Plan 所涵蓋，使用 Fiori Elements 能高效構建應用出來

因為這種情況下，您只需要專注于定義注解，而應用的 UI界面及控制邏輯，已經由 SAP 框架代碼提供了

這種簡化的流程減少了開發和維護的時間和成本

如果你需要實現的場景不在這些平面圖的覆蓋范圍內，那么擴展這些平面圖將會耗費大量的時間

此時 SAP UI5 Freestyle 才是更好的選擇

使用 SAP UI5 Freestyle，您將全權負責 UI 開發，您的設計有完全的靈活性

顯然，這將導致更高的開發和維護成本

本課程我們將介紹開發 SAP Fiori Elements 所必需的知識

而 SAP UI5 Freestyle 開發是 Open SAP 另外一門課程單獨介紹

在本課程最后一周，我們將利用 SAP UI5 Flexibility 來擴展一個 SAP 標準應用程序

希望大家都能很高興地加入到 SAP Fiori Elements 的開發旅程中來

最后做個總結。在本單元中，我們討論了為什么一致的用戶體驗能給您的業務帶來益處

以及為什么 SAP UI5 和 Fiori Elements 的結合，能提高應用開發效率

以及用戶體驗一致性的重要地位在大規模構建企業級應用程序中的體現

最后我們討論了 Fiori Elements 的適用場合以及同 SAP UI5 Freestyle 的互為補充

在下一單元中 我們將討論 SAP Fiori Elements 的架構話題， 以及所有不同的底層技術如何協同工作。感謝收看本視頻，下期再見。

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Fiori Elements 公开课第一单元概要介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。