$30 off During Our Annual Pro Sale. View Details »

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

Sam Huang
September 16, 2021

[五載復相逢,軟體二三事] 電傷 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

Sam Huang

September 16, 2021
Tweet

More Decks by Sam Huang

Other Decks in Programming

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