[五載復相逢，軟體二三事] 電傷 x 電殤 - 電商系統開發分享

電商的重要性在今天已經不用再多說了
不管是想要做產業升級或者擴充營收
線上渠道只會變得越來越重要

但到底電商系統到底是什麼？

開發自己的電商又難在哪裡，有哪些需要注意的地方？

這場分享中忻旅科技將基於過往開發超過十個客製化電商
涵括零售商品、精品電商、印刷電商、電信電商、飯店訂房及線上課程的經驗

這次來跟大家分享一下當中的血淚(?
歡迎對這個議題有興趣或者專精的朋友來跟我們一起在線上聊聊

--- 其他分享 ---
1. 為什麼適合自己的電商這麼難找？
https://pse.is/revteltech-why_choosing_ec_is_difficult

2. GatsbyJS https://revteltech.pse.is/hiprint-gatsbyjs-3

3. React Native https://revteltech.pse.is/react-native-sharing-3

4. 其他開發分享 https://medium.com/revtel-tech

Transcript

1. 電傷 x 電殤
   五載復相逢，軟體開發二三事
   電商系統開發分享
   

   View Slide

2. 活動緣起
   印刷電商 + GatsbyJS
   投影片：https://revteltech.pse.is/lixiang-hiprint-sharing
   Medium
   ：https://revteltech.pse.is/hiprint-sharing
   React Native
   五年回顧
   投影片：https://revteltech.pse.is/react-native-sharing-3
   Medium
   ：https://revteltech.pse.is/rn-5-yrs
   比較想聊聊 技術 /
   管理 /
   領域 /
   商業 上的平衡
   只是一家之言，也未必是最佳解
   下一次聊軟硬整合？
   五載復相逢，軟體二三事：以分享來試著替自己的一些過往經驗做個小結
   重點比較不完全在技術上
   

   View Slide

3. Agenda
   背景介紹
   1 2 3 4 5
   電商是什麼 開發雜談 總結及延伸 Q&A
   個人在電商開發上的經驗分享
   

   View Slide

4. 忻旅科技股份有限公司 RevtelTech
   成立於 2016
   年，提供一站式資訊服務
   顧問諮詢：協助技術佈局及相關規劃
   開發協力：協助產品開發及後續維運
   商模合作：協助擴展及增強商業模式
   
   
   https://medium.com/revtel-tech
   

   View Slide

5. 忻旅科技
   Since 2016 Aug.
   醫療
   橫跨多領域，提供不同深度的協助
   ERP / 官網
   金融
   旅宿
   教育
   物流
   電商
   展覽
   

   View Slide

6. 技術概述
   Web App IoT
   Blockchain Cloud Open Source
   React / React Native
   Python / Node.js / AWS
   Embedded System / Linux
   Programing
   NFC / Bluetooth / BLE
   Cold Wallet / Smart Contract
   react-native-nfc-manager /
   ReactConf.TV
   

   View Slide

7. 其他商務延伸 (
   技術投資 /
   子品牌)
   HeCafe
   好咖嚴選
   集合多間知名廠商的咖啡電商平台
   https://hecafe.com.tw/
   Inigma
   加密鏈科技
   區塊鏈使用之 NFC
   冷錢包
   https://revteltech.pse.is/inigma
   Eculture
   奕果雲端資訊
   專注於印刷產業升級的資訊科技
   https://www.eculture.tech/
   

   View Slide

8. 好咖嚴選電商
   

   View Slide

9. 個人背景介紹
   Sam Huang 黃奕翔
   寫過程式，做過顧問，帶過團隊，開過公司
   始於嵌入式系統，途經 Web / APP 再到區塊鏈 做
   過開放式課程也幹過逆向工程
   參與過電商系統、金融新創、電信新創的產品設
   計及研發
   喜歡軟硬整合開發
   做過基於藍牙的智能鎖
   也曾以 NFC 為基礎做過區塊鏈冷錢包
   是個逐步由底層走向上層的軟體人
   持續尋找技術和商模的平衡對接
   

   View Slide

10. 過往電商經驗
    零售商品：需要品牌識別，如 HeCafe 咖啡電商
    精品電商：需要特殊的會員互動
    印刷電商：除商品歧異性大之外，下單之後才開始業務流程
    電信電商：後端並非完整產品，而是需要純客製產生的商品，如 TEL-U APP
    飯店訂房：後端商品有庫存管理且須細化至每日，如 觀霧山莊訂房網
    線上課程：虛擬商品購買，但有額外控制影片權限等需求...
    

    View Slide

11. 如何
    建置電商？
    

    View Slide

12. 電商是什麼
    wiki: 電子商務，簡稱電商，是指在網際網路或電子交易方式進行交易活動和相關服務活動，是傳統商業活動各環節的
    電子化、網路化。電子商務包括電子貨幣交換、供應鏈管理、電子交易市場、網路購物、網路行銷、線上事務處理、電
    子資料交換（EDI）、存貨管理和自動資料收集系統。在此過程中，利用到的資訊科技包括網際網路、全球資訊網、電
    子郵件、資料庫、電子目錄和行動電話。
    簡單說就是在網路上賣東西
    軍火工業是民生需求的領頭產業 (GPS / 飛機 / 材料科學 / ...)
    虛擬貨幣的原生應用
    類型繁多：B2B / B2C / C2C / B2B2C / C2B / …
    技術之集大成：金流 / 物流 / 雲端 / 資安 / …
    

    View Slide

13. 從歷史看起
    

    View Slide

14. 原生於網際網路的應用
    產值越來越高（尤其經過 2020）
    - 北美電商的成長幅度 40.3 % 達到了 8390 億美元
    - 北美電商佔零售比重從 2019 年的 15.8 %
    增加到 21 % (2018 僅有 14.3 %)
    不斷產出代表性公司
    - Google / Facebook / Amazon / ...
    從歷史看起
    

    View Slide

15. 擴充營收的方式：電商是最簡單的商業模式，如 O2O / OMO
    品牌積累的渠道：直接連動新載體、媒體，如線上廣告、網紅行銷
    產業升級的機會：保持既有優勢，僅是擴充產線
    組織轉型的媒介：藉由新增業務來促使組織及人員改變
    多重思考維度
    (從中學習資訊系統)
    電商價值在哪
    

    View Slide

16. 電商系統的各種搭建可能 需要流量
    需要品牌
    具有資訊能力
    那為何需要客製化電商？
    構面太廣 / 業務特殊 / ...
    這次以開發經驗來分享該注意哪些事情
    多個思考角度
    需要流量 - PCHome / 蝦皮 / Amazon
    需要品牌 - 91APP / Shopline / LiteShop
    具有資訊能力 - WordPress + WooCommerce
    加上分潤及維護議題做一個選擇
    

    View Slide

17. 電商開發其實很痛苦：Kano Model
    品質表示模型
    無差異品質（Indifference)
    魅力品質（Attractive
    ）
    一維品質（One-dimensional)
    必要品質（Must-be)
    品質要素包括四部分
    1.
    2.
    3.
    4.
    通用型電商有大量功能落在 4
    

    View Slide

18. 商品的描述
    庫存的控制
    流程的重現
    資源的配置
    以四個範例來分享以下幾個點
    重畫面：如何協作？
    功能迭代：如何規劃？
    如果對一般類型電商有興趣再聊
    客製化電商開發經驗分享
    

    View Slide

19. 商品的描述： TEL-U
    電信電商
    提供出國漫遊的上網方案
    探索虛擬電信商的邊界
    提供電信服務的新創公司
    過往合作在於技術顧問、方案協作及產品設計
    目前主要開發移回他們內部
    

    View Slide

20. 以 APP 作為使用媒介
    一卡綁定多方案且可自行調整
    基於特殊硬體的流量控制
    在台灣買好日本香港方案，到當地後進行切換
    電商邏輯概述
    

    View Slide

21. 並非一個虛擬商品，而是一種使用 API 的憑證 (延伸思考，什麼是鈔票？)
    點數：泛金流系統
    明確將 ERP 部分區分出來，
    我們到底購買了什麼？
    在其上的金流該如何描述？
    系統架構該如何設計？
    避免錯誤外溢以及能個別監測
    案例探討
    

    View Slide

22. 線上訂房以降低管理成本
    雪霸國家公園境內唯一
    24小時全天候大自然避暑仙境
    森林遊憩｜生態保育｜雲霧漫步
    豐富的自然景觀讓您一次滿足
    庫存的控制：觀霧山莊訂房系統
    

    View Slide

23. 住客可於訂房網上查詢可能的空房並下訂
    管理人員於後端進行各種房型的價格及數量之控管
    電商邏輯概述
    

    View Slide

24. 先以大範圍做設定，再切換之小粒度做調整
    同上邏輯進行價格變化之覆蓋
    結合網頁及 Excel 進行調整
    房型數量的控制該如何設計？
    價格的微調該如何描述？
    管理工具該以什麼為介面？
    案例探討
    

    View Slide

25. 印刷製品作為生活質感的具象，應該要能讓人隨手可得
    忻旅延伸：奕果雲端資訊
    流程的重現：理想印制印刷電商
    

    View Slide

26. 審稿 → 印製 → 出貨 → 售後
    對使用者的狀態指引
    訂單裝態：第三方的多方面整合
    付款後故事才正式開始：
    電商邏輯概述
    

    View Slide

27. 價格運算之 mini lang
    拉成獨立微服務進行管理
    先以 Model 思考，再決定哪些是邏輯
    讓客製化範圍落於可控區域
    系統會重賣，複雜的價格運算該怎麼做？
    流程複雜要如何塑模 ？
    哪些地方應該切分成可客製化
    案例探討
    

    View Slide

28. 藉由線上工具提供會員更多資訊需求
    賽斯線上學：心靈課程的線上化
    線上影音互動亦可參考
    QriticA 思辨平台
    資源的配置：線上課程系統
    

    View Slide

29. 解決載體 / 支付 / 行銷的議題
    藉由 Web / App 整合達成課程的連續性
    影音的體驗要求高，要能因應各種環境
    電商邏輯概述
    

    View Slide

30. 知輕重，用既有的成熟第三方服務
    降低成本，提升品質
    把握深淺
    影音方案該怎麼實作？
    第三方服務的價值
    1.
    2.
    --> 但總有自己想刻的輪子
    案例探討
    

    View Slide

31. 所以電商百百種，開發者共同面對的難題
    業務需求：如溝通及排定優先
    既有程式碼：如 Refactor
    技術及架構：如是否升級
    解法選擇：如是否 workaround
    其他合作方：如 GA / SEO
    ...
    挑戰來源很多
    1.
    2.
    3.
    4.
    5.
    6.
    

    View Slide

32. 延伸：2021 Google
    智慧消費關鍵報告
    https://revteltech.pse.is/2021-google-tw-ec
    

    View Slide

33. 延伸：2021 Google
    智慧消費關鍵報告
    試著重新思考軟體架構
    - JAMStack /
    大前端
    

    View Slide

34. 總結
    REVTELTECH | SAM
    

    View Slide

35. 成本投入應該以商業規模來預算
    具體到每個細項的時候切換成執行視角
    不要以 WordPress 等成熟軟體來估量
    電商是商務手段的延伸
    （雲端系統價格也是如此）
    (人力)來看成本
    總結：永不停止的挑戰
    

    View Slide

36. Q&A
    REVTELTECH | SAM
    

    View Slide

37. RevtelTech | Sam
    Thanks for listening!
    

    View Slide