今天這篇遲到的文章，來自我的同事Aviva。

去年SAP C/4HANA釋出之後，SAP的從業者們可能或多或少都讀過一些來自SAP官方渠道，比如微信公眾號" SAP天天事 "釋出的一些文章，提到了" 企業數字化轉型 ", " 智慧企業 "等概念。那麼這些概念如何落地呢？請看本文介紹的SAP成都研究院數字創新空間做出的一個嘗試。

Jerry在去年Aviva的一篇文章 Hyperledger Fabric on SAP Cloud Platform 裡就曾經介紹過她，不過Jerry也是最近才得知她"英文"名字的由來："Aviva"這個單詞，在希伯來語裡的意思是" 美好的春天 ", 而這篇文章的作者Aviva，中文名字裡正好有一個春字。

為什麼說是遲到的文章呢？因為這個創新案例早在去年上半年就結束了，然而作為同事們評價的" 美膩與智慧的化身 "，" 雲時代女王 "，" 大家前沿技術的引路人 ", Aviva工作上總是有很多事情要忙，因此直到專案做完的半年後，才能空出檔期完成這篇文章。

此外，Aviva的正文裡所有關於案例的截圖都是從SAP成都研究院數字創新空間另一位女同事， Zhang Jane(張琦) 製作的演示影片中擷取的，這裡表示感謝。

Jane製作的關於這個創新案例的展示影片：

Jane是一位美貌與才華並重的女同事，我在文章 SAP成都研究院數字創新空間溝通S/4HANA和C/4HANA的智慧服務演示影片和Coresystems分享預告裡曾經貼過張琦的繪畫和書法作品。

這裡再貼兩張Jane元旦畫的畫，算是。。。算是給大家拜個早年：

下面是Aviva的正文。

大家好，我是SAP成都研究院的開發人員Aviva。今天我想給大家分享一個我去年參與開發的專案，在SAP C/4HANA上結合近些年比較熱門的人工智慧和擴增實境技術打造的一個創新案例。這個案例只是一個原型開發，並不是C/4HANA已經發布的標準功能。

人工智慧大家或多或少都有所瞭解，而擴增實境技術(Augmented Reality，簡稱 AR), 按照維基百科的介紹，是一種實時地計算攝影機影像的位置及角度，並伴之與相應影像、影片和3D模型參與的技術，其目標是在螢幕上把虛擬世界的物體渲染在現實世界並允許使用者進行互動。

聽起來有點抽象和高深？我們馬上進入案例介紹，透過實際的例子大家就能理解這個技術的用途了。而擴增實境技術在移動裝置上的實現，我們作為應用開發人員，可以簡單的使用網上一些流行的AR開源框架進行應用開發。至於這些開源框架的原始碼，由於時間和精力限制，我也沒有深入研究，我在介紹過程中會給出開源框架的github連結，感興趣的朋友可以自行去閱讀。

本文前半部分我想首先介紹這個創新案例的使用者故事，後半部分簡單描述技術實現。

使用者故事(User Story)

近些年來，諸如人工智慧和AR(擴增實境)等技術迅猛發展，如何利用好這些先進技術，幫助企業實現數字化轉型，是一個值得思考的問題。

某足球製造商想要使用一種高科技的新型材料來製造2018年世界盃使用的足球。這家足球製造商的採購人員找到了一家名叫科創材料的企業，該企業是世界上最先進的足球材料供應商之一。

科創材料使用了SAP Sales Cloud系統(SAP Cloud for Customer的Sales模組），希望以此為基礎，結合AR，人工智慧等前沿技術，打造出一個新的銷售工具。

這個新的銷售工具如何使用呢？我們來看一個具體的使用場景。

製造商的採購人員在科創材料的微信公眾號上發起會話進行材料諮詢。

根據製造商的採購員提出的要求，科創材料的人工智慧助手推薦了幾款合適的材料。

比如採購人員希望用一款高科技的原材料生產足球：

那麼科創材料的數字助手會推送一個公眾號圖文訊息：

採購人員點選之後，會看到科創材料的數字助手從SAP Sales Cloud系統後臺的產品主資料中進行搜尋，返回匹配採購人員要求的6款高科技原材料：

為了讓採購人員更直觀地感受每種新型材料的外觀，質地和效能等引數，除了常規的文字和圖片介紹外，該銷售平臺還提供了根據這些原材料製作的成品3D模型展示：

以及供客戶在移動裝置上能實際操作的AR頁面，比如體驗透過不同材質的皮革製成的足球，在不同場景下的彈力，滾動距離，滾動軌跡的差異等等。

點選上圖的Test Material按鈕進入AR頁面進行體驗，會詢問使用者是否授權訪問手機攝像頭。允許之後，將手機攝像頭對準事先準備好的marker(擴增實境的實現技術之一，典型的載體是列印了特定影像的一張紙)，即可在手機攝像頭對準的現實區域內看到一個虛擬的足球。

此時採購人員就能在手機上透過手機觸動這個虛擬足球的方式，來模擬現實中的踢球動作，以此來體驗不同材質製成的足球的各項引數。比如下圖顯示的是觸球后足球的滾動距離和空中執行軌跡。

在微信公眾號頁面裡可以做一些簡單的配置，選擇其中幾種材料，以對比的方式顯示它們的引數差異。

假如採購人員透過初步篩選，發現其中幾款材料比較合適，然而對於最後購買哪款猶豫不決，於是該採購人員把經過初步篩選的幾款材料透過微信分享給其他同事，讓這些同事幫忙甄別，透過投票選出最合適的材料。

採購人員點選Create Poll按鈕發起投票請求：

選中第一，第三和第四款之後，透過微信分享給其他同事所在的微信群裡：

微信群裡的其他同事開啟這個分享頁面後，點選Vote Materials開始投票，同時可以留言討論並檢視投票結果。

等同事們都投完票後，科創材料數字助手自動將投票結果告知採購人員。經過微信群裡討論，大家一致認為應該購買得票數最高的那款原材料。於是採購人員告訴數字助手，決定買2噸。

數字助手透過Sales Cloud的報價單模型，生成了一張包含報價的PDF推送給採購人員：

這就是足球製造商的採購人員使用這個創新解決方案的完整流程。

我們希望透過這個簡單的創新案例，展示出SAP C/4HANA和當今一些新技術相結合，從而幫助企業實現數字化轉型，成就智慧企業的可能性。

當然，這裡選擇足球的原材料和成品只是作為一個例子幫助大家更直接地感受到人工智慧和擴增實境給企業流程管理帶來的便利和改善，大家可以自行把足球腦補成其他的物品，比如機械臂，汽車，家電等等。

這個建立案例的亮點：

(1) 整合SAP Sales Cloud，引導客戶完成購買之旅。

(2) 利用微信和Recast.AI與客戶互動，實現銷售過程自動化。

(3) 利用AR技術呈現SAP系統內不同產品主資料對應的原材料差異，方便專業人士的驗證和體驗，加速購買決策流程。

以上介紹了這個創新案例的應用場景，下面我們來聊聊技術實現。從開發層面說，該創新案例可分為下圖這幾個模組：

(1) 微信公眾號網頁端。使得使用者可以在微信應用裡檢視原材料的詳細資訊，和基於每種原材料製作的成品的3D模型，並提供分享頁面，建立投票頁面等功能。

(2) AR 頁面，使用AR的方式，展示各種原材料製成的足球。

(3) Proxy Service，又稱訊息伺服器，中間伺服器，用於連結微信頁面和SAP C4C後臺系統，並結合Recast.AI提供智慧客服。

(4) C4C Backend service(後臺服務)增量開發，根據微信使用者輸入的產品關鍵字(比如"高科技材料"，搜尋系統的產品主資料並返回匹配內容。

限於文章篇幅，本文不會深入到程式碼層面介紹這四個模組的實現，只是簡要敘述其原理。對細節感興趣的朋友歡迎留言私聊。

微信公眾號網頁端

網頁端就是指前面提過的原材料顯示頁面，包括3D模型顯示頁面，投票頁面等。我用的框架是Angular，開發了一個單頁面應用，它有一個外殼頁面index.html，在app.js中建立了AngularJS的module。在config.js中使用Angular的config配置頁面以及和頁面關聯得控制器，配置路由規則，配置渲染和載入規則。這些沒什麼可說的，畢竟我司和國內的Angular高手數不勝數。

其中3D模型的顯示我用的是threejs這個基於webGL的JavaScript框架。基於webGL的開源框架，需要支援webGL的瀏覽器，透過這個框架將3D模型，主要是每種足球原材料的obj 檔案，mtl檔案和各種紋理圖片渲染成最後在微信裡看到的不斷旋轉的3D足球。

這些3D模型檔案在我的電腦上長這個樣:

**obj檔案: **一種開放的幾何定義檔案格式，它僅表現3D幾何體，即頂點的位置，以頂點列表的方式定義每個多邊形的頂點，法向量和麵的UV座標，以及紋理頂點。頂點以逆時針儲存，不必顯式宣告法向量。其中obj3.0格式支援多邊形(Polygon)，直線(Lines)，表面(Surfaces)，和自由形態曲線(Free-form Curves)。直線和多角形透過它們的點來描述，曲線和表面則根據於它們的控制點和依附於曲線型別的額外資訊來定義。這些資訊支援規則和不規則的曲線，包括那些基於貝塞爾 (Bezier)曲線，B樣條(B-spline)，基數(Cardinal/Catmull-Rom樣條)，和泰勒方程(Taylor equations)的曲線。

obj檔案的一個例子：