iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Mobile Development

《30 天 Flutter:跨平台 AI 行程規劃 App》 系列

以 Flutter 打造跨平台 AI 行程規劃 App,支援 iOS 與 Android。使用者可輸入旅遊地點、天數與個人偏好,系統將生成每日行程與景點、美食建議,並搭配地圖標示功能。
負責介面設計與互動邏輯,實現順暢的操作體驗與清晰的行程展示。透過 Flutter 單一程式碼基底,確保跨平台視覺與操作一致。30 天內將完成 UI 設計、功能實作及資料串接,呈現完整且易用的應用成品。

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 - 從單機到分享:讓旅伴也能擁有這份完美行程

前幾天已經成功地讓使用者即使在沒有網路的情況下,也能安心地規劃行程。但我開始思考,一個完美的行程,如果只能自己用,是不是有點可惜? 我想做的,不只是讓 App...

2025-09-04 ‧ 由 yenyen0318 分享
DAY 22

Day 22 - 行程 APP 沒地圖怎麼行?從零打造地圖互動功能,試試 ChatGPT 的教學體驗

今天不知道 Gemini 怎麼了,突然直接噴 500 錯誤,原本想靠它來學習 Google Map 套件。既然不給力,就乾脆跳槽到 ChatGPT 吧!剛好最近...

2025-09-05 ‧ 由 yenyen0318 分享
DAY 23

Day 23 - 地圖實戰:把每天行程串成路線圖,一鍵就出發

上一篇入門地圖套件的各參數並可以簡易使用,今天就要把行程跟地圖真正串起來,讓使用者可以直覺地看到每天的活動分布。 這次的目標是: 新增地圖頁面將當天所有行程用...

2025-09-06 ‧ 由 yenyen0318 分享
DAY 24

Day 24 - 地圖實戰:客製地圖 Marker 讓行程一看就懂

Marker 的 infoWindow 雖然可以在點擊後顯示景點資訊,但對於「點擊後直接導航」這個需求就產生了衝突。為了讓使用者不用點擊就能一眼知道這是哪個景點...

2025-09-07 ‧ 由 yenyen0318 分享
DAY 25

Day 25 - 地圖實戰:Map Style,自己的地圖自己定義

在行程規劃 App 裡,地圖不只是背景,而是資訊承載的重要介面。今天要動手實作 Google Map 在 Flutter 中的客製化應用,重點在於「地圖樣式切換...

2025-09-08 ‧ 由 yenyen0318 分享
DAY 26

Day 26 - 擴充行程規劃 APP:加入 AI 對話式編輯器

背景與痛點 在近期實際規劃行程的過程中,我試用了這款 AI 行程規劃 APP。不得不說,AI 自動產生行程的功能確實大幅降低了使用門檻,使用者只要輸入需求就能立...

2025-09-09 ‧ 由 yenyen0318 分享
DAY 27

Day 27 - 讓 AI 行程編輯器動起來:畫面實作與假資料串接

昨天針對「AI 對話式行程編輯器」進行了完整的設計與規劃,從使用者痛點、功能目標到 API 資料流和程式碼架構,都已經有了清晰的藍圖。今天的目標很單純就是一直寫...

2025-09-10 ‧ 由 yenyen0318 分享
DAY 28

Day 28:從雛形到產品,讓 AI 編輯器不再只是展示品

昨天將設計藍圖化為實際可運作的 UI,並透過假資料模擬了 AI 聊天編輯器的核心功能,今天,將迎來另一個關鍵時刻:串接真實的 AI API。 與假資料的無痛串接...

2025-09-11 ‧ 由 yenyen0318 分享
DAY 29

Day 29 - 藍圖旅人的誕生:從命名、Icon 到啟動畫面的全紀錄

命名的誕生 歷經快三十天的開發,今天終於要幫我的 APP 正式命名了。在 AI 的輔助下,最後採用了 Gemini 點子發想模式提供的建議: 名稱:藍圖旅人(...

2025-09-12 ‧ 由 yenyen0318 分享
DAY 30

Day 30 - AI 行程規劃 App 真實旅遊體驗 & 30 天完賽心得

今天讓我用自己做的 AI 行程規劃 APP 幫我安排日月潭兩日遊。本來排的是早上到日月潭、先去文武廟再搭船遊湖──結果九點抵達這件事我真的辦不到,哈哈哈。於是自...

2025-09-13 ‧ 由 yenyen0318 分享