You are on page 1of 37

概要設計書

<利用者用 WEB >
会員

契約締結(おまとめ) (PC)_ 画面仕様

First edition March 5, 2019

Latest version June 26, 2019

management create
approval inspection approval inspection
responsible person

Yamanaka high bird Okamoto SakamotoHoribayashi

1/37
Revision history

version sheet Changes change date changer


1.0 [SB20180070] Create new 3/5/2019 Horibayashi
1.1 01_Electromagnetic De[SB20180070] Screen image, contract image replacement 6/5/2019 Horibayashi
02_Electromagnetic DeDelete contract name
03_Acceptance of account transfer registration
04_Account transfer registration confirmation
05_Account transfer registration result
06_Application form
07_Declaration form
08_Article 16 document
09_request form
10_Repayment Schedule
11_ID and password input
12_17 documents
13_ contract completion
1.2 01_Electromagnetic De[SB20180070] Screen image replacement 6/26/2019 Horibayashi
02_Electromagnetic Delivery Consent Consent
1.3 11_ID and password in [SB20200199] Enable symbol input for member service login ID 7/21/2021 Saito
Item definition Change annotation content
Item check specificati Login ID number changed (32→50) and allowed symbols
1.4 11_ID and password in [202110-QC-067369][Content correction request] Added an annotation to the ID 11/17/2021 Hasumi
registration/change screen (A2C) Added an annotation to the effect that it is
possible to register an ID with an email address
1.5 11_ID and password in [202203-QS-068793] [Content correction] Change and delete annotations on ID regis3/30/2022 Kato

2/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
screen flow conclusion (summary)
(PC) _screen 1.0 Teraoka high Sakamot Horibay
3/5/2019 bird Okamoto o ashi
specifications

PC screen flow “Conclusion of Membership Service Summary Contract”


NG 05
枠内の範囲で途中離脱した場合、 口座振替登
「口座振替登録承諾」画面から再開可能とする。 録 閉じる
(結果NG)
※ 「電磁交付同意承諾」画面で途中離脱した場合、
「電磁交付同意」画面から再開可能とする。 口振
会員 TOP より遷移 ( WEB ) 
※ 別ウィンドウで
起動 返済方 中止
法 03 04 口座振替登 05
02 口座振替登
01 口座振替登 口座振替登 録
電磁交付同意 録 2
電磁交付同意 録 録 処理(ヤマ
承諾 承諾 ト) (結果中断)
確認
口振
( WEB ) 以
外 OK 05
口座振替登
口振 2 録 1

( WEB ) 以 (結果OK)

口振
返済方 ( WEB ) 
法 2

枠内の範囲で途中離脱した場合、
戻る 離脱した画面から再開可能とする。

06 07 08 09 10

申込書 申告書 16 条書面 依頼書 返済予定表

11 12
ID ・パスワード 17 条書面
入力

13 閉じる
契約完了
契約取下げ

閉じる

3/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
01. Consent screen for conclusion (summary)
electromagnetic delivery (PC) _screen 1.2 Yamanaka high Sakamot Horibay
6/26/2019 bird Okamoto o ashi
specifications

1. Outline of processing
・ Perform confirmation procedures for provision of contract documents by electromagnetic means.

2.Common control details


・ Before displaying the screen, perform common check processing.
* For details, refer to the separate sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview Common Check Processing" sheet.

・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"
See

3. Content of control
①contract name
・・・ Display "Summary MAX". 2019/4/26 Removed contract name as it is unnecessary
contractor nameOJ_Application
・・・ information. Name in kanji + "Mr."

②Close button
Close the window when the button is pressed.

③Confirm/Accept (next page) button


When the button is pressed, the screen transitions to the "Electromagnetic Delivery Consent Acceptance" screen.

2 3

4/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
02.Electromagnetic Delivery conclusion (summary)
Consent Approval Screen (PC) _screen 1.2 Yamanaka high Sakamot Horibay
6/26/2019 bird Okamoto o ashi
specifications

1. Outline of processing
・ Confirm the agreement to provide the contract document by electromagnetic means.

2.Common control details


・ Before displaying the screen, perform common check processing.
* For details, refer to the separate sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview Common Check Processing" sheet.

・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"
See

3. Content of control
①contract name
・・・ Display "Summary MAX". 2019/4/26 Removed contract name as it is unnecessary
contractor nameOJ_Application
・・・ information. Name in kanji + "Mr."

②Unconfirmed/unaccepted (back) button


When the button is pressed, the screen transitions to the "Consent to electromagnetic delivery" screen.

③Confirmation (next page) button


2 3 When the button is pressed, transition to the next screen.
* The transition destination screen is sorted according to "OJ_application information. repayment method".
Repayment method Transition destination screen
Account transfer (WEB)
Account transfer registration consent screen
other than those above
Summary application form display screen

5/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
03.Account transfer conclusion (summary)
registration approval (PC) _screen 1.1 Teraoka high Sakamot Horibay
6/5/2019 bird Okamoto o ashi
specifications

1. Outline of processing
・ Approve procedures for account transfer registration.

2.Common control details


・ Before displaying the screen, perform common check processing.
* For details, refer to the separate sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview Common Check Processing" sheet.

・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"
See

3. Content of control
①back button
When the button is pressed, the screen transitions to the "Consent to electromagnetic delivery" screen.

②accept button
When the button is pressed, the screen transitions to the "account transfer registration confirmation" screen.

③contract name
・・・ Display "Summary MAX". 2019/4/26 Removed contract name as it is unnecessary
contractor nameOJ_Application
・・・ information. Name in kanji + "Mr."

1 2

6/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
04. Account transfer conclusion (summary)
registration confirmation (PC) _screen 1.1 Teraoka high Sakamot Horibay
6/5/2019 bird Okamoto o ashi
specifications

1. Outline of processing
・ Carry out confirmation procedures for account transfer registration.

2.Common control details


・ Before displaying the screen, perform common check processing.
* For details, refer to the separate sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview Common Check Processing" sheet.

・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"
See

3. Content of control
①Kana name
1 OJ_application information table. Display kana name

②date of birth
OJ_application information table.

③back button
When the button is pressed, the screen transitions to the "account transfer registration approval" screen.

④button to register
3 4 Sends a POST request to the Yamato System API when the button is pressed.
* For details, refer to the attached sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview".

After that, you will be transferred to the Yamato System site, and the following screen will be displayed according to the registration results there.
(Selection of the return URL is determined by the Yamato system)
・ Account transfer registration result OK screen
・ Account transfer registration result NG screen
・ Account transfer registration result suspension screen

⑤contract name
・・・ Display "Summary MAX". 2019/4/26 Removed contract name as it is unnecessary
contractor nameOJ_Application
・・・ information. Name in kanji + "Mr."

7/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
05.Account transfer conclusion (summary)
registration result (PC) _screen 1.1 Teraoka high Sakamot Horibay
6/5/2019 bird Okamoto o ashi
specifications

1. Account transfer registration result Result OK 1. Outline of processing


・ Display the account transfer registration result (normal system) in the Yamato system.
*See the next page for abnormal systems.

2.Common control details


・ Before displaying the screen, perform common check processing.
* For details, refer to the separate sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview Common Check Processing" sheet.

1 ・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"
See

3. Content of control
①contract name
・・・ Display "Summary MAX". 2019/4/26 Removed contract name as it is unnecessary
contractor nameOJ_Application
・・・ information. Name in kanji + "Mr."

②next button
When the button is pressed, the screen transitions to the "Consolidation application form display" screen.

8/37
2.Account transfer registration result Suspension 1. Outline of processing
・ Display the account transfer registration result (suspended) in the Yamato system.

2.Common control details


・ Before displaying the screen, perform common check processing.
* For details, refer to the separate sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview Common Check Processing" sheet.

・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"
1 See

3. Content of control
①contract name
・・・ Display "Summary MAX". 2019/4/26 Removed contract name as it is unnecessary
contractor nameOJ_Application
・・・ information. Name in kanji + "Mr."

2 ②back button
When the button is pressed, the screen transitions to the "account transfer registration approval" screen.

9/37
3. Account transfer registration result Result NG 1. Outline of processing
・ Display the account transfer registration result (NG) in the Yamato system.

2.Common control details


・ Before displaying the screen, perform common check processing.
* For details, refer to the separate sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview Common Check Processing" sheet.

・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"

See

3. Content of control
①contract name
・・・ Display "Summary MAX".
contractor nameOJ_Application
・・・ information. Name in kanji + "Mr."

②Close button

Close the window when the button is pressed.

10/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
06.Summary application form conclusion (summary)
display screen (PC) _screen 1.1 Teraoka high Sakamot Horibay
6/5/2019 bird Okamoto o ashi
specifications

1. Outline of processing
・ Confirm the contents of the application form PDF and perform the approval procedure.

2.Common control details


・ Before displaying the screen, perform common check processing.
* For details, refer to the separate sheet "03 Member _ 51 Contract Conclusion (Summary) _ Processing Overview Common Check Processing" sheet.

・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"
See

3. Content of control
①contract name
・・・ Display "Summary MAX". 2019/4/26 Removed contract name as it is unnecessary
3 contractor nameOJ_Application
・・・ information. Name in kanji + "Mr."

②Agreement status
Display the status of the contract PDF to be confirmed.
Highlight the currently displayed agreement.

③image of application form


Display the image of the application form PDF.
Application form PDF path: OJ_contract document management. pathname (reference)
* Refer to the separate sheet "03 Member_51 Contract Conclusion (Summary)_Processing Overview" for the conditions for obtaining a pass.

④Handling of Personal Information Link


When you click the link, download the prescribed PDF (Regarding the handling of personal information).
* It is possible to move to the next screen without confirming the rules.

⑤Unconfirmed/unaccepted (back) button


When the button is pressed, transition to the previous screen.
* The transition destination screen is sorted according to "OJ_application information. repayment method".
Repayment method
Transition destination screen
Voice (WEB) Account transfer registration consent screen
other than those
Consent
aboveconsent screen for electromagnetic delivery

⑥Confirm/Accept (next page) button


When the button is pressed, the screen transitions to the "For displaying summary tax return form" screen.

5 6

11/37
5 6

12/37
Application form PDF image

13/37
14/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
07. Screen for displaying conclusion (summary)
high Horibay
summary declaration form (PC) _screen 6/5/2019 1.1 Teraoka Okamoto Sakamot ashi
bird o
specifications

1. Outline of processing
・ Check the contents of the declaration form PDF and perform the approval procedure.

2. Content of control
See "06. Summary application form display screen" for details of control.

①image of tax returns


Display the image of the tax return PDF.

②Unconfirmed/unaccepted (back) button


When the button is pressed, the screen transitions to the "Consolidation application form display" screen.

③Confirm/Accept (next page) button



When the button is pressed, the screen transitions to the "Summary Article 16 Document Display" screen.

2 3

15/37
16/37
Tax return PDF image

17/37
ボタンの配置が左右逆ではないか?(他の
3 2 画面は基本、左が戻るボタン)

18/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
08.Summary Article 16 conclusion (summary)
high Horibay
Document display screen (PC) _screen 6/5/2019 1.1 Teraoka Okamoto Sakamot ashi
bird o
specifications

1. Outline of processing
・ Article 16 Confirm the content of the document PDF and perform the approval procedure.

2. Content of control
See "06. Summary application form display screen" for details of control.

①Image of Article 16 document


Display the image of Article 16 document PDF.

②Terms and Conditions link


When you click the link, download the stipulated PDF (contract agreement (Article 16 document)).

* It is possible to move to the next screen without confirming the contents.

③Unconfirmed/unaccepted (back) button


When the button is pressed, the screen transitions to the "For displaying summary tax return form" screen.

④Confirm/Accept (next page) button


When the button is pressed, the screen transitions to the "For summary request form display" screen.

3 4

19/37
20/37
Article 16 document PDF image

21/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
09.Summary request form conclusion (summary)
display screen (PC) _screen 1.1 Teraoka high Sakamot Horibay
6/5/2019 bird Okamoto o ashi
specifications

1. Outline of processing
・ Confirm the contents of the request form PDF and perform the approval procedure.

2. Content of control
See "06. Summary application form display screen" for details of control.

①image of request form


Display the image of the request form PDF.

②Unconfirmed/unaccepted (back) button


When the button is pressed, the screen transitions to the "Summary Article 16 Document Display" screen.


③Confirm/Accept (next page) button
When the button is pressed, the screen transitions to the "For displaying summary repayment schedule" screen.

2 3

22/37
23/37
Request form PDF image

24/37
25/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
10.Summary repayment conclusion (summary)
high Horibay
schedule display screen (PC) _screen 6/5/2019 1.1 Teraoka Okamoto Sakamot ashi
bird o
specifications

1. Outline of processing
・ Confirm the contents of the repayment schedule PDF and perform the approval procedures.

2. Content of control
See "06. Summary application form display screen" for details of control.

①image of repayment schedule


Display the image of the repayment schedule PDF.

②Unconfirmed/unaccepted (back) button


When the button is pressed, the screen transitions to the "For summary request form display" screen.

③Confirm/Accept (next page) button
When the button is pressed, the screen transitions to the "ID/password input" screen.

2 3

26/37
27/37
Repayment schedule PDF image

28/37
29/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
conclusion (summary)
11.ID/password input screen high
(PC) _screen 6/5/2019 1.3 Teraoka
bird Okamoto Sakamot
o Saito
specifications

1. Outline of processing
・ Register your login ID and password.

2. Content of control
See "06. Summary application form display screen" for details of control.

・ If there is an error in the input item, an error message is displayed at the bottom of the target item,
Restores what the user entered. 2022/3/30 Kato [202203-QS-068793] [Content modification] Annotation change and deletion on the ID registration/change screen (A2 C)
Add " mail@example.com " to the placeholder
・ Clear input items when transitioning from another screen. "E-mail address registration is also possible. ] deleted.

①Show password checkbox 2021/7/21 Saito SB20200199


When checked, remove the password item mask. 2021/11/17 Y.Hasumi [202110-QC-067369] Added a note that it is possible to register an ID with an email address.
Initial state is unchecked.
1 2021/7/21 Saito SB20200199
②Unconfirmed/unaccepted (back) button 2022/3/30 Kato [202203-QS-068793] [Content modification] Annotation change and deletion on the ID registration/change screen (A2 C)
When the button is pressed, the screen transitions to the "For displaying summary repayment Removed
schedule"the
screen.
initial focus so that the contents of the placeholder are displayed when the screen is initially displayed.


2 ③Confirm/Accept (next page) button
When the button is pressed, an input check is performed and the screen transitions to the "Summary Article 17 Document Display" screen.

30/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
12. Summary Article 17 conclusion (summary)
high Horibay
document display screen (PC) _screen 6/5/2019 1.1 Teraoka Okamoto Sakamot ashi
bird o
specifications

1. Outline of processing
・ Article 17 Confirm the content of the document PDF and perform the approval procedure.

2. Content of control
See "06. Summary application form display screen" for details of control.

①Image of Article 17 document


Display the image of Article 17 document PDF.

②Terms and Conditions link


1 When you click the link, download the stipulated PDF (contract agreement (Article 17 document)).
* It is possible to move to the next screen without confirming the contents.

③Unconfirmed/unaccepted (back) button


When the button is pressed, the screen transitions to the "ID/password input" screen.

④Confirm/Accept (next page) button


When the button is pressed, the screen transitions to the "contract completion" screen.

⑤contract withdrawal button


When the button is pressed, a pop-up is displayed to reconfirm the cancellation of the contract.
message: "I will withdraw the contract for the summary loan.
If you withdraw the contract, you will not be able to sign the next contract, is that all right?”

a. Contract withdrawal
= reconfirmation
OK
・ close the window.
* Since the member top page is not displayed again, the electronic contract icon remains displayed.


b. Contract withdrawal
= reconfirmation
cancel
Return to self-view.
3 4 5

31/37
32/37
Article 17 document PDF image

33/37
<Title> <document name> Created date version management development Document number
approvalinspectionapprovalinspection
responsible person
Member contract
13. Contract completion conclusion (summary)
screen (PC) _screen 1.1 Teraoka high Sakamot Horibay
6/5/2019 bird Okamoto o ashi
specifications

1. Outline of processing
・ Notify that confirmation and acceptance of the contract PDF has been completed.

2. Content of control
・ For summary/JSP contract conclusion log, please refer to the separate document "99 common_summary/JSP contract conclusion_contract log output"
See

①contract name
・・・ Display "Summary MAX". 2019/4/26 Removed contract name as it is unnecessary
・・・
contractor nameOJ_Application information. Name in kanji + "Mr."

②Close button

Close the window when the button is pressed.

34/37
<Title> <document name> management development
Created dateversion Document number
approval inspection approval inspection
responsible person
Member contract conclusion
Item definition (summary) (PC) _screen 3/5/2019 1.3 Teraoka
high
Okamoto
Sakamo
Saito
specifications bird to

Common to all screens

No item name control name I/O attributes Min Length Max Length remarks
1 contract name labels O - - -
2 contractor name labels O - - -
3 Unconfirmed / Unaccepted (back) buttons I - - -
Four Confirmation/Consent (next page) buttons I - - -

Account transfer registration consent screen

No item name control name I/O attributes Min Length Max Length remarks
1 Consent buttons I - - -
2 return buttons I - - -

Account transfer registration confirmation screen

No item name control name I/O attributes Min Length Max Length remarks
1 Kana name labels O - - -
2 date of birth labels O - - -
3 registers buttons I - - -
Four return buttons I - - -

Account transfer registration result (OK) screen

No item name control name I/O attributes Min Length Max Length remarks
1 to the next buttons I - - -
2

35/37
Account transfer registration confirmation screen

No item name control name I/O attributes Min Length Max Length remarks
1 return buttons I - - -
2

ID/password entry screen

No item name control name I/O attributes Min Length Max Length remarks
1 identification text boxes I Half-width characters
8 50 Input required 2021/7/21 Saito SB20200199

2 ID (error) labels O - - -
3 password text boxes I Single-byte alphanumeric
8 characters
32 Input required
Four password (error) labels O - - -
Five Password confirmation) text boxes I Single-byte alphanumeric
8 characters
32 Input required
6 Password (Confirm) (Error) labels O - - -
7 show password check box I - - -

Summary Article 17 document display screen

No item name control name I/O attributes Min Length Max Length remarks
1 contract withdrawal buttons I - - -
2

36/37
<Title> <document name> Created date version management development Document number
approval inspection approval inspection
responsible person
Member contract
conclusion (summary)
Item check specification (PC) _screen 1.3 Teraoka high Sakamot Saito
3/5/2019 bird Okamoto o
specifications

ID/password entry screen

No. item name Check details conditions error wording remarks


1 identification need to check Please enter [Item name].

2 half-width check half-width characters only Please enter [Item Name] using single-byte 2021/7/21 Saito SB20200199
alphanumeric characters or symbols [@.-_+].
Character type check Alphabets (A to Z, a to z), numbers (0 to 9)
3 Please enter [Item Name] using single-byte
symbol (@.-_+) alphanumeric characters or symbols [@.-_+].
Four Character count check (number of characters >= 8) and (n Please enter 8 to 50 characters for [Item name].

Five Duplicate ID check Entered ID is registered ID already registered. Please enter another ID.

6 password need to check Please enter [Item name].

7 half-width check half-width characters only Please enter [Item name] in single-byte alphanumeric characters.

Character type check Alphabets (A to Z, a to z), numbers (0 to 9)


8 Please enter [Item name] in single-byte alphanumeric characters.

9 Character count check (number of characters >= 8) and (number of characters <= 32) Please enter 8 to 32 characters for [Item name].

Ten A mix of letters and numbers Please enter [item name] with mixed alphanumeric characters.
Mixed character type check

11 password check Password = ID ID cannot be specified for [Item name].

12 Password confirmation)need to check Please enter [Item name].

13 password check Password and this item are different


Passwords do not match.

* The check items are the same as those on the ID registration/change screen.

You might also like