支払方法登録
{success} 支払い方法 の基本設計及び、画面設計を明記します。
概要
本システムの利用料金を支払う方法を設定・登録
月払い・年払いの設定
プラン人数を変更
をすることができる画面です。
プランアップはいつでも可能です。
プランダウンの際は、現在登録済みの技能実習生以下の人数を入力することは不可とします。
ダウンさせたい場合、技能実習生を「削除」してから、行ってもらう流れとなります。
またプランを変更した際は、都度決済を行わず、次回請求確定日に料金の確定とします。
基本情報
| 名称 | 概要 |
|---|---|
| route | /payment/payment_method |
INDEX
{primary} 初回アクセス時に表示される内容です。
画面レイアウト
ユースケース
flowchart LR
user1("fas:fa-user-tie 監理団体")
user1 --> 新規申込 --> 認証 --> ログイン -.初回.-> 支払方法設定:::index --初回--> 利用開始可能
user1 -.利用中.-> 支払方法設定:::index --利用中--> 次回支払時に変更内容で決済
classDef index fill:#f96;
画面項目
| 物理名 | 項目・論理名 | タイプ | 桁数 | 必須 | 備考 |
|---|---|---|---|---|---|
| payment_method | 支払方法選択 | radio | - | ○ | 1：クレジット / 2：銀行振込 |
| - | クレジットカード | - | △ | 詳細はクレジットカードを参照 |
|
| plan | プラン人数 | input | 10 | △ | 実習中の技能実習生の登録可能数 |
| payment_timing | 契約方法 | radio | ○ | 1 月払い / 5：年払い | |
| - | 登録 | button | - |
基本事項
| 項目 | 概要 |
|---|---|
| クレジットカード | カードの登録は支払方法[クレジット]を選択時のみ必須となる |
| 銀行振込 | 支払方法[銀行振込]を選択時は、契約方法[年払い]のみ選択可能となる |
| プラン人数 | 契約方法[年払い]を選択されている場合、プラン人数の登録は不要となる |
| プランアップ | プラン人数の増加はいつでも可能。次回支払時にそのプラン人数での請求が発生する |
| プランダウン | プラン人数の減少は現在、実習中の技能実習生の登録数より下にすることはできない |
| この場合、技能実習生を削除や凍結してから行ってもらう必要がある | |
| 利用途中での変更 | 次回支払分から、変更された内容で決済が実行される |
処理
| 開発 | 発火 | 処理名称 | 処理内容 |
|---|---|---|---|
| B | アクセス時 | 支払登録内容取得 | 登録されている支払方法やプラン等を取得する |
| F | 支払方法選択時[クレジット] | クレジットの登録 | クレジット登録するコンテンツを表示する |
| F | 支払方法選択時[銀行振込] | 契約方法[年払い]のみ | 契約方法[年払い]のみ表示する |
| F | 契約方法選択時[年払い] | プラン人数非表示 | プラン人数を非表示または無限のような表記をする |
| F | 上記表示制御時 | 注意書き表示 | 年払いのみになる旨や、プラン人数が不要等のアナウンスをする |
| B | 登録押下時 | 登録 | 入力された内容で登録を行う。 |
実装 API
| API 名称 | 処理内容 |
|---|
クレジットカード
{primary} クレジットを登録するコンテンツです
画面レイアウト
ユースケース
flowchart LR
user1("fas:fa-user-tie 監理団体")
user1 --> 新規申込 --> 認証 --> ログイン -.初回.-> 支払方法設定:::index --初回--> 利用開始可能
user1 -.利用中.-> 支払方法設定:::index --利用中--> 次回支払時に変更内容で決済
classDef index fill:#f96;
画面項目 一覧
| 物理名 | 項目・論理名 | タイプ | 桁数 | 必須 | 備考 |
|---|---|---|---|---|---|
| credit_card_number | カード下四桁 | text | - | - | マスクされたカード番号です |
| credit_card_nominee | カード名義人 | text | - | - | 登録されているカードの名義人です |
| credit_card_effective | カード有効期限 | text | - | - | 登録されているカードの有効期限です |
| - | 削除 | button | - | - | |
| - | 編集 | button | - | - |
画面項目 登録モーダル
| 物理名 | 項目・論理名 | タイプ | 桁数 | 必須 | 備考 |
|---|---|---|---|---|---|
| credit_card_number | カード番号 | input | 16 | ○ | |
| credit_card_secure_number | セキュリティコード | input | 5 | ○ | |
| credit_card_nominee | カード名義人 | input | 255 | ○ | |
| credit_card_effective | カード有効期限（MM） | input | 2 | ○ | |
| credit_card_effective | カード有効期限（YY） | input | 2 | ○ | |
| - | 登録 | button | - | - |
基本事項
| 項目 | 概要 |
|---|---|
| クレジットカード | プリペイドは登録不可 |
処理
| 開発 | 発火 | 処理名称 | 処理内容 |
|---|---|---|---|
| F | 削除押下時 | カード情報削除 | 登録されているカードの削除を行う |
| F | 編集押下時 | 登録モーダル表示 | 登録モーダルを空で表示する |
| B | 登録押下時 | 登録 | 入力された内容で GMO のトークン作成 API に投げて、返却値を所持しておく |
実装 API
| API 名称 | 処理内容 |
|---|---|
| GMO トークン作成 API | カード情報を TOKEN 化する API です |