# 6月09日～11日
## 今日の目標（９）
外部設計・内部設計おわらせる

## 今日の目標（１０日）
内部設計、HTML作成　DB作成

## 今日の目標（１１日）
要件定義、内部設計、外部設計の修正　DBの完成　管理者側のシステムに着手

# 6月14日の目標
実装を代替終わらせてテスト入りたい

# レイアウト

## 会員側

### ログイン画面

| ID| 入出力項目 | 説明 | I/O |　入力形式 |
| -------- | -------- | -------- | -------- | -------- |
| 1 | メールアドレス | メールアドレスを入力するテキストボックス　| I | [e-mail]|
| 2 | パスワード | パスワードを入力するテキストボックス | I | 8~24、大文字英数記号各1以上使用|
| 3 | ログイン | ログインボタン | I ||
| 4 | 会員登録 | 会員登録のためのボタン(→ 会員登録画面) | I | |

### 会員登録画面
@here ここの入力欄が違います

| ID | 入出力項目 | 説明 | I/O |　入力形式 |
| -------- | -------- | -------- | -------- | -------- |
| 1 | 姓 | 苗字を入力するテキストボックス | I ||
| 2 | 名 | 名前を入力するテキストボックス| I ||
| 3 | 郵便番号 | 郵便番号を入力するテキストボックス | I | 8桁 |
| 4 | 住所１ | 都道府県、市区町村を入力するテキストボックス | I | 255文字以下 |
| 5 | 住所２ | その他住所を入力するテキストボックス | I |255文字以下|
| 6 | メールアドレス | メールアドレスを入力するテキストボックス | I | 255文字以下 |
| 7 | 電話番号 | 電話番号を入力するテキストボックス | I | 11文字以下 |
| 8 | パスワード | パスワードを入力するテキストボックス| I | 8~24文字、大文字英数記号各1以上使用 |
| 9 | （確認）パスワード | 確認のためパスワードを再入力するテキストボックス | I | 同上 |
| 10 | 確認画面へ | 遷移するボタン（→登録内容確認画面） | I ||

### 登録内容確認画面
| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 姓 | 入力された苗字を表示 | O |
| 2 | 名 | 入力された名前を表示 | O |
| 3 | 郵便番号 | 入力された郵便番号を表示 | O |
| 4 | 住所 | 入力された住所を表示 | O |
| 5 | メールアドレス | 入力されたメアドを表示 | O |
| 6 | 電話番号 | 入力された電話番号を表示 | O |
| 7 | 会員登録 | アカウントを登録しログイン画面へ遷移するボタン (→ログイン画面：登録完了メッセージ表示） | I |

### アカウント画面
| ID | 入出力項目 | 説明 | I/O | 入力形式 |
| -------- | -------- | -------- | -------- | -------- |
| 1 | 会員情報 | 会員情報画面に遷移するボタン（→会員情報画面） | I | |
| 2 | 資料検索 | 資料検索画面に遷移するボタン（→資料検索画面） | I | |
| 3 | 資料貸し出し確認 | 資料貸し出し確認に遷移するボタン（→資料貸し出し確認） | I | |
| 4 | ログアウト |ログアウトボタン（→ログイン画面）| I |

### 会員情報画面
| ID | 入出力項目 | 説明 | I/O | 入力形式 |
| -------- | -------- | -------- | -------- | -------- |
| 1 | 会員情報 | 会員情報（名前、住所、メアド、電話番号） | I | |
| 2 | 退会 | 退会するときに押すボタン（→ポップアップ:会員退会） | I | |
| 3 | 会員情報更新 | 会員情報を更新するときに押すボタン（→会員情報更新画面） | I | |

### 会員情報更新画面
| ID | 入出力項目 | 説明 | I/O | 入力形式 |
| -------- | -------- | -------- | -------- | -------- |
| 1 | 苗字 | 苗字変更のため入力するテキストボックス | I ||
| 2 | 名前 | 名前変更のため入力するテキストボックス| I ||
| 3 | 郵便番号 | 郵便番号変更のため入力するテキストボックス | I | 8桁 |
| 4 | 住所１ | 都道府県変更のため入力するテキストボックス | I |~4文字|
| 5 | 住所２ | 市区町村変更のため入力するテキストボックス | I ||
| 6 | メールアドレス | メアド変更のため入力するテキストボックス | I ||
| 7 | 電話番号 | 電話番号変更のため入力するテキストボックス | I | ~11桁|
| 8 | パスワード | パスワード変更のため入力するテキストボックス| I | 8~24、大文字英数記号各1以上使用 |
| 9 | （確認）パスワード | 確認のためパスワードを再入力するテキストボックス | I | 同上 |
| 10 | 更新 | 遷移するボタン（→会員情報画面） | I ||

* パスワードの扱い要検討

### 資料検索画面
| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | タイトル | 書籍名を入力するテキストボックス | I |
| 2 | 検索ボタン | 検索内容入力後検索するボタン（→検索結果表示する） | I |

* ↓一覧表示

| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | タイトル | 書籍名を表示する | O |
| 2 | 著者名 | 著者を表示する | O |
| 3 | 出版社 | 出版社を表示する | O |
| 4 | 詳細 | 資料の詳細を表示するボタン| I |

### 借用資料一覧画面
* 一覧表示

| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 書籍名 | 会員が借りている書籍名を表示 | O |
| 2 | 著者名 | 会員が借りている書籍の著者名を表示 | O |
| 3 | 出版社 | 会員が借りている書籍の出版社を表示 | O |

## 管理者側

### 管理者用ログイン画面　ガワ在り　データベース接続未完成
manages.py -> login_page
manages/login.html
| ID| 入出力項目 | 説明 | I/O |　入力形式 |
| -------- | -------- | -------- | -------- | -------- |
| 1 | メールアドレス | メールアドレスを入力するテキストボックス　| I | [e-mail]|
| 2 | パスワード | パスワードを入力するテキストボックス | I | 8~24、大文字英数記号各1以上使用|
| 3 | ログイン | 管理者画面に遷移するボタン（→管理者画面） | I ||

### 管理者画面 作った
manages.py -> / index
manages/index.html
| ID| 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 会員管理 | 会員管理画面に遷移するボタン（→会員管理画面） | I |
| 2 | 管理者情報更新 | 管理者情報更新画面に遷移するボタン（→管理者情報更新画面） | I |
| 3 | 貸し出し資料一覧画面表示 | 遷移するボタン（→貸出資料一覧表示画面） | I |
| 4 | 資料検索 | 資料一覧画面に遷移するボタン（→資料検索画面） | I |
| 5 | 資料追加 | 資料追加画面に遷移するボタン（→資料追加画面） | I |
| 6 | 資料返却 | 資料返却画面に遷移するボタン (→資料返却画面) | I |

### 会員管理画面　作った
accounts.py -> /account_manage
accounts/account_manage.html

| ID | 入出力項目 | 説明 | I/O |　入力形式　|
| -------- | -------- | -------- | -------- | -------- |
| 1 | 会員検索 | 検索する会員のメールアドレスを入力するテキストボックス | I |メールアドレスで検索|
| 2 | 検索 | テキストボックス入力後検索時に押すボタン(→検索した会員を表示)| I | |

* 検索した会員を表示
accounts.py -> /account_result

| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 名前 | 会員の名前を表示する | O |
| 2 | 詳細 | 会員の詳細を表示 | O |
| 3 | 退会 | 会員を退会させるときに押すボタン（→会員退会確認画面） | I |
| 4 | 更新 | 会員の情報を更新する画面ボタン（→会員情報更新画面） | I |

### 会員情報更新画面　作った
accounts.py -> /account_edit
accounts/account_edit.html
| ID| 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 姓 | 会員の姓を変更する際に入力するテキストボックス | I |
| 2 | 名 | 会員の名前を変更する際に入力するテキストボックス | I |
| 3 | 郵便番号 | 会員の郵便番号を変更する際に入力するテキストボックス | I |
| 4 | 住所1 | 会員の住所１を変更する際に入力するテキストボックス | I |
| 5 | 住所2 | 会員の住所２を変更する際に入力するテキストボックス | I |
| 6 | メールアドレス | 会員のメールアドレスを変更する際に入力するテキストボックス | I |
| 7 | 電話番号 | 会員の電話番号を変更する際に入力するテキストボックス | I |
| 8 | 変更 | 変更内容をデータベースに送り更新するボタン(→ポップアップ) | I |

### 会員退会確認画面　ガワ在り
| ID| 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 会員情報表示　| 退会する会員の情報を表示 | O |
| 2 | 退会 | 会員の退会を確定し、会員管理画面に遷移し、メッセージを表示するボタン(→会員管理画面、flash：退会完了) | I |
| 3 | 戻る| 会員管理画面に戻るボタン（→会員管理画面） | I |

### 貸出資料一覧表示画面　作った
items.py -> /rentals
items/rentals.html
| ID| 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 資料貸し出し検索 | 資料貸し出し検索に遷移するときのボタン(→資料貸し出し選択画面) | I |

* 一覧表示

| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | タイトル| 貸し出されている書籍名を表示する | O |
| 2 | 会員名 | 当該書籍を借りている会員名を表示する | O |

### 資料検索画面　作った
items.py -> /searchs
items/searchs.html
| ID| 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | ISBN番号 | 資料IDで検索するときに入力するテキストボックス | I |
| 2 | 検索 | 入力した条件をもとに検索するボタン | I |

* 一覧表示
| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | タイトル| 書籍を表示する | O |
| 2 | 著者名 | 書籍の著者名を表示する | O |
| 3 | 出版社名 | 書籍の出版社名を表示する | O |
| 4 | 詳細表示 | 書籍の詳細を表示するボタン（→ポップアップ：詳細表示） | I |
| 5 | 資料変更 | 資料を変更する画面への遷移（→資料変更画面） | I |
| 6 | 資料削除 | 資料を削除するボタン（ポップアップ：削除確認） | I |

### 資料追加画面 作った
items.py -> /items_add
items/add.html
| ID| 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | ISBN | 追加するISBNを入力するテキストボックス | I |
| 2 | 資料名 | 追加する書籍名を入力するテキストボックス | I |
| 3 | 著者名 | 追加する書籍の著者名を入力するテキストボックス　| I |
| 4 | 出版社名 | 追加する書籍の出版社名を入力するテキストボックス | I |
| 5 | 追加 | 書籍を追加するときに押すボタン（→ポップアップ：追加しました→資料追加画面へ） | I |

### 資料貸出画面 作った

| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 会員検索 | 会員番号を入力するテキストボックス | I |
| 2 | 検索 | 会員を検索するボタン | I |
| 3 | 資料ID | 貸し出す資料のIDを入力するテキストボックス | I |
| 4 | 追加 | 貸し出す資料を追加する| I |

* 一覧表示
| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 名前 | 会員の名前を表示する | O |
| 2 | 資料 | 借りている資料を表示 | O |
| 3 | 資料 |　予約した資料を表示　| O |
| 4 | 資料 | 追加した資料を表示 | O |
| 3 | 貸し出し | 追加した資料を貸し出すボタン（→flash表示） | I |

### 資料返却画面 作った
| ID| 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | 資料ID　| 資料IDを入力するテキストボックス | I |
| 2 | 検索 | 資料を検索するボタン(↓) | I |

| ID | 入出力項目 | 説明 | I/O |
| -------- | -------- | -------- | -------- |
| 1 | タイトル | 会員が借りている書籍名を表示 | O |
| 2 | 著者名 | 会員が借りている書籍の著者名を表示 | O |
| 3 | 出版社 | 会員が借りている書籍の出版社を表示 | O |
| 4 | 会員ID | 借りている会員IDの表示 | O |
| 5 | 返却 | 返却ボタン(→メッセージ：返却完了) | I |