Rehan and Samina Documentation

AJK GOVERNMENT SCHOOLS EDUCATION PORTAL
By
Rehan-Ul-Islam
(Regd. No. 2019-UKT-005656)
Samina Sakhawat
(Regd. No. 2019-UKT-005644)
Supervisor
Dr. Asif Kabir
Session 2019-2023
DEPARTMENT OF CS & IT
FACULTY OF COMPUTING AND ENGINEERING
UNIVERSITY OF KOTLI AZAD JAMMU AND KASHMIR
DECLARTION
We declare that this system is, neither as a whole nor as a part has been copied from any
other source. It is further declared that we have complete our project entirely on the basis
of our personal effort made under the sincere guidance of our teachers. No portion of the
work presented in this report has been submitted in support of any application for any other
degree or qualification of this or any other university or institute of learning. If any part of
this project and write up is proved to be copied out or there is any duplication of code, then
will be responsible for the consequences.
Rehan-Ul-Islam__________
Samina Sakhawat________
ii
DEDICATION
We Dedicate this work to
Our Beloved Parents and our cooperative Teachers.
Whose prayers enabled us to Aways survive in complication
&
Our all-respected teachers and specially our supervisor Dr. Asif Kabir that helped out
To
Accomplish our goal.
He guides us in every stage of final year Project.
iii
TABLE OF CONTENTS
DECLARTION _______________________________________________________________ ii
DEDICATION________________________________________________________________ iii
ABSTRACT __________________________________________________________________ x
ACKNOWLEDGEMENT _______________________________________________________ xi
PREFACE __________________________________________________________________ xii
Chapter 1 _____________________________________________________________________ 1
1 INTRODUCTION __________________________________________________________ 1
1.1 Introduction ___________________________________________________________ 1
1.2 Purpose ______________________________________________________________ 1
1.3 Problem Description ____________________________________________________ 1
1.4 Project Scope __________________________________________________________ 2
1.5 Feasibility Study _______________________________________________________ 2
1.6 How will it Work _______________________________________________________ 2
1.7 System Process Model ___________________________________________________ 3
Chapter 2 _____________________________________________________________________ 4
2 LITERATURE REVIEW/BACKGROUND STUDY ______________________________ 4
2.1 Literature Review/Background study _______________________________________ 4
2.2 Language & Tools ______________________________________________________ 4
2.2.1 Hyper Text Markup Language (HTML) ___________________________________ 4
2.2.2 Cascading Style Sheet (CSS) ____________________________________________ 4
2.2.3 Bootstrap ___________________________________________________________ 4
2.3 Database and Webserver _________________________________________________ 5
2.3.1 DB SQL lite3 ________________________________________________________ 5
2.3.2 Operating System_____________________________________________________ 6
2.3.3 Brower _____________________________________________________________ 6
2.3.4 Development Tools ___________________________________________________ 6
2.3.5 Visual Studio Code ___________________________________________________ 6
2.4 Drawback of Existing System _____________________________________________ 6
2.5 Who is the Website for? _________________________________________________ 6
2.6 Where will it be used? ___________________________________________________ 7
Chapter 3 _____________________________________________________________________ 8
3 SYSTEM REQUIREMENT __________________________________________________ 8
3.1 Introduction ___________________________________________________________ 8
iv
3.2 Requirement Analysis ___________________________________________________ 8
3.2.1 Activities for Requirement Analysis ______________________________________ 8
3.3 Functional Requirement __________________________________________________ 9
3.3.1 For Admin _________________________________________________________ 10
3.3.1.1 Login:_________________________________________________________ 10
3.3.1.2 Manage System: ________________________________________________ 10
3.3.2 For Citizen/Government Focal Person ___________________________________ 10
3.3.2.1 Register _______________________________________________________ 10
3.3.2.2 Login _________________________________________________________ 10
3.3.2.3 Manage Profile _________________________________________________ 10
3.3.2.4 Complaint: _____________________________________________________ 10
3.3.2.5 Donation: ______________________________________________________ 10
3.3.2.6 Check Status: ___________________________________________________ 10
3.3.2.7 Logout:________________________________________________________ 10
3.4 Non Functional Requirement _____________________________________________ 11
3.4.1 Performance: _______________________________________________________ 11
3.4.2 Security Requirements: _______________________________________________ 11
3.4.3 Safety Requirements: _________________________________________________ 11
3.4.4 Software Quality Attributes: ___________________________________________ 11
3.5 System Architecture____________________________________________________ 11
3.5.1 System Architecture of AJK Government Schools Education Portal ____________ 12
Chapter 4 ____________________________________________________________________ 13
4 DESIGN PHASE __________________________________________________________ 13
4.1 Introduction __________________________________________________________ 13
4.2 Interaction Model______________________________________________________ 13
4.3 Use Case Diagram _____________________________________________________ 13
4.3.1 Use Case Diagram of AJK Government Schools Education Portal _____________ 14
4.3.1.1 Use Case Summaries of Education Portal for Government Schools _________ 15
4.4 Class Diagram ________________________________________________________ 16
4.4.1 Class Diagram of AJK Government Schools Education Portal ________________ 16
4.4.2 Classes and their Attributes ____________________________________________ 17
4.4.3 Association ________________________________________________________ 17
4.5 Sequence Diagram _____________________________________________________ 18
4.4.1 Sequence Diagram for Registration ____________________________________ 18
v
4.5.1 Sequence Diagram for Login ___________________________________________ 19
4.5.2 Sequence Diagram for Logout __________________________________________ 19
4.5.3 Sequence Diagram for Register Complaint ________________________________ 20
4.5.4 Sequence Diagram for Manage Complaint ________________________________ 21
4.5.5 Sequence Diagram for Add Donation ____________________________________ 22
4.5.6 Sequence Diagram for Manage Donation _________________________________ 23
4.6 Activity Diagram ______________________________________________________ 23
4.6.1 Activity Diagram for login ____________________________________________ 24
4.6.2 Activity Diagram for Manage Compliant _________________________________ 25
4.6.3 Activity Diagram for GFP to Response on Complaint _______________________ 26
4.6.4 Activity Diagram for Register Donation __________________________________ 27
4.6.5 Activity Diagram for Manage Donation __________________________________ 28
4.6.6 Activity Diagram for GFP to Response on Donation ________________________ 29
Chapter 5 ____________________________________________________________________ 31
5 SYSTEM IMPLEMENTATION ______________________________________________ 31
5.1 Implementation _______________________________________________________ 31
5.2 Index Page ___________________________________________________________ 31
5.2.1 Coding of index page _________________________________________________ 33
5.3 About us Page ________________________________________________________ 37
5.3.1 Coding of about us page ______________________________________________ 38
5.4 Services Page _________________________________________________________ 41
5.4.1 Coding of Service page _______________________________________________ 41
5.5 Video Sect ___________________________________________________________ 42
5.5.1 Coding of AJK Government Schools Videos Section page ___________________ 43
5.6 Skills Page ___________________________________________________________ 45
5.6.1 Coding of Skills Page ________________________________________________ 45
5.7 Team Member Section__________________________________________________ 47
5.7.1 Coding of Team Section page _________________________________________ 47
5.8 Contact Us Page_______________________________________________________ 49
5.8.1 Coding of Contact Us Page ____________________________________________ 49
5.9 Contact Us Send Message ______________________________________________ 50
5.9.1 Coding of Send Message ______________________________________________ 51
5.10 Footer Section ________________________________________________________ 52
5.10.1 Coding of Footer Section page _______________________________________ 52
vi
Chapter 6 ____________________________________________________________________ 55
6 SYSTEM TESTING AND EVOLUTION ______________________________________ 55
6.1 Introduction __________________________________________________________ 55
6.2 Principle of Software Testing ____________________________________________ 55
6.3 Development Testing ___________________________________________________ 56
6.4 Unit Testing __________________________________________________________ 56
6.5 Components Testing ___________________________________________________ 57
6.6 System Testing________________________________________________________ 57
6.7 User Testing __________________________________________________________ 57
6.8 Test Case ____________________________________________________________ 58
6.8.1 Test Case 1: Admin/ Citizen/Government Focal Person Log in ________________ 58
6.8.2 Test Case 2: Citizen/Government Focal Person ____________________________ 59
6.8.3 Test Case 3: Citizen to Register Complaint ________________________________ 60
6.8.4 Test Case 4: Citizen for Donation _______________________________________ 61
Chapter 7 ____________________________________________________________________ 62
7 CONCLUSION & FUTURE EXTENSION _____________________________________ 62
7.1 Introduction __________________________________________________________ 62
7.2 Purpose _____________________________________________________________ 62
7.3 Technologies Overview _________________________________________________ 62
7.4 Requirement Analysis __________________________________________________ 62
7.5 Conceptual Schema ____________________________________________________ 62
7.6 Conclusion ___________________________________________________________ 63
7.7 Future Improvement ___________________________________________________ 63
REFERENCES _______________________________________________________________ 64
8 APPENDICES AND ABBRIVATIONS ________________________________________ 65
8.1 Appendices __________________________________________________________ 65
8.2 Glossary _____________________________________________________________ 65
vii
LIST OF FIGURES
Figure 1: Iterative Waterfall Model .................................................................................... 3
Figure 2:Architecture of AJK Government Schools Education Portal ............................ 12
Figure 3: Use Case Diagram ............................................................................................. 14
Figure 4: Class Diagram ................................................................................................... 16
Figure 5: Sequence diagram for registration ..................................................................... 18
Figure 6: Sequence diagram for login ............................................................................... 19
Figure 7: Sequence diagram for logout ............................................................................. 19
Figure 8: Sequence Diagram to register complaint........................................................... 20
Figure 9: Sequence diagram for manage complaint ......................................................... 21
Figure 10: Sequence Diagram for donation registration ................................................... 22
Figure 11: Sequence diagram for manage donation ......................................................... 23
Figure 12: Activity Diagram for login .............................................................................. 24
Figure 13: Activity diagram for register complaint .......................................................... 24
Figure 14: Activity diagram to manage complaint ........................................................... 25
Figure 15: Activity diagram for GFP response on complaint ........................................... 26
Figure 16: Activity diagram for donation registration ...................................................... 27
Figure 17: Activity diagram for manage donation ............................................................ 28
Figure 18: Activity diagram for GFP response om donation ............................................ 29
Figure 19: Index Page ....................................................................................................... 33
Figure 20: About us Page .................................................................................................. 37
Figure 21: Contact US Page.............................................................................................. 41
Figure 22: AJK Government Schools Videos Section ...................................................... 42
Figure 23: Skills Section Page .......................................................................................... 45
Figure 24: Team Member Section Page............................................................................ 47
Figure 25: Contact Us Page .............................................................................................. 49
Figure 26: Send Message .................................................................................................. 50
Figure 27: Footer Section Page ......................................................................................... 52
viii
LIST OF TABLES
Table 1: Classes and their attribute ................................................................................... 17
Table 2: Classes and their Associations ............................................................................ 18
Table 3: Test Case for Admin/Citizen/Government Focal Person Login ......................... 59
Table 4: Test Case for Citizen/Government Focal Person................................................ 60
Table 5: Test Case for Citizen to register complaint ........................................................ 61
Table 6: Test Case for Citizen for donation ...................................................................... 61
ix
ABSTRACT
“AJK Government Schools Education Portal” is platform that bring growth and progress
into society. Now a day’s current condition of Government Education system is facing
strong criticism.
We are developing a web based solution for our current government education sectors so
that we can make our education compete with modern education system implemented at
first-world countries. Our proposed solution will enable people to highlight issues that
students of government institute are facing.
Right now our government education system didn’t have any proper solution implemented
where people can raise their issues so that those issues can be tackled by higher authorities.
There are many issues in government sectors including building problems, irresponsible
staff problems, furniture problems, pure drinking water and a lot of issues that needs to be
tackled.
x
ACKNOWLEDGEMENT
All the praise and glory to Allah, who has blessed us with the courage and knowledge to
achieve our goal. We can never thank Him enough for His countless blessings upon us.
Praise to Prophet Mohammad (S.A.W), who is and will always be a source of guidance
and knowledge for humanity as a whole.
For us, a mile stone of this nature would never have been possible to achieve without the
support of galaxy of some truly loving and kind people in our life. No words can fully
describe our feelings of respect and gratitude for our affectionate parents, supporting
sibling and friends, whose love, encouragement and prayers invariably buoyed us up. Their
concern, love and support can never be paid back.
We owe a lot of sincere gratitude to our respected supervisor Dr. Asif Kabir whose true
guidance, positive criticism and sincere encouragement made us to get to our destination.
He became a source of inspiration for us and kept us moving in the right direction towards
our goal.
xi
PREFACE
This report presents a description of analysis, design, implementation and testing of the
“AJK Government Schools Education Portal”. These chapters include the steps involved
in the study to development, a brief description of these chapters is given below:
Chapter 1: This chapter contains the Introduction of the project.
Chapter 2: This chapter is about Literature review/Background study.
Chapter 3: This chapter contains the description of proposed system requirements.
Chapter 4: This chapter is about system design.
Chapter 5: This chapter is about implementation of the software.
Chapter 6: This chapter describes the software testing.
Chapter 7: This chapter is about appendices and references.
xii
Chapter 1
1 INTRODUCTION
1.1 Introduction
AJK Government School is platform that bring growth and progress into society.
Now a day’s current condition of Government Education system is facing strong criticism.
We are developing a web based solution for our current government education sectors so
that we can make our education compete with modern education system implemented at
first-world countries. Our proposed solution will enable people to highlight issues that
Right now our government education system didn’t have any proper solution
implemented where people can raise their issues so that those issues can be tackled by
higher authorities. There are many issues in government sectors including building
problems, irresponsible staff problems, furniture problems, pure drinking water and a lot
of issues that needs to be tackled.
We will tackle these issues by developing a system which will force people on high
authorities to take actions for solving these problems. There are many people who want to
contribute for the welfare of educational institutes, so we will incorporate a way where
people can donate their money for the welfare of these institutes. By doing this the students
will prefer government sectors and hence our education will grow.
1.2 Purpose
The main purpose behind development of this system is that higher authorities may
take action against the local people complaint related to the education department. There
are many people who want to contribute for the welfare of educational institutes, so we
will incorporate a way where people can donate their money for the welfare of these
institutes. By doing this the students will prefer government sectors and hence our
education will grow.
1.3 Problem Description
There is no such platform in our AJK where citizen can compliant about any
specific issue related to government institutes. People might start posting issues that they
don’t have any prove. They can post fake issues. The best solution to this people is that if
people want to post/highlight some issue at our website, then they need to add the post and
1
after verification by the admin, the issue will be highlighted and published for authorities
and other people to see.
There are many people who want to contribute for the welfare of educational
institutes, so we will incorporate a way where people can donate their money for the
welfare of these institutes. By doing this the students will prefer government sectors and
hence our education will grow.
1.4 Project Scope
Our web-based solution can be applied onto multiple fields. First, we will
implement this solution on schools inside government sector and then in future we will use
it on highlighting issues from other sectors. If we managed to deploy this system as an
approved website for highlighting government issues, then it can benefit both our students
and government to identify what is going on and how to tackle these issues. It will help our
economy to grow and our literacy will increase gradually.
1.5 Feasibility Study
There might be some issues that we can face in this website.
Problem: People might start posting issues that they don’t have any prove. They can post
fake issues?
Solution: The best solution to this people is that if people want to post/highlight some issue
at our website, then they need to add the post and after verification by the admin, the issue
will be highlighted and published for authorities and other people to see.
1.6 How will it Work
Our system is web-based system in which a registered Citizen will register
complaint about any specific issue related to institutes with complete information including
institute name, location and detail about institute. The government focal person will receive
the complaint at their end and then start their working to solve the issue of institute. After
this successful work the government focal person will send their final report to the admin
about their complaint. The report and complaint will be saved in database for future
assessments.
Contributor will donate their funds with complete information. Donation will send
to the admin of the system, the admin first approves this donation and will forward to the
government focal person. Government focal person will receive the donation at their end
2
and use this to solve the issue of institute. After this successful work the government focal
person will send their final report to the admin about their donation. The report and
complaint will be saved in database for future assessments.
1.7 System Process Model
Software process model is an abstract representation of a software process, which
is a set of activities that leads to the production of a software product. Some of the generic
process models are waterfall model, evolutionary development and component-based
software engineering. For this project we follow iterative waterfall process model [1],
because of clear and unchanging business requirements.
Waterfall model is shown in Figure 1.1.
Figure 1: Iterative Waterfall Model
3
Chapter 2
2 LITERATURE REVIEW/BACKGROUND STUDY
2.1 Literature Review/Background study
We have studied a lot about our project idea. AJK Government Schools Education
portal will also provide online Platform for students and citizen to highlight issues that
This system will also useful for those persons who want to contribute for the
welfare of education. There are many people who want to contribute for the welfare of
educational institutes. So we will incorporate a way where people can donate their money
for the welfare of the institutes.
2.2 Language & Tools
2.2.1 Hyper Text Markup Language (HTML)
HTML is the standard markup language for creating Web pages. This describes the
structure of Web pages using markup. HTML elements are the building blocks of HTML
pages. Elements are in html represented by tags. Tags in html are label pieces of content
such as "heading", "paragraph", "table", and so on. Browsers do not display the HTML
tags, but use them to render the content of the page.
2.2.2 Cascading Style Sheet (CSS)
CSS describes how HTML elements are to be displayed on screen, paper, or in
other media. This saves a lot of work. It can control the layout of multiple web pages all at
once. External stylesheets are stored in CSS files. CSS is used to define styles for your web
pages, including the design, layout and variations in display for different devices and screen
sizes
2.2.3 Bootstrap
Bootstrap is a powerful front-end framework for faster and easier web
development. It includes HTML and CSS based design templates for common user
interface components like Typography, Forms, Buttons, Tables, Navigations, Dropdowns,
Alerts, Modals, Tabs, Accordion, Carousel and many other as well as optional JavaScript
extensions. Bootstrap also gives ability to create responsive layout with much less efforts.
The biggest advantage of using Bootstrap is that it comes with free set of tools for creating
flexible and responsive web layouts as well as common interface components.
4
➢ Save lot of time:
Can save lots of time and efforts using the Bootstrap predefined design templates
and classes and concentrate on other development work.
➢ Responsive Features:
Using Bootstrap, you can easily create responsive designs. Bootstrap responsive
features make your web pages to appear more appropriately on different devices and screen
resolutions without any change in markup.
➢ Consistent Design:
All Bootstrap components share the same design templates and styles through a
central library, so that the designs and layouts of your web pages are consistent throughout
your development.
➢ Easy to use:
Bootstrap is very easy to use. Anybody with the basic working knowledge of
HTML and CSS can start development with Bootstrap.
➢ Compatible with browsers:
Bootstrap is created with modern browsers in mind and it is compatible with all
modern browsers such as Mozilla Firefox, Google Chrome, Safari, Internet Explorer, and
Opera.
➢ Open source:
And the best part is, it is completely free to download and use.
2.3 Database and Webserver
2.3.1 DB SQL lite3
This is a freely available open-source Relational Database Management System
(RDBMS) that uses Structured Query Language (SQL). Structure Query Language is the
most popular language for adding, accessing and managing content in a database. It is most
noted for its quick processing, proven reliability, ease and flexibility of use. MySQL is an
essential part of almost every open-source JS application.
5
2.3.2 Operating System
Functional system where propose system can run and feasible is window and testing
perform on following version of the windows e.g., window 8, 8.1 and later versions.
2.3.3 Brower
Software application for retrieving, presenting and traversing information resources
on the World Wide Web. The system can run on these internet browsers internet explorer,
Mozilla Firefox, chrome, opera mini.
2.3.4 Development Tools
Software that assists in the creation of new software. The platform of editor where
the development of the source code perform is Visual Studio Code.
2.3.5 Visual Studio Code
Visual Studio Code is a lightweight but powerful source code editor which runs on
your desktop and is available for Windows, mac OS and Linux. It comes with built- in
support for JavaScript, Type Script and Node.js and has a rich ecosystem of extensions for
other languages (such as C++, C#, Java, PHP, HTML, CSS, Go) and runtimes (such as
.NET and Unity).
2.4 Drawback of Existing System
➢ There is already a system which is working right now “Citizen Portal” which is
working on all of the domain but we are building a system which is for government
schools of AJK so that their can show productivity in their studies and can be able
to raise voice in case of lack of facilities.
➢ There is no such system that provides a quick information to the departments about
any institute.
➢ Every department take action on the basis of information received by their own
sources.
➢ There is no coordination among different departments that provide information for
the welfare of instates.
2.5 Who is the Website for?
Our web-based solution can be applied onto multiple fields. First, we will
implement this solution on schools inside government sector and then in future we will use
it on highlighting issues from other sectors.
6
If we managed to deploy this system as an approved website for highlighting
government issues, then it can benefit both our students and government to identify what
is going on and how to tackle these issues. It will help our economy to grow and our literacy
will increase gradually.
2.6 Where will it be used?
This website will operate under the admin and government focal person. The admin
and government focal person will keep check the status and details of complaint and
donation.
7
Chapter 3
3 SYSTEM REQUIREMENT
In this chapter we discussed the functional requirements, non-functional
requirements and system architecture of our proposed system. The system requirements
document (sometimes called a functional specification) should define exactly what is to be
implemented. It may be part of the contract between the system buyer and the software
developers.
3.1 Introduction
The objective of this chapter is to creates requirement and analysis phase artifacts
such as function specification identification and categorization of users and system
function; identification of the system attributes and relates them to function to establish the
services, which the system should provide and the constraint under which it must operates.
All requirement analysis is made to the environment in which the system will be used for
management of the projects.
3.2 Requirement Analysis
An understanding of website domain must be developed to carryout requirement
analysis; analysis must develop an understanding of problem domain. A software
requirement is a capability needed by the user to solve a problem or to achieve an objective.
In other words, requirement is a software capability that must be met or possessed by a
system or system component to satisfy a contract, standard, specification, or other formally
imposed documentation. We want to achieve our target by developing quality software that
meets users’ real needs on time. All stakeholders in “AJK Government Schools Education
Portal” must achieve a common understanding of work and functionalists the product will
be and do.
3.2.1 Activities for Requirement Analysis
Requirement analysis is critical to the success or failure of a systems. The
requirements need or opportunities, and defined to a level of detail sufficient for system
design. Conceptually, requirements analysis includes four types of following activity:
➢ Eliciting requirements: the task of communicating with actors and users to
determine what their requirements are. This is sometimes also called requirements
gathering.
8
➢ Analyzing requirements: determining whether the stated requirements are unclear,
incomplete, ambiguous, or contradictory, and then resolving these issues. To
analyzing the requirement, we discuss the whole elicited requirement and data to
finalize the actual requirement.
➢ Requirements modeling: Requirements might be documented in various forms,
such as natural language documents, use cases, user stories, or process
specifications. In respect to modeling purpose, we define respective modal to
corresponding requirement.
➢ Review and retrospective (connected with something that was happen in past):
Our team members reflect on what happened in the iteration and identifies actions
for improvement going forward the modeling work.
In short requirements analysis is a team effort that demands a combination of hardware,
software and human factors engineering expertise as well as skills in dealing with people.
Here are the main activities that involve in requirement analysis:
• Identify needs of institutes.
• Evaluate system for feasibility.
• People can compliant on any specific issue related to institutes.
• People can also donate for the welfare for the betterment of education system.
• Allocate functions to defining system elements.
• Establish schedule and constraints for the projects.
3.3 Functional Requirement
These are statements of services the system should provide, how the system should
react to particular inputs, and how the system should behave in particular situations. In
some cases, the functional requirements may also explicitly state what the system should
0not do. The functional requirements for a system describe what the system should do.
9
3.3.1 For Admin
3.3.1.1 Login:
Admin can login by entering his password and username.

3.3.1.2 Manage System:
Admin can manage Education Portal for Government Schools as follows:
➢ The admin shall be able to login by providing username and password.

➢ The admin shall be able to check for new highlighted issues.
➢ The admin shall be able to approve any issue to be posted publicly.
➢ The admin shall be able to manage their profile.
3.3.2 For Citizen/Government Focal Person

3.3.2.1 Register
Citizen / Government focal person will have to create account to use this system.
So, citizen will send a registration request to admin to sign in in the system.
3.3.2.2 Login
Citizen / Government focal person will login by entering his username and password.
3.3.2.3 Manage Profile
Citizen / Government focal person can check their profile and also modifies it.
3.3.2.4 Complaint:
Citizen / Government focal person can add complaint by clicking new post complaint
button.
3.3.2.5 Donation:
Citizen / Government focal person can make donation for the welfare of institutes.
3.3.2.6 Check Status:
Citizen / Government focal person can view and check their complaint and donation
status.
3.3.2.7 Logout:
Citizen / Government focal person can logout by clicking on logout button.
10
3.4 Non Functional Requirement
Non-functional requirements also called Quality Requirements/Supplementary
requirements are those requirements which elaborate the performance characteristic of the
system and define the constraints on how the system will do so. This includes the things
that you need to put in there to support the system altogether. They are not related to
behavior or functionality. But the environmental conditions under which solution must
remain effective or the qualities that system should possess.
Non- Functional Requirements are as:
3.4.1 Performance:
For the best performance of the software user must follow the sequence of the
activities to achieve the required results. It depends on mobile phone RAM and its
processing system but it doesn’t mean our platform require high level system to operate,
our platform will be simple and easy to use.
3.4.2 Security Requirements:
Only authorized user can access the application after successful signup and login.
3.4.3 Safety Requirements:
While the software is executing a particular task, user must wait for the undergoing
task to complete and must not interrupt otherwise the output will be affected. Incompatible
input or format may also affect the output.
3.4.4 Software Quality Attributes:
The proposed system will be reliable. The application will be easy to use for users.
Our application will be able to use in every type of android system with minimum
specifications mentioned. It will be secure app to use without any harm or malware to the
device.
3.5 System Architecture
System architecture or systems architecture is the conceptual model that defines the
structure, behavior, and more views of a system. An architecture description is a formal
description and representation of a system, organized in a way that supports reasoning
about the structures and behaviors of the system.
System architecture can comprise system components, the externally visible
properties of those components, the relationships (e.g., the behavior) between them. It can
11
provide a plan from which products can be procured, and systems developed, that will work
together to implement the overall system. There have been efforts to formalize languages
to describe system architecture; collectively these are called Architecture Description
Languages (ADLs).
3.5.1 System Architecture of AJK Government Schools Education Portal
Figure 2:Architecture of AJK Government Schools Education Portal
12
Chapter 4
4 DESIGN PHASE
4.1 Introduction
Design is the first step in the development phase for any engineered product or
system. The designer’s goal is to produce a model or representation of a class that will later
be built. Beginning, once system requirement has been specified and analyzed, system
design is the first of the three technical activities -design, code, and test that is required to
build and verify software. This document details the overall software design.
The importance can be stated with the single word “Quality”. Design is the place
where quality is fostered in software development. The design provides us with
representations of software that can assess for quality. Design is the only way that we can
accurately translate a customer’s view into a finished software product or system. Software
design serves as a foundation for all the software engineering steps that follow. Without a
strong design, we risk building an unstable system that will be difficult to test, one whose
quality cannot be assessed until the last stage.
During design, progressive refinement of data structure, program structure, and
procedural details are developed reviewed, and documented. System design can be viewed
from either a technical or project management perspective. From the technical point of
view, design is comprised of four activities – architectural design, data structure design,
interface design, and procedural design.
4.2 Interaction Model
This model describes the interaction between the objects. Its diagrams are
➢ Use Case Diagram
➢ Class Diagram
➢ Sequence Diagram
➢ Activity Diagram
4.3 Use Case Diagram
Use case diagram is a behavioral UML diagram type and frequently used to analyze
various systems. They enable you to visualize the different types of roles in a system and
how those roles interact with the system.
13
4.3.1 Use Case Diagram of AJK Government Schools Education Portal
AJK Government Schools Education Portal
Registration
Forget password
<<extend>>
Admin Login
Check
Citizens
<<include>>
Update
<<include>>
Result
Donor
Register Complaint
<<include>>
Approve Complaint
<<include>>
Complaint <<include>> Transfer Compliant to
Government Division Director
<<include>>
Focal person
View Complaint Status
Add Donation
<<include>>
Donation <<include>> Transfer Donation to

division Director
<<include>>
View Donation Status

Logout
Figure 3: Use Case Diagram
14
4.3.1.1 Use Case Summaries of Education Portal for Government Schools
Actor: Admin, Citizen, Donor and Government Focal Person.
Registration: Citizen, Donor and Government Focal Person canfill the signup form
and submit it to get the login account on the system.
Login: Admin, Citizen, Donor and Government Focal Person canlogin to their panel
to access system functionalities.
Manage Profile: Admin can change his personal info, update password and approve
or rejects users. Citizen, Donor and Government Focal Person can change their own
personal info,update password
Complaint: Citizen can register the complaint. Complaint could be related to
Government Schools. GFP can check status of complaint manage them, and update
the status. Take action on the complaint and donation and generate report back to
admin . Citizenand can view the status of the complaint.
Donation: Donor and also GFP can register the Donation. Donation include Money,
Furniture and stationary. Only admin can check status of donation, manage them,
transfer to DD and update the status. Government Focal Person can check the status of
donation that admin sendto them, take action on the complaint and donation and
generate report back to admin.
Result: Admin can change and upload result. Citizen enter the registration number
and show the child result of the system.
Logout: Admin, Citizen, Donor and Government Focal Person canlogout from the
system.
15
4.4 Class Diagram
Class diagram describes the attributes and operations of a class. We can use class
diagrams to model the objects that make up the system, to display the relationships between
the objects.
4.4.1 Class Diagram of AJK Government Schools Education Portal
Figure 4: Class Diagram
16
4.4.2 Classes and their Attributes
The related classes are tabulated with their brief description and essential attributes.
Table 1: Classes and their attribute
Class Name Description Attributes
User General class name, middleName, lastName,
address, email_id.
Admin Manage System name, middleName, lastName,
address, email_id.
Donor Add donation name, middle Name, lastName,
address, email_id.
Citizen Register name, middleName, lastName,
Complaint address, email_id.
GFP View status name, middleName, lastName,
address, email_id..
Register Registration ComplaintId, Complaint type, description.
Complaint
Register Add DonationId, Donation type, description.
Donation
Manage Status Manage ComplaintId, DonationId.
4.4.3 Association
The relationships between the extracted tables are tabulated.
17
Table 2: Classes and their Associations
Class Multiplicity Relationship Multiplicity Class Name

Name
Admin 1 Can have 1..* Manage Status
Citizen 1..* Can have 1..* RegisterComplaint
Donor 1..* Can have 1..* RegisterDonation
Donor 1..* Can have 1..* RegisterComplaint
GFP 1..* Can have 1..* RegisterDonation
4.5 Sequence Diagram

Sequence diagrams show a detailed flow for a specific use case or even just part of
a specific use case. They are almost self-explanatory; they show the calls between the
different objects in their sequence and can show, at a detailed level, different calls to
different objects. A sequence diagram has two dimensions: The vertical dimension shows
the sequence of messages/calls in the time order that they occur; the horizontal dimension
shows the object instances to which the messages are sent.
4.4.1 Sequence Diagram for Registration
Figure 5: Sequence diagram for registration

18
4.5.1 Sequence Diagram for Login
Figure 6: Sequence diagram for login
4.5.2 Sequence Diagram for Logout
Figure 7: Sequence diagram for logout
19
4.5.3 Sequence Diagram for Register Complaint
Figure 8: Sequence Diagram to register complaint
20
4.5.4 Sequence Diagram for Manage Complaint
Figure 9: Sequence diagram for manage complaint
21
4.5.5 Sequence Diagram for Add Donation
Figure 10: Sequence Diagram for donation registration
22
4.5.6 Sequence Diagram for Manage Donation
Figure 11: Sequence diagram for manage donation
4.6 Activity Diagram

Activity diagrams show the procedural flow of control between two or more class
objects while processing an activity. Activity diagrams can be used to model higher-level
business processes at the business unit level or to model low-level internal class actions. In
my experience, activity diagrams are best used to model higher-level processes, such as
how the company is currently doing business, or how it would like to do business.
23
4.6.1 Activity Diagram for login
Figure 12: Activity Diagram for login
1.5.1 Activity Diagram for Complaint Registration
Figure 13: Activity diagram for register complaint
24
4.6.2 Activity Diagram for Manage Compliant
Figure 14: Activity diagram to manage complaint
25
4.6.3 Activity Diagram for GFP to Response on Complaint
Figure 15: Activity diagram for GFP response on complaint
26
4.6.4 Activity Diagram for Register Donation
Figure 16: Activity diagram for donation registration
27
4.6.5 Activity Diagram for Manage Donation
Figure 17: Activity diagram for manage donation
28
4.6.6 Activity Diagram for GFP to Response on Donation
Figure 18: Activity diagram for GFP response om donation
29
30
Chapter 5
5 SYSTEM IMPLEMENTATION
5.1 Implementation
After the completion of the design phase of the software starts. The purpose of the
development phase is to transfer the design in to executable compute software. In the
development phase, the system is built to meet designed specification. The implementation
phase of any system is concerned with the tools used in the development work and the
components used to implement the system.
5.2 Index Page
31
32
Figure 19: Index Page
5.2.1 Coding of index page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>AJK GSEP</title>
<meta content="" name="description">
<meta content="" name="keywords">


<link href="./assets/img/logo.png" rel="icon">


<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|
Montserrat:300,400,500,700"
rel="stylesheet">


<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
33
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">


<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>


<header id="header" class="fixed-top d-flex align-items-center header-transparent">
<div class="container-fluid">
<div class="row justify-content-center align-items-center">

<div class="col-xl-11 d-flex align-items-center justify-content-between">
<h1 class="logo"><a href="index.html">AJK GSEP</a></h1>


<nav id="navbar" class="navbar">

<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li class="dropdown"><a href="#"><span>Features</span> <i class="bi bi-
chevron-down"></i></a>
<ul>
<li><a href="./complain.html">Complain</a></li>
<li><a href="./Donation.html">Donation</a></li>
<li><a href="./result.html">Online Result</a></li>
</li>
</ul>
</li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>

</div>
</div>
34
</div>
</header>


<section id="hero">
<div class="hero-container">
<div id="heroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel"
data-bs-interval="5000">
<ol id="hero-carousel-indicators" class="carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active" style="background-image: url(./assets/img/hero-

carousel/7.jpg)">
<div class="carousel-container">
<div class="container">
<h2 class="animate__animated animate__fadeInDown">AJK Government
Schools Education Portal</h2>
<p class="animate__animated animate__fadeInUp">AJK Government Schools
Education Portal is platform that bring growth and progress into society. AJK
Government Schools Education Portal is a leading education web portal of Azad Jammu
Kashmir. The online resources we offer are for students, teachers and educationals
institutes, citizen and Goverment focal person.</p>
<a href="#featured-services" class="btn-get-started scrollto animate__animated
animate__fadeInUp">Get
Started</a>
</div>
</div>
</div>
<div class="carousel-item" style="background-image: url(./assets/img/hero-

carousel/9.jpg)">
<h2 class="animate__animated animate__fadeInDown">Complain
Management System</h2>
<p class="animate__animated animate__fadeInUp">On AJK Government
Schools Education Portal, you can track
the progress of
your complaint at each step.</p>
Started</a>
</div>
35
</div>
</div>
<div class="carousel-item" style="background-image: url(./assets/img/hero-

carousel/donation.jpeg)">
<h2 class="animate__animated animate__fadeInDown">Donation
Management System</h2>
<p class="animate__animated animate__fadeInUp">A Donation Management
System for AJK Government Schools
would likely be a digital platform or software designed to streamline the
process of receiving,
tracking, and managing donations for educational purposes. </p>
Started</a>
</div>
</div>
</div>
<div class="carousel-item" style="background-image: url(assets/img/hero-

carousel/8.jpg)">
<h2 class="animate__animated animate__fadeInDown">Online AJK
Government Schools Result Management</h2>
<p class="animate__animated animate__fadeInUp">A Result Management
System for AJK Government Schools
would likely be a digital platform or software designed to efficiently manage
and process student
examination results.</p>
Started</a>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-

slide="prev">
<span class="carousel-control-prev-icon bi bi-chevron-left" aria-
hidden="true"></span>
36
</a>
<a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-

slide="next">
<span class="carousel-control-next-icon bi bi-chevron-right" aria-
hidden="true"></span>
</a>
</div>
</div>
</section>
5.3 About us Page
Figure 20: About us Page
37
5.3.1 Coding of about us page


<section id="about">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h3>About Us</h3>
<p>Education Portal for Government Schools is a platform that bring growth and
progress in the society. Now a day's current condition of Government Education system is
facing strong criticism. We are developing a web based solution for our current government
education center so that we can make our education compete with modern education system
implemented at modern countries. Our propose solution will enable people to highlight
issues that student of government institutes are facing.</p>
</header>
<div class="row about-cols">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="100">

<div class="about-col">
<div class="img">
<img src="assets/img/about-mission.jpg" alt="" class="img-fluid">
<div class="icon"><i class="bi bi-bar-chart"></i></div>
</div>
<h2 class="title"><a href="#">Our Mission</a></h2>
<p>
The mission of the AJK Government Schools Education Portal could be to
provide accessible, high-quality education resources and services to students, teachers,
parents, and stakeholders across Azad Jammu and Kashmir (AJK). The portal might aim
to enhance the overall educational experience, facilitate learning, and contribute to the
advancement of education in the region.</p>
</div>
</div>

<div class="img">
<img src="assets/img/about-plan.jpg" alt="" class="img-fluid">
<div class="icon"><i class="bi bi-brightness-high"></i></div>
</div>
<h2 class="title"><a href="#">Our Plan</a></h2>
<p>
Our plan to provide the online result systems and donation management system
and also that citizen can any school complain to apply here. </p>
</div>
</div>
38
<div class="img">
<img src="assets/img/about-vision.jpg" alt="" class="img-fluid">
<div class="icon"><i class="bi bi-calendar4-week"></i></div>
</div>
<h2 class="title"><a href="#">Our Vision</a></h2>
<p>
The vision of the AJK Government School Education Portal might be to create
a technologically advanced and inclusive platform that empowers learners of all ages and
backgrounds. The portal could envision a future where every student, regardless of their
location or socioeconomic status, has equal access to relevant educational materials,
interactive tools, and supportive communities. It might strive to foster a culture of
continuous learning and innovation, helping to raise the quality of education and contribute
to the overall development of the AJK region.</p>
</div>
</div>
</div>
</div>
</section>


<section id="services">
<header class="section-header wow fadeInUp">

<h3>Services</h3>
<p>AJK Government Education Portal provides you the Services of Complain,
Donation and Results System. AJK Government Education Portal provides profiles on
public schools in AJK. As a nonprofit organization, we are dedicated to providing valuable
information about the educational organizations across the country.</p>
</header>
<div class="row">
<div class="col-lg-4 col-md-6 box" data-aos="fade-up" data-aos-delay="100">

<div class="icon"><i class="bi bi-briefcase"></i></div>
<h4 class="title"><a target="_blank" href="./complain.html">Post
Complain</a></h4>
<p class="description">Post your Complaint.</p>
</div>
<div class="icon"><i class="bi bi-card-checklist"></i></div>
39
<h4 class="title"><a target="_blank"
href="./Donation.html">Donation</a></h4>
<p class="description">Contribute your funds</p>
</div>
<h4 class="title"><a target="_blank" href="https://hsscresult.ajkbise.net/HSSC-
II/index.php" >Online Result</a></h4>
<p class="description">Check the Student Result</p>
</div>
</div>
</div>
</section>
40
5.4 Services Page
Figure 21: Contact US Page
5.4.1 Coding of Service page


<section id="services">
<header class="section-header wow fadeInUp">

<h3>Services</h3>
<p>AJK Government Education Portal provides you the Services of Complain,
Donation and Results System. AJK Government Education Portal provides profiles on
public schools in AJK. As a nonprofit organization, we are dedicated to providing valuable
information about the educational organizations across the country.</p>
</header>
<div class="row">

<div class="icon"><i class="bi bi-briefcase"></i></div>
<h4 class="title"><a target="_blank" href="./complain.html">Post
Complain</a></h4>
<p class="description">Post your Complaint.</p>
</div>
<div class="icon"><i class="bi bi-card-checklist"></i></div>
<h4 class="title"><a target="_blank"
href="./Donation.html">Donation</a></h4>
41
<p class="description">Contribute your funds</p>
</div>
<h4 class="title"><a target="_blank" href="https://hsscresult.ajkbise.net/HSSC-
II/index.php" >Online Result</a></h4>
<p class="description">Check the Student Result</p>
</div>
</div>
</div>
</section>
5.5 Video Sect
Figure 22: AJK Government Schools Videos Section
42
5.5.1 Coding of AJK Government Schools Videos Section page


<section id="call-to-action">
<div class="container text-center" data-aos="zoom-in">
<h3>AJK Goverment Schools Videos</h3>
<div class="mainvideo">
<div class="video1">
<iframe width="300" height="315"
src="https://www.youtube.com/embed/0XycT82hWgU"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
src="https://www.youtube.com/embed/9pEY06wh6-0"
</div>
src="https://www.youtube.com/embed/TTPsQSmEYE8"
43
</div>
</div>
<div class="mainvideo">
src="https://www.youtube.com/embed/geK7Axtq46U"
</div>
src="https://www.youtube.com/embed/qBJ7zs5rcEM"
</div>
src="https://www.youtube.com/embed/hgjJrWBlppI"
</div>
</div>
</div>
</section>
44
5.6 Skills Page
Figure 23: Skills Section Page
5.6.1 Coding of Skills Page


<section id="skills">
<header class="section-header">
<h3>Our Skills</h3>
<p>The programming languages used in the AJK Government Schools Education
Portal website are mostly HTML, CSS and JS.</p>
</header>
<div class="skills-content">
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100"
aria-valuemin="0"
aria-valuemax="100">
<span class="skill">HTML <i class="val">100%</i></span>
</div>
</div>
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="90" aria-
valuemin="0"
45
<span class="skill">CSS <i class="val">90%</i></span>
</div>
</div>
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="75"
aria-valuemin="0"
<span class="skill">JavaScript <i class="val">75%</i></span>
</div>
</div>
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="55" aria-
valuemin="0"
<span class="skill">Photoshop <i class="val">55%</i></span>
</div>
</div>
</div>
</div>
</section>
46
5.7 Team Member Section
Figure 24: Team Member Section Page
5.7.1 Coding of Team Section page


<section id="team">
<div class="section-header">
<h3>Team</h3>
<p>Our Team led this websites</p>
</div>
<div class="row gap-lg-5" >
<div class="col-lg-3 col-md-6 align-items-center" >

<div class="member" data-aos="fade-up" data-aos-delay="100">
<img src="./assets/img/02.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Dr. Asif Kabir</h4>
<span>Assistant Professor</span>
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
47
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-whatsapp"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<img src="./assets/img/rehan.jpeg" class="img-fluid" alt="">
<h4>Rehan Ul Islam</h4>
<span>Student</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">

<img src="./assets/img/samina.png" class="img-fluid" alt="">
<h4>Samina Sakhawat</h4>
<span>Student</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
48
5.8 Contact Us Page
Figure 25: Contact Us Page

5.8.1 Coding of Contact Us Page


<section id="contact" class="section-bg">
<div class="section-header">
<h3>Contact Us</h3>
<p>If you have any work from me or any types of quries related to our Education
Portal, you can send me
message from here. It's my pleasure to help you.</p>
</div>
<div class="row contact-info">
<div class="col-md-4">
<div class="contact-address">
<i class="bi bi-geo-alt"></i>
<h3>Address</h3>
<address>Village Kurti Kotli Near University of Kotli AJK</address>
</div>
</div>
49
<div class="contact-phone">
<i class="bi bi-phone"></i>
<h3>Phone Number</h3>
<p><a href="tel:+923401528116">+92 340 1528116</a></p>
</div>
</div>
<div class="contact-email">
<i class="bi bi-envelope"></i>
<h3>Email</h3>
<p><a
href="mailto:rehanzahid516@gmail.com">rehanzahid516@gmail.com</a></p>
</div>
</div>
</div>
5.9 Contact Us Send Message
Figure 26: Send Message
50
5.9.1 Coding of Send Message
<div class="form">
<form action="forms/contact.php" method="post" role="form" class="php-email-
form">
<div class="row">
<div class="form-group col-md-6">
<input type="text" name="name" class="form-control" id="name"
placeholder="Your Name" required>
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" required>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject"
placeholder="Subject" required>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5"
placeholder="Message" required></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</section>
51
5.10 Footer Section
Figure 27: Footer Section Page

5.10.1 Coding of Footer Section page


<footer id="footer">
<div class="footer-top">
<div class="row">
<div class="col-lg-3 col-md-6 footer-info">

<h3>AJK GSEP</h3>
<p>AJK Government Schools Education Portal is platform that bring growth and
progress
into society. AJK Government Schools Education Portal is a leading education
web portal of Azad Jammu
Kashmir. The online resources we offer are for students, teachers and
educationals institutes, citizen
and Goverment focal person.</p>
</div>
<div class="col-lg-3 col-md-6 footer-links">

<h4>Useful Links</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#">Home</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">About us</a></li>
52
<li><i class="bi bi-chevron-right"></i> <a href="#">Services</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Privacy policy</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-contact">

<h4>Contact Us</h4>
<p>
Village Kurti Kotli <br>
Near University of <br>
Kotli AJK<br>
<strong>Phone:</strong> +92 340 1528116<br>
<strong>Email:</strong> rehanzahid516@gmail.com<br>
</p>
<div class="social-links">
<a href="https://wa.me/message/IQOVM4CIW6ODN1" class="Whatsapp"
target="_blank"><i
class="bi bi-whatsapp"></i></i></a>
<a href="https://web.facebook.com/groups/AJKBISEOFFICIAL"
class="facebook" target="_blank"><i
class="bi bi-facebook"></i></a>
<a href="https://www.youtube.com/@Govt.Schools-Of-AJk" class="youtube"
target="_blank"><i
class="bi bi-youtube"></i></a>
<a href="https://ajkbise.net/" class="google" target="_blank"><i class="bi bi-
google"></i></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6 footer-newsletter">

<h4>Our Newsletter</h4>
<p>Right now our government education system did not have any proper solution
implemented where people can
raise their issues so that those issues can be tackled by higher authorities.</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
53
<div class="copyright">
© Copyright <strong>AJK Governemnt School Education Portal</strong>. All
Rights Reserved
</div>
<div class="credits">
Designed by <a target="_blank"

href="https://web.facebook.com/rehan.zahid.3382">Rehan Zahid</a>
</div>
</div>
</footer>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i

class="bi bi-arrow-up-short"></i></a>


<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>


<script src="assets/js/main.js"></script>
</body>
</html>
54
Chapter 6
6 SYSTEM TESTING AND EVOLUTION
6.1 Introduction
Software testing is the process of executing a program with intension of finding
errors in the code. It is the process of evolution of system or its parts by manual or
automatic means to verify that it is satisfying specified or requirements or not. Generally,
no system is perfect due to communication problems between user and developer, time
constraints or conceptual mistakes by developer. Testing is used to show incorrectness to
success when an error is detected.
The testing process has two distinct goals:
1. To demonstrate the developer and the customer that the software meets its
requirements. For custom software this means that there should be at least one test
for every requirement in the requirements document. For generic software products,
it means that there should be tests for all the system features, plus combination of
these features, that will be incorporated in the product release.
2. To discover situation in which the behavior of the software is incorrect, undesirable,
or does not conform to its specification. There are consequences of software
defects. Defects testing are concerned with rooting out undesirable system behavior
such as system crashes, unwanted interactions with other systems, incorrect
computations anddata corruption.
6.2 Principle of Software Testing
Software testing is an extremely creative and challenging task. Some important
principles of software testing are as given.
➢ Test should be planned long before testing begins i.e., after requirement phase.
➢ Test for invalid and unexpected input conditions as well as valid conditions.
➢ Testing should begin “in the small” and progress towards testing “in the large”.
55
➢ For the most effective testing should be conducted by independent party.
➢ Keep software static (without change meanwhile) during test.
➢ Document test cases and test results.
➢ All tests should be traceable to customer requirements
➢ Testing time and resources should be limited i.e., avoid redundant testing.
➢ It is impossible to test everything.
➢ Use effective resources to test.
6.3 Development Testing
Development testing includes all testing activities that are carried out by the team
developing the system. The tester of the software is usually the programmer who developed
that software, although this is not always the case. Some development processes use
programmer/tester pairs where each programmer has an associated tester who develops
tests and assists with the testing process.
During development, testing may be carried out at three levels of granularity:
➢ Unit testing, where individual program units or object classes are tested. Unit
testing should focus on testing the functionality of objects or methods.
➢ Component testing, where several individual units are integrated to create
composite components. Component testing should focus on testing component
interfaces.
➢ System testing, where some or all of the components in a system are integrated and
the system is tested as a whole. System testing should focus on testing component
interactions.
Development testing is primarily a defect testing process, where the aim of testing is to
discover bugs in the software. It is therefore usually interleaved with debugging— the
process of locating problems with the code and changing the program to fix these problems.
6.4 Unit Testing
Unit testing is the process of testing program components, such as methods or
object classes. Individual functions or methods are the simplest type of component. Your
tests should be calls to these routines with different input parameters. When you are testing
object classes, you should design your tests to provide coverage of all of the features of the
object.
56
This means that you should:
➢ Test all operations associated with the object; set and check the value of all
attributes associated with the object;
➢ Put the object into all possible states. This means that you should simulate all events
that cause a state change.
6.5 Components Testing
Software components are often composite components that are made up of several
interacting objects. For example, in the weather station system, the reconfiguration
component includes objects that deal with each aspect of the reconfiguration. You access
the functionality of these objects through the defined component interface. Testing
composite components should therefore focus on showing that the component interface
behaves according to its specification. You can assume that unit tests on the individual
objects within the component have been completed.
6.6 System Testing
System testing during development involves integrating components to create a
version of the system and then testing the integrated system. System testing checks that
components are compatible, interact correctly and transfer the right data at the right time
across their interfaces. It obviously overlaps with component testing but there are two
important differences:
➢ During system testing, reusable components that have been separately developed
and off- the-shelf systems may be integrated with newly developed components.
The complete system is then tested.
➢ Components developed by different team members or groups may be integrated at
this stage. System testing is a collective rather than an individual process. In some
companies, system testing may involve a separate testing team with no involvement
from designers and programmers.
6.7 User Testing
User or customer testing is a stage in the testing process in which users or customers
provide input and advice on system testing. This may involve formally testing a system
that has been commissioned from an external supplier, or could be an informal process
where users experiment with a new software product to see if they like it and that it does
57
what they need. User testing is essential, even when comprehensive system and release
testing have been carried out. The reason for this is that influences from the user’s working
environment have a major effect on the reliability, performance, usability, and robustness
of a system.
In practice, there are three different types of user testing:
➢ Alpha testing, where users of the software work with the development team to test
the software at the developer’s site.
➢ Beta testing, where a release of the software is made available to users to allow
them to experiment and to raise problems that they discover with the system
developers.
➢ Acceptance testing, where customers test a system to decide whether or not it is
ready to be accepted from the system developers and deployed in the customer
environment.
6.8 Test Case
Testing is expensive and time consuming, so it is important that you choose
effective unit test cases. Effectiveness, in this case, means two things:
➢ Test cases should show that, when used as expected, the component that you are
testing does what it is supposed to do.
➢ Test case should be based on testing experience of where common problems arise.
It should use abnormal inputs to check that these are properly processed and do not
crash the component. [Sommerville-2009].
6.8.1 Test Case 1: Admin/ Citizen/Government Focal Person Log in
Test Case ID 01
Test Case Name Log in
Test Case Description This test case will examine the login
process of aadmin/citizen/government focal
person.
Dependency or Prerequisite SQL connection is required as well as
internet connection is required.
58
Admin/citizen/government focal person
should have entered a proper email and
password.
Expected input Valid Email and Password.
Expected flow of Events Admin/citizen/government focal person
enters informationand click on “Log in”
button.
Alternative flow of Event Internet connection is lost, leaves some
mandatory detailsmissing or quits the
system.
Actual Results Admin/citizen/government focal person
successfully logsin and can use system
functions accordingly.
Expected Result Log in successfully.
Actor Admin/citizen/government focal person
Bugs, Errors None
Estimate time Less than 1 second.
Table 3: Test Case for Admin/Citizen/Government Focal Person Login

6.8.2 Test Case 2: Citizen/Government Focal Person
Test Case ID 02
Test Case Name Citizen/Government Focal Person
Test Case Description This test case will examine the signup process
of aCitizen/Government Focal Person.
internet connection is required.
Citizen/Government Focal Person should
provide details for successful registration.
Expected input Valid username and password etc.
59
Expected flow of Events User enters information and click on
“Register” button.
system.
Actual Results User successfully register and can login
and use systemfunctions accordingly.
Expected Result Register is carried successfully.
Actor Citizen/Government Focal Person
Bugs, Errors None
Estimate time Less than a minute.
Table 4: Test Case for Citizen/Government Focal Person
6.8.3 Test Case 3: Citizen to Register Complaint
Test Case ID 03
Test Case Name Citizen can register complaint
Test Case Description This test case will examine the register
complaintprocess of Citizen.
Dependency or Prerequisite Firebase connection is required as well as
internet connection is required. User should
will register complaint.
Expected input Valid data.
Expected flow of Events Users enter information and click on
“Register Complaint”button.
system.
Actual Results Users successfully register complaint and
can use systemfunctions accordingly.
60
Expected Result Complaint registration is carried
successfully.
Actor Citizen
Bugs, Errors None
Estimate time Less than a minute.
Table 5: Test Case for Citizen to register complaint
6.8.4 Test Case 4: Citizen for Donation
Test Case ID 04
Test Case Name Citizen add alert
Test Case Description This test case will examine the donation of
citizen.
internet connectionis required. Citizen
should add donation.
Expected input All required details about donation
Expected flow of Events Users enter required information and click
on “Donate”button.
system.
Actual Results Citizen submitted donation successfully to
admin.
Expected Result Donation submission is carried successfully.
Actor Citizen
Bugs, Errors None
Estimate time Less than two minute.
Table 6: Test Case for Citizen for donation
61
Chapter 7
7 CONCLUSION & FUTURE EXTENSION
7.1 Introduction
In this chapter basically described the conclusion of our project what we have done
and what we have do more in future. We will give complete outlook of our project.
7.2 Purpose
The main purpose behind our project is to improve process and data management
towards providing prompt and effective response from different citizen to government
focal person through web-based Secondary Education Portal. This system will enable the
government focal person to keep check of complaints and donation in effected areas.
7.3 Technologies Overview
We have studied a lot about our project idea. Secondary Education Portal will also
provide online Platform for students and citizen to highlight issues that students of
government institute are facing.
This system will also useful for those persons who want to contribute for the
welfare of education. There are many people who want to contribute for the welfare of
educational institutes. So we will incorporate a way where people can donate their money
for the welfare of the institutes.
7.4 Requirement Analysis
An understanding of website domain must be developed to carryout requirement
analysis; analysis must develop an understanding of problem domain. A software
requirement is a capability needed by the user to solve a problem or to achieve an objective.
In other words, requirement is a software capability that must be met or possessed by a
system or system component to satisfy contract, standard, specification, or other formally
imposed documentation. We want to achieve our target by developing quality software that meets
users’ real needs on time. All stakeholders in “AJK Education Portal” must achieve a common
understanding of work and functionalists the product will be and do.
7.5 Conceptual Schema
Conceptual design is about understanding the organization, the real-world
modeling; it captures the essence of the real-world scenario. In this phase all the important
classes of the system are extracted with their essential attributes and the relationship
62
between them are established. This results in class diagram.
7.6 Conclusion
It was an exciting and challenging project so far for us but we felt immense pleasure
doing this project. This project proved good for us as it provided practical knowledge and
all handling procedure about the system.
Development of this web-based system also provided us knowledge about the latest
technology and in developing the system will provide user a better experience of using the
Secondary Education Portal.
7.7 Future Improvement
We have done most functionality in this project within given time as much as
possible but obviously we make more improvements in this system in future. Since
organization systems and the business
63
REFERENCES
Fiazwaheed, "faizwaheedblog," Youtube channel, 1 april 2008. [Online]. Available:
https://fiazwaheedblog.com/. [Accessed 1 April 2008].
Jeffrey A. Hoffer, V. Ramesh , Heikki Topi, MODERN DATABASE MANAGEMNET, 10th ed.,
vol. 10th, LONDON, England: preason Limited Lnc., 2011, p. 715.
Julie C.Meloni, Sams Teach Yourself HTML, CSS and JavaScript, 6th ed., vol. 6th, USA, US:
Pearson Education Lnc, 2011, p. 607.
Lan Sommerville, Software Enginerring, Eigth Edition, 8th ed., vol. 8th, London, England:
Addison-Wesley Publisher Limited 1982,1984, Pearson Education Limited 1989,
1995,2001, 2007, p. 866.
Michael Blaha , James Rumbaugh, Object-Oriented Modeling and Design with UML, Second
Edition ed., US, USA: Pearson, Upper Saddle River, New Jersey 07458, 2010, p. 501.
64
8 APPENDICES AND ABBRIVATIONS
8.1 Appendices
These should provide detailed, specific information that is related to the system
being developed; for example, hardware and database descriptions. Hardware requirements
define the minimal and optimal configurations for the system. Database requirements
define the logical organization of the data used by the system and the relationships between
data. [Summerville- 2009]
8.2 Glossary
Below a small list of possible abbreviations and definitions are mentioned used in that
document.
➢ AJK: Azad Jammu & Kashmir
➢ EPGS: Education Portal for Government Schools
➢ GFP: Government Focal Person

➢ Admin: Admin is actually an actor which is actually administrator and will
operate all services of the system.
➢ Preconditions: The state of the system before an operation.
➢ Post Conditions: The state of the system after an operation.
➢ Exceptions: Erroneous and unusual situation in a process or operation.
65

Rehan and Samina Documentation

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Rehan and Samina Documentation

Uploaded by

Copyright:

Available Formats

AJK GOVERNMENT SCHOOLS EDUCATION PORTAL

(Regd. No. 2019-UKT-005656)

(Regd. No. 2019-UKT-005644)

Dr. Asif Kabir

We Dedicate this work to

Our Beloved Parents and our cooperative Teachers.

Whose prayers enabled us to Aways survive in complication

Accomplish our goal.

He guides us in every stage of final year Project.

Figure 1: Iterative Waterfall Model

Admin can login by entering his password and username.

Admin can manage Education Portal for Government Schools as follows:

➢ The admin shall be able to login by providing username and password.

3.3.2 For Citizen/Government Focal Person

Figure 2:Architecture of AJK Government Schools Education Portal

AJK Government Schools Education Portal

Donation <<include>> Transfer Donation to

View Donation Status

Figure 3: Use Case Diagram

Actor: Admin, Citizen, Donor and Government Focal Person.

Figure 4: Class Diagram

Table 1: Classes and their attribute

Class Name Description Attributes

User General class name, middleName, lastName,

Admin Manage System name, middleName, lastName,

Donor Add donation name, middle Name, lastName,

Citizen Register name, middleName, lastName,

Complaint address, email_id.

GFP View status name, middleName, lastName,

Register Registration ComplaintId, Complaint type, description.

Register Add DonationId, Donation type, description.

Manage Status Manage ComplaintId, DonationId.

The relationships between the extracted tables are tabulated.

Class Multiplicity Relationship Multiplicity Class Name

Admin 1 Can have 1..* Manage Status

Citizen 1..* Can have 1..* RegisterComplaint

Donor 1..* Can have 1..* RegisterDonation

Donor 1..* Can have 1..* RegisterComplaint

GFP 1..* Can have 1..* RegisterDonation

4.5 Sequence Diagram

Figure 5: Sequence diagram for registration

Figure 6: Sequence diagram for login

4.5.2 Sequence Diagram for Logout

Figure 7: Sequence diagram for logout

Figure 8: Sequence Diagram to register complaint

Figure 9: Sequence diagram for manage complaint

Figure 10: Sequence Diagram for donation registration

Figure 11: Sequence diagram for manage donation

4.6 Activity Diagram

Figure 12: Activity Diagram for login

1.5.1 Activity Diagram for Complaint Registration

Figure 13: Activity diagram for register complaint

Figure 14: Activity diagram to manage complaint

Figure 15: Activity diagram for GFP response on complaint

Figure 16: Activity diagram for donation registration

Figure 17: Activity diagram for manage donation

Figure 18: Activity diagram for GFP response om donation

5.2.1 Coding of index page