Smart eBuilder以HTML5及.NET為企業打造全新的開發環境，只要設定規格即可產生輸入/查詢/儀表板功能，透過豐富的樣板及直覺設計界面，讓IT人員不需要再為了畫面的編排煩惱，提供方便的表單精靈，不需要撰寫太多的程式碼，立即快速產生多種形態的表單，如：直式/橫式、Master-Detail多層。以拖、拉、點、選設計方式，免編譯且直接線上測試，發現問題立即快速修改，不在因為不同裝置而需要重新學習多套程式語言，大量減少IT開發及維護系統的負擔。

1. Smart eBuilder
跨平台開發工具
聯銓資訊科技有限公司

2. • PC
• Notebook
• Tablet
• Phone
跨平台開發工具
OS
• Windows
• Mac OS
• Linux
• Chrome OS
• iOS
• Android
• Windows
Browser
• Chrome
• Safari
• Fire Fox
• IE
• Chrome
• Safari
• Fire Fox
• IE
APP
裝置 X OS X 尺寸 X Browser

3. 開發功能
輸入
• 複雜多階 M/D,自動編號, 大小類多選, 運算加總,
動態規格
查詢
• View, SQL, Stored-Procedure
• 動態 SQL & Parameters

4. 範例 Demo
 單檔橫式查詢維護
 資料查詢
 條件大小類
 欄位排序
 新增資料
 匯出、匯入Excel資料
 訂單輸入(Master-Detail)
 利用TabControl可看到更多的資料
 一個畫面中看到M/D效果
 編輯時資料即可進行計算
 自動編號、資料判斷、資料連動、元件控制等效果
 人事資料(橫直式查詢維護)
 不同人登入看到不同的資料
 上傳檔案，並可Web瀏覽
 依點選資料不同，可看到對應的
詳細資料

5. 擴充功能
 前端 JavaScript
 SQL

6. 擴充功能
 Stored-Procedure
 Rest Services

7. 擴充功能
 發eMail
 整合 WorkFlow
 過帳處理

8. 過帳處理
 類別:
 即時過帳
 Transaction :
 異動資料統一Transaction,失敗Rollback, 成功 Commit
 功能:
 累加, 累減, Insert, Update, Delete, 自訂 SQL

9. 管理功能
 整合
 Smart Query / Smart eVision 整合
 Portal / SharePoint 整合/內嵌
 AD / ERP 帳號整合
 權限
 作業權限
 資料權限
 版本管理
 過版 / 審核
 多公司別
 依公司別設 Connection
 依公司別作業授權
 其他
 多國語言

10. Smart eBuilder
Mobile 版模組

11. IT常面臨跨平台開發的困境
 不同平台的系統
 Apple、Google、Windows、Linux
 Chrome、Firefox、Opera、Safari、IE
 不同規格的裝置
 PC、Notebook、Tablet、Phone
 不同尺寸的螢幕
 3、4、5…N
+瀏覽器

12. Portal
PC 登入畫面
客製PC登入畫面
Mobile 登入畫面

13. Portal-Mobile 條列式/圖示 選單

14. Controls CSS
調整前 調整後

15. Layout:提供3種方式更方便
 Auto Layout(自動排版)
 當View設定的寬度超過螢幕寬度一定程度(75%)時系統會自動調整
版面讓使用者可輕鬆檢視畫面
 Responsive(響應式)
 針對不同的螢幕大小預先設定每個元件應該呈現的比例
 Specific(特定)
 由設計者定義View的類型及大小，從而設計出精準版面

16. Auto Layout – 1

17.  不同的螢幕大小，呈現不同比例
Responsive – 2

18. Specific – 3
 由設計者定義View的類型及大小，從而設計出精準版面

19. Controls-行動輸入類別
文字欄位 數值欄位

20. Controls -萬年曆

21. 整合行動裝置原生功能
 行動輸入類型
DateTime-local Tel Email Time

22. Build App 後下載方式(Android)-(檢視結果)
下載方式:
1.QRCode
2.輸入網址
3.下載檔案傳至手
機
22

23. 使用App Builder建立專屬App
 可與Native API互動
 可以上傳到市集供使用者下載及更新
 可點選App圖示迅速開啟，且可視範圍比瀏覽器廣
 可客製的App資訊(名稱、版本、圖示及簽章)
 不需透過IDE即可產生App: Android已支援

24. 使用App Builder建立專屬App
 App安裝在手機上畫面

25. Mobile範例登入(也可使用我們App)

26. SB Mobile版~特色
 提供彈性”輸入表單”Layout設計
 模擬器~方便事先預覽:PAD/Phone
 企業自行快速Build APP(含企業logo)
 支援照相/錄影功能:可拍照上傳
 支援GPS
 可掃描”條碼Barcode”,QRCode輸入資料
 Controls:萬年曆/輸入類別/CSS顏色/字型可調
 Web版可於Mobile使用/瀏覽

27. 支援GPS打卡定位
 從行動裝置取得GPS經緯度
 業務人員在客戶端打單時可將經緯度存
到資料庫.
 主管可透過GPS定位找到就近業務人員,
方便人力調度….等.

28. SB Mobile 應用案例分享
業務員:可以行動打單/查詢/GPS定位
維修客服:可以在外記錄維修進度/狀況
對外部客戶開放:會員儲值系統查詢
行銷人員:掃描barcode 更方便
(可用於Scan地址或庫存)
APP:企業自己Logo/色系可調整
跨平台:PC 版+Mobile同時可使用

29. ~ Thanks ~