【專訪】WhizToys Lite：結合運動地墊的樂齡遊戲平台 Flutter App

要活就要動、運動不嫌晚！健身環算什麼，長輩專屬的運動巧拼和遊戲出現啦！

編輯/訪談：Rebecca Hsieh

隨著人類壽命日益增長、戰後嬰兒潮成為退休潮，越來越多國家邁入高齡社會，高齡者的照護與服務需求也越發迫切。

然而全球人口結構老化，高齡社會中的勞動人口下降，在等待政府發展完善的公共政策與長照環境之餘，學術單位如何運用科技的力量激發長者活動的意願，維持認知能力、延緩失能、減輕照護壓力？

讓我們來看看 世大智科 SEDA G-Tech 如何利用 Flutter 投入最少的開發資源，培育出結合 WhizToys II 天才運動地墊 的 WhizToys Lite Flutter App！

WhizToys II 天才運動地墊 與 WhizToys Lite

WhizToys

WhizToys 天才運動地墊，是由 世大智科 SEDA G-Tech 推出的硬體產品，外觀上就是一塊塊的巧拼，可以自由拆裝拼成不同的形狀。

與一般巧拼不同的是，WhizToys 每塊巧拼中都有電路板和線路，因此能感測到目前被 按壓/踩踏 的巧拼是哪一塊，藉此衍伸出各式應用。

WhizToys Lite 遊戲選單

WhizToys Lite 則是以 Flutter 開發的跨平台 App，用於搭配 WhizToys 運動地墊，提供專為高齡者設計的互動遊戲。

WhizToys Lite App 執行畫面

WhizToys Lite 開發團隊專訪

Flutter Taipei 這次訪問到在 SEDA G-Tech 團隊 負責開發 WhizToys Lite App 的研究生 張斌權，一起來看看他們的開發祕辛吧！

Ｑ1. 可以跟我們分享聊聊這個 APP 的理念嗎？

WhizToys 為巧拼形式活動感知地墊單元，可以組成各種不同形狀，以藍牙連接行動裝置 App，長者以簡單行走、踩踏的方式即可進行不同類型的運動以及認知訓練，如配對遊戲、追逐遊戲、四色足梯、椅子運動、Timed up and go 等遊戲；遊戲 App 除了提供影像、音樂等多感官刺激外，照護者並可以根據不同長者的狀況、能力，在 App 上選擇適合長者的遊戲型態和困難度，並可能根據不同長者的生活經驗、社會文化發展客製化遊戲開發平台。遊戲也可登入使用者帳號將遊戲之結果紀錄儲存於雲端，並可供後續的評估及分析。產品目前應用於長者運動復能，未來也期望應用於幼兒學習及運動健身產業。

WhizToys lite 目前為搭配產品使用之 App，軟體希望提供服務理念如下：

• 結合 運動/認知/多感官刺激 之多元互動
• 經由 遊戲過程 產生並記錄對醫療照護有意義的資訊
• 使用者可以 選擇 或 設計 符合自身需求、經驗、與難易度的遊戲

Ｑ2. 可以分享你們在 WhizToys Lite App 中，認為最特別，最喜歡，或最想介紹的前三項功能嗎？

從功能來看的話，以下三項是我喜歡的

• 透過藍牙跟硬體設備溝通，讓操控方式不侷限於手機螢幕
• 使用 AWS，登入之後，可以把每一筆紀錄同步到雲端儲存，並製作常模為長者提供健康參考（目前還未做到紀錄分析呈現，會持續完成）
• 各種各樣的小遊戲，訓練長者的各項能力

Ｑ3. WhizToys Lite App 目前還沒上架，可以和我們分享這個產品目前的狀態和後續規劃嗎？

WhizToys 原本是一隻以 Java 寫的程式，當時因為希望可以在 iOS 上運行，又恰好那時 Flutter 展露頭角，所以嘗試使用 Flutter 來寫一隻新的程式，即 WhizToys Lite。

目前團隊已經接受使用 Flutter 為 App 開發框架，最近我們正積極將原本的遊戲重新設計 UI 並放到 WhizToys Lite 裡面，目前 App 中已有 4 款遊戲，遊戲內容持續增加中，遊戲結果的數據呈現則持續開發中。

我們還在持續收集使用者的遊戲資料，之後預計會先完成 5 款遊戲，並把已經完成數據收集的遊戲，將資料匯入到遊戲中，並呈現使用者的結果紀錄、排名、及能力指標。

Ｑ4. 為什麼決定採用 Flutter 技術來開發呢？大約花多久的時間評估決定使用的技術？

我們團隊比較特別。世大智科 是由 元智大學老人福祉科技研究中心 與 世大化成股份有限公司 合資成立的新創事業，而 元智大學老人福祉科技研究中心 是 元智大學機械系的研究所。

公司裡面大部分是機械系畢業的學生，也沒有專門的 Android 或 iOS 工程師，因為人員確實不夠，沒辦法同時開發兩套軟體並維護，所以希望使用跨平台的技術。

Ｑ5. 可以跟我們分享研究 Flutter 的過程和方式嗎 :) ?

我在大四的報告的時候，告訴老師有 Flutter 的存在，後來決定學習，剛開始也只是嘗試的心態，從一些小計畫用的應用程式開始嘗試。好在我們的程式並沒有用到什麼複雜的東西，所以開發還算順利。

學習的渠道主要是透過網路自學，除了官方文檔，很多透過 Youtube 學習，例如：Widget of the Week，這系列影片幫助非常大。另外有本電子書叫 “Flutter實戰” 我從中學到很多。

最近參加了 第 12 屆 iT 邦幫忙鐵人賽，以練習為主要目的，寫了 30 天的 “新手試試用 Flutter 做 Netflix UI” 。我發現透過這種 Clone 已知的 App，寫完再對照別人的程式碼，可以很快地找到自己不足的地方。

Ｑ6. 有多少人一起投入開發 WhizToys Lite App？大家是什麼樣的背景？

• 程式撰寫一個人，機械系碩一學生。
• 產品經理兼設計師負責 App 流程一人，畢業學長。
• 視覺設計一人，畢業學姐。

Ｑ7. 你們花了多少時間開發？

從決定做這個 App 到現在，邊學邊做大約過了 10 個月，除了剛開始還不熟練以及 UI 並沒有確定的原因以外，主要因為平時還要上課報告或出差或做些硬體相關的事情。

Ｑ8. 你們的 Flutter App 使用的後端是第三方服務還是自架後端？並還有用到哪些第三方服務？

主要使用 AWS。

Ｑ9. 你們之前有使用非 Flutter 的技術開發 App 的經驗嗎？使用 Flutter 後，在團隊協作或產出方面，有沒有特別想分享的經驗呢？

在這之前有學長使用 Java、Swift、Kotlin、ReactNative。

因為太多元，以至於學長離開後我們維護比較困難，目前主要希望統一使用 Flutter 讓複雜度降低。

Ｑ10. 在決定使用 Flutter 技術時有什麼擔憂嗎？

擔心要用到複雜的原生的功能，目前我們並沒有人對 Android 或 iOS 有足夠的研究。

Ｑ11. 用 Flutter 開發的時候，什麼樣的事情讓你們覺得最有挑戰性/最困難？

Widget 各種各樣都有，如果認識的 Widget 不夠多，有時候就會錯過最適合使用的 Widget。

Ｑ12. 你們的 Flutter App 之中 有什麼特別想介紹的技術嗎？

我們主要用到的藍牙、Rive，我覺得 flare 動畫還蠻好用的，而且還可以寫 Controller 來跟動畫互動。像是我使用的 321 倒數動畫，就幫它專門寫一個倒數 Controller 幫動畫配倒數的聲音，我不知道這樣做對不對，但用起來感覺還可以。

Ｑ13. 如果可以重新選擇開發技術，你們還是會選擇用 Flutter 來開發嗎？

我們還是會選擇用 Flutter 開發。人員不足的情況下，我們目前就是儘量走跨平台開發的路線，目前團隊也確定未來開發的 App 將使用 Flutter 為統一的工具。

Ｑ14. 你們會推薦什麼樣的 APP 使用 Flutter？如果團隊決定使用 Flutter 來開發，你們有什麼樣的建議想給大家嗎？

感覺沒有特別用到原生功能並有跨平台需求的 App 很適合使用 Flutter。

看完以上 WhizToys Lite 使用 Flutter 開發 App 的經驗，各位讀者是否感到，Flutter 對於想專注在主要產品，而 App 開發資源又不是那麼充足創業團隊，有很大的幫助呢？現在，是否也迫不及待想體驗看看 WhizToys II 天才運動地墊 與 專屬的 WhizToys Lite Flutter App 了呢？

體驗 WhizToys II 天才運動地墊

如何購買

目前 WhizToys II 沒有實體販售的店面，訂購請透過 電話 或 Email 聯繫。

電話：(02)8978 - 3018

Email：sedagtech@gmail.com

SEDA G-Tech 官網 聯絡我們

現場試玩與解說服務

SEDA G-Tech 有提供 WhizToys 試玩及解說的服務，有興趣的讀者，請提前三天去電預約體驗時段。

• 預約電話：(02)8978 - 3018
• 地址：新北市鶯歌區八德路56號3樓

世大智科 SEDA G-Tech 團隊介紹

世大智科 是由 元智大學老人福祉科技研究中心 與 世大化成股份有限公司 合資成立的新創事業。團隊宗旨期望設計開發 智慧生活 / 物聯網 / 老人福祉科技產品，協助長輩獨立生活及社會參與，並減輕照護者負擔。

WhizToys Lite 團隊 主要由 3 人分工，目前希望能招募到有相同願景的 Flutter 工程師夥伴，歡迎 參考在 CakeResume 的職缺資訊！

如果對於 WhizToys Lite 的開發經歷或產品資訊有其他疑問，歡迎聯絡 IgnacioZhang 張斌權，Email：qq1179988568@gmail.com

• 世大智科官網 https://www.seda-gtech.com.tw/
• 世大智科 Facebook 粉絲專頁 https://www.facebook.com/SedaGTech

感謝 SEDA G-Tech 分享精彩的經驗給我們，不知道大家對於哪個部份覺得有收獲呢？歡迎留言告訴我們喔😘

文章都看了，手拍了嗎？
還沒拍呀？！拍手鼓勵支持，小編們才有動力繼續寫下去，此計畫也才得以繼續哦！
以上文章感謝 世大智科 SEDA G-Tech 熱情參與 Flutter Taipei「App 蒐集企劃」，也謝謝你讀完這篇文章！
希望這篇文章和此企劃讓你更了解 Flutter 在商業化產品上的應用與導入。
歡迎隨時加入 Flutter Taipei 臉書社團 與大家一起互動，告訴我們更多你的想法！
如果你也有興趣參與「App 蒐集企劃」聊聊你們團隊/獨立開發者如何開發 Flutter App，想跟大家分享用到了怎麼樣的相關技術，歡迎直接填寫表單，我們將與你聯絡！