Claire 的作品集

光禾在職期間專案。 「兄弟 FANS」這款 App 是繼「兄厲害」維運結束後，與工研院合作推出的改版。改版有以下幾點特色： 加入更多賽事資訊，除了原先中信官網的內容，再加上部分中職官網資訊，讓球迷有一站式體驗。 整合洲際現場畫面，即時顯示投球彈道畫面。 以球迷為出發點，設計現場掃 QRCode 集點機制。 加入 AR 遊戲，為賽事助興。 新版球隊資訊與粉絲集點畫面截圖新版 App 除了功能上的調整，也在整體體驗上加上許多動畫，例如：Lottie 的 Splash Screent 等，增加 App 的活潑感。 [{"url":"brother-fans-13.png","alt":""},{"url":"brother-fans-02.png","alt":""},{"url":"brother-fans-05.png","alt":""},{"url":"brother-fans-01.png","alt":""}] 改版由工研院負責企劃和設計，光禾負責開發。而我在專案中負責的項目包含： App 開發，使用 Flutter ...

光禾在職期間專案。 原本是一個中信兄弟賽事、資訊相關的 App 平台，呈現兄弟球隊官網上的資訊。於 2020 年由光禾接手維運。 [{"url":"brothers_06.png","alt":""},{"url":"brothers_08.png","alt":""},{"url":"brothers_09.png","alt":""},{"url":"brothers_05.png","alt":""}] 上圖呈現 App 原有的功能。 負責部分接手維運後，我負責 Android 版本的兄厲害，以及後端。維運期間除了原有功能，也有因應平台政策更新、開發九宮格落點預測遊戲、加入忘記密碼等。 九宮格落點預測遊戲搭配在洲際球場現場架設的相機設備，團隊規劃製作九宮格轉播，並在 App 上加上落點預測的遊戲，吸引最多一千多人同時參與預測活動。遊戲機制是在洲際賽事進行中，讓球迷猜測該半局，球落在九宮格的哪個位置最多，猜對即可到該位置的落球數為分數。 [{"url":"brothers_03.png","alt":"九宮 ...

光禾在職期間專案。是一款簡易上手的建模 App，透過內建的拍照功能，輕鬆生成專屬的 3D 模型。 3D 建模 App 可協助 O’EXPO 智慧展覽系統用戶產生專屬 3D 模型，按照 App 內的指引教學，360 度環繞特定物體，拍攝 20-100 張照片捕捉物品所有面向，就能完成高畫質的 3D 模型建置。 完成建置後，即可上傳至 O’EXPO 虛擬攤位，讓攤位訪客使用 AR 擴增實境功能，遠端鑑賞商品模型。備註：O’EXPO 是疫情期間公司發展的線上虛擬攤位產品線。 App 畫面截圖我負責開發 Android 版本。使用 RESTful API、WebSocket 和 Azure Storage Account SDK 和後端溝通模型生成和進度。拍照結合 CameraX，使用官方推薦之 MVVM 架構。 [{"url":"3d-model-04.png","alt":""},{"url":"3d-model-03.png","alt":""},{"url":"3d-model-02.png","alt":""},{"url":"3d-model-01.png","a ...

光禾在職期間專案。 OII 是一款能「為使用者的 NFT 賦能 AR 濾鏡」的應用程式。我負責 Android 版本開發。 NFT 資料讀取透過 MetaMask 錢包登入，系統會取得該錢包地址下的 NFT，條列、並顯示相關資訊。 [{"url":"OII_08.png","alt":""},{"url":"OII_07.png","alt":""},{"url":"OII_06.png","alt":""},{"url":"OII_05.png","alt":""}] NFT 賦能 AR 效果根據 NFT 的類型（圖片、模型或影片），提供不同濾鏡效果預覽。在支援 ARCore 的手機上，可以將套用濾鏡的 NFT 放在 AR 空間中，旋轉、縮放、固定到想要的位置，並且拍照或錄影分享到社群媒體。 [{"url":"OII_04.png","alt":""},{"url":"OII_03.png","alt":""},{"url":"OII_02.png","alt":""}] ...

光禾在職期間專案。 提供樂天桃猿球迷最新的賽事資訊，含球員排行榜、精彩賽事回放及應猿套票購買等功能。同時提供智慧球場服務，可使用 AR 導航帶位功能、AR 互動小遊戲及球場訂餐功能，為樂天桃猿球主場球迷多元資訊 App。 我負責 Android 版本的開發。 功能開發 [{"url":"monkeys_04.png","alt":""},{"url":"monkeys_03.png","alt":""},{"url":"monkeys_02.png","alt":""}] AR 導航示意影片影片中是 iOS 版本的側錄，而我負責的是 Android 版本的開發。使用 ARCore 掃描現場圖騰確認位置並開始帶位。

光禾在職期間的專案。獨立使用 Android（Java）棒球賽事專屬 App。 O’Hero 是一款用於 2019 世界棒球十二強錦標賽（Premier12）的賽事服務 App，於台灣洲際棒球球場提供球迷多種應用服務，大型現場 AR 表演，AR 互動遊戲，及賽時戰術比分等動態資訊。 賽事資訊 賽程（中）：使用 9-patch png 實作票卡造型樣式 賽事資訊（右）：比賽中會即時呈現計分板、戰術圖和球員資訊。其中戰術圖使用 WebView 嵌入網頁呈現。 [{"url":"ohero_07.png","alt":"首頁"},{"url":"ohero_06.png","alt":"賽程"},{"url":"ohero_05.png","alt":"賽事資訊"}] 其他功能 帶位：輸入座位，在用圖像方式引導用戶座位位置。引導位置圖是根據用戶的輸入，透過操作 drawable 屬性，達到顯示路線和座位亮燈區的效果。 AR 開場動畫與 AR 小遊戲：是透過 Unity 提供給 Native Android 的 Unity Player ...

光禾在職期間專案。使用 Flutter 開發 OCR 搜尋的 App。 「美麗方程」這個 App 服務的對象是美妝原料廠商，能夠透過文字辨識的方式，搜尋該原料的資訊。當初評估案子比較小，也相對沒有時程壓力，因此主管同意讓我使用 Flutter 開發當作練習。 [{"url":"beauty1.png","alt":""},{"url":"beauty2.png","alt":""},{"url":"beauty3.png","alt":""},{"url":"beauty4.png","alt":""}] 開發用到的 packages 和 widgets 大致上如下： API 資料存取：http PDF viewer：flutter_plugin_pdf_viewer 語言切換：provider, intl 文字辨識：camera, firebase_ml_vision, image 資料儲存和處理：shared_preferences 介面處理：Expandable ListView

光禾在職期間的專案。獨立使用 Flutter 開發展覽活動用 App 。 由數位時代主辦的 2020 Meet Taipei 創新創業嘉年華。因應疫情的關係，當時分別有線上和線下的活動，我所負責的部分是實體活動的 App，提供民眾參展廠商資訊、影音和現場掃描 QR Code 集點、兌獎的服務。 [{"url":"meet1.png","alt":""},{"url":"meet2.png","alt":""},{"url":"meet3.png","alt":""},{"url":"meet4.png","alt":""}] 當初因為 App 人力開發不足，評估以 Flutter 開發功能做得到，也能同時支援雙平台。因此這是我第一次將 Flutter 使用在專案上，從接到設計稿到完成上線大約三週時間，也解鎖了上架 App Store 的成就。 開發用到的 packages 和 widgets 如下： API 資料存取：http, json_annotation PDF viewer：syncfusion_flutter_pdfv ...

是大學期間和北教大兩位設計相關科系的朋友，以他們的畢業專題為基礎，一起參加「跨界超越競賽」的作品。MakeEup 主要以推薦使用者符合自己的彩妝品為服務目的。 [{"url":"makeup2.jpg","alt":"首頁"},{"url":"makeup3.jpg","alt":"問題"},{"url":"makeup4.jpg","alt":"檢測結果"}] 所以在使用 App 前會有簡易的問卷，了解使用者的膚質狀況、顏色，最後產生出一份檢測結果，再由檢測結果延伸。 我主要負責 App 的開發，實作兩位朋友所提的介面設計，因為競賽專注於創新和服務體驗，所以也會針對介面流程和設計一起討論。其他沒有實作的畫面設計主要操刀都是兩位夥伴，就不放上來了。

「進階排序法的整合式教學，拼出你的運算思維。」 這是大學時候的畢業專題，團隊有五個人，我所負責的部分為 Android App 及實體教具的設計與製圖。 目前已經出現各種排序教材，舉凡文字解說、圖片步驟演示，到多媒體動畫呈現演算法，內容豐富多元，但僅限於單方面給予知識。缺少互動性，學習者無法及時得到解答，老師也無法了解學生的學習過程。 因此 Puzzort 以兩種進階排序演算法為例，設計一項周全的排序演算法教學系統，透過 OCR 帶來的互動性加深觀念建立，並透過行動裝置蒐集操作數據，提供給教師輔導學生學習用。教具選用低成本的密集板設計，是一套整合教與學的平民化資訊教育系統。 系統特色： 探究式學習，加深學習成效 低成本開發，推廣資訊教育平民化 App 實作模式結合 OCR，引導解題 學習過程輔以文字、影片及提示，所有困惑對症下藥 學習歷程蒐集，並回饋給老師 排序演算法教具：教具以密集板雷切製成，選用兩種進階排序演算法，將流程實體化，學生所有的操作皆在教具上進行。教具上另外加上各種移動限制和機關，導正學習者正確觀念，可搭配學習系統一起使用。 [{"u ...