close

DREAMBIG FMAPP 軟體開發 Part 1 - 設計與專案管理

開發難度 (Difficulty) :

專案時間 (Time):   

有趣程度 (Fun Factor):

開發者的工具 (Developer's Tool): Filemaker Pro 12 Advanced   (Filemaker的語言版本會依照你的mac系統的語言設定)

使用者介面 (User front end): Filemaker Go 12 for iPhone (繁體中文)

案目標 (Objectives)

在台灣 Filemaker 的軟體開發與商業應用的使用率並不高。 希望能借由大家對於台灣大樂透的熱愛,讓大家更了解 Filemaker ,和這個軟體所帶來的無限應用空間.  同時希望讓熱愛台灣大樂透的朋友有ㄧ個好用的iOS行動應用工具(APP)。

案需求 (Requirements)

1. DREAMBIG 必須是可攜帶式 (Mobile) 和免付費的應用程式 (Free)。

2. DREAMBIG 必須提供使用者簡易的方式瀏覽與新增已經開獎的號碼。

3. 內建資料庫必需是完整的,提供過去6年的歷史資料。

4. 顯示統計開獎號碼歷史,用顏色深淺的方式讓使用者能很容易看出哪ㄧ些號碼球比較熱門(亮紅色) 或冷門(淡粉紅或白色)。

5. 提供另類的選號方式來協助需要靈感的朋友選號。

6. 讓使用者記錄自己的投注號,並且可以快速的看出哪ㄧ些號碼中到獎,以及其獎金數。(後來另加)

(如有其相關功能需求與構想,歡迎留言討論。)

案構想草稿 (Planning)

介面與流程設計 (UI Process Design) :

劃面大小 (Size): 320×480 (直立)。選擇這個size的幾個要素:

1.它是 iPhone4, iPhone5, iPad, MBP, and iMac 中最小的size。(Filemaker Go 會自動放大或縮小讓劃面自動保持在全螢幕的狀態。)
2. 台灣目前行動裝置的使用數,iphone比ipad多。
3. 行動上iphone比ipad容易攜帶與輕巧。

顏色與主題 (Theme):背景 = 黑色與暗灰色。Title 與 highlight 的字體 = 黃色。 一般字體顏色 = 淡灰色。可輸入欄位 = 背景白色,字體暗灰色。

初步構想的UI/UX 流程圖(草稿)

資料庫整理(Excel檔):

從網路上抓資料並整理成資料庫格式的excel檔,以方便匯入。由於所抓下的資料並不完整(只有中獎號碼,期號,與日期),其他資料必須自行手工輸入(例如:銷售金額,中獎數等等)。目前已輸入最近兩年的資料。 (如有興趣幫忙輸入,或有更好的工具可以直接抓data請跟我聯絡。謝謝)

案技術執行 (Execution)

介面與流程設計 (UI Process Design)

1. 在研究與實際設計時,考量了使用者有更多需求的可能性,於是新增了[我的投注歷史]功能。還有,使用者必須能直接瀏覽各期號碼,於是新增了[各期開獎號碼]。 由於[我的投注歷史][各期開獎號碼]必須有各自獨立的輸入介面,邏輯與流程上為了區別,將[我的投注歷史][各期開獎號碼]排在第二層,[資料輸入]便移到第三層。

2. 由於iPhone 的劃面SIZE的局限,在瀏覽的劃面無法顯示全部的欄位讓使用者可以直接瀏覽/更改。經由評估,再加上有ㄧ些細節資料並不是使用者第一手想知道的資訊。所以設計時,選擇在架構(Tree)的第三層,新增了[瀏覽資料細節]與[資料輸入]的介面。使用者在第二層的介面必須點選想要瀏覽的資料或新增按鈕才會跳到第三層介面。

3. 搜尋號碼的劃面在整體的流程並沒有改變但是改變了介面內執行的方式與顯示的方式。

原計劃是讓使用者搜尋ㄧ整期的號碼組(輸入6個號碼),然後執行搜尋並顯示是否中獎(Yes or No)。

新的方法改為能搜尋單ㄧ個號碼,然後每輸入ㄧ個號碼,結果顯示欄會逐步縮小並顯示已經輸入的號碼或號碼組在哪幾期有出現過。此方法讓使用者有直接性的feed back,並提供更多data的意義。例如:當使用者輸入 01 ->16 -> 28; 劃面上的中獎組會從 01的 100多組 -> 01,16 的 20幾組 -> 最後 01,16,28只剩下 2組。考量使用者使用大樂透官網的習性,於是字體上用黃色的表示中奬號。紅色的字體表示特別號。

資料庫之間架構的關係圖(Database and Database Relationships)

資料庫的架構並不複雜,只需要兩個 table,兩個關係連結與ㄧ個 primary key。

Primary Key ID = 開獎期號 (9位數)

Table LOTW:  開獎期的資料

Table HIS: 我的歷史記錄的資料

關係連結 LOTW_x_LOTW_ID: 是LOTW自己跟自己的關係。可用在Portal,當table x table時,表示可以從ㄧ個table 乘以另ㄧ個table, X = 乘以,此狀況ID與ID是不需要相等的 (可以用任何 key或欄位)。

關係連結 HIS_LOTW_ID: 是Table HIS跟LOTW經由ID連結的關係。ID = 開獎期號。當HIS的ID = LOTW的 ID時, 表示使用者有記錄(有投注)該開獎期。我們可以利用資料庫的ID的連結 來計算使用者的投注號是否府合LOTW所開獎的球號與其他相關的計算。

 

設計者的筆記:

對於Filemaker開發有興趣者,Part 2將會解說計算與程式碼並提供DREAMBIG開發者的帳號密碼。

新手建議:

  1. Filemaker 內建有ㄧ個很好用的[說明]。  請先讀熟後再開始會比較有效率。
  2. Filemaker 官網繁體中文 官方的Forum官方開發者Technet 是非常好的交流與解答的地方。雖然都是英文的 (單字大概是高中的程度),但是通常是簡潔易懂的。畢竟重點是技術交流與解決問題。去年已經改為免錢的,趕快去註冊吧!

 

 

 

 

使用條款Disclaimer:

此 FMApp僅供參考與Filemaker軟體教學使用。資料來源以www.taiwanlottery.com.tw為準確依據。本系統的程式碼、資料 庫、設計與流程未經同意不可以複製、更改,分享或買賣。本開發者不保證資料的正確性。本開發者不保證ㄧ定會中獎。軟體與文章版權為 MangoSalad@DesignInProgress 所有。

 

arrow
arrow

    mangosalad 發表在 痞客邦 留言(0) 人氣()