(トップへ)
このプロジェクトは、防災アプリケーションを開発するためのテンプレートです。ユーザーは地理情報を入力し、天気情報を取得して表示し、最寄りの避難場所とその経路を確認することができます。
(トップへ)
| 技術 | バージョン |
|---|---|
| Python | 3.10.0 |
| Flask | 2.3.2 |
| Flask-SQLAlchemy | 2.5.0 |
| Requests | 2.25.0 |
| BeautifulSoup4 | 4.9.0 |
| Pandas | 1.1.0 |
| SQLite | 3.39.3 |
| HTML/CSS/JavaScript | 最新版 |
(トップへ)
.
├── README.md
├── __pycache__
│ └── config.cpython-38.pyc
├── app
│ ├── __init__.py
│ ├── __pycache__
│ │ ├── __init__.cpython-38.pyc
│ │ ├── models.cpython-38.pyc
│ │ └── routes.cpython-38.pyc
│ ├── models.py
│ ├── routes.py
│ ├── static
│ │ ├── css
│ │ │ ├── disaster_prevention_links.css
│ │ │ ├── geo_info.css
│ │ │ ├── route_info.css
│ │ │ ├── styles.css
│ │ │ └── weather_info.css
│ │ └── js
│ │ ├── city.js
│ │ ├── dbviewer.js
│ │ ├── index.js
│ │ └── weather_info_scripts.js
│ └── templates
│ ├── base.html
│ ├── disaster_prevention_links.html
│ ├── geo_info.html
│ ├── index.html
│ ├── route_info.html
│ └── weather_info.html
├── config.py
├── database.db
├── evacuation_site.json
├── instance
│ └── app.db
├── json_to_sqlite.py
├── requirements.txt
├── run.py
└── shelters.db
(トップへ)
-
Python 環境のセットアップ
必要なパッケージをインストールします。
pip install -r requirements.txt
-
アプリケーションの起動
アプリケーションを起動します。
python run.py
-
アクセス
ブラウザで以下のURLにアクセスします。
http://127.0.0.1:5000
(トップへ)
graph LR
A[ユーザー] -->|スマホ/PC| B[クライアントアプリ]
B --> C[Webサーバー]
C --> D[アプリケーションサーバー]
D --> E[データベースサーバー]
graph TD
A[フロントエンド] --> B[バックエンド]
B --> C[データベース]
subgraph フロントエンド
A1[HTML]
A2[CSS]
A3[JavaScript]
end
subgraph バックエンド
B1[Flask]
B2[APIエンドポイント]
end
subgraph データベース
C1[SQLite]
end
- 地理情報入力: ユーザーが現在地または指定した場所の情報を入力します。
- 天気情報表示: 入力された地理情報に基づき、最新の天気情報を表示します。
- 避難場所情報表示: 入力された地理情報に基づき、最寄りの避難場所を表示します。
- 避難経路表示: 外部アプリに情報を渡して、避難場所までの最適な経路を表示します。
-
地理情報入力画面
- 地理情報の入力フィールド
- 現在地取得ボタン
-
天気情報表示画面
- 現在の天気情報
- 予報情報
-
避難場所表示画面
- 最寄りの避難場所リスト
-
避難経路表示画面
- 現在地から避難場所までの経路地図
地理情報テーブル (geo_info)
| カラム名 | データ型 | 説明 |
|---|---|---|
| id | INTEGER | プライマリキー |
| latitude | FLOAT | 緯度 |
| longitude | FLOAT | 経度 |
| timestamp | DATETIME | 記録日時 |
| city_name | VARCHAR(255) | 都市名 |
天気情報テーブル (weather_info)
| カラム名 | データ型 | 説明 |
|---|---|---|
| id | INTEGER | プライマリキー |
| geo_info_id | INTEGER | 外部キー |
| temperature | FLOAT | 気温 |
| humidity | FLOAT | 湿度 |
| weather_condition | VARCHAR(255) | 天気の状態 |
| timestamp | DATETIME | 記録日時 |
避難場所テーブル (evacuation_sites)
| カラム名 | データ型 | 説明 |
|---|---|---|
| id | INTEGER | プライマリキー |
| name | VARCHAR(255) | 名称 |
| latitude | FLOAT | 緯度 |
| longitude | FLOAT | 経度 |
| address | VARCHAR(255) | 住所 |
| disaster_response | VARCHAR(255) | 災害対応情報 |
地理情報入力の処理フロー
sequenceDiagram
participant User
participant GeoInputScreen
participant SQLite
User->>GeoInputScreen: 地理情報を手動で入力
GeoInputScreen->>SQLite: 地理情報を保存
SQLite->>GeoInputScreen: 保存完了の応答
GeoInputScreen->>User: 保存完了の通知
天気情報表示の処理フロー
sequenceDiagram
participant User
participant SQLite
participant WeatherDisplayScreen
participant Server
participant GeoNames API
participant WeatherAPI
User->>SQLite: 地理情報を保存
SQLite->>WeatherDisplayScreen: 地理情報の送信
WeatherDisplayScreen->>Server: 土地名
Server->>GeoNames API:土地名
GeoNames API->>WeatherAPI:土地名(ローマ字)天気情報要求
WeatherAPI->>Server: 天気情報のレスポンス
Server->>WeatherDisplayScreen: 天気情報の送信
WeatherDisplayScreen->>User: 天気情報を表示
避難場所情報表示の処理フロー
sequenceDiagram
participant User
participant SQLite
participant EvacuationDisplayScreen
participant Server
participant 国土地理院API
User->>SQLite: 地理情報を入力
SQLite->>EvacuationDisplayScreen: 地理情報, 避難場所情報を送信
EvacuationDisplayScreen->>Server: 地理情報, 避難場所情報を送信
Server->>国土地理院API: 2点間距離要求
国土地理院API->>Server: 距離情報のレスポンス
Server->>EvacuationDisplayScreen: 距離情報の送信
EvacuationDisplayScreen->>User: 避難場所情報と距離を表示
避難経路表示の処理フロー
sequenceDiagram
participant User
participant Server
User->>Server: 地理情報つきURL (https://www.google.com/maps/search/?api=1&query=場所名)
Server->>User: 経路情報を表示 (Googleマップの別タブを開く)
(トップへ)
(トップへ)