SlideShare a Scribd company logo
1 of 26
Download to read offline
Java 、C#、Mobile
Implementation
2016-04-14
Java - O2O 基金下單-系統架構
• WEB SERVER
• DATABASE
• JAVA FRAMEWORK
• JAVASCRIPT
• CSS
O2O 基金下單-庫存列表
• 資料來源為IBM AS400
基金主機,透過財管系
統的WEB SERVICE呼叫,
再搭配資料庫基金代碼
及名稱的對應而顯示
• 排序依據為基金名稱
• 設定單位數大於0才會
顯示轉換贖回下拉選單
O2O 基金下單-單筆申購
• 風險屬性及信託帳號由
AS400基金主機取得
• 投資標的由網路銀行資
料庫取得
O2O 基金下單-單筆申購
• 頁面的背後已有用國內
外區分的基金公司JSON
資料
O2O 基金下單-單筆申購
• 投資標的 • 預設已先用國內的基金公司塞入
(JavaScript)
• 當投資標的在國內、海外中變換
時,會用頁面的JSON資料調整選
項。
O2O 基金下單-單筆申購
• 投資標的 • 當選了某基金公司後,利用AJAX
去Server要該基金公司下可申購的
單筆或定期定額所有基金。
• 排序原則為風險等級接著是基金
名稱,由於此頁面未來是要嵌在
非常舊的財管系統內,所以排序
的功能是自己完成。
O2O 基金下單-單筆申購
• 投資金額
• 當選好投資標的基金後,透過剛剛從Server取得的基金資訊,知道此檔基金申購的最小
幣別及累增金額,預設是台幣,也可以選擇外幣
• 外幣的幣別是該檔基金的原計價幣別USD美金
O2O 基金下單-單筆申購
• 扣款帳號
• 做法為進入申購頁面,先從銀行
的主機取得該客戶的所有帳戶及
餘額資料,先用JavaScript存成
JSON陣列,之後在台幣及外幣的
變換中,塞入合適的帳號相關資
料。
O2O 基金下單-單筆申購
• 快速尋找
• 按下確定後,利用AJAX從Server取得單一基金資料
O2O 基金下單-單筆申購
• 快速尋找
• 取回後,還要調整投資標的選單的值
O2O 基金下單-單筆申購
• 手續費折扣
• Asdfas
• Asdfas
• Asfas
• 折扣選單根據預設優惠顯示,調整完折扣會用AJAX重新發送
WEB SERVICE取得新的費率及金額
O2O 基金下單-定期定額申購
• 大致上與單筆申購相同,除了多選擇投資日期外
• 當選擇每週或隔週,顯示星期一至星期五
• 當選擇每月,輸入自選日3日
O2O 基金下單-轉換
O2O 基金下單-贖回
O2O 基金下單-購物車
• 客戶手機號碼為前一天批次由主機拉回的資料,也可以透過電文由銀行主機即時
拉回手機號碼。
O2O 基金下單-購物車
• 客戶再利用收到的簡訊,
連至行動網路銀行確認
交易。
O2O 基金下單-交易
O2O 基金交易查詢
O2O 整合示意圖
C# - WPF Application
C# - WPF Application
小網 – 分期對保、簽名 POC
• 手機不用安裝APP
• 考量網路頻寬,壓縮上傳照片大小
• 可以將手寫簽名上傳
小網 – 分期對保、簽名 POC
小網 – 分期對保、簽名 POC
小網 – 分期對保、簽名 POC

More Related Content

Viewers also liked

CADAL Digital Library - TCM Knowledge Base
CADAL Digital Library - TCM Knowledge BaseCADAL Digital Library - TCM Knowledge Base
CADAL Digital Library - TCM Knowledge BaseWei (Stephen) Wang
 
WebCamp 2016: PHP.Алексей Петров.PHP at Scale: System Architect Toolbox
WebCamp 2016: PHP.Алексей Петров.PHP at Scale: System Architect ToolboxWebCamp 2016: PHP.Алексей Петров.PHP at Scale: System Architect Toolbox
WebCamp 2016: PHP.Алексей Петров.PHP at Scale: System Architect ToolboxWebCamp
 
WebCamp 2016: Front-end. Андрей Ситник: Stylelint — как и зачем линтить CSS
WebCamp 2016: Front-end. Андрей Ситник: Stylelint — как и зачем линтить CSSWebCamp 2016: Front-end. Андрей Ситник: Stylelint — как и зачем линтить CSS
WebCamp 2016: Front-end. Андрей Ситник: Stylelint — как и зачем линтить CSSWebCamp
 
WebCamp 2016: Python.Максим Климишин.Типизированный Python
WebCamp 2016: Python.Максим Климишин.Типизированный PythonWebCamp 2016: Python.Максим Климишин.Типизированный Python
WebCamp 2016: Python.Максим Климишин.Типизированный PythonWebCamp
 
Direito Constitucional - Art. 136 ao 141 da CF 88
Direito Constitucional - Art. 136 ao 141 da CF 88Direito Constitucional - Art. 136 ao 141 da CF 88
Direito Constitucional - Art. 136 ao 141 da CF 88PreOnline
 

Viewers also liked (8)

CADAL Digital Library - TCM Knowledge Base
CADAL Digital Library - TCM Knowledge BaseCADAL Digital Library - TCM Knowledge Base
CADAL Digital Library - TCM Knowledge Base
 
WebCamp 2016: PHP.Алексей Петров.PHP at Scale: System Architect Toolbox
WebCamp 2016: PHP.Алексей Петров.PHP at Scale: System Architect ToolboxWebCamp 2016: PHP.Алексей Петров.PHP at Scale: System Architect Toolbox
WebCamp 2016: PHP.Алексей Петров.PHP at Scale: System Architect Toolbox
 
WebCamp 2016: Front-end. Андрей Ситник: Stylelint — как и зачем линтить CSS
WebCamp 2016: Front-end. Андрей Ситник: Stylelint — как и зачем линтить CSSWebCamp 2016: Front-end. Андрей Ситник: Stylelint — как и зачем линтить CSS
WebCamp 2016: Front-end. Андрей Ситник: Stylelint — как и зачем линтить CSS
 
WebCamp 2016: Python.Максим Климишин.Типизированный Python
WebCamp 2016: Python.Максим Климишин.Типизированный PythonWebCamp 2016: Python.Максим Климишин.Типизированный Python
WebCamp 2016: Python.Максим Климишин.Типизированный Python
 
scripd
scripdscripd
scripd
 
formas-graficas-de-aprendizaje
 formas-graficas-de-aprendizaje formas-graficas-de-aprendizaje
formas-graficas-de-aprendizaje
 
organ-i-grama
 organ-i-grama organ-i-grama
organ-i-grama
 
Direito Constitucional - Art. 136 ao 141 da CF 88
Direito Constitucional - Art. 136 ao 141 da CF 88Direito Constitucional - Art. 136 ao 141 da CF 88
Direito Constitucional - Art. 136 ao 141 da CF 88
 

Similar to demo

新浪云计算公开课第一期:Let’s run @ sae(丛磊)
新浪云计算公开课第一期:Let’s run @ sae(丛磊)新浪云计算公开课第一期:Let’s run @ sae(丛磊)
新浪云计算公开课第一期:Let’s run @ sae(丛磊)锐 张
 
去哪儿Ugc平台设计经验
去哪儿Ugc平台设计经验去哪儿Ugc平台设计经验
去哪儿Ugc平台设计经验mysqlops
 
Java SE 8 技術手冊第 16 章 - 整合資料庫
Java SE 8 技術手冊第 16 章 - 整合資料庫Java SE 8 技術手冊第 16 章 - 整合資料庫
Java SE 8 技術手冊第 16 章 - 整合資料庫Justin Lin
 
JNC WMS Solution
JNC WMS SolutionJNC WMS Solution
JNC WMS SolutionJncits Tsai
 
Jnc wms solution
Jnc wms solutionJnc wms solution
Jnc wms solutionJncits Tsai
 
KSDG BaaS Intro
KSDG BaaS IntroKSDG BaaS Intro
KSDG BaaS Introericpi Bi
 
微軟實戰課程日:玩轉雲端 技術與架構
微軟實戰課程日:玩轉雲端 技術與架構微軟實戰課程日:玩轉雲端 技術與架構
微軟實戰課程日:玩轉雲端 技術與架構Jeff Chu
 

Similar to demo (7)

新浪云计算公开课第一期:Let’s run @ sae(丛磊)
新浪云计算公开课第一期:Let’s run @ sae(丛磊)新浪云计算公开课第一期:Let’s run @ sae(丛磊)
新浪云计算公开课第一期:Let’s run @ sae(丛磊)
 
去哪儿Ugc平台设计经验
去哪儿Ugc平台设计经验去哪儿Ugc平台设计经验
去哪儿Ugc平台设计经验
 
Java SE 8 技術手冊第 16 章 - 整合資料庫
Java SE 8 技術手冊第 16 章 - 整合資料庫Java SE 8 技術手冊第 16 章 - 整合資料庫
Java SE 8 技術手冊第 16 章 - 整合資料庫
 
JNC WMS Solution
JNC WMS SolutionJNC WMS Solution
JNC WMS Solution
 
Jnc wms solution
Jnc wms solutionJnc wms solution
Jnc wms solution
 
KSDG BaaS Intro
KSDG BaaS IntroKSDG BaaS Intro
KSDG BaaS Intro
 
微軟實戰課程日:玩轉雲端 技術與架構
微軟實戰課程日:玩轉雲端 技術與架構微軟實戰課程日:玩轉雲端 技術與架構
微軟實戰課程日:玩轉雲端 技術與架構
 

demo