Formosa ESG 2026 — ユーザーフロー図

v2.0 | 2026-03-30 | paulkuo.tw | 巡礼者端
LINE関連
メインフロー
データ/サーバー
レベル/成就
カーボンフットプリント
1
ページを開く
ユーザーがQRコードまたはLINEリッチメニューからTrackerに進入
📱 QRコードスキャン
物理ポスター/ソーシャルメディア共有リンク
💬 LINEグラフィックメニュー
LINE Bot @539fkwjd 下部ボタン
2
LINE ログイン LIFF SDK
LIFFを通じて自動的にLINE Login をトリガー。パスワード不要、登録不要
LIFF init → ログイン状態チェック → 自動的にLINEアバターと名前取得
初回ログイン時、自動的にD1でユーザー作成(formosa_users upsert)
ローカル保存 formosa_user_id + formosa_access_token
ログイン済み?
✅ Yes
アバター + 名前自動表示、直接進入
❌ No
LINE認可ページにリダイレクト → 認可後Trackerに戻る
3
プライバシー同意 + AuthGate
データ収集範囲説明、ユーザー同意取得後機能アンロック
収集項目:LINE個人データ、GPS軌跡、アンケート回答、毎日カーボン報告
写真はEXIF GPS座標のみ読取(サーバーにアップロードなし
ユーザーは「巡礼完了」ボタンで追跡を停止いつでも可能
4
アンケート記入(14問)1質問1ページカード
線形進度バー+中断可能保存(localStorage自動保存)
Q1-Q3
善行と感動の時、慈善理解度
Q4-Q6
アクティビティ後生活変更意欲
Q7-Q8
交通手段+距離(歩行/運転/バイク/バス/地下鉄/電車/新幹線)
Q9-Q14
ボトルウォーター/回収/旅宿/電話/カーボン試算
⚡ カーボン試算リアルタイム演算(SBTi善足跡/Ecoinvent 3.10)
📞 電話欄は成就カード解鎖の三大条件の一つ
5
アンケート提出 Server Sync
アンケート答えはLINE userIdにバインド、Cloudflare D1に書込
レート制限:10分最大2回提出
提出後チェックインモード進入(メイン画面)
6
チェックインモード(Check-in Mode)
巡礼期間中のメイン操作画面、GPS継続追跡
📍 GPS自動追跡
バックグラウンド継続記録経路、KV Buffer一時保存 → バッチD1書込
✋ 手動チェックイン
ボタン実行+定位、歩行里程とチェックイン回数蓄積
📷 写真チェックイン
写真選択 → EXIF GPS読取 → 写真はアップロードなし(文字指示のみ)
⏸️ 一時中断/完了
追跡一時停止しsession終了しない;「巡礼完了」で成就カード決済
レート制限:5チェックイン/60秒(KVスライディングウィンドウカウンター)
GPS点最初KVに書込(TTL 24hr)、毎晩バッチflushでD1へ
持続ループ(活動期間毎日反復操作)
6.5
毎日カーボンフットプリント報告 🌱
GPS速度自動判定+手動補足、リアルタイムCO₂換算
🚶 ゼロカーボン移動(自動)
速度<15km/h → 判定歩行/自転車 → CO₂ = 0
🚗 交通カーボン(手動)
運転0.21/バイク0.10/バス0.05/地下鉄0.03 kg CO₂e/km
🧴 日常カーボン
プラスチック瓶0.3 kg/本、旅宿2.5 kg/晩
📊 リアルタイム試算
カーボンフットプリント+削減量(vs.全程運転)
データソース:SBTi善足跡/Ecoinvent 3.10
毎日再提出可(前回記録上書き)
7
レベルシステム+AIマスコット
デュアル条件アップグレード(キロ数+チェックイン回数)、9段階進化
レベル名前キロチェックイン対応
Lv.1🔥 初心の巡礼者01スタート
Lv.2🧱 精進の歩者153≈ Day 1
Lv.3💛 行脚の修行者455≈ Day 2
Lv.4👶 信念の道者906≈ Day 3
Lv.5✨ 神通の巡者1358≈ Day 4
Lv.6🌀 無我の行者18010≈ Day 5
Lv.7🤝 悟道の旅人22512≈ Day 6
Lv.8🏆 菩薩の巡者27014≈ Day 7
Lv.9🚀 天上の巡礼30014+全行程走破
各レベル対応1枚AI生成ピンク色スカーフマスコット(1200px WebP)
デュアル条件ロジック:キロ数と打卡数の両方達標初めてアップグレード
8
成就カード解鎖 🏅
3大条件すべて達成初めて解鎖
チェックイン≥3回
アンケート完了
電話番号記入
🎴 カード内容
マスコット+レベル+里程+チェックイン数+カーボン削減量+経路地図
📎 QRコード
個人検証ページ /my/[userId] リンク、商家スキャン検証可
9
共有 📤 Web Share API
一鍵共有、自動OGプレビュー図生成
📤 ネイティブ共有
ボタン実行Web Share API → システムメニュー(LINE/FB/リンク複製)
🖼️ OGプレビュー図
html2canvas スクリーンショット → R2 アップロード → 動的OGメタタグ
🔗 個人ページ
友人リンク点击可見リアルタイムデータ(キロ/チェックイン/カーボン)
🤖 クローラー検出
Pages Function 拦截LINE/FBクローラー、OGメタ改写
10
巡礼完了 🎉
ユーザー主動終了またはアクティビティ終了自動決済(4/20)
GPS追跡停止 → 最終レベル決済 → 成就カード定版
個人ページ永久保留(QRコード継続有効)
隱私權聲明問題回報
EN