iT邦幫忙

2026 iThome 鐵人賽

DAY 1
0
Software Development

SyncETA 開發日記:手把手打造你的智慧出發時間推薦 PWA系列 第 1

【Day 01】為什麼要做「智慧出發時間推薦」?

  • 分享至 

  • xImage
  •  

大家好,我是這次 iThome 鐵人賽 Software Development 組的參賽者。
這 30 天,我要從零開始,帶大家用最平易近人的方式,做出一個真正能用的「智慧出發時間推薦」PWA(漸進式網頁應用),我把它叫做 SyncETA Lite


為什麼是「出發時間」而不是「到站時間」?

我們每天出門搭公車、捷運,App 通常只會告訴你「下一班車還有幾分鐘到站」。但這其實不是我們真正想知道的問題。
我們真正想知道的是:我現在幾點該出門,才能有把握準時到達目的地?

這兩個問題聽起來很像,但差很多。「到站時間」是別人的事(車子什麼時候來),「出發時間」才是你能控制的決策。而且交通本身充滿不確定性——塞車、班次延誤、走路速度落差,都會讓「準時」變成一個機率問題,而不是一個固定答案。


應用場景

想像幾個情境:

  • 你要去面試,比起「還有 5 分鐘到站」,你更想知道「幾點出門,有 90% 把握不會遲到」。
  • 你跟朋友約在捷運站碰面,想知道要不要現在動身。
  • 你是通勤族,每天都在賭「現在出門會不會剛好卡在尖峰。

這些場景的共通點是:使用者需要的不是原始資料,而是經過整理、帶有信心水準的建議。這正是這個系列要一步步做出來的東西。


這 30 天會做什麼

我會用 PWA 作為前端形式(免上架、可安裝、成本低),串接台灣的 TDX 運輸資料流通服務平台取得即時公車 / 捷運資料,搭配 Google Maps API 計算路線與時間,最後加上一層簡化版的機率推薦邏輯。整個專案會放在一個叫做 syncetalite-pwa/ 的資料夾中,之後每一天我都會標注程式碼該寫在哪個檔案裡,讓你可以跟著做出一模一樣的東西。


明天,我們先來搞懂:PWA 到底是什麼?為什麼它適合拿來做這種輕量的生活應用。


下一篇
【Day 02】PWA 是什麼?為何選它當開發框架
系列文
SyncETA 開發日記:手把手打造你的智慧出發時間推薦 PWA8
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言