河川ごみの画像解析Webシステム

クライアント

大手建設コンサルタント河川・環境分野の調査や計画を全国で手がける建設コンサルタント。

業界

コンサルティング・調査 / 官公庁・自治体 / 建設・工事

対応時期

2020〜2024年

担当範囲

設計/制作/保守運用

対応環境

Web

• プロジェクトとユーザの管理
• 河川動画のドラッグ＆ドロップアップロード
• 解析範囲・流下方向・閾値などの解析条件設定
• 解析の試行とフレーム分割画像の確認
• 解析ジョブ一覧とステータスの自動更新表示
• 自然系・人工系ごみ量のグラフと集計表示
• 組織サマリ（動画数・解析数・ストレージ使用量）

対応環境

• Web

開発言語

• PHP
• JavaScript

フロントエンド

• Blade
• Bootstrap 4.6
• jQuery

バックエンド

• Laravel 10
• PHP 8.2

データベース

• MySQL

インフラ・実行環境

• Linux / Apache

主なライブラリ

• Chart.js
• Dropzone.js
• Jcrop
• jQuery UI
• Moment.js
• Laravel Sanctum
• Font Awesome

外部連携

• 画像解析エンジン（ファイル連携）

システム構成Laravel 10のWebアプリが動画・プロジェクト・解析ジョブをMySQLで管理し、解析エンジンとはサーバ上のファイルを介して条件と結果を受け渡す構成。

1. 1解析エンジンとはパラメータファイル・結果ファイル・フラグファイルで連携し、Web側と解析処理を疎結合に保った
2. 2Jcropで動画フレーム上の解析範囲を矩形選択でき、専門知識がなくても条件を指定しやすくした
3. 3ファイル容量による解析制限や削除時の関連フォルダ一括削除で、サーバのストレージを適切に管理した
4. 4既存システムをLaravel 10・PHP 8.2へ移行し、継続保守できる環境に更新した