4.2 Design of System Interface
The following shows about the design of interface of the civil registration information system at Baiyer District Administration BDA.
4.2.1 Structure Menu of Proposed System
In the designing of the structure of the system menu, it can start from the beginning to the end as exactly as how the process of the system functions is shown
below.
Figure 4.13 System Structural Menu
Login page
Citizen registration
Marriage registration
Birth registration
Death registratio
n Citizen ID
Browse citizen data
Main menu Marriage
Details Browse
marriage data Marriage
certificate Main menu
Birth Details
Browse birth data
Birth certificate
Main menu
Main menu
Death certificate
Browse death data
Death Details
Admin Dashboard
Add User View
Admin View
User Main
Menu Demographic
Report Demographic
Report Main
Menu Main menu
4.2.1.1 Structure of the
The following st marriage registration, bir
1. Here is the struct
Upload Citizen Photo Given Name
Surname Mother Name
Place of Birth Date of Birth
Date of Registration Phone Number
Blood Type Qualification
ProfessionJob Gender
Religion Marital Status
Status WardCounty Council
DistrictSuburb ProvinceState
Nationality
View citizen data
Save Can
he Forms
structure shows the input data form of the citize birth registration, and death registration form.
cture of the citizen data input form
CITIZEN REGISTRATION FORM ORGANIZATIONAL LOGO
Browse citizen data Main menu
A B
AB O
Browse No file selected
Day Month
year Day
Month Year
Select Qualification Select Profession
M F
Select Religion Select Status
Select Status Select District
Select Province
Cancel
Figure 4.14 Structural Citizen Data Input Form
zen registration,
rm
2. Here is the structure of the marriage data input form
MARRIAGE REGISTRATION FORM
Search Groom by Citizen ID Search Bride by Citizen ID
GOOM DETAILS
Groom Full Name Religion Of Groom
WardCounty Council DistrictSuburb
ProvinceState Nationality
BRIDE DETAILS
Bride Full Name Religion Of Bride
WardCounty Council DistrictSuburb
ProvinceState NationalityCountry
MARRIAGE DETAILS
Place Of Marriage Date Of Marriage
Date Of Marriage Registration Officiated By
Search
Save Cancel
Day Month
Year Day
Month Year
Marriage Details Browse Marriage Data
Marriage Certificate Main Menu
ORGANIZATIONAL LOGO
Figure 4.15 Structural Marriage Data Input Form
3. Here is the struct
Search Mother Detail By Citizen ID Search Mother Detail By Citizen ID
DETAILS OF MOTHER
Mother Name Religion
Profession WardCounty Council
DistrictSuburb ProvinceState
Nationality
DETAILS OF FATHER
Father Name Religion
Profession WardCounty Council
DistrictSuburb ProvinceState
NationalityCountry
DETAILS OF CHILD
Surname Given Names
Place of Birth Date of Birth
Date of Birth Registration Gender
Religion WardCounty Council
DistrictSuburb ProvinceState
Birth Details Brows
cture of the Birth data input form
BIRTH REGISTRAION FORM
ORGANIZATIONAL LOGO
Search rowse Birth data
Birth Certificate Main Menu
Day Month
Year Day
Month Year
M F
Select Religion Select District
Select Province
NationalityCountry
Figure 4.16 Stru
4. Here is the struct
Search death detail by
DEATH DETAILS
Deceased Name Occupation
Place of Death Cause of Death
Date of Death Date of Death Registration
Gender Religion
WardCounty Council DistrictSuburb
ProvinceState NationalityCountry
DETAILS OF FATHER
Deceased Father Name Occupation
Religion WardCounty Council
DistrictSuburb ProvinceState
NationalityCountry
DETAILS OF MOTHE
Save
Death Details
Structural Birth Data Input Form
cture of the Death data input form
DEATH REGISTRATION
by Citizen ID
HER
THER
Cancel
ORGANIZATIONAL LOGO
Browse Death Data Death Certificate
Main Menu
Day Month
Year Day
Month Year
M F
Select Religion
Search
Deceased Mother Name Occupation
Religion WardCounty Council
DistrictSuburb ProvinceState
NationalityCountry
Figure 4.17 Structural Death Data Input Form
5. Here is the structure of demographic report menu
Figure 4.18 Demographic Report Menu
ORGANIZATIONAL LOGO
Select the preferences and get the demographic reports from following. 1. Select a category which you want to take the demographic report; eg:
citizen, marriage, birth and death 2. Select which year you want to take the demographic report
3. Then click “search” button to get the report
Category Select Year
Select category Year
Search Reset
Demographic Report Main Menu
Save Cancel
Select Month Month
a. The following is the structure of Print out view of citizen report when searching
Table 4.7 Print Out View of Citizen Demographic Report
Report of Citizen in January 2015
given out at Baiyer District Administration BDA
No Gender
Count
1 Male
2 2
Female 3
Total Citizens 5
b. Structural Print view of marriage report
Table 4.8 Print Out View of Marriage Demographic Report
Report of Marriage in January 2015
given out at Baiyer District Administration BDA
No Groom Name
Bride Name
1 James Segeyaro
Alison Tera 2
Lucy Joe Stephennie Joe
3 Grace Emeke
Linda Lama 4
Philip Laudia Rose Jack
5 Samuel Jackson
Priscilla Paul Total Marriages
5
Print Report
Print Report
c. Structural Print out view of birth report
Table 4.9 Print Out View of Birth Demographic Report
Report of Birth in January 2015
given out at Baiyer District Administration BDA
No Gender
Count
1 Male
5 2
Female 6
Total Births 10
d. Structural Print out view of death report
Table 4.10 Print out view of death demographic report Report of Death in January 2015 given out at Baiyer District administration
BDA
No Names
Cause of Death Sex
1 James Segeyaro
Malaria Male
2 Lucy Joe
Typhoid Female
3 Grace Emeke
Cancer Female
4 Philip Laudia
HIV AIDS Male
Total Deaths 4
Print Report Print Report
e. Structural Print out view of citizen profession and Qualification
Table 4.11 Print out View of Citizen Profession and Qualification
Demographic Report by Profession Qualification given out at Baiyer District Administration BDA in 2015
No Profession
Count No
Qualification Count
1 Teacher
1 1
Diploma 2
2 Nursing
2 2
Degree 2
3 Engineer
1 3
Masters 3
4 Pilot
1 4
PhD 1
5 Doctor
1 5
Doctorate 1
Total 6
Total 9
f. Structural print view of citizen by age group
Table 4.12 Print out view of Citizen by Age Group
Demographic Report by Age Group given out at Baiyer District Administration BDA in 2015
No
Range of Age Count
1 1-15
3 2
16-35 4
3 36-45
5 4
46-65 6
5 66 and above
7 g. Structural demographic print out view of all citizens
Table 4.13 Demographic Print out view of all Citizens
Demographic Report by all citizen given out at Baiyer District Administration BDA in 2015
No
Gender Count
1 Male
23 2
Female 35
Total 58
4.2.2 Input Design