excelent @ 16th全國資訊創新服務競賽

49
Excelent 運用Google App EngineGoogle DocsHTML5 建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Upload: -

Post on 12-Nov-2014

1.295 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Excelent @ 16th全國資訊創新服務競賽

Excelent 運用Google App Engine、Google Docs、HTML5

建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 2: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

特別感謝

鏘鏘老師/DDlab

廟算科技

奕蒨

言翰

鄭大師傑旭

數位學習科技學系

2

Page 3: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

想像您是Aqqle的新CEO..

3

Page 4: Excelent @ 16th全國資訊創新服務競賽

使用 Excel

來管理公司產品庫存狀況

4

Page 5: Excelent @ 16th全國資訊創新服務競賽

將這個Excel檔

拿出去和客戶談生意

5

Page 6: Excelent @ 16th全國資訊創新服務競賽

將檔案印出來:

紙張資料修改不易

可能會忘記帶

容易破損

您可以..

6

Page 7: Excelent @ 16th全國資訊創新服務競賽

放到筆電:

資料修改容易

筆電攜帶不便又重又大又怕被偷

7

Page 8: Excelent @ 16th全國資訊創新服務競賽

放到手機:

資料修改較筆電不易

手機會隨身攜帶

檔案傳輸不易

8

Page 9: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

9

Page 10: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

10

Page 11: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

11

Page 12: Excelent @ 16th全國資訊創新服務競賽

Office相關APP的問題

安裝APP很麻煩,且安裝的容量都很大

更新APP需要使用者費心更新

傳輸Excel檔案很麻煩

手機和電腦需要以USB傳輸線或藍芽相關器材連接傳送資料

當Excel資料很多時,手機閱讀不方便

Excel的檔案容量大

手機中的Excel檔案分享不易

12

Page 13: Excelent @ 16th全國資訊創新服務競賽

安裝APP很麻煩

且安裝的容量都很大 更新APP需要使用者費心更新

傳輸Excel檔案很麻煩

手機和電腦需要以USB傳輸線或藍芽相關器材連接傳送資料

當Excel資料很多時,手機閱讀不方便

Excel的檔案容量大

手機中的Excel檔案分享不易

13

Page 14: Excelent @ 16th全國資訊創新服務競賽

更新APP

需要使用者費心手動更新 傳輸Excel檔案很麻煩

手機和電腦需要以USB傳輸線或藍芽相關器材連接傳送資料

當Excel資料很多時,手機閱讀不方便

Excel的檔案容量大

手機中的Excel檔案分享不易

14

Page 15: Excelent @ 16th全國資訊創新服務競賽

傳輸Excel檔案很麻煩

手機和電腦需要以USB傳輸線或藍芽相關器材連接傳送資料

當Excel資料很多時,手機閱讀不方便

Excel的檔案容量大

手機中的Excel檔案分享不易

15

Page 16: Excelent @ 16th全國資訊創新服務競賽

手機和電腦需要以USB傳輸線或藍芽相關器材連接傳送資料

當Excel資料很多時,手機閱讀不方便

Excel的檔案容量大

手機中的Excel檔案分享不易

16

Page 17: Excelent @ 16th全國資訊創新服務競賽

當Excel資料很多時

手機閱讀不方便 Excel的檔案容量大

手機中的Excel檔案分享不易

17

Page 18: Excelent @ 16th全國資訊創新服務競賽

Excel的檔案容量大 手機中的Excel檔案分享不易

18

Page 19: Excelent @ 16th全國資訊創新服務競賽

手機中的Excel檔案分享不易

..

19

Page 20: Excelent @ 16th全國資訊創新服務競賽

Excelent

20 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 21: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

21

Page 22: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

22

Page 23: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

23

Page 24: Excelent @ 16th全國資訊創新服務競賽

http://bit.ly/excelent

24

Page 25: Excelent @ 16th全國資訊創新服務競賽

25

Page 26: Excelent @ 16th全國資訊創新服務競賽

26

Page 27: Excelent @ 16th全國資訊創新服務競賽

27

Page 28: Excelent @ 16th全國資訊創新服務競賽

28

Page 29: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

比較

Office相關APP的問題 Excelent

安裝APP很麻煩

且安裝的容量都很大

採用Web Mobile App

不需額外安裝任何軟體

容量不到1MB

更新APP

需要使用者費心更新

因為APP在網路上

使用者每次連線都能取得最新版

29

Page 30: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

傳輸Excel檔案很麻煩

以USB傳輸線或藍芽傳送資料

只要在電腦端上傳到Excelent的上傳頁面

會得到一組E-Key

在手機輸入E-Key就能將檔案傳到手機。

而我們在E-key特別設計:6個小寫英文字母,輸入時間不會太長。

當Excel資料很多時

手機閱讀不方便 提供「單一檢視模式」

30

Page 31: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Excel的檔案容量大 將Excel檔案在雲端處理後

傳送最精簡的資料到手機中

手機中的Excel檔案

分享不易 提供一行短網址可以直接分享

31

Page 32: Excelent @ 16th全國資訊創新服務競賽

系統特色

32 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 33: Excelent @ 16th全國資訊創新服務競賽

1.免安裝

不需要額外安裝任何軟體(APP)

只需智慧型手機內建之瀏覽器即可

33 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 34: Excelent @ 16th全國資訊創新服務競賽

2. 免登入

不需帳號認證,

直接就能使用本軟體所有功能

34 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 35: Excelent @ 16th全國資訊創新服務競賽

3.免接線

不需將手機和電腦接線才能傳Excel,透過E-Key即可從網路傳輸

35 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 36: Excelent @ 16th全國資訊創新服務競賽

4. 跨平台

主流智慧型手機

iPhone 、Android都支援

36 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 37: Excelent @ 16th全國資訊創新服務競賽

5.跨格式

支援.xls、.xlsx、.ops、.csv

多種Excel與相關軟體格式

37 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 38: Excelent @ 16th全國資訊創新服務競賽

6.跨語言

支援英文、繁體中文、簡體中文

38 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 39: Excelent @ 16th全國資訊創新服務競賽

7.高穩定

後端採高穩定之Google雲端伺服器,不必擔心伺服器掛掉不能使用

39 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 40: Excelent @ 16th全國資訊創新服務競賽

8.離線用

透過HTML5技術,當沒有網路時,也能開啟瀏覽器使用本軟體

40 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 41: Excelent @ 16th全國資訊創新服務競賽

9.分享快

透過一行網址

即可將手機中的Excel檔案

分享到其他手機

41 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 42: Excelent @ 16th全國資訊創新服務競賽

10.便瀏覽

支援普通表單瀏覽與

三種單一資料瀏覽模式

42 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 43: Excelent @ 16th全國資訊創新服務競賽

使用技術

43 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 44: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

手機端Web Mobile App與電腦端

電腦端網頁瀏覽器 Google Chrome v14 , Apple Safari v5.1

手機網頁瀏覽器 Android v2.3、iPhone 3G/4

網頁應用程式框架 Sencha Touch v1.1.1

離線儲存 HTML5 manifest(離線儲存)

localStorage(使用者資料)

44

Page 45: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

雲端伺服器

網頁伺服器與資料庫 Google App Engine

文件解析器 Google Docs API

程式語言 Python 2.7 + Django1.3.1

雲端框架 djangoappengine

Google API gdata 2.0.14

短網址/QRCode Bit.ly API

45

Page 46: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

待改進缺點

• Android效能

• 編輯功能

• 大檔案效能

46

Page 47: Excelent @ 16th全國資訊創新服務競賽

總結

47

Page 48: Excelent @ 16th全國資訊創新服務競賽

請提問或給予建議

感謝!

48 Excelent - 運用Google App Engine、Google Docs、Sencha Touch建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

Page 49: Excelent @ 16th全國資訊創新服務競賽

Excelent - 運用Google App Engine、Google Docs、HTML5建立一套快速且跨平台Excel檔案閱讀器之Web Mobile App

參考網址

• PC端上傳頁面 excelent.insureme.com.tw

• 手機端 http://bit.ly/excelent

49