操作手冊

這是什麼工具？

一個單檔、免安裝的網頁小遊戲，依 Amazon 跨境電商「物流費用」教材改編，用兩關練習搞懂「賣家到買家」的完整物流流程，以及該選哪一種運輸方式。用瀏覽器打開 index.html 即可玩，不需要架伺服器、不需要安裝任何軟體，全程在你自己的電腦上執行、不會連網（頂部跑馬燈公告除外）。

第一關：物流流程拼圖

把手牌區的 9 張卡片（賣家／出口報關／空運／海運／進口清關關稅／貨運／FBA倉／FBM／買家）放到流程圖上對應的空格，重現完整流程。可以直接用滑鼠／手指拖曳卡片；如果在手機上拖曳不好操作，也可以改用「點選」方式——點一下卡片選取（會亮起外框），再點一下想放的空格即可放入，再點一下同一張卡可以取消選取，想收回已放置的卡片就點一下它、再點手牌區空白處即可送回手牌：

• 空格不會顯示文字提示，需要憑對物流流程的理解作答，才能達到真正的練習效果——卡片上的文字才是唯一的答案來源。
• 橘色「頭程物流」框內有一對並列空格（放空運、海運兩張卡）、紫色「美國」框內也有一對並列空格（放 FBA倉、FBM 兩張卡），這兩對空格不限順序，只要把對的兩張卡放進對的那對空格即可。
• 9 格全部放滿才能按「✔ 確認」；答對的格子亮綠、答錯的亮紅。
• 若 9 格全對，會額外解鎖一條紅色虛線「FBM 捷徑」動畫，說明 FBM 出貨其實也可以不透過頭程物流／清關流程，直接以國際快遞方式送達買家。
• 對答案不滿意可按「↻ 重新排列」重新挑戰本關（不影響已經過去的時間）。

第二關：運輸方式情境選擇

看完每個出貨情境描述後，判斷該選哪種運輸方式：

共 6 題，選完會立即顯示正確定義當作學習回饋（不論答對答錯都會顯示），其中 2 題專門測驗海運「小於 20 立方米用拼箱、大於 20 立方米用整箱」的門檻判斷。全部 6 題作答完才能按「🏁 完成挑戰」。

計分方式

• 總分 100 分：第一關（流程拼圖）佔 60 分，依 9 格中答對的比例換算；第二關（情境選擇）佔 40 分，依 6 題中答對的比例換算。
• 兩關都全對（9/9 且 6/6）才會拿到滿分 100 分，出現恭賀畫面＋彩帶動畫。

紀錄成績、下載與分享

• 個人資訊：結算畫面可以填寫姓名／學號／科系／組別，方便老師或自己辨識成績（皆為選填，不填會以「訪客」記錄）；填過一次會記在瀏覽器裡，下次打開自動帶入。
• 排行榜（前 10 名）：按「🏆 記錄成績到排行榜」即存入本機排行榜，依總分高低排序、同分以總時間較短者優先。右上角「🏆 排行榜」按鈕隨時可查看目前排名。
• 下載成績卡：按「💾 下載成績卡」，會產生一張含姓名／學號／科系／組別、兩關得分、總分、總時間的成績卡圖片並下載到裝置，適合截圖繳交作業或列印。
• 分享成績卡：手機瀏覽器（或支援 Web Share 的桌面瀏覽器）會多顯示「📤 分享成績卡」按鈕，可直接分享到 LINE、社群或其他 App；不支援的瀏覽器請改用「下載成績卡」再自行分享。

加入主畫面（可選）

在開場畫面按「📲 加入主畫面」，可以把這個遊戲像 App 一樣安裝到手機或電腦桌面，之後不用開瀏覽器輸網址就能直接點圖示開啟。

• Android（Chrome）／桌面 Chrome、Edge：按下按鈕會直接跳出安裝確認視窗。
• iPhone／iPad（Safari）：按下按鈕會提示改用「分享」圖示 → 「加入主畫面」（iOS 系統限制，無法由網頁直接跳出安裝視窗）。
• Mac 桌面版 Safari：會提示改用選單列「檔案」→「加入 Dock」（Safari 17 以上）。

常見狀況

• 拖曳沒反應或卡住？手機瀏覽器偶爾會因系統手勢中斷拖曳，卡片會自動歸位到手牌區，重新拖曳一次即可。
• 成績會保留嗎？單局進行中的狀態不會跨重新整理保留（重新整理會重開一局）；但排行榜與你填過的姓名／學號／科系／組別會存在瀏覽器 localStorage，不會消失。
• 換裝置或清過瀏覽器資料後成績不見了？排行榜只存在當下這台裝置、這個瀏覽器裡，不會跨裝置同步，清除瀏覽器資料也會一併清掉。
• 手機上可以玩嗎？可以，拖曳邏輯同時支援觸控；螢幕較窄時流程圖、卡牌與按鈕都會自動改成適合的排列。

創作者資料

Mark Tsai（蔡豐全）

聯絡信箱：tsaimark@gmail.com

專長

銷售數據分析、AI 工具運用、政府補助計畫申請、創業、跨境電商

證照

• 青創總會 創業輔導顧問師班（2013）
• 青創總會 網路行銷講師培訓班（2014）
• 阿里巴巴 P4P 認證講師（2016）
• iCap 訓練規劃與評量職能基準課程（2017）
• iCap 職能導向課程申請認證實作班（2023）
• iPAS AI 應用規劃師－初級（2025）
• 新北市社會局社區數位陪伴員（2025）

經歷

• 勞動力發展署桃竹苗分署 創業顧問（2017－迄今）
• 勞動力發展署（北北基）小型企業人力提升計畫 顧問（2019－迄今）
• 勞動力發展署（桃竹苗）小型企業人力提升計畫 顧問（2019－迄今）
• 農業部農業科技司「科技農企業雙軸轉型躍升發展」科技計畫 業師（2025－2026）
• 勞動力發展署 企業人力資源提升計畫 審查委員（2024）
• 勞動力發展署 職前訓練評鑑計畫 委員（2022）
• 勞動部桃竹苗分署－桃竹苗區域運籌人力資源整合服務計畫 顧問（2022－2023）
• 經濟部中小企業處 SBIR 海選專案 評審委員（2019－2024）
• 勞動力發展署 數位學習課程清單審查會議 審查委員（2024－2025）
• 輔仁大學創新跨領域學院 課務委員（2024－2025）
• 台北市進出口商業同業公會 跨境電商生態村 顧問
• 台灣網商協會 顧問
• 中華職能開發策進會 顧問（2018－2020）
• 新北市汽車美容人員職業工會 顧問（2023－迄今）
• 中華網路行銷講師協會 顧問（2022－迄今）
• 新北市社企電商基地 輔導顧問（2018－2020）
• 阿里巴巴國際站平台 認證講師（2016）
• 巨匠電腦 跨境電子商務班 講師（2016－2017）

授權與使用限制

本工具僅供個人娛樂與教學示範使用，禁止未經授權公開發布、販售或商業化使用。如需其他用途，請先取得創作者授權。教材內容參考亞馬遜全球開店 Facebook 粉絲頁。