---
# System prepended metadata

title: Web管理アプリ

---

# Web管理アプリ

[マニュアルトップ](/-KayxizQTYmF2oKtBe6X3A?both)

[TOC]

## 概要

- [リポジトリ](https://github.com/nanoFreaks/yobimori_admin_tools)
- [管理アプリ](https://yobimori-production.web.app/)

## ユーザ権限
### 管理者（admin）
- 全漁協組合の**全情報**の閲覧
- ユーザの新規作成・編集・削除ができる。

### 事務員（clerk）
- 所属する漁協組合の
    - **ユーザ一覧**
    - **落水事故**
    の閲覧
- 所属する漁協組合のユーザの新規作成・編集・削除ができる。

### 漁師(fisherman)
- web管理アプリの権限なし

### 家族(family)
- web管理アプリの権限なし

## ページ

### ユーザー

#### ユーザー一覧(/users)
![ユーザー一覧img](https://i.imgur.com/3MKWsDv.png)

##### 共通
- 選択した漁協組合に所属するユーザを一覧表示できる
- 表示数は、画面右下の`Rows per page:`で変更できる
- レコードをクリックすると、[ユーザ詳細(/users/_id)](#ユーザー詳細users_id)に遷移
- 「新規ユーザー作成」ボタンから新規ユーザーを作成できる

##### 管理者(admin)権限
- 表示する漁協組合を「漁協組合選択」ボタンから選択可能
- 新規ユーザー作成時に、ユーザーの漁協組合を選択できる

##### 事務員(clerk)権限
- 所属する漁協組合のユーザー**のみ**表示・作成ができる。


#### ユーザー詳細(/users/_id)
![ユーザー詳細img](https://i.imgur.com/aRyqPWP.png)

##### 共通 
- 登録されている情報を表示。ログインパスワードは表示されない。
- フォロワーと家族登録の編集が可能
- 「ダミー事故発生」ボタンをクリックして「ダミー事故発生」モーダルを表示できる。
    - 発生日時、発生位置を入力後「決定」でダミー事故を発生できる
- 「編集」ボタンからユーザー情報を変更できる
- 「削除」ボタンでユーザー削除できる


### マップ


### 落水事故

#### 落水事故一覧(/accidents)

##### 共通 
- 漁協組合の落水事故が一覧表示
    - 漁協組合ごとに絞り込みはできない
    - 所属漁協組合で昇順・降順表示ができる
- 表示数は、画面右下の`Rows per page:`で変更できる
- レコードをクリックすると、[落水事故詳細(/accidents/_id)](#落水事故詳細accidents_id)に遷移

##### 管理者(admin)権限
- 全漁協組合の落水事故が一覧表示

#### 事務員(clerk)権限
- 一覧表示されるのは、所属している漁協組合のみ


#### 落水事故詳細(/accidents/_id)
![落水事故詳細img](https://i.imgur.com/o6u9K81.jpg)

- 落水位置をマップ(google map)で確認できる
- 「近くにいるユーザーの範囲」を半径１〜６kmに調整できる
    - 後述する「緊急連絡通知（近くにいるユーザー）」ボタンで通知できる範囲を変更できる
- 表示するユーザーをチェックボックスで変更できる
- 事故・救助の状況を確認できる
- 「緊急連絡通知（フォロワー）」ボタンを押すと、ユーザーが登録しているフォロワーに緊急連絡を通知する
- 「緊急連絡通知（近くにいるユーザー）」ボタンを押すと、設定した範囲内にいるユーザーに緊急連絡を通知する
- 

### 漁業協同組合
![](https://i.imgur.com/Yxl4t0L.png)

- 現在yobimoriに登録されている漁協組合の一覧が表示。
- 漁協組合がある都道府県名、名前、漢字の読み方が１つの行に表示される。
- 右上の「新規漁協組合作成」ボタンをクリックし、都道府県名、名前、ふりがなを記入してから「保存」をクリックすると、漁協一覧に新しい漁協情報を追加できる↓。
 
![](https://i.imgur.com/pBcHKTM.png)

- 右側のペンマークをクリックすると、表示されている漁協情報が編集できる↓。

![](https://i.imgur.com/hQh8jBt.png)




### デバイス信号

- 各yobimoriデバイスの情報が表示。
- デバイスのID、位置(緯度・経度)、更新日時(最後に通信した日付)が表示されている↓。
![](https://i.imgur.com/WZW82XO.png)


## 課題
#### [githubのissueで課題一覧を確認](https://github.com/nanoFreaks/yobimori_admin_tools/issues)

- ファビコンがNuxt.jsデフォルトになっている
- [「事務員（clerk）」権限のユーザで、新規ユーザが作成できない](https://github.com/nanoFreaks/yobimori_admin_tools/issues/128)
- [「事務員（clerk）」権限のユーザが、自分が所属している漁協組合から、他の漁協組合のユーザへ編集できてしまう](https://github.com/nanoFreaks/yobimori_admin_tools/issues/127)