0% found this document useful (0 votes)
95 views16 pages

SPFI

This document provides details about the graphical user interface (GUI) design for the Seamen's Provident Fund Organisation system. It describes pages for new seafarer registration, seafarer login, and the dashboard. The dashboard allows users to view their PF balance, bank account details, and request non-refundable withdrawal or final withdrawal. It also lists navigation tabs for home, request status, view, and profile pages. The purpose is to elaborate the GUI design in conjunction with the system design specification document.

Uploaded by

Raushan Raj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
95 views16 pages

SPFI

This document provides details about the graphical user interface (GUI) design for the Seamen's Provident Fund Organisation system. It describes pages for new seafarer registration, seafarer login, and the dashboard. The dashboard allows users to view their PF balance, bank account details, and request non-refundable withdrawal or final withdrawal. It also lists navigation tabs for home, request status, view, and profile pages. The purpose is to elaborate the GUI design in conjunction with the system design specification document.

Uploaded by

Raushan Raj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 16

Seamen’s Provident Fund Organisation.

NIC

Revision History

Description of Prepared User done Reviewed/ approved


Version Date
Version by by by

First Release

SPFO Page 1
Seamen’s Provident Fund Organisation. NIC

TABLE OF CONTENTS
 

INTRODUCTION........................................................................................................................................................................................................ 3

Document Overview …………….3

Reference................................................................................................................................................................. 3
Definitions, acronyms and abbreviations.............................................................................................. 3
Open Issues............................................................................................................................................................. 3
Assumption & Constraints......................................................................................................................... 3

UI DETAILS......................................................................................................................................................................... 3

Seamen’s provident Fund Organisation………...........................................................................................................3

Landing Page..............................................................................................................................................................4
New Seafarer registration...........................................................................................................................................................4
Seafarer Login.................................................................................................................................................................................7

Dashboard...............................................................................................................................................................................................8
1. View PF Balance...................................................................................................................................................................................................8
2. Bank Account Details.........................................................................................................................................................................................9
3. Request For NRW/FW....................................................................................................................................................................................11
a. Request for NRW…………………………………………………………………………………………………………………………………12
b. Request for FW……………………………………………………………………………………………………………………………………13

Home...............................................................................................................................................................................15
Request Status...................................................................................................................................................................................15
Passbook………………………………………………………………………………………………………………..…………………………………..8
Request for NRW/FW………………………………………………………………………………………………………………………………..11
View......................................................................................................................................................................................................15
Profile.........................................................................................................................................................................................................................16
Change Password……………………………………………………………………………………………………...…………………………….16
Logout…………………………………………………………………………………………………………………………………………………….16

SPFO Page 2
Seamen’s Provident Fund Organisation. NIC

1. INTRODUCTION:-
DOCUMENT OVERVIEW
[The purpose and contents of this document is to elaborate GUI design. This document should be read
in conjunction with SDS document]

REFERENCE
[This section shall list the number, title, revision, and date of all documents referenced in this report.]

DEFINITIONS, ACRONYMS AND ABBREVIATIONS


[This section shall contain details about all the definitions, acronyms and abbreviations used in this
document]

OPEN ISSUES
[This section shall contain details about all the open issues that are open, pending and have impact on
the design]

ASSUMPTION & CONSTRAINTS


[This paragraph shall detail out design constraints, considered]

UI DETAILS:-
SEAMENS PROVIDENT FUND ORGANISATION:-

SPFO Page 3
Seamen’s Provident Fund Organisation. NIC

LANDING PAGE: -

 This is the landing page for user . This screen is designed to allow user to login to their account, New
Seafarer Registration & New Company Registration.
 This page also shows the logo & address of the organisation.

New Seafarer Registration


 If User wants to registered yourself in the organization then user has to clicks on the <New Seafarer
Registration> button.
 After clicking on the <New Seafarer Registration> button, user will navigate to new page.

SPFO Page 4
Seamen’s Provident Fund Organisation. NIC

SPFO Page 5
Seamen’s Provident Fund Organisation. NIC

 In this page user has to provide the details like Full-Name, C.D.C Number, Registration Number, Father’s Name,
Identification number or Distinguishing Marks, Date of Birth, Religion, Marital status, Seafarer Email-id,
Mobile number, Permanent address & should clicks on the declaration tick box.
 User also has to provide Nominee details like Nominee full name, Nominee Full address, Nominee relationship,
Share payable, Nominee Mail-id, Pin number, Whether Minor or Major, Age Of Minor, Guardian Full name &
Guardian Full Address.
 User has to choose the “Yes” Or “No” button for certification.
 User has to upload the CDC book scan & Aadhar card or Pass port or Driving License scan in pdf format.
 For uploading user has to clicks on the Browser button

 After clicking on Browser button user has to search the file in the system or user will choose the file in the
system.
 After chosen file, user has to click on the open button to upload the file.
 User should clicks on the declaration tick box and enters the captcha which will show in the page.
 After providing all the details in page user has to clicks on <Add> button.
 User provided details must go for Approval in spfo office.
 If spfo office approved the details then user will get user-id & password in the provided mail-id & Mobile
number.

SPFO Page 6
Seamen’s Provident Fund Organisation. NIC

 Seafarer Login:
 If the registered user got the user-id & password then user has to clicks on the login button by which user
will navigate to new page within the page.

 In this page user has to enter user-id, password & Captcha then user should clicks on the login button to
login into the system.
 After clicking on the login button user will navigate to new page.

 When user entered into the system then system will show the important notification in the pop-up.
 If wants to close the notification then user should clicks on the <cross> button.

SPFO Page 7
Seamen’s Provident Fund Organisation. NIC

 DASHBOARD:
 After closing the notification user will navigate to dashboard page.

 In this page user will able to see the


 <View PF Balance> tab
 <Bank account Details>
 <Request For NRW/FW>
 In this page user will able to see four tab right side top of the page that tab are
 <Home>
 <Request Status>
 <View>
 <Profile>
 This page also shows the <i-Alert> box which provide information regarding the system.
 In this page user also gets information regarding him or herself in the Member profile.

View PF Balance:-

 If user wants to view the PF balance then user should clicks on the <View PF Balance> tab.
 After clicking on the <View PF Balance> tab user will navigate to new page.

SPFO Page 8
Seamen’s Provident Fund Organisation. NIC

 In this page user has to choose the year from the <From Year> button to see the details of PF balance.
 After chosen the year user will able to see the PF details in the ledger document table.
 If wants to print the ledger document or PF details then user should clicks on the <Print Preview> button.

Bank account Details:


 User must have to add a bank details in the system. For adding the bank account user has to clicks on the
<Bank account details> tab.
 If user clicks on the <Bank account details> tab then user will navigate to new page.

SPFO Page 9
Seamen’s Provident Fund Organisation. NIC

 In this page user will bale to see the added bank detail like the account number, bank name, IFSC code &
Status of the bank details.
 The status of bank details shows the Pending, Approved or Rejected.
 If user wants to add bank account then user will clicks on the <Add Bank Details> button.
 After clicking on the <Add Bank Details> button user will navigate to new page.

SPFO Page 10
Seamen’s Provident Fund Organisation. NIC

 In this page user has to provide IFSC Code, Account Number, Confirm Account number & Attach passbook
first page.
 The Bank name, Centre & Branch will come automatically by providing the IFSC code.
 For attaching the passbook, user has to clicks on the Browser button

 After clicking on Browser button user has to search the file in the system or user will choose the file in the
system.
 After chosen file, user has to click on the open button to attach the file.
 User should clicks on the declaration tick box and enters the submit button.
 User provided details must go for Approval in spfo office.
 If SPFO office approved or Rejected the details then user will get confirmation notification in the provided mail-
id, Mobile number & in the personal login.

Request For NRW/FW:


 If User wants to request for NRW or FW then user should clicks on the <Request For NRW/FW> tab.
 After clicks on the <Request for NRW/FW> tab, user will navigate to new page.

SPFO Page 11
Seamen’s Provident Fund Organisation. NIC

 In this page user has to choose the PF withdrawal Type.

Request For NRW:

 If user chooses the Non Refundable Withdrawal (NRW) then user has to choose the purpose of withdrawal
from the drop down.
 In the below table, there are some information regarding the purpose of the withdrawal.
 If user choose the 58(A)- Jobless then user will get 10% of Seafarer Contribution.
 If user choose the 58(B)- Medical then user will get 25% of Seafarer Contribution.
 If user choose the 58(C)- House construction then user will get 75% of Seafarer’s & Employer’s
Contribution.
 If user choose the 58(CR)- House Repair then user will get 25% of Seafarer Contribution.
 If user choose the 58(E)- Marriage/Higher education then user will get 50% of Seafarer Contribution.
 According to purpose of withdrawal all the amount has been calculated in the given table.
 If user enter more than predefined amount according to the table then system will restrict the user to move
forward.
 If user provides “Amount Requested” according to the purpose then user should clicks on the <Next> button.
 If user clicks on the <Next> button then user will navigate to new page.

SPFO Page 12
Seamen’s Provident Fund Organisation. NIC

 In this page user has to attach the Cancelled cheque leaf/ Passbook first page/ Bank statement(in PDF
format only).
 User has to upload the CDC & Upload document(like Aadhar or Passport or Driving license).
 User also has to provide the Address details & Bank details.
 User should clicks on the declaration tick box and clicks on the <Request> button.
 After clicks on the <Request> button user will get a Request-id number.

Request For FW

 If user chooses the Final Withdrawal (FW) then user has to choose the purpose of withdrawal from the drop
down.
 The purposes of withdrawal are Superannuation, Medically unfit, Voluntary Retirement & Misconduct.

SPFO Page 13
Seamen’s Provident Fund Organisation. NIC

 After choosing the appropriate purpose of withdrawal then user should clicks on the <Next> button.
 If user clicks on <next> button then user will navigate to new page.

SPFO Page 14
Seamen’s Provident Fund Organisation. NIC

 In this page user has to attach the Cancelled cheque leaf/ Passbook first page/ Bank statement(in PDF
format only).
 User has to upload the CDC & Upload document (like Aadhar or Passport or Driving license).
 User also has to provide the Address details & Bank details.
 User should clicks on the declaration tick box and clicks on the <Request> button.
 After clicks on the <Request> button user will get a Request-id number.

Home:
 If user wants to come back to home page from other page then user should clicks on the <Home>button.

Request Status:
 If user wants to know about the requested PF the user should clicks on the Request Status.
 After clicks on the Request Status, user will navigate to new page.

 In this page user will able to see the List of request where user will able to know the inward number, inward
date, PF Type, Remarks & status of request(Success or pending).
 If user wants to see the details then user should clicks on the <Eye>button.

View:

SPFO Page 15
Seamen’s Provident Fund Organisation. NIC

 If user clicks on the view button then user will able to see the Passbook(View PF Balance) & NRW/FW
Request. Which are already given in the dashboard.
 If user wants to access the Passbook (View PF Balance) & NRW/FW Request from dashboard or from View
that is depend on the user.
Profile:
 If user clicks on the profile then user will able to see Change password & Logout.

Change Password
 If user wants to change the password the user should clicks on the <Change Password> button.
 After clicking of <Change Password> user will navigate to new page.

 In this page user has to provide the old password, new password & confirm the new password in the
confirm password.
 After providing the password user has to clicks on the <Save> button.
Logout
 If user wants to leave from the application then user should clicks on the <Logout> button.

SPFO Page 16

You might also like