SAP C/4HANA與人工智能和加強現實(AR)技術結合的又一個創新案例

時間 2019-11-12

標籤 sap 4hana hana 人工智能加強現實技術結合又一個創新案例欄目 C&C++ 简体版

原文原文鏈接

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

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

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

爲何說是遲到的文章呢？由於這個創新案例早在去年上半年就結束了，然而做爲同事們評價的"美膩與智慧的化身"，"雲時代女王"，"你們前沿技術的引路人", Aviva工做上老是有不少事情要忙，所以直到項目作完的半年後，才能空出檔期完成這篇文章。web

此外，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文件的一個例子：

**mtl文件(Material Library File): **材質庫文件，描述的是物體的材質信息，採用ASCII存儲，任何文本編輯器能夠將其打開和編輯。一個mtl文件能夠包含一個或多個材質定義，對於每一個材質都有其顏色，紋理和反射貼圖的描述，應用於物體的表面和頂點。

**用做3D物體表面的紋理的各類png圖片：**這個很好理解。

好比下圖是某種材質製成的成品足球：

那麼它對應的紋理文件是這樣的：

個人任務就是使用threejs的API把這些模型merge在一塊兒，生成最後帶有3D視覺效果的JavaScript對象。爲了不讓本文成爲threejs編程教程，我不展開描述，感興趣的朋友請查詢threejs官網：

https://threejs.org

AR頁面

該頁面也是基於另外一個加強現實的JavaScript框架AR.js開發的，從github上的Star數目就能看出其受歡迎的程度。

https://github.com/jeromeetienne/AR.js/

這個頁面的具體編碼工做是SAP成都研究院數字創新空間在德國的兄弟團隊完成的，這裏不作更多介紹。

微信消息服務器