Version5 DR - Elham
Version5 DR - Elham
Graduation
Project 2024
Implemented By:
Mohamed Ali Elsagheer Mohamed 20190465
Supervised by:
Dr. Elham Shawky Salama
Associate Professor at information technology department
iii
List of Figures
iv
Abstract
This project investigates all the advantages to implement Bayanaty
program, with a focus on its effects on time efficiency, data monitoring,
and administrative processes for both citizens and government entities.
The goal of the application is to streamline operations, enabling citizens
to access services and retrieve documents more promptly, thereby
eliminating the necessity for lengthy queues and repeated visits to
government offices. Additionally, the program augments the
government's capacity to collect and monitor data efficiently, facilitating
informed decision-making based on accurate and current information.
Moreover, the project delves into how the application can play a role in
minimizing administrative errors by providing dependable data,
consequently elevating the quality of services offered. Ultimately, the
Bayanaty application promotes effective communication between the
government and citizens, cultivating a deeper understanding of the
community's needs and expectations.
v
Chapter 1: Introduction
1
The "Bayanaty" website serves as an innovative online platform with the
primary goal of facilitating the streamlined processing of government
papers for users. Its core functionality is geared towards enhancing the
efficiency of government procedures and simplifying data collection
from citizens. This initiative is centered on investigating the potential
advantages of implementing the "Bayanaty" program, with a specific
focus on its impact on time efficiency, data monitoring, and
administrative processes for both citizens and government entities.
2
1.1 Problem Definition:
A significant challenge exists in the community service for residents,
with citizens experiencing prolonged delays in completing their
government paperwork due to extended wait times.
In response to this issue, the My Data application offers services to both
the community and the government. This facilitates easy access for
citizens to obtain government documents while also streamlining data
collection for the government.
Through this platform, citizens can efficiently acquire various services,
including the issuance of birth certificates, national ID cards, passport
applications, and divorce certificates, all without enduring lengthy
waiting periods
3
4 Improving Transparency: The application can increase the level of
transparency regarding government procedures and data handling,
building trust between the government and citizens.
4
Security: Due to the importance of the information recorded on
the website, it is crucial to implement strong measures to protect
user data
5
Chapter 2: Related Works
6
In this chapter, where we delve into a comprehensive exploration of
projects closely aligned with our own. In the following pages, we will
meticulously examine initiatives that bear relevance to the context of our
project. This investigation aims to provide valuable insights, drawing
connections and parallels that contribute to a deeper understanding of
the broader landscape within which our project operates. Join us as we
navigate through diverse projects, uncovering shared elements and
distinctive features that enrich our perspective and inform the
development of our own endeavor.
7
2.2 The Government Services Gateway:
The Civil Status Sector provides various services related to the civil
status of Egyptian citizens (birth, marriage, divorce, and death),
registering them, issuing relevant documents both within and outside the
country. Additionally, the sector handles the correction of information
recorded in records, such as name changes, religion, and nationality,
based on the citizen's request and following the necessary legal
procedures. The Civil Status Sector issues the national ID number for
citizens from the moment of birth. Below is a list of services provided
by the Civil Status Sector, categorized according to their types.
8
.
9
In this chapter, our focus is dedicated to unraveling the intricate tapestry
of software development by delving into the realms of functional and
nonfunctional requirements. As fundamental pillars in the process of
crafting robust and effective systems, these requirements serve as the
guiding beacons for developers and stakeholders alike. The journey
ahead involves a meticulous exploration of the distinctive attributes that
define functional requirements, outlining the specific functionalities a
system must exhibit to meet user needs. Simultaneously, we will
navigate through the landscape of nonfunctional requirements, shedding
light on the critical performance, security, and usability aspects that
shape the overall success and reliability of software solutions. Join us on
this intellectual voyage as we untangle the intricate web of prerequisites
essential for the creation of exceptional software systems
User login: Users can effortlessly log in using either their ID or email
along with a password, with the system ensuring the verification of
entered data before granting access
10
relevant results based on the provided criteria
Data Entry: Users should have the capability to fill in their personal
data securely within the application, The system must implement proper
data validation checks to ensure accuracy and completeness of the
entered information.
Inbox Management: The system should include an inbox feature for
users to receive and manage messages, notifications, or updates, Users
should be able to access their inbox, view messages, mark them as read
or unread, and delete messages as needed.
11
3.2 Non-Functional Requirements:
12
Scalability the system should scale with increased user
loads
3.3 Technology:
1. Database: For our database we will be using db.sqlite3 to store our
user’s data.
3. Frontend: We will use html, css, java script and React library.
HTML provides the structure, CSS handles the styling, and JavaScript
adds interactivity to create a seamless user experience, React is a
popular JavaScript library for building user interfaces, particularly for
creating interactive and dynamic web applications. It was developed and
is maintained by Facebook. React is widely used for building single-
page applications where the content is dynamically updated without
requiring a full page reload
13
Chapter 4: System Analysis &
Design
14
In this chapter, we present the comprehensive system design of our
project, elucidating the foundational framework that underpins its
functionality and structure. The system design is meticulously crafted,
incorporating four key elements essential to its coherence and efficiency:
sequence diagrams, use case diagrams, and class diagrams. These
components collectively provide a holistic view of the project's
architecture, elucidating the dynamic interactions between different
modules through sequence diagrams, outlining user interactions and
system behavior with use case diagrams, and detailing the underlying
class structure and relationships with class diagrams. Through a
systematic exploration of these design elements, we aim to offer readers
a clear and insightful understanding of the conceptual underpinnings of
our project, laying the groundwork for its successful implementation and
functionality.
15
Figure 3: Use case diagram of the proposed system
16
Use story name Sign up
Scenario Create new account for user
Brief description User enters data and System creates a user record and
creates an account
record.
Actors
User_system
Brief description User enters data and System validate data input
Actors
User_system
17
necessary information
Brief description The user inputs their request, and the system verifies
the existence service
Actors User_system
18
conditions
Actors User_system
19
4.3 Class diagram:
A class diagram is a type of UML (Unified Modeling Language)
diagram used in software engineering to visually represent the static
structure of a system. It provides a conceptual model that illustrates the
classes in a system, their attributes, relationships, and methods
20
4.4 Sequence Diagram:
A sequence diagram is a type of UML (Unified Modeling Language)
diagram that illustrates the interactions between objects or components
in a system over time. It shows the flow of messages or events between
different entities, helping to visualize the dynamic behavior of a system
during a specific scenario or use case
21
(password, email address, and name), which is validated. In the event
that the validation process is successful, the data is inserted into the
database and the user receives a success message verifying the
registration. The user is prompted to submit valid data again and
receives a failure warning in the event that validation fails. Throughout
the registration process, this order guarantees correct data validation and
storage.
22
The user signs in by clicking the "sign in button," which causes the sign-
in system to open the sign-in form. This UML sequence diagram
describes the user sign-in procedure. Following submission, the user's
email address and password are checked against the database by the
validation system. Success messages verifying the sign-in are returned if
the credentials are valid. In the event that validation is unsuccessful, the
user is prompted to reenter their credentials via failure messages. This
process guarantees accurate validation and offers feedback according to
the result of the attempt to log in.
23
which causes the form to open on the National ID system. After the user
enters their information, the validation system receives it. After the data
is verified, the validation system adds it to the database. A success
message validating the application is returned if the data validation is
successful. If validation is unsuccessful, the user is prompted to reenter
their data with a failure notice. This diagram guarantees correct data
storage and validation, giving relevant feedback according on the
validation result.
24
Chapter 5: Proposed System
25
In this chapter, we delve into the comprehensive landscape of both
frontend and backend development, providing a holistic view of the
software architecture. The discussion encompasses the intricacies of
designing and implementing the user interface (UI), a crucial aspect that
directly impacts user experience. We explore the principles of frontend
development, focusing on creating visually appealing and intuitive
interfaces that enhance usability. Simultaneously, the chapter delves into
the backend, shedding light on the server-side processes and
functionalities that support the frontend. Additionally, we introduce the
concept of flowcharts as a powerful visual representation tool for
illustrating the logical flow of processes within the software. By
addressing frontend and backend considerations, delving into UI design
intricacies, and incorporating flowcharts, this chapter equips readers
with a comprehensive understanding of the interconnected elements
crucial for effective software development.
5.1 Flowchart:
Start: The process begins here.
Do you have an account? This decision box asks the user whether they
already have an account.
Yes: If the user has an account, they proceed to step 3.
No: If the user does not have an account, they are directed to step 8.
Input email and password: The user enters their email address and
password for their account.
Sign in: The system attempts to sign the user in using the provided
credentials.
Successful: If the credentials are valid, the user proceeds to step 7.
Unsuccessful: If the credentials are invalid, an error message is likely
displayed, and the user may return to step 3 to re-enter their credentials.
Choose your service: This step might involve selecting a specific service
or account to sign in to, depending on the system's functionality.
Input your data: Depending on the chosen service, the user might need
to provide additional information to proceed.
26
Successfully: The user has successfully signed in and now access the
system's features.
Input your information: The user signs up for a new account by
providing their information.
Check your email: The system sends a confirmation email to the user's
address.
End: The process ends here.
27
Figure 7: Flowchart of the proposed system
28
5.2 UI Design:
Figure
The purpose of this 8: Home
form is toPage of Bayanaty
gather the datawebsite
required from users in
order to process their birth certificate request. The fields are set up to
collect request data, parental information, and personal information.
Once all necessary information has been entered, users can submit their
29
Figure 10: Front-end design of Birth certificate
30
Figure 12: Front-end design of National ID page
31
Figure 14: Front-end design of Sign Up page
32
In order to improve the security of personal data, this page verifies that
the person using the website is the same person who is in possession of
the national ID number.
33
5.3 Front End:
34
Figure 18: Front-end code for face validation method
35
5.4 Back End:
36
Figure 20: Back-end code for blink detection method
37
Chapter 6: Conclusion and
Future works
38
6.1. Conclusion:
In this project, the "Bayanaty" offers a state-of-the-art method for
improving administrative effectiveness and modernizing government
paper processing. "Bayanaty" lessens the load on citizens by reducing
the need for repeated trips to government offices and drastically cutting
down on processing times by centralizing and digitizing document
processing. With a strong focus on improving citizen-government
relations, this project will undoubtedly result in time savings,
streamlined data monitoring, and increased administrative effectiveness.
In the end, "Bayanaty" aims to employ technology to transform data
management and government services, offering individuals a more
smooth and user-friendly experience while providing government
organizations with the resources they need to make wise decisions.
39
References:
1- https://www.youm7.com/story/
2023/4/15/%D8%A7%D9%84%D9%82%D8%A7%D9%86%D9%88%D9
%86-%D9%8A%D9%84%D8%B2%D9%85-
%D8%A8%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-
%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A8%D9%8A
%D8%A7%D9%86%D8%A7%D8%AA-%D9%84%D9%83%D9%84-
%D9%85%D9%88%D8%A7%D8%B7%D9%86-
%D8%A8%D8%B1%D9%82%D9%85-
%D9%82%D9%88%D9%85%D9%89-%D9%85%D9%86/6150732
2- https://psm.gov.eg/providers/1/services
3- https://rern.gov.eg/
4- https://digital.gov.eg/
40