jinglaibang-h5

警来帮·智慧寻物（群众端 H5）は、警察の便民サービス窓口を想定した、一般利用者向けの単一HTMLファイル製アプリです。そのまま開いて使え、投写画面・大画面・スマホでのデモに適しています。 ## 機能 - 🔍 **紛失登録（LF）**：音声またはテキストで紛失物を説明し、受付番号を発行。システムが類似する拾得届を自動照合します。 - 🎒 **拾得物登録（HD）**：拾得物を登録すると、確認用の6桁の受渡コードが自動生成されます。 - 📋 **照会・受取**：受付番号または受取コードで進捗を確認できます。 - 🎯 **自動マッチング**：物品名＋場所のキーワードに基づき、紛失届と拾得届を照合します。 - 🧑✈️ **警察官による確認**：照合後、警察官が確認して受取コードを発行。利用者はコードで受け取り、照合を完了します（実際のシステムより警察官の確認工程が一つ多く、誤申告を防ぎます）。 - 🎤 **音声対話**：ブラウザ標準のWeb Speech API（ASR＋TTS）を使用。非対応時はテキストフォームに自動的に切り替わります。 - 💾 **バックエンド不要**：データはブラウザのlocalStorageに保存され、更新しても消えません。 ## 使用方法 ブラウザで `index.html` を開くだけです。音声認識のサポートが最も安定しているChrome/Edgeを推奨します。音声認識は `https://` または `localhost` 環境でのみ利用可能で、`file://` から直接開く場合は手動入力をお使いください。 ## デモの流れ 1. 「拾得物を届ける」から物品を登録 → 受渡コードを取得。 2. 「紛失物を探す」から同じ物品を登録 → システムが照合結果を表示。 3. 紛失届の詳細画面で「警察官確認・受取コード発行」を実行。 4. 「進捗照会・コードで受取」に受取コードを入力 → 受取確認を完了し、両方の届出を解決します。 ## ディレクトリ構成 ``` index.html # 全UI・ロジック・音声・データ層を収録 ``` ## 実バックエンドへの接続 `localStorage` の読み書きを `/api` 呼び出し（記録API・照合API・受取確認API）に置き換えるだけで、UIと状態遷移はそのまま利用できます。 ## ライセンス MIT