Dessie City Mayor Office 2022 G.

C from 4th Year Software Eengineering Internship student

Wollo Univeristy
Kombolcha Institute of Technology (KIOT) Campus
College of informatics
Department of Software Eengineering
Website for Dessie City Mayor Office in partial fulfilment of
bachelor’s degree in software engineering

Prepared by
GROUP MEMBERS ID
1. Yalemwas Mohammed ----------------------------------------------------------WOUR/2246/11
2. Leul sileshi --------------- --------------------------------------------------------- WOUR/5022/11
3. Wondwosen haile -----------------------------------------------------------------WOUR/4823/11

Wollo University Kiot campus, Kombolcha, Ethiopia

Department Of Software
Engineering

SUBMITTED DATE:- November 15, 2022

1
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

DECLARATION

We hereby declare that this BSc. Project is our original work and has not been presented for a
degree and or course project in any other university, and all sources of material used for this
project have been duly acknowledged.

Student Name: ______________________________Signature: ________Date: _______

Student Name: ______________________________ Signature: ________Date: _______
Student Name: ______________________________ Signature: ________Date: ______

This BSc. project has been submitted for examination with my approval as a Project advisor.

Advisor’s Name: Mr Shambel Dessale

Signature: _____________________Date of submission: _____/___/__________

2
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

APPROVAL OF THE BOARD OF EXAMINERS

This is to confirm that the project report Dessie city mayor office submitted to Wollo University,
College of Informatics department of Software Engineering in partial fulfilment of the
requirement for the award of the degree of Bachelor of Science in Software Engineering is an
original work carried out by leul sileshi, wondwossen Haile, yalemwas Mohammed. the Board of
Examiners of the final open defense by List of students separated by comma, have read and
evaluated their project entitled “Dessie city mayor office Website” and examined the
candidates. This is, therefore, to certify that the project has been accepted in partial fulfillment
of the requirement of the degree of Bachelor in Software Engineering

______________________ ____________________ __________________

(Advisor) Signature Date

______________________ ____________________ __________________

(Chairperson) Signature Date

______________________ _____________________ __________________

(Examiner 1) Signature Date

______________________ _____________________ __________________

(Examiner 2) Signature Date

______________________ _____________________ __________________

(Examiner 3) Signature Date

3
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Acknowledgements
First, we would like to thank the creature of this universe, almighty Allah/God for giving us
the wisdom and strength to complete this project well.
We would like to thank our Advisor Mr. Shambel dessale for his valuable comments,
support, and guidance throughout this project work and also, and also thankyou Mr. Natnael
Kefyalew the head of ICT building of in Dessie city administration for his endless of helping us
from starting to the end of this project by comment and guidance Without his encouragement and
constant guidance, we could not have finished this project. The completion of this project gives
us much Pleasure.
Our obvious thanks go to all Staff members of Software Engineering department. Because of
you all, we are here in our journey to the best field of study, “Software Engineering’’.
It is a great pleasure to get an opportunity to thank our families for supporting and teaching
us what is important in life. Thank you, our Families! Finally, we would like to thank our friends
for their encouragement and support throughout this Project work.

4
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Table of Contents
DECLARATION.......................................................................................................................................2
Acknowledgements....................................................................................................................................4
List of Figure................................................................................................................................................5
List of Tables...............................................................................................................................................5
Abstract.......................................................................................................................................................9
Chapter one..............................................................................................................................................10
1.1 Introduction.............................................................................................................................10
1.1.1 Background...........................................................................................................................10
1.1.2.2 Activities of the.................................................................................................................12
1.2 Objective of the project............................................................................................................15
1.2.1 General Objective....................................................................................................................15
1.2.2 Specific Objective..............................................................................................................15
1.3.2 Limitation..........................................................................................................................16
1.4 Methodology.............................................................................................................................16
1.4.1 Data Collection methodology...............................................................................................16
1.5 Feasibility Analysis....................................................................................................................17
1.5.1 Operational Feasibility......................................................................................................17
1.5.4 Legal Feasibility Study....................................................................................................18
1.5.5 Political Feasibility Study................................................................................................18
1.6 Significance of the Project........................................................................................................18
1.4.1 Cost Breakdown....................................................................................................................21
1.6 Communication Plan.................................................................................................................24
Chapter Two..............................................................................................................................................26
2.1 Background(overview)..............................................................................................................26
2.4 Business Rules and Constraints...............................................................................................41
2.6.1 Systems Requirement.......................................................................................................46
2.8 User Classes and Characteristics............................................................................................48
Chapter three............................................................................................................................................49
3.1 System Use-Case Diagram...................................................................................................49
3.2.1 Use Case Diagrams............................................................................................................49
3.2.1 Sequence Diagram...........................................................................................................52
3.4.1 Actor Specification............................................................................................................56

5
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Chapter Four.............................................................................................................................................57
4 System Design...................................................................................................................................57
4.2 Overview...................................................................................................................................57
4.2 Purpose of the system..........................................................................................................58
4.3 Design control.......................................................................................................................60
4.7 Proposed system architecture..................................................................................................65
4.7.1 Overview...........................................................................................................................65
Chapter five...............................................................................................................................................67
5 Implementation................................................................................................................................67
Chapter six..............................................................................................................................................109
6.2 Testing Procedure...................................................................................................................109
6.2.1 Unit Testing.....................................................................................................................110
6.2.2 Integration Testing..........................................................................................................110
6.2.3 System Testing................................................................................................................110
7 Conclusion and Recommendation..................................................................................................112
7.1 Conclusion...............................................................................................................................112
7.2 Recommendation....................................................................................................................112
REFERENCE........................................................................................................................................112

List of Figure
Figure 1: Dessie City Administration of Mayor office.................................................................................23
Figure 2: Interface For Admin Login User Interface..................................................................................26
Figure 3: Client send Appointemnt format.................................................................................................27

6
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 4: submit appointment usecase diagram.........................................................................................38

Figure 5: client information submite sequence diagram.............................................................................39
Figure 6: sequence diagram for admin login .............................................................................................40
Figure 7: sequence diagram for adding employee..................................................................…...40
Figure 8: sequence diagram for update employee………………………………..………………...………………41
Figure 9: sequence diagram for delete employee……………………………………..……………………………..42
Figure 10:activity diagram for admin.........................................................................................................42
Figure 11: subsystem decomposetion.........................................................................................................43
Figure 12: software/hardware mapping.....................................................................................................44
Figure 13: state diagram.............................................................................................................................45
Figure 14: component diagram ...............................................................................................................47
Figure 15: deployment diagram…………………….………………………………………………………………………………………48
Figure 16: client/server architecture…………………………………………..…………………………………………………………49

List of Tables
Table 1:- Acronyms and Abbreviation.........................................................................................................8
Table 2:- operational definition……………………………………………………….…………………………………………9
Table 3:-program secluded……………………………………………………………………………………………………...20
Table 4:- Team composition of the project………………………………………………………………………………24
Table 5:- Detailed communication planning…………………………………………………………………………….25
Table 6:-Document convention……………………………………………………………………………………………….27
Table 7:-User characteristics …………………………………………………………………………………………………..29
Table 8:-Functional requirement……………………………………………………………………………………………..37
Table 9:-Non-functional requirement…………..………………………………………………………………………….39
Table 10:- Login use case description……………………………………………………………………………………….48
Table 11:- Design test case……………………………………………………………………………………………………….98

List of Acronyms & Abbreviations

7
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

No Acronyms Abbreviation
1. DCMO Dessie City Mayor Office
2. DBMS Database Management System
3. GUI Graphical User Interface
4. HTML Hypertext Mark-up Language
5. HTTP Hypertext Transfer Protocol
6. PHP PHP-Hypertext Preprocessor
7. SQL Structured Query Language
8. UC Use case
9. UML Unified Modeling Language
10. WAN Wide Area Network
11. DBC Database Connectivity
12. UI User interface
13. MY SQL Unified Modeling Language
14. UML Structured Query Language(database
management system)
15. CPU Central Processing Unit

16. CSS Cascading Style Sheet

17. RAM Random Access Memory

Table 1. Acronyms and Abbreviation

Operation definition
No. operation Definition

8
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

1. Operating System The low level software that supports computer basic functions
such as scheduling tasks and controlling peripherals.

2. Database Refers to an organized collection of data for one or more

purposes, it is usually in digital form.

3. HTTP The set of rules governing the format and content of the
conversation between a Web client and server

4. Browser A software application for retrieving presenting and traversing

information resources on the World Wide Web.

5. Windows A series of operating systems developed by Microsoft.

6. Security The state of being free from danger or threat.

Table 2:- operational definition

Abstract

In order to develop this system, we used to gather the requirements by observing, interviewing,
document analysis, case study, prototyping, questionnaires, scenario and the likes are used to
build up the system proposed.

9
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

We proposed web based Dessie City Mayor Office that is accessible for all users at anywhere
and anytime. In order to solve the project there are the server and the client side which is three-
tier architecture that we have to use different programming languages such as JSP, HTML, CSS,
PHP and the Database. All of the mentioned above system are categorized into server-side
programming language and client-side programming language. Among this HTML, CSS and
database are belonging to client-side programming language. And the JSP, PHP and java are
belonging to server-side programming language.
Our project Dessie City Mayor Office website includes the feedback from the customer, User
can get a news from mayor and also a new vacancy. It is accessible either by an administrator or
receptionist.

Chapter one

1.1 Introduction
Our project is concerned with Dessie city mayor office website, which contains information that
exists in the system. The current system is a manually based the customer must came to the
office without any contact and appointment to get the service.

10
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

We develop a system that helps to improve these limitations and gap. In the meantime, it can
solve many problems occurring in the day to day activities of in the Dessie city mayor office
Center. By doing so, it controls wastage of time and makes a god service to the customers as
much as possible.
1.1.1 Background

The current system is a manually based the customer had to go to the mayor office to execute
their case. So, this system is not satisfactory for customers and it also for the organization. The
system does not exclude the need for maintaining paper as all the records are not managed
electronically.

The process is tiresome & time-consuming. It also the existing system can’t exclude manual.
Therefore, this new project is the best alternative for customer to get the mayor.

After detailed research and analysis of existing system the requirement and functional
specification document was put together to enable the development of the web to develop it with
the maximum ease. We propose a system that allows customers to get instant guidance on their
appointment issues and also guide for urgent appointment through an intelligent to get mayor
system online.
Dessie city Administration and it is located in Dessie around shel behind golden get hotel.

It has the following mission and vision:-

MISSION
By participant all development stack holds of the town and interpreting their capital to create
sustainable democracy, peace and good governance on one hand and all rounded welfare and
development of the town on their other.

VISION
By 2031 to see Dessie city being a suitable place to live, remaining strong in keeping its culture,
social harmony and natural, assets, emerging as a center of trade, tourism. Health and industry,
in which good governance and peace is ensured.

11
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

In fulfilling its mission and achieving its vision the Dessie city administration of mayor office
will uphold, promote and be guided by the following core values: -
 Quality: - mayor office should be of high quality and the administrator staffs
continuously strive for excellence in their academic and administrative endeavors.
 Integrity:- in all our activities we will act with the quality of being honest and with strong
moral principles
 Accountability:- all the mayor’s and Dessie city administration community are performing
duties in an accountable manner and taking Full responsibility for actions and decisions they take
thereof.
 Transparency: all the mayor’s and Dessie city administration community fulfill all the
rules, regulations and decision makings at all levels to be transparent.
 Rule of law: all the mayor’s and Dessie city administration community are believe in rule
of law and act accordingly.
 Equality: The mayor is an equal create of opportunity for employer and hospitality for
scheduled client Regardless of gender, status in society, ethnic background or religious
affinity. The mayor management never discriminates among its employees and treats
them on Merit bases and respects and respects their contribution.

1.1.2 Existing System of the project

This chapter focuses on the overview of the existing system and the functional and non-
functional requirements of the proposed systems. It tells how the current system performs its
activities within the organization.
The team members collect the necessary information of the current manual system using
different methodologies such as; Interview and observation. The process of the interviewing and
observation is conducted in the presence of all the group members and it has let all fully
understand the existing system. After the data gathering the team members proposed it to be
good an automated Website.
1.1.2.1 Overview of the Existing System

 The existing Dessie City Administration of Mayor Office perform a lot of tasks manually

12
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

i.e. all user activity recorded in paper.

 Sharing information the status of the organization by city administration communication
Facebook page
 Posting different announcement on the notice board around the organization.
 Delivering information through magazine, newspaper and FM

1.1.2.2 Activities of the Existing System

The Activities of existing system is when customers come, they have to queue up and they are
interrupted by that and also when the mayor is in a meeting, the customers will be interrupted.
1.1.2.3 Problem of the Existing System

Currently the existing system service users may or may not receive the service due to the absence
of the mayor and also different indicator points are identified as follows as problems of the
existing system:
 Customers cannot get information about the mayor easily
 Customers cannot get timely news and notification about any new vacancy

1.1.3 Statement of the problem

In the current system, there are so many problems that hurt customers because of missing
communication within mayor remotely.
 The current system, which is manual-based, has several problems in many directions such
as those who have issues do not easily communicate with the mayor and their issues are
left unfulfilled.
 The current system also does not give the opportunity to get a new vacancy.
 Users have to stand in a queue to get service & wait for the mayor response.
 The users have to visit the mayor office.
 The administrator has to keep a manual track of the users.
 It’s time-consuming.
 Wastage of resources.
 Loss of data.
 Generally, it doesn’t save human effort and resources and also people are disturbed.

13
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

1.1.4 Proposed system

The new system that we have proposed to develop a Website, is to minimize and to discard or
remove as much as possible the problem that faced in existing system. Therefore our system is
easy and simple to use and it saves wastage of time, resource and human resource.
To overcome the problems that exists in the current mechanism of improving delivering quality
of information, the proposed system will add the following function.
 Create interactive, dynamic, scalable and responsive full contents Website with a
professional welcoming design by which it can able to reach to the internal and external
community
 Design interactive website that is responsive and accessible within any device which
means usable within mobile, pc, desktop and etc.
 The proposed website show all information for customer for twenty four hour.
 Hardware Considerations:- The system should run on a pc with a dedicated server to
contain the database and other server components.
 Efficiency:- The system is efficient based on the concept of resource consumption. E.g. it
only needs a computer that has a browser to access the system.
 Security issues: - This system should have a mechanism to restrict some resources to
unauthorized users. The system requires the user to provide his identifications before
allowing accessing a secure resource.
 Performance: - The performance of the system should be reliable and the response time
of the system should be short.
 Service:- The service that the website provides is easily understandable by customers
who know how to use the internet. And customers can be located anywhere having
internet access.
 Availability:- The system is available 24 hour to everyone
 To Help the community and for appointment to get mayor by use their mobile for new
information about new vacancy related to the mayor and get appointment from there
Gmail account.
 Give help to scheduled customers whenever the mayor is does not get on office.
 To create awareness among the community that related to customers.

14
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

 Gives brief explanations about the job and for post scheduled client is coming what time
 The system provides by asking some form like Gmail, name, subject and others.

1.2 Objective of the project

1.2.1 General Objective
The main objective of the project is to digitize the manual based system and to develop
interactive web-based Dessie city mayor office in order to overcome the problems. And also we
try to design and implement fully responsive Website for Dessie City Mayor Office.
1.2.2 Specific Objective
After defining the problems exist in the current system, the objectives of the Dessie city mayor
office.
In order to attain the general objective, the following list of specific objectives are set:
 Identifying and analyzing the major problems of the current system
 Design a database that stores the relevant information
 Implement and deployed the integrated solution
 Test the performance and reliability of web based system
 Gather relevant information about the existing system
 Design the graphical user interface of the website
 Designing a user-friendly interface.
 Documenting the whole system.
 Select the appropriate programming language
 Design the system using object oriented approach models for understanding the system
and to make the implementation easy.

1.3 Scope and limitation of the project

1.3.1 Scope

This project that we are trying to focus on mayor office will cover for Dessie city community
and for who wants a new vacancy announcement that related with Dessie city administration
office and for help plus to contact and give appointment for customers. And also the new system
provides a good service for customer and solving problems concerning appointment-related

15
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

issues and to acquire services easily and accurately. The system supports news and vacancy
information.

1.3.2 Limitation
 The system does not provide full functionality in the condition of less internet
connection.
 It does not give information for all about the city.
 People who are not familiar with computers and smart phones can’t use this software.

1.4 Methodology
1.4.1 Data Collection methodology
Observation: - we have applied observation method because this method is very important to
gather reliable data correctly. Through this method we obtain the required data by directly
observing Dessie Administration of Mayor office.
Interview:- to get the basic information about the existing system, the team will interview
different responsible body of Dessie City Administration Mayor Office for example by asking
Mr. Natnael Kefyalew working on ICT department and some other users who knows about the
services that are given to them, and the problems associated with that environment.
Written Document: - by reading written document about Dessie City Administration Mayor
Office about the mechanism of the office how to perform activity which means how to collect
tax and clients information we get full information from written document.

1.4.2 System Development Methodology

We will use Agile System Development Life cycle. Agile development is a way of breaking
down the software development of application into smaller chunks.
In Agile development, feature code is designed, developed and tested in repeated cycles. With
each iteration, additional features can be designed, developed and tested until there is a fully

16
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

functional software application ready to be deployed for launching phases.

1.5 Feasibility Analysis

Feasibility study is an important phase in the software development process of this project. Our
project which is web based feasible because it can fulfill the requirement of good software which
are economical, technical, political, and operational feasible.
1.5.1 Operational Feasibility
This system brings better achievement for the operations performed by the enterprise and for
the customer by the providing efficient automation and storage of work actor information, easy
updating, deletion and modification etc. This increases the efficiency of work in Dessie Mayor
Office.
 Any user can operate the system
 User friendly
 The proposed system will be easy and navigate the pages.

1.5.2 Technical Feasibility

 Our project is technically feasible. Because everyone can access if the site is released to
online and have known the universal resource locator of the site (URL). It is also
compatible with modern technology. The system integrable with computers, smart Phone
and others.
 The proposed system expected to be maintained and repaired easily, because the system
was developed by familiar programming language (environment).
 The project team members have learned programming languages that required for the
successful completion of the project such as JavaScript, CSS, HTML, PHP and MYSQL.
We also apply the OOSAD concept (object-oriented system analysis and design)
methodology that we followed to develop this project. Team members have the required
skill to develop the system.
1.5.3 Economic Feasibility
This project, it has its own benefit for Dessie mayor office administration and also for
customers. Since this project is going to web-based application, save time and make comfortable
environment for the user.

17
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

1.5.4 Legal Feasibility Study

This is the need to gain an understanding of any potential or legal effect due to the construction
of the system. The System is expected not to violate any regulations, rules of the government
or/and the administration. We are only selecting services of the administration of mayor office,
which are legally feasible.
1.5.5 Political Feasibility Study

Political feasibility attempts to gain an understanding of how key stockholders within the system
view of the proposed system.

The system to be developed does not conflict with any government directives, because it gives
services for the people effectively and efficiently, all the stakeholders agreed before the system
developed. So, the government is profitable and the system will be politically feasible.

1.5.6 Schedule Feasibility

The schedule for this project will be feasible due to wealthy information exchange between the
developing team, Advisor and the organization. And also, the time set to develop the system is
enough to complete at the predefined date and time. The project team members expected the
project to be completed on time without any delay.

1.6 Significance of the Project

 The Website make the organization contestant through the country and world.

 It will serve as the sources of information about the Dessie City Administration of Mayor
Office for different users.
 The website is the primary sources of presenting Dessie City Mayor office who are
interested in seeking information.
The main purpose of this project is to develop a website that enables an easy way of
searching a service like a new vacancy and taken appointment with mayor, cost-effective and
timely manner. That means enables the customer to see and access their need through their
mobile anywhere anytime.

18
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

 It increases the number of customer.

 It minimizes the loss of data.
 Data is secured.
 Control the outdated information.
 This automated system reduces the load of the workers.
 Reduce the time and money required to get services from the organization.
 For their better satisfaction with fast services provided by the employees.
 It reduces the waste of money and time.
 Reduce the broad manual work.
 To gives fast response to the user.

In general, this system will reduce the cost, time, and effort of the user and also it will
provide such an easy way to use.

1.3 Schedule of the project

The time set to develop the system is enough to complete at the predefined date and time. The
project team members expected the project to be completed on time without any delay.
The schedule for this project will be feasible due to wealthy information exchange between the
developing team, Advisor and the organization.

Year 2014 2014

Activities Mar Mar Mar Apr May May Apr Jun Jul
9- 12- 29- 13- 11- 22- 23- 30- 10-
2014 2014 2014 2014 2014 2014 2014 2014 2014

19
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Project
proposal
Requirement
gathering
Requirement
analysis
System
design
Phase I
presentation
Implementation -
and testing
Phase II
presentation

Table 3:- Program schedule

1.4 Project budget break-down and cost analyst

1.4.1 Cost Breakdown

Describe the total amount cost it will take to accomplish our project:
Qu

20
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Type List item antity Cost

Pen 4 40
Binder 3 30
Paper 1 dozen 200
Flash 1(16GB) 280
Hardware required PC 3 60,000

For print 100sheet 200

s
WAMP server/XAMPP 6 0
server,
Algorithm, back end,
graphics and front end
Software requirement
Design, Implementation,
and testing
Internet 6GB 737
Operating system win 1 0
10
Micro-soft office and 1 0
PowerPoint 2016
E-Drawmax 1 0
Visio 2007 Microsoft 1 0
office

Total 61,487 Birr

Table 4:- Cost Breakdown

21
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

1.5 Team composition of the project

No. behavior To whom group member
Leul Wondwosen Yalemwas
1. Ability to learn Definitely not interested
Somewhat
Average diligence &
interest
Very interested &
industrious
Very enthusiastic   
2. Attitude Very slow to learn
Rather slow in learning
Average in
understanding work
Learned work readily
Learned work   
exceptionally well
7. Maturity-poise Unreliable
Sometimes neglectful or 
careless
Usually dependable
Above average
dependability
Completely dependable  
8. Initiative Must be pushed 
frequently
Hesitates

22
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Does all assign work

Goes ahead
independently at times
Proceeds well on own  
9. Quality of work Very poor
Below average
Average
Very good
Excellent   
10. Relations with Works poorly with
others others
Has difficulty working
with others
Gets along satisfactorily
Works well with others
Exceptionally well   
accepted
15. Dependability Brash
Seldom asserts him/her
self
Average maturity and
poise
Has good self-assurance
Quite poised and   
confident
16. Quantity of Low output, slow
work
Below average
Normal amount
More than average
Unusually high output   

23
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

17. Judgment Consistently uses bad

judgment
Often uses poor
judgment
Usually makes the right
decisions
Above average in making
decisions
Exceptionally mature in   
judgment
18. Overall performance Excellent Excellent Excellent

Table 4:- Team composition of the project

1.6 Communication Plan

We have time frame to meet the project objective. To success our project we group members are
take responsibility by task break down process as shown in the following table blow.

No. Task Start date Finishing date Responsible member

Requirement specification and project selection phase

1. Requirement analysis Mar9-2014 Mar 12-2014 All Member

2. Gathering information Mar 9-2014 Mar 12-2014 All Member

3. Identify the problem Mar 9-2014 Mar 12-2014 All Member

4. Time schedule and Mar 9-2014 Mar 12-2014 All Member

planning of the project

Project analysis phase

1. Study of the current system Mar 12-2014 Mar 29-2014 All Member

2. Constructing process Mar 12-2014 Mar 29-2014 All Member

24
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

modeling of current system

3. Study of proposed system Mar 12-2014 Mar 29-2014 All Member

4. Constricting phase Mar 12-2014 Mar 29-2014 All Member

modeling of proposed
system

Project design phase

1. Logical design Mar 29-2014 Apr 13-2014 All Member

2. Physical design Mar 29-2014 Apr 13-2014 All Member

3. User interface design Mar 29-2014 Apr 13-2014 All Member

Implementation and coding phase

1. Developing the site Apr 13-2014 May 11-2014 All Member

2. Building the database Apr 13-2014 May 11-2014 All Member

3. Connecting the site to Apr 13-2014 May 11-2014 All Member

database

Testing and maintenance

1. Testing and maintaining May 11-2014 May 27-2014 All Member

the implementation

2. Project documentation May 11-2014 May 27-2014 All Member

Table 5:- detailed communication planning

Chapter Two
2 System requirement specification

2.1 Background (overview)

The current system is a manually based the customer had to go to the mayor office to execute
their case. So, this system is not satisfactory for customers and it also for the organization.
Dessie city Administration and it is located in Dessie around shel behind golden get hotel.

25
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

2.1.1 Scope

This project that We are trying to focus on Administration of mayor office will cover for only
Dessie city community and for who wants a new vacancy announcement and for help scheduled
client.
2.1.2 Purpose

The new system provides a good service for customer and solving problems concerning contact
and appointment-related issues and to acquire services easily and accurately. The system
supports news and vacancy information and it supports urgent appointment.

2.1.3 Document convention

Document Structuring Conventions, or DSC, is a set of standards for PostScript, based on the use
of comments, which primarily specifies a way to structure a PostScript file and a way to expose
that structure in a machine-readable way. A PostScript file that conforms to DSC is called a
conforming document.

Indicators Most common and recommended

Alignment Justified
Margin Left=3cm, right=2.5, top=2.5, bottm=2.5
Title font size /heading 1 e.g Chapter 16pt ,bold
One

26
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

14pt
Sub Title font size /heading 2 e.g
1.1.Introduction

Sub Title font size /heading 3 e.g 1.1.1 12pt

Background

Whole document / Normal text Font 12

size
Font style Regular
Font type Time New Roman
Page Color White
Language English
Line between 1.5
Correction with fluid Not allowed
Typing machine Laptop
Font color Black

Table 6:- document convention

27
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

2.1.4 Intended Audience and suggested readings

 Employee:- who responsible for send the appointment using their email address and
post a new vacancy related to the mayor and news
 Customer:- The one who get the appointment from his own email address and read
news and a new vacancy related the mayor.
 System admin:- The one who control the overall system of the website and who
could be add the other admin and see everything.

2.1.5 List of Acronyms, Abbreviations and Definition

The new system provides a good service for users and solving problems concerning scheduled
client related issues and to acquire services easily and accurately like job opportunity. The
system supports mean part is for scheduled client .

2.1.6 User characteristics

USER ACTIVITY

Employee  View the system

 Post a new vacancy related with the mayor
 Manage message
 Send appointment
 Post news
 Delete customer appointment message
 Update customer appointment message

Customer
 View vacancy and news
 Send comment

28
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

 Ordered the case for appointment

 Receive appointment from their own email account
 View in different language

System admin  Control the overall

system of website
 Add new admin
 Delete admin
 Update admin
 View posts

Table 7 :- User characteristics

2.2 General Constraint

2.2.1 Software constraint

Customer should be allowed to search the specific information and should not allow making any
Changes to the database.
 The project must be completed in four month.
 The user must have the ability to use the internet.
 The Database should be designed using MySQL.
 The internet bandwidth should be 6 Mbs and more.

2.2.2 Hardware constraint

Technical risks In order to mitigate or control this risk the team will perform periodic checks on
the work that have been done, and by using continuous advice provided from the project advisers

Budget constraint starting from gathering information to do this project and writing proposal
we didn’t have enough money and other resources to complete our project

29
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

2.2.3 Assumption and Dependencies

Assumption that Dessie city Mayor Office has sufficient internet access.
 There is a practice and method of taking backup.
 Assume that the users know the basic computer skills
 Assume that the hardware used to interact with the website will be a standard
computer with in monitor, mouse, and keyboard.

2.2.4 User Documentation

The new system provides a good service for users and solving problems concerning scheduled
client related issues and to acquire services easily and accurately like job opportunity. The
system supports mean part is for scheduled client.

2.3 Specific requirement

2.3.1 User requirement

The user requirement is Technical issues example user friendly pages and layout conventions.
The system will have graphical user interface which suitable for any kind of user by using easily
use the system.

The user browses the system to submit their own info into the system and user after they fill in
or complete there info clicks submit link/button.

2.3.2 Functional requirement

Functional requirements are the planed behaviors of the system. This behavior may be expressed
as services, jobs, utilities or functions that the system is required to perform. Since the team are
going to develop computerizing Dessie city Mayor Office that used by the customer’s in the
Administration, the system is used to manage and process data according to the System.

30
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

The below table is shows that the requirement:-

Requirement id Requirement 1
Requirement the system shall provide the employee to add a vacancy and send info
to the customer or client depending upon their category
Description If any customer is assigned to the organization it must be
send their full info to the system of admin by their
category.
Source Employee
Priority High priority

Requirement id Requirement 2
Requirement The system should generate a report for the administrator of the
system when the service is accessed by the user of the system.

Description Reports are recorded by categorizing to the system

Source System admin
Priority High priority

Requirement id Requirement 3
Requirement the system shall provide user to send comment about the
services for system admin
Description It enables the user and client to send feedback
Source customer
Priority High priority

31
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Requirement id Requirement 4
Requirement The system shall provide customer to make a direct call
communicate with the office.
Description Enables client or users to make a direct send all there
message and information to the admin.
Source customer
Priority High priority

Requirement id Requirement 6
Requirement The system shall provide The user and client can go to the mayo
office with their case after making appointment.
Description The customer is can get easily after send there case and
all there information.
Source customer
Priority High priority
Requirement id Requirement 5
Requirement The system shall provide The customer to contact office of th
mayor by online appointment.

Description The customer can chat with admin through the email.
Source customer
Priority High priority

Requirement id Requirement 7

32
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Requirement The system shall provide the customer to send their

feeling to the system admin and employee by using the
system communication or direct calling.
Description Customer send their every feeling like feedback about
the system and mayor office.
Source customer
Priority High priority

Requirement id Requirement 8
Requirement The system shall provide for customer and the employee
enable the appointment from the system.
Description customer can make appointment
Source Employee
Priority High priority

Requirement id Requirement 9
Requirement The system shall provide The customer to view the new
vacancy announcement
Description customer can see the information provided by the admin
and the admin can modify information
Source Employee
Priority High priority

Requirement id Requirement 10
Requirement The system shall provide The user to view the comment
sent by any customer.

33
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Description The employee can see comment from customer and

manage the message.
Source Employee
Priority High priority

Requirement id Requirement 11
Requirement The system shall provide The administrator to view the
report generated by admin.
Description employee can see information provided by the customer
Source Employee
Priority High priority

Requirement id Requirement 12
Requirement The system shall provide the employee to view the
customer information.
Description Both employee and customer can see information on
the system.
Source Employee
Priority High priority

34
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Requirement id Requirement 13
Requirement The system shall provide a functionality to send email
for the user to view the service after sending the
information himself into the system.
Description customer know about the service after they send the
information
Source customer

Priority High priority

Requirement id Requirement 14
Requirement The system shall provide the admin to view the
request or felling send from customer.
Description employee can follow up their customer and to give
appointment
Source Employee
Priority High priority

Requirement id Requirement 15
Requirement The system shall provide the system Admin controls
overall account of the sub admin i.e. it can delete,
update and perform another database operation.
Description Admin can modify admin accounts and the customer.
Source System admin
Priority High priority

Requirement id Requirement 16
Requirement The system shall provide The administrator manages
the customer message in the system either by adding

35
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

or removing from the system.

Description employee manage can adding and removing bad
message came from the customer
Source Employee

Priority High priority

Requirement id Requirement 17
Requirement the system shall provide The admin manages the
service provided by the system and also has the
responsibility to add and remove the service from the
system.
Description Employee can remove and add new vacancy from the
system.
Source Employee
Priority High priority

Requirement id Requirement 18
Requirement the system shall provide The admin enables us to
update, remove and add the appointment into the system
or from the system.
Description employee can add, remove and update appointment
Source Employee
Priority High priority

Requirement id Requirement 19
Requirement the system shall provide the admin to manage the user/client da

36
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

record.
Description employee manage the record of their customer
Source Employee
Priority High priority

Table 8:- functional requirement

2.3.3 Non-Functional Requirements
Requirement id Requirement 1
Requirement Security
Description The system only permits authorized user to enter the
system. Authorized users send there information securely
to the admin.
Priority High priority

Non-functional requirement is a requirement that specifies criteria that can be used to judge the
operation of a system, this requirement does not directly affect the performance of the proposed
system but, they concerned with security, performance, usability, maintainability, reliability,
efficiency, portability (across operating systems) testability, understandability, etc. The
nonfunctional requirements of the system are presented below:

Requirement id Requirement 2
Requirement User Interface
Description The interface is user friendly and can properly guide the
user how to use the system and perform operations easily.

Priority High priority

Requirement id Requirement 3
Requirement Response time
Description The admin system gives response the appointment

37
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

service request within a short period of times.

Priority High priority

Requirement id Requirement 4
Requirement Availability
Description This system should always be available for users/client
to access item information. And available on working
days

Priority High priority

Requirement id Requirement 5
Requirement Portability

Description This system shall be portable in all operating system

Priority medium priority

Requirement id Requirement 6

38
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Requirement Service

Description The service that the website provides is easily understandable by

customers who know how to use the internet. And customers can
be located anywhere having internet access.
Priority High priority

Table 9:- non-functional requirement

2.4 Business Rules and Constraints

Business rules are statements about the enterprise’s way of doing business. They reflect business
policies. Organizations have policies in order to: satisfy the business objectives, satisfy customer,
make better use of service, and conform to laws or general business conventions. Business rules
become requirements, that is, they may be implemented in software as a means of the
requirement of this software system.
BR1. Customer should send the appointment
 All the necessary customer information is send like email address.

BR2. The office should Give an appointment.

 The employee is must send the appointment through the customer email address.

BR3. Customer should Go to the office after the appointment

 The customer is must go to the mayor after the appointment

BR4. The office should Give service with specified days and times.
 The mayor office Service is only given from Monday to Friday and in addition.

2.5 External interface requirement

39
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

2.5.1 User interface

User interface design is an essential part of the software design process. User interface design
should ensure that interaction between the human and the machine provides for effective
operation and control of the machine. For software to achieve its full potential, the user interface
should be designed to match the skills, experience, and expectations of its anticipated users.
Dessie Mayor office has easy and user-friendly user interfaces. This application contains a
server-side containing the database of the services, user/client and admin (web application user
interface); and a client-side containing GUI (graphical user interface).
In terms of software interface this web based system is working in any platform /OS like
windows, Linux and any other OS.
User interface design is an essential part of the software design process. User interface design
should ensure that interaction between the human and the machine provides for effective
operation and control of the machine. For software to achieve its full potential, the user interface
should be designed to match the skills, experience, and expectations of its anticipated users.

User Documentation Guidelines Steps followed to use the interface:-

1. Type the website URL in address bar of web browser

2. Displays the home page of the website
3. scroll to the bottom and fill in the appointment
4. click the send button
Steps followed to use the interface:-
1. Visit into the system by using URL.
2. The home page is display on the user screen

40
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 1:- DCAMO (Dessie city administration of mayor office)

41
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 2:- Interface for Admin Login user interface

Figure 3:- client send appointment format

42
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

2.5.2 Hardware interface

In terms of hardware interfaces, the system should be able to function on any device with a
working web browser that supports HTML, CSS and JavaScript. We can abstract our system
from directly communicating with the hardware and use the web browser as a means of
communication to both the backend of the system, which is a centralized server/database, and to
the device itself.
Hardware Development Tools
These requirements list out the minimum requirements of the system.
 Intel(R) core (7) 2 Duo CPU, 2.75GHZ, 4 GB of installed RAM and 80 GB + Hard Disk.
These are in both client and server computer.
 It needs printer to shared printer or a brand new one, if available.
 It needs network infrastructure (like CAT 5/6 UTP cable, switches) and wireless Wi-Fi.

2.5.3 Software interface

Software interfaces (programming interfaces) are the languages, codes and messages that
programs use to communicate with each other and to the hardware. Examples are the Windows,
Mac and Linux operating systems, SMTP email, IP network protocols and the software drivers
that activate the peripheral devices.
2.5.4 Communication interface

A user will be able to access and can see the overall system of the website through the device's
web browser. A submit there information will be required to give appointment users/client may
use the system as well as to protect their content. The submit process will provide encrypted the
fill in information using AES, Advanced Encryption Standard. Communication from users and
electronic forms on the site will be handled through HTML, JS To prevent incorrect information
being stored from different devices, the product will only use the most recent change through all
forms of access. Data will be transferred using UDP because the information is not "data-heavy"
and will not require large amounts of bandwidth to transfer information.

43
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

2.6 System requirement Modeling

2.6.1 Systems Requirement

 the system shall send information direct in to the system admin , customer,
mayor office.
 the system shall provide the employee to add and display new vacancy depending upon
their category
 The system should generate a report for the system admin of the system when the service
is accessed by the user of the system.
 The system shall provide customer to send feedback about the services for admin
 The system shall provide customer to make a direct call to communicate with the mayor
and admin.
 The system shall provide the system may identify a valid employee and invalid employee
and also form validation/information validation.
 The system shall provide The customer to perform the appointment after they send
information depend on their interest
 The system shall provide the customer to contact the mayor by direct calling.
 The system shall provide the employee to subscribe to the system to the customer after
some information depend on the customer sending the information is performed.
 The system shall provide the customer to send their feeling to the admin by
using the system communication or direct calling to mayor.
 The system shall provide the customer and the employee enable the appointment from the
system that depend on gives by the customer information.
 The system shall provide the customer to view the information to get awareness from the
system after sending the information himself into the system. Employee can also view the
customer info and have the responsibility to delete and update the info.
 The system shall provide the employee to view the report generated by any customer.
 The system shall provide Here the admin to view the user/client information
and the user/client can also view there appointment on their email address and
they can see on the system about the new vacancy announcement.

44
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

 The system shall provide the user/client to view the service before they send their info
into the system.
 The system shall provide the employee to view the request or felling send
from customer.
 The system shall provide system admin of the system controls overall account of the
customer and admin i.e. it can delete, update and perform another database operation.
 The system shall provide the employee manages the appointment of
scheduled client in the system either by adding the information or removing
from the system.
 The system shall provide the admin manages the service provided by the system and also
has the responsibility to add and remove the service from the system.
 The system shall provide the employee enables us to update, remove and add the
appointment into the system or from the system.
 The system shall provide the admin to manage the customer data record.

2.7 User Classes and Characteristics

Employee
 View the system
 Post a new vacancy and news
 Manage message
 Send appointment

System admin
 View the system
 Manage the system
 Update admin account
 Delete admin account
 Add a new admin

Customer
 View posts vacancy and news
 Ordered the case
 Receive appointment from their own email account

45
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Chapter three
3 Requirement Analysis Modeling

3.1 System Use-Case Diagram

3.1.1 Scenario

A use case scenario is a single path through the use case. And use case represents the actions
that are required to enable or abandon a goal. A use case has multiple “paths” that can be taken
by any user at any one time.

3.1.2 Use case model

In UML, use-case diagrams model the behavior of a system and help to capture the
requirements of the system. Use-case diagrams describe the high-level functions and scope of a
system. These diagrams also identify the interactions between the system and its actors.
3.2.1 Use Case Diagrams
A use case diagram is a graphic depiction of the interactions among the elements of a
system. It is a diagram that captures the system's functionality and requirements in UML.
Use-cases are the core concepts of Unified Modeling language modeling. It captures the dynamic
behavior of a live system. It models how an external entity interacts with the system to make it
work. Use case diagrams are responsible for visualizing the external things that interact with the
part of the system.
A use case diagram is a set of use cases for a system, the actors of these use cases, the relations
between the actors and these use cases, and the relations among the use cases. A use case
diagram at its simplest is a representation of a user's interaction with the system and showing the
specifications of a use case.

A use case describes the sequence of events of some types of users, called Actors, using some
part of the system functionality to complete a process. An actor represents a coherent set of roles
that are entities external to the system can play in using the system, rather than representing a
particular individual.

46
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 4:- submit appointment Use case Diagram

3.2.2 Use-Case Description for submit appointment

A use case is an interaction between customer and a system. It captures the goal of the
users/client and the responsibility of the system to its customer. It is the functionality of the
system or the service provided by the system. A use case is an interaction between customer and
a system. It captures the goal of the customer and the responsibility of the system to its customer.
It is the functionality of the system or the service provided by the system.

47
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Use case Name submit appointment

Description To use the systems customer should submit their information into the
system using the company request form.

Identifier UC-01

Actors Employee, customer and system admin

Precondition: The actor must be submit their own information first and the list must be
found in the database.
Includes Route valid request to client admin work queue for approval

Follow of event User action System response

Basic course of Action step1:- the user browses Step3:- system display to the admin dashboard
the system to submit their
own info into the system. Step4:- admin verify and approve the client
info.

Step2:- user after they fill Step5:- the admin order the system to send the
in or complete there info client appointment through their E-mail
clicks submit link/button. address.

Step6:- view there Step7:- End of use case

appointment.

An alternative Step2:- the user pass Step1:- the system displays an error

course of action empty blank space box message or doesn’t pass the info to the
system admin dashboard
And when the client
step2:- back to in the basic course of
click the submit button
action and request the user/client reenter

48
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

there data.

Post Condition The actor can do and see anything on the main page with his/her
privileges.

Table 10:- Login use case Description

3.2.1 Sequence Diagram

A sequence diagram in a Unified Modeling Language (UML) is a kind of interaction diagram
that shows how processes operate with one another and in what order. It is a construct of a
Message Sequence Chart. A sequence diagram shows object interactions arranged in time
sequence. It depicts the objects and classes involved in the scenario and the sequence of
messages exchanged between the objects needed to carry out the functionality of the scenario.
Sequence diagrams typically (but not always), are associated with use case realizations in the
Logical View of the system under development. A sequence diagram shows, as parallel vertical
lines (lifelines), different processes or objects that live simultaneously, and, as horizontal arrows,
the messages exchanged between them, in the order in which they occur. This allows the
specification of simple runtime scenarios in a graphical manner.

49
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 5:- client information submit Sequence Diagram

50
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 6:- sequence diagram for admin login

Sequence diagram for admin Login: - admin that login the system to perform any activity in
the system.

Table 7:- sequence diagram for adding employee

51
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 8:- sequence diagram for update employee

Figure 9 :- sequence diagram for delete employee

52
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

3.3 Activity diagram

The activity diagram is a diagram used for modeling the logic captured by a single-use case
usage scenario. It also helps to model the internal logic of complex operations of the system. In
addition to this, it shows the workflow from the start point to endpoint details and many decision
parts that exist in the progression of the event contains inactivity.

Figure 10:- submit appointment request Activity Diagram

53
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

open system

Enter Email
and password

Invalid input click login

correct

Redirect actor page

Figure 11:- Activity diagram for admin login

54
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Chapter Four

4 System Design
4.2Overview

The analysis model describes the system completely from the actors’ point of view and serves as
The basis of communication between the client (user) and the developers. The analysis model,
However, does not contain information about the internal structure of the system, its hardware
Configuration, or, more generally, how the system should be realized. But the purpose of
designing is to show the direction how the webpage is built and to obtain clear and enough
information needed to drive the actual implementation of the webpage. It is based on
understanding of the model, the webpage built on. The system design, includes purpose of the
system, design goals, proposed system architecture like, system process, subsystem
decomposition, hardware/software mapping, persistent data management, component diagram,
deployment diagram, boundary condition, database design and access control.

4.1.1 Design consideration and purpose

Technology has a bigger impact for advanced usage to control in terms of efficiency, ease of
accessing information and accuracy thereby affecting organization performance.
This website is that the user/clients send their appointment and announce their message or
comment. but the existing system is manual this leads to time consuming, error prone and boring.
In order to solve this problem, the team motivated to develop this website for Dessie Mayor
Office. This document is intended for both stakeholder and developers of the system.

55
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

4.1.2 Design guidance and issues

4.1.2.1 Performance

It is about highlighting what might be considered arbitrary design choices in a single-process

software system into key design choices for a multi-process, multi-user software system.

4.1.2.2 Dependency

A dependency describes the relationship among activities and specifies the particular order in
which they need to be performed. Dependencies arise in every decision making, planning and
developing process and are ideally predetermined. Tasks can be successors and predecessors to
other tasks whereby the instant of each execution may be aligned accordingly.
4.1.2.3 Maintenance

Design for maintenance is a term used when designing products that are more durable and have
spare parts available to mend and maintain them. This is only possible with low-tech or modular
products that don't require a great deal of skill to repair.

4.2 Purpose of the system

The purpose of this system is to understand the data modeling concepts that is used in a real time
Scenario and to implement a fully functional database system which interacts with a front end
Interface. The system design provides a comprehensive architectural overview of the website. It
presents a number of different architectural views to depict different aspects of the system.
4.2.1 System process

System processes are essentially indistinguishable from any user-written program—they use the
same public API and kernel services available to any (suitably privileged) user process.

56
 Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

4.2.2 Subsystem decomposition

Subsystem decomposition is the process of decomposing the system into smaller

subsystems in order to easily understand the design and maintain the system. Our
system decomposed into two categories such as client and server subsystems.

Dessie City Mayor Office

login
Employ
ee login
appointment Custom View news
er & vacancy System admin
Send news
messag View Mang
appoi e ad Add custo
Admin Em cus
appoint ntmen appoi mi admi mer
ploy to
ment t ntmen n n,
ee me
t delet
e,
Figure 12:- subsystem decomposition

57
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

4.2.3 Hardware/software mapping

The Hardware Software mapping is described to indicate the various hardware devices
and equipment’s used in the system and its interaction with the software components. The
Persistent Data Management is described after this to highlight the database type used. We
have chosen the Relational Database to for storage of data. The Access Control techniques
used in the system is described later. We have chosen to provide username and password
to each of the users of the system and thus control the access. The Global Software control
describes the basic flow of data from different subsystems and how it is synchronized.
The Boundary conditions describes the start-up, shutdown, and error behavior of the system.

Figure 13:- software/hardware mapping

4.2.4 Persistent data management

58
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Persistent data is time independent data. The data created by an application or object continues to
exist even after the parent application or object has been deleted and remains accessible beyond
object boundaries, other processes, or transactions. Persistent data remains in its original format.

4.3 Design control

The goal of designing are to model a system with high quality. This website majors will apply
our
Understanding of software development phase like, Systems analysis and design principles to
Design and develop organizational systems. This also will use technical skills and principles to
Provide information for and to solve managerial problems. Some design goal of these systems
are:
Security:- system provides security controls through authentication, authorization and data
Protection. The authentication is by confirming a admin to use the system using email (tin no)
and Password. The authorization is by verifying the authenticated user who has permission to
access a Particular resource, e.g. customer can visit website but, they cannot login to admin.

Performance:- this is the measures of the system’s operation under load. Criteria’s for
performance
Are the response-time (that is Speeding up the response time when admin,
Customer and others comes with request to get service), throughput and space (Minimizing the
Storage space and time to find for files) for file storage.
Availability:- The system needs to be on work for 24 hours in a day and 7 days in a week as
needed.
End user:- End user criteria’s are qualities that are desirable from user’s point of view like
Usability, maintainability and utility.

4.4 Low-level design model

4.4.1 Class diagram

59
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Class diagrams are the blueprints of your system or subsystem. You can use class diagrams to
model the objects that make up the system, to display the relationships between the objects, and
to describe what those objects do and the services that they provide. Class diagrams are useful in
many stages of system design.
4.4.2 Object model

An object model is a logical interface, software or system that is modeled through the
use of object-oriented techniques. It enables the creation of an architectural software or
system model prior to development or programming.
4.4.3 State chart diagram

60
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 14:- State diagram for system admin login

4.4.4 Component diagram

Component diagrams are basically used to model static view of the system. This can be achieved
By modeling various physical components like files etc. which are residing within a node.
Component diagrams are very essential for constructing executable systems.

61
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 15:- component diagram

4.4.5 Deployment diagram

62
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Figure 16: Deployment diagram

4.5 Database design

Database design is the organization of data according to a database model. The designer
determines what data must be stored and how the data elements interrelate. With this
information, they can begin to fit the data to the database model.
4.6 Boundary condition and access control

a condition which a quantity that varies throughout a given space or enclosure must fulfill at
every point on the boundary of that space especially when the velocity of a fluid at any point on
the wall of a rigid conduit is necessarily parallel to the wall.
4.6.1 Access controlling

And also Access control is a fundamental component of data security that dictates who's allowed
to access and use company information and resources. Through authentication and authorization,
access control policies make sure users are who they say they are and that they have appropriate
access to company data.

63
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

4.7 Proposed system architecture

4.7.1 Overview
Dessie Mayor Office Website System is an automated system that gives different services for
through the world users.
Therefore the system shall maintain a central data store which can be maintained and accessed
From different end points by a number of users. Thus the system primarily follows a special type
Of architecture called client/server architecture.
The software system architecture is a high level structure of software system, the discipline of
Creating such structures, and the documentation of these structures. There are many recognized
Architectural patterns and styles. Among them are:
Client-Server: the Client-Server model of computing is a distributed application architecture that
Partitions tasks and workloads between the providers of services, called servers and service
Requesters, called clients.

Figure 17:- Client/Server Architecture

64
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Chapter five
5 Implementation
5.1 Overview
 There is a wealth of online information regarding PHP and CSS
 It's quick to develop in PHP
 PHP is flexible.
 It's available for free
 It runs on many different operating system easy to access other web based tools through PHP
(i.e. Google)
 In general PHP is a widely used open source general purpose scripting language that is
especially suited for web development and can be embedded into HTML.

<!doctype html>
<html class="no-js" lang="en-US">

    <head>
        <!-- META DATA -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-
scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any 
other head content must come *after* these tags -->

        <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/
aos.css" />

        <!--font-family-->
        <link href="https://fonts.googleapis.com/css?
family=Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">

        <link href="https://fonts.googleapis.com/css?
family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">

65
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

        <link href="https://fonts.googleapis.com/css?
family=Lato:100,300,400,700,900" rel="stylesheet">

        <!-- TITLE OF SITE -->
        <title>Dessie City Adminstration</title>

        <!-- for title img -->
        <link rel="shortcut icon" type="image/icon" href="assets/
images/logo/apparent7.png"/>

        <!--font-awesome.min.css-->
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">

        <!--linear icon css-->
        <link rel="stylesheet" href="https://cdn.linearicons.com/
free/1.0.0/icon-font.min.css">

        <!--animate.css-->
        <link rel="stylesheet" href="assets/css/animate.css">

        <!--hover.css-->
        <link rel="stylesheet" href="assets/css/hover-min.css">

        <!--vedio player css-->
        <link rel="stylesheet" href="assets/css/magnific-popup.css">

        <!--owl.carousel.css-->
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link href="assets/css/owl.theme.default.min.css" re
l="stylesheet"/>

        <!--bootstrap.min.css-->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">

        <!-- bootsnav -->
        <link href="assets/css/bootsnav.css" rel="stylesheet"/>

        <!--style.css-->
        <link rel="stylesheet" href="assets/css/style.css">

        <!--responsive.css-->
        <link rel="stylesheet" href="assets/css/responsive.css">

        <link rel="stylesheet" type="text/css" href="assets/contact/
style.css" />

66
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

        <style>

</style>
    </head>

    <body>
    </head>

    <body>
    <!-- <div id="loader-wrapper">
        <div id="loader"></div>

        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div> -->
     <!--header start-->
        <section class="header">
            <div class="container">
                <div class="header-left">
                    <ul class="pull-left">
                        <li>
                            <a href="#">
                                <i class="fa fa-phone" aria-
hidden="true"></i> +251932158186
                            </a>
                        </li><!--/li-->
                        <li>
                            <a href="#">
                                <i class="fa fa-envelope" aria-
hidden="true"></i>[email protected]
                            </a>
                        </li><!--/li-->
                    </ul><!--/ul-->
                </div><!--/.header-left -->
                <div class="header-right pull-right">
                    <ul>
                        <li class="reg">
                            <!-- <a href="#" data-toggle="modal" data-
target=".bs-example-modal-sm">
                                Log in
                            </a>
                                /
                            <a href="#" data-toggle="modal" data-
target=".bs-example-modal-lg">

67
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                Register
                            </a> -->

                            <!-- small modal -->
                            <!-- <div class="modal fade bs-example-
modal-sm" tabindex="-1" role="dialog" aria-
labelledby="mySmallModalLabel">
                                <div class="modal-dialog modal-sm" rol
e="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                             <button type="button" cla
ss="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-
hidden="true">
                                                    <i class="fa fa-
close"></i>
                                                </span>
                                             </button>
                                            <h4 class="modal-title" id
="mySmallModalLabel">
                                                Log In
                                            </h4>
                                            <form class="sm-frm" style
="padding:25px">
                                                <label>Name :</label>
                                                <input type="text" cla
ss="form-control" placeholder="Enter Email">
                                                <label>Passoward :</
label>
                                                <input type="text" cla
ss="form-control" placeholder="Enter Passoward">
                                                <label><input type="ch
eckbox" name="personality"> Remenber Me</label>
                                                <button type="button" 
class="btn btn-default pull-right">Submit</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            large modal
                            <div class="modal fade bs-example-modal-
lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">

68
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                <div class="modal-dialog modal-lg" rol
e="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" clas
s="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-
hidden="true">
                                                    <i class="fa fa-
close"></i>
                                                </span>
                                            </button>
                                            <h4 class="modal-title" id
="myLargeModalLabel">Register</h4>
                                            <form class="lg-frm" style
="padding:25px">
                                                <label>Name :</label>
                                                <input type="text" cla
ss="form-control" placeholder="Enter Name">
                                                <label>Email :</label>
                                                <input type="text" cla
ss="form-control" placeholder="Enter Email">
                                                <label>phone number :<
/label>
                                                <input type="text" cla
ss="form-control" placeholder="Enter phone number">
                                                <label>Passoward :</
label>
                                                <input type="text" cla
ss="form-control" placeholder="Enter Passoward">
                                                <label>Confirm Passowa
rd :</label>
                                                <input type="text" cla
ss="form-control" placeholder="Re-Enter Passoward">
                                                <button type="button" 
class="btn btn-default pull-right">Submit</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                        </li><!--/li -->
                        <li>
                            <div class="social-icon">
                                <ul>

69
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                    <li><a href="#"><i class="fa fa-
facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-
google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-
linkedin"></i></a></li>
                                    <li><a href="#"><i class="fa fa-
twitter"></i></a></li>
                                </ul><!--/.ul -->
                            </div><!--/.social-icon -->
                        </li><!--/li -->
                    </ul><!--/ul -->
                </div><!--/.header-right -->
            </div><!--/.container -->

        </section><!--/.header-->
        <!--header end-->
        <!--menu start-->
        <section id="menu">
            <div class="container">
                <div class="menubar">
                    <nav class="navbar navbar-default">

                        <!-- Brand and toggle get grouped for better m
obile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle 
collapsed" data-toggle="collapse" data-target="#bs-example-navbar-
collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigatio
n</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="index.php">
                            <img src="assets/images/logo/logo1.jpg" al
t>
                            <header><span>Dessie City<br>Adminstration
</span></header>
                            </a>
                        </div><!--/.navbar-header -->

                        <!-- Collect the nav links, forms, and other c
ontent for toggling -->

70
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                        <div class="collapse navbar-collapse" id="bs-
example-navbar-collapse-1">
                            <ul class="nav navbar-nav navbar-right">
                                <li class="active"><a href="index.php"
>Home</a></li>
                                <li><a href="about.php">About Us</
a></li>
                                <li><a href="service.php">Service</
a></li>
                                <li><a href="gallery.php">Gallery</
a></li>
                                <li><a href="historical site.php">Hist
orical Sites</a></li>
                                <li><a href="vaccancy.php">Vaccancy</
a></li>
                                <li><a href="newsportal/
index.php">News</a></li>
                                <li><a href="contact us.php">Contact</
a></li>
                                <li class="search">
                                    <form action="">

                                        <a href="#">
                                            <div id="google_translate_
element"></div>
                                            <script>
                                                function googleTransla
teElementInit() {
                                                    new google.transla
te.TranslateElement("google_translate_element"
);
                                                }
                                            </script>
                                            <script src="http://
translate.google.com/translate_a/element.js?
cb=googleTranslateElementInit"></script>

                                        </a>

                                    </form>
                                </li>
                            </ul><!-- / ul -->
                        </div><!-- /.navbar-collapse -->

71
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                    </nav><!--/nav -->
                </div><!--/.menubar -->
            </div><!-- /.container -->

        </section><!--/#menu-->
        <!--menu end-->

        <!-- header-slider-area start -->
        <section class="header-slider-area">
            <div id="carousel-example-generic" class="carousel slide c
arousel-fade" data-ride="carousel">

              <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-
slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-
slide-to="1"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <div class="single-slide-item slide-1">
                            <div class="container">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="single-slide-item-
content">
                                            <h2>"Well come to Dessie!!
!"<br> Dessie mayor</h2>
                                            <p>
                                                "Wollo is a symbol of 
love and peace"
                                            </p>
                                            <a href="contact us.php"><
button type="button" class="slide-btn">
                                            to get dessie mayors
                                            </button></a>
                                        </div><!-- /.single-slide-
item-content-->
                                    </div><!-- /.col-->
                                </div><!-- /.row-->
                            </div><!-- /.container-->
                        </div><!-- /.single-slide-item-->

72
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                    </div><!-- /.item .active-->
                    <div class="item">
                        <div class="single-slide-item slide-2">
                            <div class="container">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="single-slide-item-
content">
                                            <h2>
                                                "እንኳን ደህና መጣችሁ!!!" <
br> ደሴ ከተማ አስተዳደር
                                            </h2>
                                            <p>
                                                "ወሎ የፍቅር እና የሰላም ተም
ሳሌት ሀገር"
                                            </p>
                                            <a href="contact us.php"><
button type="button"  class="slide-btn">
                                                ደሴ ከንቲባን ለማግኘት
                                            </button></a>
                                        </div><!-- /.single-slide-
item-content-->

                                    </div><!-- /.col-->
                                </div><!-- /.row-->
                            </div><!-- /.container-->
                        </div><!-- /.single-slide-item-->
                    </div><!-- /.item .active-->
                </div><!-- /.carousel-inner-->

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-
example-generic" role="button" data-slide="prev">
                    <span class="lnr lnr-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-
example-generic" role="button" data-slide="next">
                    <span class="lnr lnr-chevron-right"></span>
                </a>
            </div><!-- /.carousel-->

        </section><!-- /.header-slider-area-->
        <!-- header-slider-area end -->

        <!--about-us start -->

73
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

        <section class="about-us">
            <div data-aos="fade-in" data-aos-duration="10000" clas
s="container">
                <div class="about-us-content">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="single-about-us">
                                <div class="about-us-txt">
                                    <div class="transparent">
                                    <div  class="single-we-do-boxm"   
>
                                    <h2>Samuel Mollalegn</h2>
                                    <br><br>
                                    <h3 class="fa fa-phone"><span></
span>+251912027917</h3>
                                    <br><br>
                                    <h3>mayor since jun 13 2021</h3>
                                    <div class="project-btn">
                                        <a href="contact us.php"  clas
s="project-view">see more...
                                        </a>

                                    </div><!--/.project-btn-->
                                            </div>

                                    </div>
                                </div><!--/.about-us-txt-->
                            </div><!--/.single-about-us-->
                        </div><!--/.col-->
                        <div class="col-sm-6">
                            <div class="single-about-us">
                                <div class="about-us-img">
                                    <img src="assets/images/about/
about-part.jpg" alt="about images">
                                </div><!--/.about-us-img-->
                            </div><!--/.single-about-us-->
                        </div><!--/.col-->
                    </div><!--/.row-->
                </div><!--/.about-us-content-->
            </div><!--/.container-->

        </section><!--/.about-us-->
        <!--about-us end -->
<!--we-do start -->
<section  class="we-do">

74
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

    <div  data-aos="fade-up" data-aos-duration="3500" data-aos-
offset="200" data-aos-delay="1" class="container">
        <div class="we-do-details">
            <div class="section-header text-center">
                <div  class="single-we-do-boxl" >
                <p>
                    "Dessie, the capital of Wollo Madinah, is a city o
f tolerance, with religions that are the cornerstone of the nation-
building process of blood and bone-building.

Dessie is a tropical city with hotels and tourism; For modern business
; It is an ideal city for the manufacturing industry as well as the ca
ble transport sector. There is an opportunity for those who invest in 
these sectors.

<br>Dessie, our city is in dire need of infrastructure and development
; The city government needs the support of the people in the multi-
faceted efforts to ensure peace and stability in the region by establi
shing good governance and peace in the city. Therefore, we call on the 
people to support us mentally, financially and physically and to achie
ve better results.

<br>Dessie, the capital of Wollo Madinah, is a city of tolerance, with 
religions that are the cornerstone of the nation-building process of b
lood and bone-building.

Dessie is a tropical city with hotels and tourism; For modern business
; It is an ideal city for the manufacturing industry as well as the ca
ble transport sector. There is an opportunity for those who invest in 
these sectors.

<br>Dessie, our city is in dire need of infrastructure and development
; The city administration needs the support of the people in various a
ctivities to create peace and stability in the city through good gover
nance and the rule of law. Therefore, we call on the people to support 
us mentally, financially and physically and to achieve better results.
"
                                            </div>
</p>
            </div><!--/.section-header-->
            <div data-aos="fade-up" >
            <div    class="we-do-carousel">
                <h2>Some About Dessie's kings And Dessie history</h2>
                <div class="row">
                    <div class="col-sm-4 col-xs-12">

75
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                        <div class="single-we-do-box text-center">
                            <div class="we-do-description">
                                <div class="we-do-info">
                                    <div class="we-do-img">
                                        <img src="assets/images/home/
negus-mikael-of-wollo.jpg" alt="image of consultency" />
                                    </div><!--/.we-do-img-->
                                    <div class="we-do-topics">
                                        <h2>
                                            <a href="#">
                                                Nigus Mikael
                                            </a>
                                        </h2>
                                    </div><!--/.we-do-topics-->
                                </div><!--/.we-do-info-->
                                <div class="we-do-comment">
                                    <p>
                                        Negus Mikael of Wollo (born Mo
hammed Ali, 1850 – 8 September 1918), was an army commander and a memb
er of the nobility of the Ethiopian Empire.He was the father of the "u
ncrowned" Emperor Lij Iyasu, and the grandfather of Empress Menen, wif
e of Emperor Haile Selassie. He changed his name to Mikael upon conver
ting to Christianity.
                                    </p>
                                </div><!--/.we-do-comment-->
                            </div><!--/.we-do-description-->
                        </div><!--/.single-we-do-box-->
                    </div><!--/.col-->
                    <div class="col-sm-4 col-xs-12">
                        <div class="single-we-do-box text-center">
                            <div class="we-do-description">
                                <div class="we-do-info">
                                    <div class="we-do-img">
                                        <img src="assets/images/home/
Yasu_V.jpg" alt="image of business" />
                                    </div><!--/.we-do-img-->
                                    <div class="we-do-topics">
                                        <h2>
                                            <a href="#">
                                                Lij Eyasu
                                            </a>
                                        </h2>
                                    </div><!--/.we-do-topics-->
                                </div><!--/.we-do-info-->
                                <div class="we-do-comment">

76
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                    <p>
                                        Lij Iyasu was born in Wollo du
ring the reign of Menelik II. His mother, Woizero Shoaregga, was the e
ldest daughter of Menelik. Iyasu's father was Ras Mikael, Governor of 
Wollo and longstanding friend of Menelik. Mikael had been born Mohamme
d Ali and was a Muslim until 1875, when he converted to Christianity.
                                    </p>
                                </div><!--/.we-do-comment-->
                            </div><!--/.we-do-description-->
                        </div><!--/.single-we-do-box-->
                    </div><!--/.col-->
                    <div class="col-sm-4 col-xs-12">
                        <div class="single-we-do-box text-center">
                            <div class="we-do-description">
                                <div class="we-do-info">
                                    <div class="we-do-img">
                                        <img src="assets/images/home/6 
map.jpg" alt="image of support" />
                                    </div><!--/.we-do-img-->
                                    <div class="we-do-topics">
                                        <h2>
                                            <a href="#">
                                                Dessie
                                            </a>

                                        </h2>
                                    </div><!--/.we-do-topics-->
                                </div><!--/.we-do-info-->
                                <div class="we-do-comment">
                                    <p>
                                        Dessie (Amharic: ደሴ, romanized
: Däse; also spelled Dese or Dessye) is a town in north-central Ethiop
ia. Located in the South Wollo Zone of the Amhara Region, it sits at a 
latitude and longitude of 11°8′N 39°38′E, with an elevation between 2,
470 and 2,550 metres above sea level. Dessie is 400 km to the north of 
the capital Addis Ababa.
                                    </p>
                                </div><!--/.we-do-comment-->
                            </div><!--/.we-do-description-->
                        </div><!--/.single-we-do-box-->
                    </div><!--/.col-->
                </div><!--/.row-->
            </div><!--/.we-do-carousel-->
        </div><!--/.we-do-details-->
    </div>

77
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                            </div><!--/.container-->
    <!--statistics start-->
    <section  class="statistics">
        <div class="container">
            <div class="statistics-counter ">
                <div class="col-md-3 col-sm-6">
                    <div class="single-ststistics-box">

                        <div class="statistics-content">
                            <div class="counter">1882</div>
                            <h3>Established</h3>
                        </div><!--/.statistics-content-->
                    </div><!--/.single-ststistics-box-->
                </div><!--/.col-->
                <div class="col-md-3 col-sm-6">
                    <div class="single-ststistics-box">
                        <div class="statistics-img">
                        </div><!--/.statistics-img-->
                        <div class="statistics-content">
                            <div class="counter">200,000</div>
                            <h3>Population</h3>
                        </div><!--/.statistics-content-->
                    </div><!--/.single-ststistics-box-->
                </div><!--/.col-->
                <div class="col-md-3 col-sm-6">
                    <div class="single-ststistics-box">
                        <div class="statistics-img">

                        </div><!--/.statistics-img-->
                        <div class="statistics-content">
                            <div class="counter">16800</div>
                            <h3>Area</h3>
                        </div><!--/.statistics-content-->
                    </div><!--/.single-ststistics-box-->
                </div><!--/.col-->
                <div class="col-md-3 col-sm-6">
                    <div class="single-ststistics-box">
                        <div class="statistics-img">
                        </div><!--/.statistics-img-->
                        <div class="statistics-content">
                            <div class="counter">1200</div>
                            <h3>Elevation</h3>
                        </div><!--/.statistics-content-->
                    </div><!--/.single-ststistics-box-->
                </div><!--/.col-->

78
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

            </div><!--/.statistics-counter-->
        </div><!--/.container-->

</section><!--/.we-do-->
<!--we-do end-->

        <!--project start-->
        <section id="project"  class="project">
            <div class="container">
                <div class="project-details">
                    <div class="project-header text-left">
                        <h2>gallery</h2>
                        <p>
                        </p>
                    </div><!--/.project-header-->
                    <div data-aos="fade-up" data-aos-duration="4000" c
lass="project-content">
                        <div class="gallery-content">
                            <div class="isotope">
                                <div class="row">
                                    <div class=" col-md-4 col-sm-12">
                                        <div class="item big-height">
                                            <img src="assets/images/
gallery/de1.jpg" alt="portfolio image"/>
                                            <div class="isotope-
overlay">
                                                <a href="project.html"
>
                                                    <span class="lnr l
nr-link"></span>
                                                </a>
                                            </div><!-- /.isotope-
overlay -->
                                        </div><!-- /.item -->
                                    </div><!-- /.col -->
                                    <div class="col-md-8 col-sm-12">
                                        <div class="row">
                                            <div class="col-sm-6 col-
xs-12">
                                                <div class="item">
                                                    <img src="assets/
images/gallery/de2.jpg" alt="portfolio image"/>

79
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                                    <div class="isotop
e-overlay">
                                                        <a href="galle
ry.html">
                                                            <span clas
s="lnr lnr-link"></span>
                                                        </a>
                                                    </div><!-- /.isoto
pe-overlay -->
                                                </div><!-- /.item -->
                                            </div><!-- /.col -->
                                            <div class="col-sm-6 col-
xs-12">
                                                <div class="item">
                                                    <img src="assets/
images/gallery/de3.jpg" alt="portfolio image"/>
                                                    <div class="isotop
e-overlay">
                                                        <a href="galle
ry.html">
                                                            <span clas
s="lnr lnr-link"></span>
                                                        </a>
                                                    </div><!-- /.isoto
pe-overlay -->
                                                </div><!-- /.item -->
                                            </div><!-- /.col -->

                            </div><!--/.isotope-->
                        </div><!--/.gallery-content-->
                    </div><!--/.project-content-->
                        <div class="gallery-content">
                            <div class="isotope">
                                <div class="row">
                                    <div class=" col-md-4 col-sm-12">
                                        <div class="item big-height">
                                            <img src="assets/images/
gallery/de4.jpg" alt="portfolio image"/>
                                            <div class="isotope-
overlay">
                                                <a href="project.html"
>
                                                    <span class="lnr l
nr-link"></span>
                                                </a>

80
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                            </div><!-- /.isotope-
overlay -->
                                        </div><!-- /.item -->
                                    </div><!-- /.col -->
                                    <div class="col-md-8 col-sm-12">
                                        <div class="row">
                                            <div class="col-sm-6 col-
xs-12">
                                                <div class="item">
                                                    <img src="assets/
images/gallery/de5.jpg" alt="portfolio image"/>
                                                    <div class="isotop
e-overlay">
                                                        <a href="galle
ry.html">
                                                            <span clas
s="lnr lnr-link"></span>
                                                        </a>
                                                    </div><!-- /.isoto
pe-overlay -->
                                                </div><!-- /.item -->
                                            </div><!-- /.col -->
                                            <div class="col-sm-6 col-
xs-12">
                                                <div class="item">
                                                    <img src="assets/
images/gallery/de6.jpg" alt="portfolio image"/>
                                                    <div class="isotop
e-overlay">
                                                        <a href="galle
ry.html">
                                                            <span clas
s="lnr lnr-link"></span>
                                                        </a>
                                                    </div><!-- /.isoto
pe-overlay -->
                                                </div><!-- /.item -->
                                            </div><!-- /.col -->

                            </div><!--/.isotope-->
                        </div><!--/.gallery-content-->
                </div><!--/.project-details-->
                <div class="project-btn text-center">
                    <a href="gallery.php"  class="project-view">See mo
re phothos

81
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                    </a>
                </div><!--/.project-btn-->
            </div><!--/.container-->

        </section><!--/.project-->
        <!--project end-->

        <section id="team" class="team  team-main">
            <div class="container">
                <div class="team-details">
                    <div class="project-header team-header team-head t
ext-center">
                        <h2>Dessie's Historical Sites</h2>
                        <p>
                            Vist our Historical Sites
                        </p>
                    </div><!--/.project-header-->
                    <div class="team-card">
                        <div class="container">
                            <div class="row">
                                <div class="owl-carousel  team-
carousel">
                                    <div class="col-sm-3 col-xs-12">
                                        <div class="single-team-box si
ngle-team-card team-box-bg-1">
                                            <div class="team-box-
inner">
                                                <h3>Wollo Chiss</h3>
                                                <p class="team-
meta"></p>
                                                <a href="team.html" cl
ass="learn-btn">
                                                    learn more
                                                </a>
                                            </div><!--/.team-box-
inner-->

                                        </div><!--/.single-team-box-->
                                    </div><!--.col-->
                                    <div class="col-sm-3 col-xs-12">
                                        <div class="single-team-box si
ngle-team-card team-box-bg-2">
                                            <div class="team-box-
inner">
                                                <h3>Ayteyef</h3>

82
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                                <a href="https://
www.google.com/search?q=dessie
%20museum&sxsrf=ALiCzsa26iWfMwplK7FVCAPJYDuOmo0ohA:1654255435065&ei=xe
2ZYpm5EMTW5OUPwbGUwAk&oq=&gs_lcp=Cgdnd3Mtd2l6EAEYADIHCCMQ6gIQJzIHCCMQ6
gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCM
Q6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzoHCCMQsAMQJzoHCAAQRxCwAzoECCMQJ0oECEEYA
EoECEYYAFCdCFjiFGDiKmgCcAF4BIABwwKIAdILkgEFMi0zLjKYAQCgAQGwAQrIAQnAAQE
&sclient=gws-
wiz&tbs=lf:1,lf_ui:1&tbm=lcl&rflfq=1&num=10&rldimm=2971257466600027336
&lqi=Cg1kZXNzaWUgbXVzZXVtSIWQ1sTjrYCACFoXEAEYASINZGVzc2llIG11c2V1bSoCC
AOSAQZtdXNldW2qAQ4QASoKIgZtdXNldW0oAA&phdesc=Oogigkm5aqM&ved=2ahUKEwiC
lszclZH4AhXZs5UCHUXEBeYQvS56BAgFEAE&sa=X&rlst=f#rlfi=hd:;si:1568898924
3423072949,l,Cg1kZXNzaWUgbXVzZXVtSLjpjab_rICACFoXEAEYASINZGVzc2llIG11c
2V1bSoCCAOSAQZtdXNldW2qAQ4QASoKIgZtdXNldW0oAA,y,68djPSA-0Bs;mv:
[[11.1280687,39.6389825],[11.1088627,39.6361813]]" class="learn-btn">
                                                    Address of Ayteyef 
Adarash is Dessie, Ethiopia. Ayteyef Adarash has quite many listed pla
ces around it and house of nigus micael
                                                </a>
                                            </div><!--/.team-box-
inner-->
                                        </div><!--/.single-team-box-->
                                    </div><!--.col-->
                                    <div class="col-sm-3 col-xs-12">
                                        <div class="single-team-box si
ngle-team-card team-box-bg-3">
                                            <div class="team-box-
inner">
                                                <h3>Dessie Musieum</
h3>

                                                <a href="https://
www.google.com/search?q=dessie
%20museum&sxsrf=ALiCzsa26iWfMwplK7FVCAPJYDuOmo0ohA:1654255435065&ei=xe
2ZYpm5EMTW5OUPwbGUwAk&oq=&gs_lcp=Cgdnd3Mtd2l6EAEYADIHCCMQ6gIQJzIHCCMQ6
gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCM
Q6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzoHCCMQsAMQJzoHCAAQRxCwAzoECCMQJ0oECEEYA
EoECEYYAFCdCFjiFGDiKmgCcAF4BIABwwKIAdILkgEFMi0zLjKYAQCgAQGwAQrIAQnAAQE
&sclient=gws-
wiz&tbs=lf:1,lf_ui:1&tbm=lcl&rflfq=1&num=10&rldimm=2971257466600027336
&lqi=Cg1kZXNzaWUgbXVzZXVtSIWQ1sTjrYCACFoXEAEYASINZGVzc2llIG11c2V1bSoCC
AOSAQZtdXNldW2qAQ4QASoKIgZtdXNldW0oAA&phdesc=Oogigkm5aqM&ved=2ahUKEwiC
lszclZH4AhXZs5UCHUXEBeYQvS56BAgFEAE&sa=X&rlst=f#rlfi=hd:;si:2971257466
600027336,l,Cg1kZXNzaWUgbXVzZXVtSIWQ1sTjrYCACFoXEAEYASINZGVzc2llIG11c2

83
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

V1bSoCCAOSAQZtdXNldW2qAQ4QASoKIgZtdXNldW0oAA,y,Oogigkm5aqM;mv:
[[11.1280687,39.6389825],[11.1088627,39.6361813]];tbs:lrf:!1m4!1u2!
2m2!2m1!1e1!2m1!1e2,lf:1" class="learn-btn">
                                                    place of king mich
ael of wollo and located in arada
                                                </a>
                                            </div><!--/.team-box-
inner-->
                                        </div><!--/.single-team-box-->
                                    </div><!--.col-->
                                    <div class="col-sm-3 col-xs-12">
                                        <div class="single-team-box si
ngle-team-card team-box-bg-4">
                                            <div class="team-box-
inner">
                                                <h3>Harego</h3>
                                                <p class="team-meta">
                                                </p>
                                                <a href="https://
www.distancesfrom.com/et/distance-from-Dessie-to-Kombolcha/
DistanceHistory/7453677.aspx" class="learn-btn">
                                                    the road that show 
The distance between Dessie to Kombolcha is 23 Km by road.
                                                </a>
                                            </div><!--/.team-box-
inner-->
                                        </div><!--/.single-team-box-->
                                    </div><!--.col-->
                                </div><!--/.team-carousel-->
                            </div><!--/.row-->
                        </div><!--/.container-->
                    </div><!--/.team-card-->
                    <div class="team-card team-mrt-70">
                        <div class="container">
                            <div class="row">
                                <div class="owl-carousel  team-
carousel">
                                    <div class="col-sm-3 col-xs-12">
                                        <div class="single-team-box si
ngle-team-card team-box-bg-5">
                                            <div class="team-box-
inner">
                                                <h3>Arada</h3>

84
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                                <a href="http://
wikimapia.org/36390135/ARADA-GEBEYA" class="learn-btn">
                                                    ARADA GEBEYA is lo
cated in Dessie. ARADA GEBEYA - Dessie on the map.
                                                </a>
                                            </div><!--/.team-box-
inner-->

                                        </div><!--/.single-team-box-->
                                    </div><!--.col-->
                                    <div class="col-sm-3 col-xs-12">
                                        <div class="single-team-box si
ngle-team-card team-box-bg-6">
                                            <div class="team-box-
inner">
                                                <h3>Tossa</h3>

                                                <a href="https://
vymaps.com/ET/Tosa-Terara-10948/" class="learn-btn">
                                                    Mount Tossa stands 
above Dessie town, up to about 500 metres.
                                                </a>
                                            </div><!--/.team-box-
inner-->
                                        </div><!--/.single-team-box-->
                                    </div><!--.col-->
                                    <div class="col-sm-3 col-xs-12">
                                        <div class="single-team-box si
ngle-team-card team-box-bg-7">
                                            <div class="team-box-
inner">
                                                <h3>dessie borkena rev
er</h3>

                                                <a href="http://
wikimapia.org/31369340/Borkena-Bridge" class="learn-btn">
                                                    The Borkena River 
bridge of the Dessie highway (1). Nearby cities: Coordinates: 10°38'4"
N 39°55'47"E. Add your comment in english.
                                                </a>
                                            </div><!--/.team-box-
inner-->
                                        </div><!--/.single-team-box-->
                                    </div><!--.col-->
                                    <div class="col-sm-3 col-xs-12">

85
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                        <div class="single-team-box si
ngle-team-card team-box-bg-8">
                                            <div class="team-box-
inner">
                                                <h3>Hayik</h3>

                                                <a href="https://
www.distancesfrom.com/et/distance-from-Dessie-to-Hayk/
DistanceHistory/12293527.aspx" class="learn-btn">
                                                    The distance betwe
en Dessie to Hayk is 27 Km by road. You can also find the distance fro
m Dessie to Hayk using other travel options like bus.
                                                </a>
                                            </div><!--/.team-box-
inner-->
                                        </div><!--/.single-team-box-->
                                    </div><!--.col-->
                                </div><!--/.team-carousel-->
                            </div><!--/.row-->
                        </div><!--/.container-->
                    </div><!--/.team-card-->
                </div><!--/.team-details-->
            </div><!--/.container-->

        </section><!--/.team-->
        <!--team end-->
        <!-- testemonial Start -->
        <section   class="testemonial">
            <div class="container">
                <div class="owl-carousel owl-theme" id="testemonial-
carousel">
                    <div class="home1-testm item">
                        <div class="home1-testm-single text-center">
                            <div class="home1-testm-img">
                                <img src="assets/images/client/
testimonial1.jpg" alt="img"/>
                            </div><!--/.home1-testm-img-->
                            <div class="home1-testm-txt">
                                <p>

                                </p>
                                <h3>
                                    <a href="#">
                                        Samuel Mollalgn
                                    </a>

86
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                </h3>
                                <h4>head mayor</h4>
                            </div><!--/.home1-testm-txt-->
                        </div><!--/.home1-testm-single-->
                    </div><!--/.item-->
                    <div class="home1-testm item">
                        <div class="home1-testm-single text-center">
                            <div class="home1-testm-img">
                                <img src="assets/images/client/
testimonial2.jpg" alt="img"/>
                            </div><!--/.home1-testm-img-->
                            <div class="home1-testm-txt">

                                <p>

                                <h3>
                                    <a href="#">
                                        wende
                                    </a>
                                </h3>
                                <h4>Deputy head mayor</h4>
                            </div><!--/.home1-testm-txt-->
                        </div><!--/.home1-testm-single-->
                    </div><!--/.item-->
                    <div class="home1-testm item">
                        <div class="home1-testm-single text-center">
                            <div class="home1-testm-img">
                                <img src="assets/images/client/
testimonial1.jpg" alt="img"/>
                            </div><!--/.home1-testm-img-->
                            <div class="home1-testm-txt">
                                <p>
                                </p>
                                <h3>
                                    <a href="#">
                                        Natnael
                                    </a>
                                </h3>
                                <h4>head of Networking manager</h4>
                            </div><!--/.home1-testm-txt-->
                        </div><!--/.home1-testm-single-->
                    </div><!--/.item-->
                </div><!--/.testemonial-carousel-->
            </div><!--/.container-->

87
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

<!--contact start-->
<section  class="contact">
    <div class="container">
        <div class="contact-details">
            <div class="section-header contact-head  text-center">
            </div><!--/.section-header-->
            <div class="contact-content">
                <div class="row">
                    <div class="col-sm-offset-1 col-sm-5">
                        <div class="single-contact-box">
                            <div class="contact-right">
                                <div class="contact-adress">
                                    <div class="contact-office-
address">
                                        <h3>contact info</h3>
                                        <p>
                                            shel, Dessie, South Wollo, 
Amhara, Ethiopia
                                        </p>
                                        <div class="contact-online-
address">
                                            <div class="single-online-
address">
                                                <i class="fa fa-
phone"></i>
                                                +251932158186
                                            </div><!--/.single-online-
address-->

                                            <div class="single-online-
address">
                                                <i class="fa fa-
envelope-o"></i>
                                                <span>yalemwas.mohamme
d32"@gmail.com</span>
                                            </div><!--/.single-online-
address-->
                                        </div><!--/.contact-online-
address-->
                                    </div><!--/.contact-office-
address-->

88
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                    <div class="contact-office-
address">
                                        <h3>social media</h3>
                                        <div class="contact-icon">
                                            <ul>
                                                <li><a href="#"><i cla
ss="fa fa-facebook" aria-hidden="true"></i></a></li><!--/li-->
                                                <li><a href="#"><i cla
ss="fa fa-google-plus" aria-hidden="true"></i></a></li><!--/li-->
                                                <li><a href="#"><i cla
ss="fa fa-linkedin" aria-hidden="true"></i></a></li><!--/li-->
                                                <li><a href="#"><i cla
ss="fa fa-twitter" aria-hidden="true"></i></a></li><!--/li-->
                                            </ul><!--/ul-->
                                        </div><!--/.contact-icon-->
                                    </div><!--/.contact-office-
address-->

                                </div><!--/.contact-address-->
                            </div><!--/.contact-right-->
                        </div><!--/.single-contact-box-->
                    </div><!--/.col-->
                    <div class="">
                        <div class="col-md-6 offset-md-3 col-sm-12">
                            <?php

require_once('db.php');

if(isset($_POST['submitForm'])){

$fullname=$_POST['fullname'];
$phone=$_POST['phone'];
$email=$_POST['email'];
$subject=$_POST['subject'];
$message=$_POST['message'];

// echo "name: $fullnme<br> phone:$phone <br> email: $email <br> ;

$sql = "INSERT INTO service2(fullname, phone, email, subject, message)
VALUES ('$fullname','$phone','$email','$subject','$message')";

// echo $sql;
if($con->query($sql)=== TRUE)
{
function function_alert($message) {

89
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

// Display the alert box
echo "<script>alert('$message');</script>";
}

// Function call
function_alert("successfully sent");
}
else{
//  echo "something went wrong";

}}
else{
// echo "no submite" ;
}

?>

                                <form name="frmContact" id="" frmConta
ct="" method="post"
action="contact us.php" enctype="multipart/form-data"
    onsubmit="return validateContactForm()">
    <div class="foot-menu pull-right">
    <div class="input-row">
        <label for="fullname" style="padding-top: 20px;">Name</label> 
<span
            id="userName-info" class="info"></span><br /> <input
            type="text" class="input-field" name="fullname"
            id="fullname" placeholder="full name..." />
    </div>
    <div class="input-row">
        <label for="phone">Phone</label> <span id="userPhone-info"
            class="info"></span><br /> <input type="text"
            class="input-field" name="phone" i
d="phone"placeholder="+2519129..." />
    </div>
    <div class="input-row">
        <label for="email">Email</label> <span id="userEmail-info"
            class="info"></span><br /> <input type="text"
            class="input-field" name="email" id="email" placeholde
r="[email protected]"/>
    </div>
    <div class="input-row">
        <label for="subject">Subject</label> <span id="subject-info"

90
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

            class="info"></span><br /> <input type="text"
            class="input-field" name="subject" id="subject" />
    </div>
    <div class="input-row">
        <label for="message">Message</label> <span id="userMessage-
info"
            class="info"></span><br />
        <textarea name="message" id="message"
            class="input-field" cols="60" rows="6"></textarea>
    </div>

    <div>
        <input class="btn-submit" type="submit" name="submitForm" valu
e="send"/>
    </div>
    </div>

                                </form><!--/form-->
                                <script src="https://code.jquery.com/
jquery-2.1.1.min.js"
type="text/javascript"></script>
<script type="text/javascript">
function validateContactForm() {
    var valid = true;

    $(".info").html("");
    $(".input-field").css('border', '#e0dfdf 1px solid');
    var userName = $("#fullname").val();
    var phone=$("#phone").val();
    var userEmail = $("#email").val();
    var subject = $("#subject").val();
    var content = $("#message").val();

    if (userName == "") {
        $("#userName-info").html("Required.");
        $("#fullname").css('border', '#e66262 2px solid');
        valid = false;
    }
    if (phone == "") {
        $("#userPhone-info").html("Required.");
        $("#phone").css('border', '#e66262 2px solid');
        valid = false;
    }
    if (userEmail == "") {
        $("#userEmail-info").html("Required.");

91
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

        $("#email").css('border', '#e66262 2px solid');
        valid = false;
    }
    if (!userEmail.match(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/))
    {
        $("#userEmail-info").html("Invalid Email Address.");
        $("#email").css('border', '#e66262 2px solid');
        valid = false;
    }

    if (subject == "") {
        $("#subject-info").html("Required.");
        $("#subject").css('border', '#e66262 2px solid');
        valid = false;
    }
    if (content == "") {
        $("#userMessage-info").html("Required.");
        $("#message").css('border', '#e66262 2px solid');
        valid = false;
    }
    return valid;
}

function addMore() {
       $("<DIV>").load("input.php", function() {
          $("#custom-input-container").append($(this).html());
       });
    }
</script>
                            </div><!--/.contact-form-->
                        </div><!--/.single-contact-box-->
                    </div><!--/.col-->
                </div><!--/.row-->
            </div><!--/.contact-content-->
        </div><!--/.contact-details-->
    </div><!--/.container-->

</section><!--/.contact-->

        <!--hm-footer start-->
        <section class="hm-footer">
            <div class="container">
                <div class="hm-footer-details">

92
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="hm-footer-widget">
                                <div class="hm-foot-title ">
                                </div><!--/.hm-foot-title-->
                                <div class="hm-foot-para">
                                    <p>
                                        link here
                                    </p>
                                </div><!--/.hm-foot-para-->
                                <div class="hm-foot-icon">
                                    <ul>
                                        <li><a href="https://
facebook.com/log in"><i class="fa fa-facebook" aria-
hidden="true"></i></a></li><!--/li-->
                                        <li><a href="https://google pl
us.com"><i class="fa fa-google-plus" aria-hidden="true"></i></a></
li><!--/li-->
                                        <li><a href="https://
linkedin.com"><i class="fa fa-linkedin" aria-hidden="true"></i></a></
li><!--/li-->
                                        <li><a href="https://
twitter.com"><i class="fa fa-twitter" aria-hidden="true"></i></a></
li><!--/li-->
                                    </ul><!--/ul-->
                                </div><!--/.hm-foot-icon-->
                            </div><!--/.hm-footer-widget-->
                        </div><!--/.col-->
                        <div class=" col-md-2 col-sm-6 col-xs-12">
                            <div class="hm-footer-widget">
                                <div class="hm-foot-title">
                                    <h4>Useful Links</h4>
                                </div><!--/.hm-foot-title-->
                                <div class="footer-menu ">
                                    <ul class="">
                                        <li><a href="index.php" >Home<
/a></li>
                                        <li><a href="about.php">About<
/a></li>
                                        <li><a href="service.php">Serv
ice</a></li>
                                        <li><a href="gallery.php">Gall
ery</a></li>
                                        <li><a href="vaccancy.php">Vac
cancy</a></li>

93
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                        <li><a href="contact us.php">C
ontact us</a></li>
                                    </ul>
                                </div><!-- /.footer-menu-->
                            </div><!--/.hm-footer-widget-->
                        </div><!--/.col-->
                        <div class=" col-md-3 col-sm-6 col-xs-12">
                            <div class="hm-footer-widget">
                                <div class="hm-foot-title">
                                    <h4>Offices</h4>
                                </div><!--/.hm-foot-title-->
                                <div class="footer-menu">
                                    <ul class="">
                                        <li><a href="#">Dessie Mayor O
ffice</a></li>
                                        <li><a href="#">Dessie City Co
mplaint Office</a></li>
                                        <li><a href="#">Dessie City ci
vil service</a></li>
                                        <li><a href="#">Dessie City Tr
ade Office</a></li>
                                        <li><a href="#">Dessie City Si
lent Office</a></li>
                                        <li><a href="#">Dessie City Mo
ney And Economic Coopration</a></li>
                                    </ul>
                                </div><!--/.hm-para-news-->
                            </div><!--/.hm-footer-widget-->
                        </div><!--/.col-->
                        <div class=" col-md-3 col-sm-6  col-xs-12">
                            <div class="hm-footer-widget">
                                <div class="hm-foot-title">
                                    <h4> Email</h4>
                                </div><!--/.hm-foot-title-->
                                <div class="hm-foot-para">
                                    <p class="para-news">
                                        [email protected]
                                    </p>
                                </div><!--/.hm-foot-para-->
                                <div class="hm-foot-email">
                                    <div class="foot-email-box">
                                        <input type="text" class="form
-control" placeholder="Email Address">
                                    </div><!--/.foot-email-box-->
                                    <div class="foot-email-subscribe">

94
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                        <button type="button" >go</
button>
                                    </div><!--/.foot-email-icon-->
                                </div><!--/.hm-foot-email-->
                            </div><!--/.hm-footer-widget-->
                        </div><!--/.col-->
                    </div><!--/.row-->
                </div><!--/.hm-footer-details-->
            </div><!--/.container-->

        </section><!--/.hm-footer-details-->
        <!--hm-footer end-->

        <!-- footer-copyright start -->
        <footer class="footer-copyright">
            <div class="container">
                <div class="row">
                    <div class="col-sm-7">
                        <div class="foot-copyright pull-left">
                            <p>
                                &copy; All Rights Reserved. Designed a
nd Developed by
                                <a href="#">KIOT Stud</a>
                            </p>
                        </div><!--/.foot-copyright-->
                    </div><!--/.col-->
                    <div class="col-sm-5">
                        <div class="foot-menu pull-right
                        ">
                            <ul>
                                <li ><a href="#">legal</a></li>
                                <li ><a href="#">sitemap</a></li>
                                <li ><a href="#">privacy policy</a></
li><br><br>

                            </ul>
                        </div><!-- /.foot-menu-->
                    </div><!--/.col-->
                    <div class="col-sm-8">
                        <div class="foot-menu pull-right
                        ">
                            <ul>
                                <li ><a>Powered By:-</a></li>
                                <li><img src="assets/images/logo/
html.png" alt width="35" height="45" ><li>

95
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

                                <li><img src="assets/images/logo/
css.png" alt width="26" height="45"><li>
                                <li><img src="assets/images/logo/
php.png" alt width="74" height="45"><li>
                                <li><img src="assets/images/logo/
js.png" alt width="26" height="45"><li>
                                <li><img src="assets/images/logo/
sql.png" alt width="30" height="45"><li>
                            </ul>
                        </div><!-- /.foot-menu-->
                    </div><!--/.col-->
                <div id="scroll-Top">
                    <i class="fa fa-angle-double-up return-to-top" i
d="scroll-top" data-toggle="tooltip" data-placement="top" title="" dat
a-original-title="Back to Top" aria-hidden="true"></i>
                </div><!--/.scroll-Top-->
            </div><!-- /.container-->

        </footer><!-- /.footer-copyright-->
        <!-- footer-copyright end -->

        <!-- jaquery link -->

        <script src="assets/js/jquery.js"></script>
        <!-- Include all compiled plugins (below), or include individu
al files as needed -->

        <!--modernizr.min.js-->
        <script type="text/javascript" src="https://
cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></
script>

        <!--bootstrap.min.js-->
        <script type="text/javascript" src="assets/js/
bootstrap.min.js"></script>

        <!-- bootsnav js -->
        <script src="assets/js/bootsnav.js"></script>

        <!-- for manu -->
        <script src="assets/js/jquery.hc-sticky.min.js" type="text/
javascript"></script>

96
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

        <!-- vedio player js -->
        <script src="assets/js/jquery.magnific-popup.min.js"></script>

        <script type="text/javascript" src="https://
cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/
jquery.easing.min.js"></script>

        <!--owl.carousel.js-->
        <script type="text/javascript" src="assets/js/
owl.carousel.min.js"></script>

        <!-- counter js -->
        <script src="assets/js/jquery.counterup.min.js"></script>
        <script src="assets/js/waypoints.min.js"></script>

        <!--Custom JS-->
        <script type="text/javascript" src="assets/js/jak-
menusearch.js"></script>
        <script type="text/javascript" src="assets/js/custom.js"></
script>

        <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script>
        $(window).on("load", function() {
            $('body').addClass('loaded');
        });
    </script>
    <script>
    AOS.init();
    </script>
     </body>
</html>

Declared by:
_____________________ July 15, 2014

97
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Student Signature Date

Confirmed by advisor:

Name: - Mr Shambel

Signature: ______________

Date: _________day, year ______

KIOT Ethiopia July 15, 2014

Chapter six
6 System testing
6.1 Overview

6.1.1 Purpose
 The login screen, messages and responses must not take long time to
display.
 To check all field inputs must work properly.
 Other interfaces must be invoked from clicked buttons.

6.1.2 Scope
 Duplicate inputs should not be accepted.
 All the given buttons which calls other interface should call the appropriate
interface page.

98
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

6.2 Testing Procedure

Developing software is a complex process. No matter how hard we try to eliminate all faults
simply by going through the phases of requirements, analysis, design, specification, and
implementation, however through good practice we can make sure that the most series fault does
not occur in the first place. In addition we need a separate testing phase, with the goal of
elimination all remaining faults before release.
To simplify the testing process the project team followed the different types of tests that break
the testing process up into the distinct levels. These types testing are unit testing , integration
testing and system testing.

6.2.1 Unit Testing

In this level of testing process, the Website developers test the different sub procedures,
Functions and tested by applying the black and white box testing.
Sample Tests
 Check whether the return type of the functions is correct.
 Check how the sub procedures or functions are called correctly.
 Check if the correct output is produced for different inputs.
 Check the efficiency of the code with respect to the memory and CPU time.

6.2.2 Integration Testing

In this level of testing we have examined how the different procedures work together to achieve
The goal of the sub system.

6.2.3 System Testing

In this level of testing process we have examined how nicely the subsystems of the whole
Website work together to achieve the desired goal.
Sample Tests
 When one customer is deleted from its table its tin number must not exist in other
tables.

6.2.4 Design test cases

Test Case 1: Login

99
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

Test case objective : To access the system

Test case description: System user enters Email and Password, then presses login button.
Client program contacts with server, server contacts with the database, and database
checks for authentication and displays System user page.
Requirements Verified: Yes
Test Environment: Apache MySQL server must be in running state, Database Should
contain appropriate table and link must be established between server and client
program.
Test Setup/Pre-Conditions: Apache server should be in running state and Email and
Password fields should be filled correctly
Actions Expected Results
User activate the system Displays System user page.
The System user should enter the correct Type, Email Verify
and password to login.
If Type, Email and password are not filled correctly the system display to fill the user name
and password again.
Test case two
Test Case 2: Register user
Test case objective : To register user
Test case description: the Admin enters basic information about the user
Requirements Verified: Yes
Test Environment: Apache MySQL server must be in running state, Database Should
contain appropriate table and link must be established between server and client
program.
Test Setup/Pre-Conditions: Apache server should be in running state and all fields
should be filled.
Actions Expected Results
The Admin click the register menu. Displays registration page.
The Admin should enter client information Verify it

100
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

The Admin click register button Display success message

If some fields are not filled the system display to fill the fields again.

Table 11:- design test case

Chapter seven

7 Conclusion and Recommendation

7.1 Conclusion
Dessie Mayor Office Website system made computerized system to increase the efficiency, to
announce the office to the user. The main focus of this project is to connect user and office
easily, to save time and money .The maintenance of the records is made efficient, as all the
records are stored in the database, and also data can be retrieved easily. The editing is also made
simpler.
Our main aim of the project is:
 Provide sufficient security.
 Increase customer satisfaction
 Minimize the time required to perform task.
 Minimize the work load of employee..

7.2 Recommendation
We would like to recommend that the system is open for interested groups or individuals who
wish to add new functionalities especially distributed integration.
Finally we would like to recommend to use this system to enhance the website process by using
our system.

REFERENCE
Internet
1. www.diagram.io

101
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

2. www.smartdraw.com

3. [1].www.e-commerce.com
4. www.yyu.edu.tr/abis/admin/.../UML%20Tasanm.pdf – helps for modeling the
system flow the functionality of the system.

5. creately.com/diagram.

Appendix
 Activity diagram: diagram that describes procedural logic, business
process and work flow supporting parallelism.
 Actor: a role that a user takes when invoking a use case. Also see actor
modeling.
 Class the primary declarative construct of Object-oriented Programming; a
cohesive unit of Attributes and Operations; a compile-time template for an
Object

 Class diagram: type of static structure diagram that describes the

structure of a system by showing the system's classes, their
attributes, and the relationships between the classes.

 Sequence diagram describes the Messages sent between a

numbers of participating.

 Component diagram: Component diagrams are basically used

to model static view of the system.

Questionaries’ are:
1. how is the existing system work?
2. what are the functionalities that you want from the new
system?
3. how is the organization keep, record, distribute, withdraw items ?

102
Dessie City Mayor Office 2022 G.C from 4th Year Software Eengineering Internship student

103