幫講者： James Fu 上傳簡報檔案 A1 商務應用雲是個雲端 SaaS 服務 , 在此次課程中 , 將會介紹為何 A1 開發團隊, 需要將產品從傳統的 webform , 花費一年的時間將產品整個改到 Angular , 這期間遇到那些坑洞和所得到的效益 , 將會在這次中跟大家做個分享

2. 從零走到 Angular 世界
鼎新電腦 傅士哲

3. 自我介紹
• 鼎新電腦 新創事業處 A1 商務應用雲
• 微軟 Data Platform MVP ( 2013~ )
• 部落格 : 五餅二魚工作室

4. 工商時間

5. 專為中小企業量身所訂做的
SaaS雲端管理軟體 。
什麼是鼎新A1商務應用雲?

6. 隨手拿起電腦、手機或平板上網連線，不
只在公司，就算外出洽公也能查庫存看業
績，一手掌握經營資訊。
任何裝置 隨時可用

7. 抉擇

8. 改變的契機
 執行速度緩慢
 UI醜、無法修改
 AP主機乘載量小
 VM無法動態擴充
17,113
用戶
(2015/12)
記帳雲
秘書雲
連鎖雲
用戶體驗差
成本高
效能低
瓶頸

9. 產品改版的四大難題
技術的選擇 人才的培訓
產品的迭代 技術的更新

10. 因為…

11. 執行

12. A1 架構圖
Web
API Database
CDN Storage
Report
使用者 Notice
QueueDatabase(RO) Function

13. 版本升級
2016
06
2017
01
NG 2
2017
06
NG 4
NG 5
NG 6
2018
01
2018
06
NG 7
NG 1
產品上市

14. A1程式架構
14
App模組
電商訂單 會計 電子發票進銷存
進銷存
各作業服務 各作業元件
產品模組
功能模組 (進銷存產品)
報表
Layout
模組
帳款收付
資金帳務 期初開帳 雲端帳簿
Angular
Library
採購 組合拆解
基本資料 共用設定
Ngx-
Bootstrap
Ag-grid
SignalR
etc.…
頁面元件
頁面服務
共用元件
模組
共用服務
模組

15. 煩惱

16. 做不完
16

17. 想回家
17

18. A1目前有做架構設計的作業類型
18
精靈設定 其他
單據
（瀏覽、維護）
基本資料
（瀏覽、維護）
報表

19. A1作業架構
19
Superclass
作業元件
Ex.銷貨單維護頁
特殊作業元件
Ex.訂單轉銷貨單
Service
Interface
作業服務
Ex.銷貨單Service
基本服務
元件
基本服務
基本元件
DI(建構式)
建構式參數
繼承
繼承
實作
建構式參數
DI(建構式)
裝飾器屬性
裝飾器屬性
服務
DI

20. 產品上線後的挑戰

21. 除錯好幫手

22. 整合方式
使用者

23. Slack Sample

26. FAQ

27. THANK YOU