Final Report
Final Report
DEDICATION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
ACKNOWLEDGEMENTS
The accomplishment of this great work would have not been possible without the important
contributions of a good number of people who gave me a huge support either academically,
professionally, financially or spiritually. I then direct my special thanks to;
SUMMARY
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
DEDICATION................................................................................................................................i
ACKNOWLEDGEMENTS..........................................................................................................ii
SUMMARY...................................................................................................................................iii
LIST OF FIGURES......................................................................................................................iv
LIST OF TABLES......................................................................................................................viii
GENERAL INTRODUCTION.....................................................................................................1
GENERAL CONCLUSION.....................................................................................................153
ANNEXE....................................................................................................................................153
BIBLIOGRAPHY......................................................................................................................153
WEBOGRAPHY........................................................................................................................153
CONTENT..................................................................................................................................153
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
LIST OF FIGURES
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
LIST OF TABLES
Table 1: human resources..............................................................................................................21
Table 2: software resources...........................................................................................................21
Table 3: hardware resources..........................................................................................................22
Table 4: estimated cost of the project............................................................................................22
Table 5: list of participants............................................................................................................23
Table 6: project planning...............................................................................................................24
Table 7: limitations of the existing system and proposed solutions..............................................34
Table 8: components of a use case diagram..................................................................................49
Table 9: identification of actors and their use cases......................................................................50
Table 10: <<authenticate>> textual description............................................................................61
Table 11: <<grant permission>> textual description.....................................................................62
Table 12: <<accept bank account creation request>>> textual description..................................63
Table 13: <<transfer fund>> textual description...........................................................................64
Table 14: << pay a service textual description>>..........................................................................65
Table 15: components of activity diagram....................................................................................67
Table 16: components of a communication diagram.....................................................................74
Table 17: components of a state machine diagram........................................................................79
Table 18: components of a component diagram............................................................................91
Table 19: components of a sequence diagram...............................................................................99
Table 20: components of a class diagram....................................................................................106
Table 21: software tools...............................................................................................................124
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
GLOSSARY
JS: JavaScript.
TS: TypeScript.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering at
AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE, Academic
Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
ABSTRACT
Cameroon is technologically and digitally improving, hence Cameroon public institutions such
as CAMPOST must also be on permanent improvement so as to cope with the current changes. Due to
the presence of private institutions offering the same kind of services, CAMPOST must then improve
the quality of its services so as to satisfy, retain and remain competitive nationally and internationally.
CAMPOST offers variety of services concerning financial, postal and digital domains. Some of
their services are being managed and maintained manually and others using digital solutions. The
services offered by CAMPOST are quite good, important and cheaper relative to private solutions, but
not all these services or solutions are available online or are not easily accessible. Furthermore, not all
Cameroonians are aware of the advantages, services, and different solutions that CAMPOST offers to
them.
It is with this mind that we decided to setup a web and mobile application that can ease access
to CAMPOST services by their customers. Hence the theme: DEVELOPMENT OF A WEB AND
MOBILE APPLICATION WHICH FACILITATES ACCESS TO CAMPOST SERVICES. In fact, we
are also planning to set up a mobile application allowing all users to have access to the various services
offered by CAMPOST at any time and in any place with the help of a CAMPOST account. This web
platform is likely to be able to give this company not only the possibility of registering, processing and
responding to various customer requests but also, giving the possibility of making optimal searches
quickly and also filtering the search results in the database thereby permitting the company to save time
in processing operations.
The conception and realization of this platform was effective thanks to the use of the
development tools; UML 2.5, ANGUALR, IONIC, NODE, GIT, SPRING BOOT, JAVA, HTML,
CSS, JAVASCRIPT, POSTMAN, TOMCAT, APACHE, VISUAL PARADIGM, VISUAL STUDIO
CODE, MySQL, WAMMP.
RESUME
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering at
AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE, Academic
Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering at
AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE, Academic
Year 2020 – 2021
xi
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
GENERAL INTRODUCTION
Our legacy platforms have served us well for decades, but we're running out of upgrades
that will keep us ahead. Technology is changing too fast, and our enemies are too adaptable. We
are then facing a situation where technology is seen as the shield for enterprises against
competitors who are also evolving technologically. The appropriate solution for an enterprise to
remain competitive, retain and satisfy his customers is to provide a digital solution that will
render their day-to-day operations easier.
Providing such a solution for such a company was a great challenge for me, but thanks to
my skills got from AICS, this could be made available. So, to attain these objectives, I used
UML coupled to 2TUP as methodology to do the analysis and some well-known technologies for
the coding part. The different phases used are described below;
- Specification book; which will summarize the client’s need along with an estimate of the
project.
- Analysis phase; which will present a detail analysis of the existing system and the awaited
system.
- Conception phase; which will present the generic and detail conception of the project.
- Realization phase; which will present the choice of the technologies and the technics
necessary for the implementation of our solution
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
- User Guide; which will present a user friendly and graphical description of each functionality
of the application.
CHAPTER 1 :
INSERTION PHASE
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Preamble
The insertion document presents the internship environment, the structure of the
organization, the conditions in which the interns were received, as well as the project to be
realized during the internship.
Content:
Introduction
I. WELCOME AND INTEGRATION INTO
CAMPOST
II. GENERAL PRESENTATION OF CAMPOST
III. ORGANISATION OF CAMPOST
IV. PRESENTATION OF INTERNSHIP THEME
CONCLUSION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
INTRODUCTION
The insertion phase is the period during which a student must become familiar with the
environment in which he will perform his internship. It is also the integration of an individual
into a foreign group or environment where the language, the actions, the way of thinking must be
purely professional.
With the aim of putting into practice what have been thought at the African Institute of
Computer Sciences (AICS) Cameroon office (Paul Biya Technological Center of Excellence),
the school integrate an internship with a duration of 4 months, which is the reason why we
integrate CAMPOST. The goal been to convert our theoretical knowledge into practice that can
help to provide a solution to a specific problem.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
I. WELCOME AND INTEGRATION
Tuesday the 1st of June 2021 was a great day for us professionally, because it is on that day
we presented ourselves for the first time in an organization to perform an academic internship.
Very early, we went to CAMPOST where we were received by the Director of Information
Systems (DIS), Mr. MAMOUDOU HAMASELBE. During this warm reception, we had a brief
meeting where the director exposed to us the current digital needs of CAMPOST. A
professional supervisor was directly attributed to us and with, the first action we made a visit of
all the services the Direction of information systems. After the visit, we established a work plan
in order to provide a solution to solve the problem.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
b. Financial services
CAMPOST also interacts in the financial domain by offering financial services such as;
saving, loans, fund transfers, payment of services.
c. Digital services
CAMPOST through his data center offers digital services such as hosting and connectivity.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
4.
Location and location plan
a. Location
CAMPOST head quarter is located in Yaoundé post central. Coming from post central,
directly after Hilton hotel is located the Ministry of Higher education, opposite to the
ministry, we have the MINFOPRA, the next building behind the MINFOPRA, we have the
CAMPOST head quarter.
b. Location plan
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
III. ORGANISATION OF CAMPOST
1. Organizational chart of CAMPOST
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
2.
Presentation of the Direction of Information System (DIS)
At the head of this direction, we have M. MAMOUDOU HAMSELBE. It as in this division
that we did our 4 months internship. This direction takes care of all the IT affaires of the
company.
The head of this service is M. DAYANG ALAIN, their main roles are;
Management of IT equipment.
The head of this service is M. NSANGOU IBRAHIM, their main roles are;
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Backup management.
User’s training.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CONCLUSION
My insertion at CAMPOST helped me to have a clear idea of its missions, objectives and
its activities as we pursued our academic internship. The contact with the various departments,
ongoing projects and the personnel of CAMPOST enabled us to attain the objectives cited by the
African Institute of Computer Sciences, that is the integration of its interns in a professional
environment and adaptation of academic knowledge to enterprise needs will be achieved. At the
end of this phase, the theme “DEVELOPMENT OF A PLATFORM WHICH FACILITATES
ACCESS TO CAMPOST SERVICES” was given to me. The next step in this book will be the
elaboration of a preliminary study which will be in line with the academic and professional
needs.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CHAPTER 2 :
SPECIFICATION
DOCUMENT
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Preamble
The specification book is the part of the document that gives the relative directives of the
product to be produced and delivered. It carries the set of steps and procedures permitting to
understand and define the work to be realized and what the client is expecting from the software.
This document also presents the functional and non-functional need of the application.
Content:
Introduction
I. CONTEXT AND PROBLEM DEFINITION
II. OBJECTIVES
III. EXPRESSION OF NEEDS
IV. ESTIMATED COST OF THE PROJECT
V. LIST OF PARTICIPANTS
VI. PROJECT PLANNING
VII. PROJECT CONSTRAINTS
VIII. DELIVERABLES
CONCLUSION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
INTRODUCTION
Specification is a critical part in software development process. For this reason, care must
be taken when elaborating the specification document in order for the solution to clearly satisfy
the client’s need. The specification book permits to specify the expectations of the customer as
well as the standards that will govern the project for a good, smooth, precise and concrete
project. It establishes a certain agreement between the client of the project and the person who is
supposed to realize the project. It presents the objectives and needs of the system to be
developed. The present specification book relates to the context and justification, the needs of the
project, the plan and the deliverables.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
I. CONTEXT AND PROBLEM DEFINITION
1. CONTEXT AND JUSTIFICATION
Cameroonians are not informed on the different services offered by the Cameroon Postal
Service (CAMPOST), those who are informed still lack digital facilities so as to get in touch
with those services. Knowing about the services is one thing but accessing those services on the
other hand is not still made easy to CAMPOST customers.
CAMPOST has 232 post offices over the territory where they offer their 3 main categories of
services (financial, postal and digital services) but these services are not still known by
Cameroonians who are considered to be the first CAMPOST customers.
CAMPOST already propose other software-based solutions but these solutions are not
centralized nor harmonized. In order to facilitate the access to services offered by CAMPOST,
CAMPOST-IN-HAND offers a package of solutions that contains all the services proposed by
CAMPOST (financial services, postal services and digital services) which will permit users to
access to all the services in one App or to be directed to the appropriate postal office which can
provide a desired service. On the other hand, CAMPOST-IN-HAND will provide to CAMPOST
an administrative interface from where they can manage all their users and their different
operations.
2. PROBLEM DEFINITION
One of the major problems the earth will ever encounter is the lack of information, not
having an information on how something can be done or not having an information that
something exist is a real problem.
On the other hand, those who are informed about CAMPOST services don’t have a real time
and remote access to these services.
CAMPOST customers don’t have an online solution enabling them to get in touch with
CAMPOST services.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Postal offices are open just during the week, so a customer in need of a service during the
weekend cannot be satisfied.
The current pandemic condition of COVID-19 does not permit us to be in movement all the
time, that is going to a postal office so as to have an account balance or other information
concerning his account or moving from one postal office to another in search of a particular
postal service.
We then have as major problem the digital absence of CAMPOST, this absence then causes
variety of problems concerning the absence of CAMPOST services.
II. OBJECTIVES
1. GENERAL OBJECTIVES
The general objectives of my internship were firstly to gain professional experience on
how things are being done in the professional milieu and secondly the development of a software
for CAMPOST customers and CAMPOST administration for partial fulfilment of the award of
Higher Technician Diploma in software engineering. The mobile application of this solution will
be a free downloadable, accessible and user-friendly app composed of 2 parts that is the part
dedicated to CAMPOST customers and the other part dedicated to CAMPOST administrators at
the head quarter.
The part dedicated to CAMPOST customers will both be available for IOS and Android
users and a web portal for both clients, which will assist them by giving them the right
information about CAMPOST services and postal offices and also by enabling them to handle
each and every service that CAMPOST offers to its customers. The user’s information which are
collected are kept private and anonymous, all the financial transactions will be handled and
administered by the right CAMPOST authority in charge of finances, the postal transactions
administered by the head of postal affaires of the institution, digital administration by the DATA
CENTER.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
The administration sector will mainly be for management and control over their customer and the
task they perform.
2. SPECIFIC OBJECTIVE
A project consists of several specific objectives for it to be able to bring change in order to
solve the given problem. It is at this level that we mention all the paths to follow in order to have
the general objective. At this level, we express the benefits of this new software in the
environment. Some of benefits are;
A. Customers
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
o Account creation.
o Transaction history.
B. Administrators
Management of users and habilitation: The main administrator will be able to give rights
and privileges to certain users on some specific tasks.
Management of services: The administrators will be able to either add, delete or edit a
service offered by CAMPOST.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Management of postal offices: Postal offices will be managed from this section.
Statistics and reports: Generated reports concerning user’s transactions will be generated.
Management of postal and financial transaction: All the transactions done by the
customers on the user section, will be managed that is approval or refusal of a request,
deleting users etc…
2. NON-FUNCTIONAL REQUIREMENTS
The non-functional requirements are the requirements which are not specific to the system
behavior but rather identifies the internal and external constraints of the system. These
requirements are;
A. Characteristics:
Authentication: The system should be able to identify each and every user of the system
for security measures.
Ergonomics: The system should offer to its users interfaces which are rich in content so
as to avoid the number of screens, on the other hand, user interaction with the system
should be convenient and suitable.
Data protection: All about privacy of information. A such system containing sensible
information must keep data the private and protected.
Offline functioning: The software should also be accessible offline for some important
operations.
Performance: The software should be able to handle several tasks without disruption.
Liability: The system should be trusted by its users so as to have a greater conversion.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Conception environment
Running environment
IOS Android
DEVICE: DEVICE:
Minimum Minimum
IOS 10.2 Android 6.0.1
Network environment
Running
environment
DBMS Application server
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
IV. ESTIMATED COST OF THE PROJECT
The costs of the project are the sum costs in human resources, hardware and software-based
resources on the project. For a better understanding, it will be represented in a tabular form as
shown below;
Human Resources
Human Resource Price Total
Quantity (FCFA)/day Duration (days) Price (FCFA)
Head of project 01 250,000 120 30,000,000
Analyst 01 150,000 20 3,000,000
Developer 01 150,000 25 3,750,000
Tester 01 150,000 10 1.500,000
Total cost for human resources (FCFA): 38,250,000
Software Resources
Mercurial Function Software Type Unit Total price
reference price (FCFA)
(FCFA)
37-013-160015 Operating Microsoft Proprietary 126,000 126,000
System Windows 10 PRO
32/64 bits
/ Browser Google Chrome Free 0 0
Front-End
/ Development Visual Studio Code Free 0 0
environment
Back-End
/ Development ECLIPSE Free 0 0
environment
Microsoft Microsoft office
37-013-160152 Office suite 2016 Proprietary 241,500 241,500
Collection
/ DBMS MySQL Free 0 0
/ Front-End Node Js Free 0 0
local server
/ Back-End Wamp Server Free 0 0
server
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Planification Gantt Project Free 0
/ tool 0
/ Design tool Sybase Power Proprietary 1.562.175 1.562.175
AMC
Total cost for software resources (FCFA): 1,929,675
Hardware Resources
Mercurial Hardware Unit price Quantity Total Price
Reference (FCFA) (FCFA)
37-014-160061 Laptop ACER-ASPIRE | M, 1 228,850
INTEL COLERON 1.8Ghz,
228, 850
500giga SSD hard drive, 6giga
RAM ddr3, Wi-Fi, Bluetooth,
Webcam, 15.6” screen display
01-003-160008 USB flash drive SanDisk 3.0 23,862 1 23,862
ultra-dual drive 16G
01-007-160171 E.T.N Distributor 10,350 2 20,700
37-011-160032 HP Laser printer MFP MI125A 132,250 1 132,250
37-005-160038 HP keyboard K1500 17,250 1 17,250
HP mouse X900 5,750 1 5,750
Total cost for hardware resources (FCFA): 428,662
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
V. LIST OF PARTICIPANTS
T ABLE 5: LIST OF PARTICIPANTS
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
VI. PROJECT PLANNING
I had a 4 months internship, starting on the 1 st of June 2021, so I had as obligation to finish
my work for the 30th of September 2021. This section presents how the work phases was
scheduled throughout my internship period.
T ABLE 6: PROJECT PLANNING
Gantt Diagram
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
The Gantt diagram is a tool used in project management enabling the project manager to
visualize in time the various tasks components if a project. It is all about a graphic representation
that enables to graphically represent the project advancements. The Gannt Diagram for this
project is as follows.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
VII. PROJECT CONSTRAINTS
1. Criterion and acceptability: The delivered project is judged acceptable if it respects the
different functionalities that have been presented and if it is secured.
2. Time constraints: This system can be considered as one of the largest customer’s
solutions of CAMPOST, thus having 4 months to develop it was considered insufficient.
3. Cost: The finances available for the project are very limited
VIII. DELIVERABLES
After implementing our solution, we are expected to submit the following deliverables;
1. Project Report/ Internship report:
This report describes the task performed thought out my internship and throughout
the realization of this project. The report contains;
The insertion document.
Specification document.
Realization document.
A user’s guide.
2. A CD-ROM.
The CD-ROM contains.
The source code of the software.
A corresponding PowerPoint.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CONCLUSION
Coming to an end of the establishment of the specification document, we have precisely
taken in consideration the user needs and requirements for the upcoming solution so as to
propose a better one relatively to the current system. Thereby, we have drafted the cost
estimation for this project as well as the planification of the project realization. The end of this
part will enable us to easily dive in to the drafting of the analysis document which will give more
technical details concerning the system to be developed.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CHAPTER 3 :
ANALYSIS PHASE
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Preamble
The analysis permits to present the problems and its solutions, presents in detail the
functionalities to take into consideration, the different diagrams and their arrangement in order of
risk and priority so as to have a detailed understanding of the information system to be modeled.
Content:
Introduction
I. STUDY OF THE EXISTING SYSTEM
II. PROBLEMATIC
III. PROPOSED SOLUTION
IV. METHODOLOGY
V. DETAIL ANALYSIS OF THE SYSTEM
CONCLUSION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
INTRODUCTION
While developing or implementing a solution, we have 2 broad components: System
analysis and System design which both help in understanding the current or existing system and
thus propose a new and ameliorated solution. The analysis phase of a project is a phase where the
system to be put in place is precisely studied. This study is based on the functional specifications
so as to obtain the exact idea of what the system will realize to the user. Thus, system analysis is
mainly based on investigating a system, identifying problems and use the information obtained to
propose a better one. This part of the report consists in describing the current system, its
limitations and proposed solution, the presentation of UML and the 2TUP method and finally the
various diagrams that meets the functional requirements.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
I. STUDY OF THE EXISTING SYSTEM
1. DELIMITATION OF THE FIELD OF STUDY
CAMPOST being one of the biggest governmental companies in Cameroon with more than
232 postal offices all over the national territory, they have as mission to;
All these missions are being accomplished by 3 main services at the head quarter; the postal
service, the financial service and the digital service (DATA CENTER). For the good
management of all these services and missions, CAMPOST has as main aim to provide an
interactive platform so as the facilitate customer’s transactions and bring these customers close
to them.
CUSTOMERS
The customers services offered by CAMPOST are the financial services, postal services and
digital services. The existing system will be studied in 3 subgroups according to their services as
follows;
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
a. Financial services:
The main financial services offered by CAMPOST are bank accounts, fund transfers
(national and international), CAMPOST MONEY (CAMO), savings, wages, loans and payment
of other forms of services (customs fees, school fees etc..). The existing system concerning each
financial service works as follows;
Bank accounts: CAMPOST current have 2 types of accounts that is the current account
and the saving account. All transactions being made on the account are done at the postal
office, meaning for a customer to transfer fund from one account to another, he must
move to the postal office for accomplishment.
Fund transfers: The current fund transfer system still works in the traditional way that is
for any fund transfer, the customer must move to the postal office, fill the form forward
the money either nationally or internationally.
On the other hand, new fund transfer solutions are not available every where that
is far localities don’t have access to those solutions.
Savings: For the saving system, the customer don’t have complete access his saving
account, for any balance control or other operations, the customer has to go to the postal
office for the operations.
Wages: At the end of each month, there is a queue in front of all postal offices for
salaries. Since they have to retrieve their money only at CAMPOST agencies.
Loans: Loan requests takes too much time to be accomplished since the user have to go
to the postal office to make the demand, one his demand is accepted by the postal offices,
all the demands from all the postal offices are being forwarded to the head quarter for
treatment, hence the time for the files to reach the head quarter takes too much time.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
In general, almost all the financial services offered by CAMPOST to their customers are not
yet optimal, since every is still done at the postal offices, no matter the minimum service your
need.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
b. Postal services:
CAMPOST offers postal services such as creation of postal boxes and package transfers.
The current functioning of each of these postal services are as follows;
Postal boxes: The creation and management of postal boxes by customers are being done
on spot (at the postal office in charge of the service). So in case of any information
concerning his or her postal box, the customer will have to go to a postal office in charge
of the service.
c. Digital services:
CAMPOST offers digital services through their data center, some of these digital services
are hosting and connectivity. The current system works in such a way that any third party in
need a of digital service will have to go to the data center so as to make a request, thus not very
optimal.
A. ADMINISTRATORS
On the other hand, we have the CAMPOST administrators at the head quarter having as task
the management of all these customers services.
a. Loans: Concerning the loans, there is no digital system to manages the loans requests
and to make a follow up on the loans that were approved and granted. Once the request
reaches the head quarter, the person in charge of loans have to pass through every
document for study, and once the loan is accorded, there is no system to make the follow
up all the loans accorded or validated, so the administrators at the end of each month
have to restudy the files to verify if all the customers respected the returned date.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
no data connection amongst these 3 accounts that is the administrators don’t have a
means to get the information of a customer having the 3 account from one account. Also
from one account no one can make an operation on the other account since their data are
not synchronized.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
is not advised to do such addition, all the postal offices
services.
movements. will be geolocated by the
system, so while proposing a
postal office, the system also
propose the exact path from
the user’s position to the
postal office.
Concerning bank accounts, Moving to a postal office to A solution called
customers still have to move make a bank transaction is “CAMPOST-IN-HAND”
to the postal office in case very tiring and time meaning having every
they want to make an consuming since you may not CAMPOST services in hand,
operation on their account. be the only customer to be so from here, customers can
served. Also, with the actual easily manage their bank
heath situation, avoiding account remotely and
movement as much as simultaneously thereby
possible is the better thing to gaining in time and energy
do.
There is a long queue in front The main consequence here is Proposing a solution where
of each postal office at the loss of time and energy CAMPOST customers have
end of each month for salary the possibility to transfer their
purposes. money into their CAMPOST
MONEY account thereby
having the possibility to
retrieve the money at any
CAMO point of sale.
School credits and other In the case of urgent need of A solution where the
forms of credits takes too this credit by a customer it demands for credits are being
much time to be achieved, will not be possible since the done online at the first level
since everything is being process takes at least 2 weeks in such way that the person in
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
to be achieved.
done traditionally, that is a charge of studying the files
customer in need of a credit, can do it simultaneously
have to make a request to the while the customers are
postal office then all the demanding. Then at the
requests made by customers second level the customers
are being forwarded to the then can deposit the physical
head quarter for validation. files at a postal office for the
second level of validation so
that when the files reach the
head quarter, the different
studies have already been
made by the administrators so
approval can be made
immediately as the file
reaches the head quarter. This
reduces the demand process
to at most one week.
Customers transferring their This can be very harmful in CAMPOST-IN-HAND
packages through CAMPOST the case where the estimated proposed an online price
don’t have an online price price for the transfer by a simulator based on the type of
simulator so as to know how customer is not sufficient, package and the weight.
much it will take to transfer then he will be rejected at the
their packages before even postal office while when
going to the postal office for transferring the product.
the transfer.
After the deposition of a There can be lost of An online and real time
package for transfer, there is customers due to lack of tracking of packages is
no follow up on it by the confidence by these. implemented where at any
customer. The customer does time the customer can know
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
II. PROBLEMATIC
One of the major problems the earth will ever encounter is the lack of information, not
having an information on how something can be done or not having an information that
something exist is a real problem. For example, we still send packages through private
institutions meanwhile the costs are high, this is due to lack of information cause an informed
person will have known that the same package can be sent through CAMPOST at a relative low
cost, people from far places don’t have access to solutions as Orange money and MTN mobile
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
money for their fund transfer, they have to move around in search of it since they are not
informed of the availability of this same services at CAMPOST meanwhile CAMPOST is
present everywhere in such a ay that each Cameroonian can easily have access to CAMPOST
services
The current pandemic condition of COVID-19 does not permit us to be in movement all the
time, that is going to a postal office so as to have an account balance or other information
concerning his account or moving from one postal office to another in search of a particular postal
service.
The major problems encountered by the Cameroonian society relative to CAMPOST services
are as follows:
A. Customers
Lack of information concerning the CAMPOST user services, pushing them towards
private institutions which are sometime relatively more expensive than CAMPOST since
it is a public institution.
Payment of bills and other services are still done in the traditional way or through private
institutions or solution which are sometimes expensive.
School credits or other credits in CAMPOST takes averagely 2 weeks to be achieved, due
to the fact that there is no automation.
Those in need of postal services don’t really know in which postal office to go since all
the postal offices don’t offer the same services, so they keep on moving from one postal
office to another in search of a particular service, and these movements are not secured
due to the current health situation.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Cameroonians still transfer packages either at the national or international level through
private companies at a huge cost.
Those who make use of CAMPOST services to transfer their packages don’t have a
follow up on them.
There is a queue at each postal office at the end of the month for salary purposes.
For developers and IT specialists, they completely rely their databases on external servers
and data centers.
B. Administration
Credits applications and requests from far regions relative to the head quarter takes too
much time to be accomplished since the applications have to be transferred to the head
quarter for study.
What are the different innovations or amelioration that we can implement on the current
system so as the render it more optimal?
Who are our targets on the new solution to put in place?
The study we earlier made enabled us to discover some lacunae on the current system.
Having as main objective to bring out solutions that will solves those lacunae, we are asking
ourselves the main question; how can we facilitate CAMPOST customers in the use of
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
A. CUSTOMERS
Instead of moving from one place to another in search of OM or MOMO for those in far
regions, CAMPOST is available every where in Cameroon, so we propose a solution
where you can easily refund your account from everywhere.
This system proposes a solution where each and every CAMPOST customers will have
their ‘banking account in hand’ from where all transactions on their account can be made
by them remotely and will therefore prevent them from moving to post offices during this
pandemic period.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
We provide a solution that gives in real time the exact position of a package being
transferred.
Those receiving their wages at CAMPOST, the lineup problems at the end of each month
are solved by CAMPOST-IN-HAND where the salaries can be transferred from the
current account to CAMO (CAMPOST Money) account hence increasing the number of
agencies from where he can retrieve his money.
Provide an online DATA CENTER service where a user can request for hosting and or
connectivity.
B. Administration
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
IV. METHODOLOGY
1. PRESENTATION UML
Unified Modelling Language (UML) was born from the merge of the dominant object
modelling languages namely OMT of James Ram Baugh, OOSE of Grady Booch and Ivar
Jacobson.
UML was standardized in January 1997 by the OMG (Object Management Group) which
is an American association created in 1989 which aims to promote and standardize the object
model in all its forms. UML is now known and that since September 2013 in its version 2.5 Beta
2.
The Unified Modelling Language (UML) was created to forge a common, semantically
and syntactically rich visual modelling language for the architecture, design and implementation
of complex software systems both structurally and behaviorally. UML has applications beyond
software development such as process flow in manufacturing.
It is analogous to the blueprints used in other fields, and consists of different types of
diagrams. In the aggregate, UML diagrams describe the boundary, structure and the behavior of
the system and the objects within it.
UML is not a programming language but there are tools that can be used to generate code
in various languages using UML diagrams. UML has a direct relation with object-oriented
analysis and design
A. ADVANTAGES OF UML
UML is standardly used to visually describe a program, specifically an object-oriented
program. UML helps to organize, plan and visualize a program. In addition, being a standard, it
is widely used and accepted as the language for outlining programs. UML is used in a variety of
purposes and its readability and re-usability make it an ideal choice for programmers.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
a.
Visual representation
A UML diagram is a visual representation of the relationships between classes and entities in
a computer program. A class is an object in programming that organizes similar variables and
functions in one location. To understand a program, it is essential to understand what each class
object does, the information it stores and how it relates to other classes in the program.
c. Standard
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
B.
ORGANISATION OF UML
UML diagrams are separated in 2 main categories that is the behavioral diagrams and the
structural diagrams
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
2.
PRESENTATION OF THE 2 Track Unified Process
(2TUP)
2TUP is a unified process which has as objective to bring a solution to constraints of
functional and technical changes imposed on information systems. It proposes a development
cycle which separated the functional aspects from the technical aspects. It goes from the point of
view that all evolution imposed on the system could be decomposed and treated in parallel
following the functional branch and the technical branch. 2TUP distinguishes therefore two
branches (the functional and technical branch) which their different result is combined to realize
our system. After the evolution of the functional and the technical branch, the realization merges
the results of the two branched. The merging permits to obtain a process of development form of
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
The functional branch: This branch captures business needs, resulting in a model6
focused on the end-users’ business.
The technical branch: This branch proposes a generic design from the technical needs,
identifies the materials, tools and technologies to be used.
The implementation: The implementation phase consists of bringing the two branches
together, providing the application design and finally the delivery of a solution adapted to
the needs.
Analysis: This is the study of specifications to find out what the system will be made
of in terms of the business rules. We have the following diagrams: Use case, Activity,
State machine, Communication.
Generic design: The technical architecture will be presented in this stage. We have
the following diagrams: Mockup7 Design.
Preliminary Design: This is the stage in where the analysis model is integrated into
the technical architecture. The goal here is to know what technical component will be
used depending on the features from the analysis. We have the following diagrams:
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Detailed Design: This is the detailed design of each feature of the system. We have
the following diagrams: Class, Object, Sequence and Timing diagrams.
Coding and Tests: This is the programming phase of the designed features,
alongside testing of the coded features.
Recipe (Results): This is the validation phase of the functions of the system
developed
B. CHARACTERISTICS OF 2TUP
The Two Track Unified Process was built to be used with the Unified Modelling Language
and has the following characteristics;
It is an iterative process: Processes are being done in iterations and each iteration shows
a precise level of abstraction.
UML is a modeling language which mainly focused on user’s needs and expectations.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
2TUP facilitates the modeling of complex systems which can further be readjusted or
modified.
ii. Formalism:
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
<<include>>
Name of usecase 1 Cas_2
Acteur_1
<<extend>> Cas_3
Cas_4
Acteur_2
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
A use case represents a functionality of
Use case the system. It is an action that can be Name of usecase 1
performed by an actor.
Association It indicates that an actor takes part in a
use case. B
Actor_1
Acteur_3
Acteur_4
actors.
We will now list the actors likely to interact with the system, but at first, we will define an
actor; An actor represents the abstraction of a role played by external entities that interact
directly with the system studied. The actors of the system identified at first are:
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
T ABLE 9: IDENTIFICATION OF ACTORS AND THEIR USE CASES
Actor Use cases
Authentication
Management of users.
Management of services.
Management of postal offices
Director Generate reports and statistics.
Management of postal demands.
Management of credit requests.
Management of financial operations.
Management of digital services.
Management of credit requests.
Head of financial services
Management of financial operations.
Management of postal demands.
Head of postal services
Management of postal services.
Head of digital services Management of digital services
Authentication
Consult CAMPOST services
Customer
Management of postal box
Follow up of packages
Order stamps
Order school manuals
Management of bank accounts
Make credit/loan requests
Payment of services
Management of CAMO accounts
Request for hosting
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
2.
Graphical representation of use cases;
General use case diagram
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
a.
Administrator’s use case diagrams
i. Management of financial services use case diagram (Head of financial
services)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
ii.
Management of postal services use case diagram (Head of postal services)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
iii.
Management of credit request use case diagram (Head of financial services)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
iv.
Management of users and habilitations use case diagram (Director)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
v.
Management of CAMPOST services use case diagram (Director)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
b.
User/Customer’s use case diagrams
i. Management of CAMPOST MONEY account (CAMO) use case diagram
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
ii.
Management of bank account use case diagram
F IGURE 14: USE CASE DIAGRAM << MANAGE BANK ACCOUNT >>
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
iii.
Management of postal box use case diagram
F IGURE 15: USE CASE DIAGRAM << MANAGE POSTAL BOX >>
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Title Authenticate
Actor: User
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
T ABLE 11:<< GRANT PERMISSION >> TEXTUAL DESCRIPTION
database)
Alternative scenario (Permission I.1 The system display error “permission
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
c.
Use case <<accept bank account creation request>>
T ABLE 12: << ACCEPT BANK ACCOUNT CREATION REQUEST >>> TEXTUAL DESCRIPTION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
d.
Use case <<transfer fund>>
T ABLE 13: << TRANSFER FUND >> TEXTUAL DESCRIPTION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
B.
Activity Diagram
i. Definition
An activity diagram is a diagram used for representing the sequence of activities and
actions of the system. It shows details from start point to end point by through all decisions and
actions that can be possibly be performed. It permits to consolidate the specification of a use
case. It may be used to detail situations here parallel processing may occur in the execution of
some activities.
ii. Formalism
Partition 1 Partition 2 Partittion 3
Activi ty_4
Activi ty_5
Activity_6 Condition
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
iii.
Components of activity diagram
T ABLE 15: COMPONENTS OF ACTIVITY DIAGRAM
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
a.
Administrator’s activity diagrams
1. Grant permissions to users (Director)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
2. Accepts bank account creation request (Head of financial services)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
1.
Fund transfer
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
C. postal services (CAMPOST-IN-HAND)
Communication diagram
i. Definition
The communication diagram is used to modal the special interaction between the
participants of the system. It describes both the static and dynamic behavior of the system. It
shows the chronological succession of actions performed by an actor in order to realize an
operation.
ii. Formalism
Actors
4: Message_3
Object 1 Object 2
1: Message_1
Actor
2: Message_2
Object 3
Objects
5: Message_4
8: Message_6 Links
6: Message_5
Object 5 Object 4
Call to
self
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
iii. postal services (CAMPOST-IN-HAND)
Components of communication diagram
T ABLE 16: COMPONENTS OF A COMMUNICATION DIAGRAM
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Communication diagrams
a. Communication diagram for authentication
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
b. postal services (CAMPOST-IN-HAND)
Accept bank account creation communication diagram
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
c. postal services (CAMPOST-IN-HAND)
Communication diagram for payment of services
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
D. State machine diagram
i. Definition
A state machine diagram describes the behavior of a single object in response to a series of
events in a system. Also known as the state chart diagram, it models the dynamic flow of control
from the state of a particular object within a system.
ii. Formalism
Transitional
Guard behavior
Trigger
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
iii. postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
State machine diagrams
a. State machine diagram <<bank account request>>
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
c. postal services (CAMPOST-IN-HAND)
State machine diagram for <<loan>>
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CONCLUSION
Having reached the end of our analysis, we were asked to present, then illustrate the
modeling language and the method used and finally present the diagrams of the functional branch
to carry out our analysis phase. We can say that this analysis file has allowed us to well delimit
the functional needs of the web and mobile application that will be designed and to have a
detailed overview of the new system to be set up. The chosen modeling language and associated
process will allow us to subsequently start the conception phase.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CHAPTER 4 :
CONCEPTION
PHASE
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Preamble
The conception phase is the part of the document that show the link between the analysis
and the realization phases. It bridges the analysis and realization phase and is a continuation of
the analysis phase which represents the technical aspects used in modelling our system.
Content:
Introduction
I. TECHNICAL BRANCH
1. GENERIC DESIGN
2. GENERIC CONCEPTION
CONCLUSION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
INTRODUCTION
Once the specification book is elaborated, the limits of the existing system is detected and
the solutions to the different problems are proposed, it is then possible to start the conception of
the software. A well-conceived system is easy to realize, maintain, understand and is reliable.
The conception phase is the most crucial part of the software development process since the
implementation of the software depends a lot on it. In this phase, we are going to see the
technical branch of 2TUP.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
I.
TECHNICAL BRANCH
1. GENERIC DESIGN
Structure of some functionality the application
- Management of users.
- Management of CAMPOST services.
- Management of postal offices.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
2. postal services (CAMPOST-IN-HAND)
GENERIC CONCEPTION
The generic conception consists of developing a solution that corresponds to the technical
specification. This conception is independent of the functional aspect specified in the functional
branch of the 2TUP,
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
II. IMPLEMENTATION BRANCH
Here we will see the preliminary conception, detailed conception and documentation of the
system.
1. PRELIMINARY DESIGN
A. Interaction overview diagram
i. Definition
An interaction Overview Diagrams provide a high level of abstraction an interaction model.
It is a variant of the Activity Diagram where the nodes are the interactions or interaction
occurrences. The Interaction Overview Diagram focuses on the overview of the flow of control
of the interactions which can also show the flow of activity between diagrams. In other words,
you can link up the "real" diagrams and achieve high degree navigability between diagrams
inside an Interaction Overview Diagram.
ii. Formalism
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Interaction overview diagram <<pay a service>>
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
B. postal services (CAMPOST-IN-HAND)
Component diagram
i. Definition
ii. Formalism
Composant_1
Composant_5
Composant_2
Composant_3
Interface_1
Composant_4
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
iii. postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
C. postal services (CAMPOST-IN-HAND)
Deployment diagram
i. Definition
Deployment diagram is a structural diagram which shows architecture of the system as
deployment (distribution) of software artifacts to deployment targets. Artifacts represent
concrete elements in the physical world that are the result of a development process.
ii. Formalism
Noeud_1
InstanceComposant_1
Noeud_3
Noeud_2 InstanceComposant_1
InstanceComposant_1
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
D. postal services (CAMPOST-IN-HAND)
Package diagram
i. Definition
Package is a namespace used to group together elements that are semantically related and
might change together. It is a general-purpose mechanism to organize elements into groups to
provide better structure for system model. Owned members of a package should all be package
able elements. If a package is removed from a model, so are all the elements owned by the
package. Package by itself is package able element, so any package could also be a member of
other packages.
ii. Formalism
<<import>>
Package_1 Package_2
<<access>>
<<import>>
Package_3 Package_4
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
iii. postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
2. postal services (CAMPOST-IN-HAND)
GENERIC DESIGN
A. Sequence diagram
i. Definition
A sequence diagram is a form of interaction diagram which shows objects as lifelines running
down the page and with their interactions over time represented as messages drawn as arrows
from the source lifeline to the target lifeline. Sequence diagrams are good at showing which
objects communicate with which other objects and what messages trigger those communications.
Sequence diagrams are not intended for showing complex procedural logic.
ii. Formalism
Sequence diagram
:object 1 :object 2
Actor
Message 1
Message 2
Message_5 Message_10
Message 4
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
iii. postal services (CAMPOST-IN-HAND)
messages
Object They send and receive messages
Objet_4
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
1. postal services (CAMPOST-IN-HAND)
Sequence diagram for authentication
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
2. postal services (CAMPOST-IN-HAND)
Sequence diagram for fund transfer
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
3. postal services (CAMPOST-IN-HAND)
Sequence diagram for payment of a service
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
B.
Timing diagram
i. Definition
Timing diagram is used to show interactions when a primary purpose of the diagram is to
reason about time; it focuses on conditions changing within and among lifelines along a
linear time axis. Timing diagram is a special form of a sequence diagram. The most notable
graphical difference between timing diagram and sequence diagram is that time dimension in
timing diagram is horizontal and the time is increasing from left to the right and the lifelines
are shown in separate compartments arranged vertically. The timing diagram is available
since UML version 2.0 and includes elements such as message, lifeline, timeline, and object
or role.
II . Formalism
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
F IGURE 45: T IMING DIAGRAM FOR A LOAN REQUEST
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
C. Class Diagram
i. Definition
A class diagram shows the building block of any object-oriented system. Class diagrams
portrays a static view of the model, or part of the model, describing what attributes and behavior
it has rather than detailing the method for achieving operations. Class diagrams are most useful
in illustrating relationships between classes and interface, composition or usage and connections
respectively.
A class describes the responsibilities, behavior and the type of set of objects. The elements of
this set ate the instances of the class.
A class is a set of functions and date (attributes) that are linked together by semantic field.
Classes are used in object-oriented programming to model programs and to curt a complex risk
into several small simple jobs.
ii. Formalism
multiplicity
private (accessible
only within the class class name 0..1
scope)
- Attribute : int
0..*
public Classe_2
(accessible out
of the class
scope)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
iii.
Components of a class diagram
T ABLE 20: COMPONENTS OF A CLASS DIAGRAM
0..1
usually, the children are not deleted
0..*
Composition If the parent of a composite aggregation is
0..1
deleted, usually all of its parts are deleted
0..*
with it.
Class A class is an element that defines the
attributes and behaviors that an object us able Classe_10
attributes.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
98
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Class
diagram of the system
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
D. Object
Diagram
i. Definition
An object diagram in UML is a diagram that shows a complete or partial view of the
structure of a modeled system at a specific time. It focuses on some particular set of objects
and attributes and the links between these instances. A correlated set of object diagrams
provides into how an arbitrary view of a system is expected to evolve over time.
ii. Formalism
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
iii. Components of object diagram
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Object
diagram of the system
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CONCLUSION
From the conception document, we can now conceive in detail the proposed solution on
the structural plan, organizational, materialization of various models which are the use case
model, class model, interaction of communication model and the component model leads us to
have a view of how the realization of our solution to the problem posed will be implemented.
Hence the next step will be essentially consecrated to the realization of the solution.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CHAPTER 5 :
IMPLEMENTATION
PHASE
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Preamble
The implementation document corresponds to the phase in which we implement the
solution. It permits us to describe the solution as a visible and malleable instrument. This
document permits to describe the development tools and how they will be used to implement the
software.
Content:
INTRODUCTION
I. THE DATABASE SCRIPT
II. THE ARCHITECTURE OF THE SOLUTION.
III. TECHNOLOGICAL CHOICE
CONCLUSION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
I. THE DATABASE SCRIPT
-- phpMyAdmin SQL Dump
-- version 5.0.2
-- https://www.phpmyadmin.net/
--
-- Hôte : 127.0.0.1:3306
-- Généré le : ven. 01 oct. 2021 à 15:14
-- Version du serveur : 5.7.31
-- Version de PHP : 7.3.21
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
START TRANSACTION;
SET time_zone = "+00:00";
--
-- Base de données : `cih`
--
-- --------------------------------------------------------
--
-- Structure de la table `account_demand`
--
DROP TABLE IF EXISTS `account_demand`;
CREATE TABLE IF NOT EXISTS `account_demand` (
`account_demand_id` int(11) NOT NULL,
`account_type` varchar(255) DEFAULT NULL,
`date` datetime DEFAULT NULL,
`id_card` varchar(255) DEFAULT NULL,
`photo` varchar(255) DEFAULT NULL,
`signature` varchar(255) DEFAULT NULL,
`user_id` int(11) NOT NULL,
`customer_user_id` int(11) DEFAULT NULL,
PRIMARY KEY (`account_demand_id`),
KEY `FK21yds34yhxq27skw20fmsh1wr` (`customer_user_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
--
-- Structure de la table `bank_account`
--
DROP TABLE IF EXISTS `bank_account`;
CREATE TABLE IF NOT EXISTS `bank_account` (
`account_number` int(11) NOT NULL,
`account_balance` bigint(20) NOT NULL,
`account_type` varchar(255) DEFAULT NULL,
`creation_date` datetime DEFAULT NULL,
`owner_id` int(11) NOT NULL,
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
`owner_user_id` int(11) DEFAULT NULL,
PRIMARY KEY (`account_number`),
KEY `FKjkvh1ineiw2e4njpilogkeq2u` (`owner_user_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Structure de la table `campost_service`
--
DROP TABLE IF EXISTS `campost_service`;
CREATE TABLE IF NOT EXISTS `campost_service` (
`service_id` int(11) NOT NULL,
`description` varchar(255) DEFAULT NULL,
`name` varchar(255) NOT NULL,
PRIMARY KEY (`service_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
--
-- Structure de la table `hibernate_sequence`
--
DROP TABLE IF EXISTS `hibernate_sequence`;
CREATE TABLE IF NOT EXISTS `hibernate_sequence` (
`next_val` bigint(20) DEFAULT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Déchargement des données de la table `hibernate_sequence`
--
INSERT INTO `hibernate_sequence` (`next_val`) VALUES
(96);
-- --------------------------------------------------------
--
-- Structure de la table `loan`
--
DROP TABLE IF EXISTS `loan`;
CREATE TABLE IF NOT EXISTS `loan` (
`loan_id` int(11) NOT NULL,
`amount` int(11) NOT NULL,
`loan_date` datetime DEFAULT NULL,
`loaner_id` int(11) NOT NULL,
`reimbursed_amount` int(11) NOT NULL,
`reimbursement_method` varchar(255) DEFAULT NULL,
`return_date` datetime DEFAULT NULL,
`status` varchar(255) DEFAULT NULL,
`loaner_user_id` int(11) DEFAULT NULL,
PRIMARY KEY (`loan_id`),
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
KEY
`FK7s9txs3vhfgnwcyaap2h985fo` (`loaner_user_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Déchargement des données de la table `loan`
--
INSERT INTO `loan` (`loan_id`, `amount`, `loan_date`, `loaner_id`, `reimbursed_amount`,
`reimbursement_method`, `return_date`, `status`, `loaner_user_id`) VALUES
(84, 50000, '2021-09-24 02:03:35', 40, 17000, 'Monthly', '2021-10-10 01:00:00', 'not finished',
NULL);
-- --------------------------------------------------------
--
-- Structure de la table `loan_request`
--
DROP TABLE IF EXISTS `loan_request`;
CREATE TABLE IF NOT EXISTS `loan_request` (
`loanreq_id` int(11) NOT NULL,
`amount` int(11) NOT NULL,
`date` datetime DEFAULT NULL,
`id_card` varchar(255) DEFAULT NULL,
`loaner_id` int(11) NOT NULL,
`photo` varchar(255) DEFAULT NULL,
`reimbursement_method` varchar(255) DEFAULT NULL,
`return_date` datetime DEFAULT NULL,
`signature` varchar(255) DEFAULT NULL,
PRIMARY KEY (`loanreq_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Déchargement des données de la table `loan_request`
--
-- Structure de la table `notification`
--
DROP TABLE IF EXISTS `notification`;
CREATE TABLE IF NOT EXISTS `notification` (
`notification_id` int(11) NOT NULL,
`description` varchar(255) DEFAULT NULL,
`owner` int(11) NOT NULL,
`title` varchar(255) DEFAULT NULL,
`date` datetime DEFAULT NULL,
PRIMARY KEY (`notification_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-- Structure de la table `postal_office`
--
DROP TABLE IF EXISTS `postal_office`;
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CREATE TABLE IF NOT EXISTS `postal_office` (
`po_id` int(11) NOT NULL,
`address` varchar(255) DEFAULT NULL,
`latitude` double NOT NULL,
`longitude` double NOT NULL,
`name` varchar(255) NOT NULL,
`telephone` int(11) NOT NULL,
`town` varchar(255) DEFAULT NULL,
PRIMARY KEY (`po_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
--
-- Structure de la table `service`
--
DROP TABLE IF EXISTS `service`;
CREATE TABLE IF NOT EXISTS `service` (
`service_id` int(11) NOT NULL,
`description` varchar(255) DEFAULT NULL,
`name` varchar(255) NOT NULL,
PRIMARY KEY (`service_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Déchargement des données de la table `service`
--
INSERT INTO `service` (`service_id`, `description`, `name`) VALUES
(1, 'camo', 'porte monnea virtuelle');
-- --------------------------------------------------------
--
-- Structure de la table `services`
--
DROP TABLE IF EXISTS `services`;
CREATE TABLE IF NOT EXISTS `services` (
`po_id` int(11) NOT NULL,
`service_id` int(11) NOT NULL,
PRIMARY KEY (`po_id`,`service_id`),
KEY `FK2ur0vq337ihvegs1k9s6wt7uh` (`service_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
--
-- Structure de la table `services_offered`
--
DROP TABLE IF EXISTS `services_offered`;
CREATE TABLE IF NOT EXISTS `services_offered` (
`po_id` int(11) NOT NULL,
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
`service_id` int(11) NOT NULL,
PRIMARY KEY (`po_id`,`service_id`),
KEY `FKjkf2k587ifvny41o8q1aotk8f` (`service_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
--
-- Structure de la table `transaction`
--
DROP TABLE IF EXISTS `transaction`;
CREATE TABLE IF NOT EXISTS `transaction` (
`transaction_id` int(11) NOT NULL,
`transaction_account` varchar(255) DEFAULT NULL,
`transaction_amount` int(11) NOT NULL,
`transaction_date` datetime DEFAULT NULL,
`transaction_receiver_id` int(11) NOT NULL,
`transaction_receiver_name` varchar(255) DEFAULT NULL,
`transaction_receiver_number` int(11) NOT NULL,
`transaction_sender_id` int(11) NOT NULL,
`transaction_sender_name` varchar(255) DEFAULT NULL,
`transaction_type` varchar(255) DEFAULT NULL,
PRIMARY KEY (`transaction_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Déchargement des données de la table `transaction`
--
-- --------------------------------------------------------
--
-- Structure de la table `user`
--
DROP TABLE IF EXISTS `user`;
CREATE TABLE IF NOT EXISTS `user` (
`dtype` varchar(31) NOT NULL,
`user_id` int(11) NOT NULL,
`address` varchar(255) DEFAULT NULL,
`email` varchar(255) DEFAULT NULL,
`user_name` varchar(255) DEFAULT NULL,
`telephone` int(11) DEFAULT NULL,
`town` varchar(255) DEFAULT NULL,
`password` varchar(255) DEFAULT NULL,
`matricule` varchar(255) DEFAULT NULL,
`role` varchar(255) DEFAULT NULL,
PRIMARY KEY (`user_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
II. THE ARCHITECTURE OF THE SOLUTION
Every application requires architecture or a particular structure. It is that structure that
describes the interaction between components of the software. At the level of the architecture, we
have the:
PHYSICAL ARCHITECTURE,
LOGICAL ARCHITECTURE
1. Physical architecture
The design of the DBMS depends on its architecture. An n-tier architecture partitions on the
whole system into related but separated n modules, which can be independently modified,
altered, changed or replace.
Within the scope of our project, we made use of a 3-tier architecture which is popularly
known as the three layers architecture.
This architecture separates its tiers from each other based on the complexity of the user and
how they manipulated data in the database. It is important to note that with the 3-tier
architecture, only neighboring layers can communicate. Each layer has a well-defined
communication interface and the evolution of a layer is independent of the other.
At this layer, multiple views of database can be provided by the application. All views are
generated by applications that reside in the application tier. End-users operates on this tier and
they know nothing about the existence of the database beyond this layer. In other words, it acts
as an assembly of services and applications offered by the lower layer. This layer relays the
queries of the users and in return, present the result from the database.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
b. The
application (logic or middle tier):
At this tier resides the application server and the program that access the database. For a user,
this application tier presents and abstract view of the database. End-users are unaware of any
existence of the database beyond the applications.
At this tier, the database resides along with its query processing languages. We also have the
relations that defines the data and their constraints at this level. It manages the access to the data
of the system.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
2. Logical Architecture
Model view controller or MVC as it is popularly called, is a software design pattern for
developing web application. A Model View Controller pattern is made up of the following three
parts.
Model: The lowest level of the pattern which is responsible for maintaining data.
View: This is responsible for displaying all or a portion of the data to the user.
Controller: Software code that controls the interactions between the model and the view.
MVC is popular as it isolates the application logic from the user interface layer and supports
separation of concerns. Here the controller receives all requests for the application and then
works with the model to prepare nay data needed by the view. The view then uses the data
prepared by the controller to generate a final presentable response. The MVC abstraction can be
graphically represented as follows.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
III. TECHNOLOGICAL CHOICE
A. Choice of programming language and framework
i. Front-End:
The front-end part of an application is the part interacting directly with the users, from
where requests are being send and the request results are being displayed to the user. This
part is mainly hosted or served by the application server.
a. Web front-end:
The web front end was developed by using the framework ANGULAR, which is one of
the most commonly used web frameworks nowadays.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
b. Mobile
front-end
There are some frameworks nowadays permitting developers to write one code for the to
operating system.
The backend part of an application is mainly responsible for the application logic. This par
receives the request from the fronts end, treats them and directs it to the database for immediate
results.
The chosen framework was Spring Boot MVC. is a Model View, and Controller based web
framework widely used to develop web applications? Spring Boot is built on top of the
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
conventional spring framework, widely used to develop REST APIs. These REST APIs are
being consumed on the front-end side for the application logic.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Gantt Used
Project to generate the working time table
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CONCLUSION
In this phase, the implementation of the proposed solution was subject. It began with the
presentation of the various architectures, which has permitted us to: present in a general manner
the components that are attached to the DBMS on which our software is based, the tools used in
order to put the software in place and the choice of the programming language. In the next phase
we are going to provide a user Manual.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CHAPTER 6 :
USER GUIDE
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Preamble
The user guide is document that shows how the application will be installed, deployed
and how it should be used. Thus, it enables the users to easily use the application in order to be
familiarized with the software and discover all the functionalities.
Content:
INTRODUCTION
I. DEPLOYMENT OF THE APPLICATION
II. SHOWCASE
CONCLUSION
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
INTRODUCTION
In order for this application to useful, we will show how the various use cases that were
presented in the analysis phase can be performed showing the various activities as we presented
in the activity diagrams. This phase consists of the various stages in installing, deploying the
application and presenting the system functionalities. The user manual has goal to bring help to
the user of the application regarding instructions on installing, using and troubleshooting a
system.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
I. DEPLOYMENT OF THE APPLICATION
A. Online deployment
a. Front-end application
ANGULAR APPLICATION (Web platform)
We decided to deploy the front-end web platform on firebase using firebase hosting.
Once the angular app is ready the following steps are followed on order to deploy the application
on firebase.
1. Create firebase account and create a project.
We enter project name, accept terms and condition then click on create project.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
After the ap is created on firebase, the next steps are to setup firebase deployment environment
in our system.
2. Install the firebase tools using firebase CLI in the project with the following command;
npm install -g firebase-tools
3. Login and initialize firebase project using firebase CLI with the following command
firebase login
After initializing the firebase project, we will see the following properties in firebase CLI
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
For the android application, the following commands and configurations will be used.
In the config.xml file the following changes are made
The app name:
<name>CAMPOST IN HAND</name>
The id attribute which comes with the widget tag (this is very important)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
<widget id="com.task.campost-in-hand" version="0.0.1"
xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
To sign the unsigned.apk file i.e to create the signed release we build run the jarsigner command
tool which is also the part of Android APK.
At last, we used the zipalign tool to optimize the APK. The tool can be found at the
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
b. Back-end application (spring boot API)
As stated in our deployment diagram, the restfull API (spring boot application) was
deployed on the Tomcat application server. The following steps were followed to achieve the
task.
When we run our application, Spring Boot will detect that we have a Spring MVC
controller and start up an embedded Apache Tomcat 7 instance, by default.
Running the following command will create a keystore then deploy the spring boot
services.
java-Dspring.profiles.active=productionDkeystore.file=file:///$PWD/src/main/resources/keystore.p12 -jar
target/oauth-1.0.0.BUILD-SNAPSHOT.jar
B. Local deployment
A. Front-end application
The requirements for the local hosting or deployment of our front-end applications (angular and
ionic application) are as follows.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
After downloading node js, we click on the installation executable file then follow the step as
shown bellow.
F IGURE 64: INSTALL NODE JS STEP 1 F IGURE 63: INSTALL NODE JS STEP 2
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
The MySQL
was used through wamp server. The installation process for wamp server is as follows.
F IGURE 69: INSTALLING WAMP SERVER STEP 1 F IGURE 70: INSTALLING WAMP SERVER STEP 2
F IGURE 71: INSTALLING WAMP SERVER STEP 3 F IGURE 72: INSTALLING WAMP SERVER STEP 4
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
II. SHOWCASE
As stated earlier and in our theme, we developed a web and mobile application (android and
IOS). We used an advantageous framework which gave us the opportunity to develop a cross
platform application that is having one source code for both the android and the web version.
CAMPOST IN HAND provides both the user and the administration portal from where all
the user requests and operations can be managed. The showcase will present both the user portal
(web and mobile application) and the administration portal (web application).
A. User portal
1. Web interfaces
a. Landing page.
The landing page of CAMPOST IN HAND is made up of 2 principal sections, we have the
welcome section and the section presenting the main CAMPOST services.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
b. Search page
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
After getting
all the information concerning CAMPOST services, a customer can then search for post offices
from where he can get in touch with these services. By accessing the search page, the user can
geolocate all the postal offices near him, then from there he can navigate to the post office with a
real time 3D video graphic director.
By typing a service, the list of postal offices offering the services is listed to the user.
c. Geolocation page
The customer can then decide to geolocate all the post offices near him by clicking on the button
‘Postal offices near me’. Then the following page will be displayed he can navigate to the post
office he wants.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
From the above map, the customer can have a real view of the road map to the post office he
wants. The system redirects him automaticaly toward the post office.
d. Register page
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
The user can
then create his account to have access to a user dashboard.
e. Login page
The user gets authenticated from here to launch his session.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
f.
Dashboard page
After being authenticated, the customer can then have access to this page, from where he can
have a brief information concerning his accounts and daily transactions.
g. Exchange page
A page from which a customer can transfer fund from any of his bank accounts (current
account, saving account or CAMPOST Money account).
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
h. Accounts page
From this page a customer can manage all his bank accounts, and also have a list his
transactions.
I. Loans page
The main page from where a customer can manage his loans and or request for another loan.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
For the user’s web portal, these were some of the major pages, all the pages could not be
stated.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
k. Price
simulator page
Before going for a package transfer, it is preferable to have the approximate price in head. An
online price simulator is then built for this purpose.
l. Notification page
A CAMPOST IN HAND user gets a notification on each and every transaction.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
2. Mobile interfaces
The mobile version was done to enhance user usability since the majority of
Cameroonians are much more having mobile devices. The mobile version contains the main
functionalities concerning financial transactions. Some of the mobile interfaces are;
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
F IGURE 88 : MOBILE - DASHBOARD F IGURE 89 : MOBILE - EXCHANGE F IGURE 90 : MOBILE - PAY SERVICE
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
B.
Administrator portal
Here we have the main section from where the administrators at CAMPOST will be able to
manage their customers day to day activities such as loans, bank account, postal offices etc…
The main reason for the existence of this admin section is the fact that a good and efficient
system must be administered.
a. Dashboard page
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
c. Postal offices
The management of CAMPOST post offices is done here by the administrator in charge of it
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
To add a new post office, clicking on the button “add an office”, displays the following interface
From this page, the administrator can manage the requests for a bank account and also
manage all the bank accounts already created
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
e. Loans page
One of the most important page from where the head of financial services will be able to
mange the loan request and also the loans already granted.
Once a loan request is received by the administrator, he can get more details on the loan
by clicking the ‘’details’’ button on a loan. While seeing the details, he can decide to grant de
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
loan after
studying the request.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
GENERAL
CONCLUSION
Coming to an end of this project, which also marks and end to my internship, I can
conclude that this internship was very beneficial in the sense that it was of great importance for
my professional and academic career, a huge knowledge was acquired during this period and a
lot of researches made in order to overcome the great challenge.
The help I had form my academic and professional supervisor, permitted me to study the
problem that was posed, propose a solution adapted to the problem in the form of a project with
theme;” Development of platform which facilitates access to CAMPOST services. Case of;
financial, digital and postal services.”. Using UML and the numerous technologies mentioned,
I was able to design and implement a web and mobile platform that brings CAMPOST customers
closer to CAMPOST services and also helps CAMPOST administrators in their day-to-day
administrations. For the better optimization of the solution a technology was used which
permitted to develop a restfull API that as then consumed and exploited by the front-end.
Finally, a user guide was made permitting the exploitation of the solution put in place.
However, the time dedicated for the put in place of the solution was not sufficient to produce a
good solution respecting the standard of such a company (CAMPOST). Nevertheless, some
perspectives are to be implemented to make the solution useable and optimal. The internship
offered a real opportunity to truly integrate the professional milieu and acquire knowledge.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
ANNEXE
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
BIBLIOGRAPHY
Russ Miles and Kim Hamilton, A Pragmatic Introduction to UML, O’Reilly Media, Inc.
April 2006, 288 pages;
Jon DUCKETT, HTML & CSS Design and build Websites, JOHN WILEY & SONS INC.
2011, 514 pages;
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
WEBOGRAPHY
https://medium.com/nerd-for-tech/building-a-simple-restful-api-with-spring-boot-
2351687ecab0, visited on th learning how to build a rest api using spring boot MVC
https://firebase.google.com/products/hosting?
gclid=CjwKCAjw7rWKBhAtEiwAJ3CWLL8PCvJWOb7bf6B22RP13v9XFtmOdYaY2
1R21JiTQDtttAhGHpm3vRoCO0EQAvD_BwE&gclsrc=aw.ds, documentation on web
hosting using Firebase Hosting
https://getbootstrap.com/docs/4.1/getting-started/introduction/, Bootstrap documentation.
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
CONTENT
DEDICATION................................................................................................................................i
ACKNOWLEDGEMENTS..........................................................................................................ii
SUMMARY...................................................................................................................................iii
LIST OF FIGURES......................................................................................................................iv
LIST OF TABLES......................................................................................................................viii
GENERAL INTRODUCTION.....................................................................................................1
II. OBJECTIVES.....................................................................................................................16
V. LIST OF PARTICIPANTS.................................................................................................23
VIII. DELIVERABLES...........................................................................................................26
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
I. STUDY
OF THE EXISTING SYSTEM..................................................................................................31
II. PROBLEMATIC................................................................................................................37
IV. METHODOLOGY.............................................................................................................42
I. TECHNICAL BRANCH....................................................................................................86
II. SHOWCASE....................................................................................................................138
GENERAL CONCLUSION.....................................................................................................153
ANNEXE....................................................................................................................................153
BIBLIOGRAPHY......................................................................................................................153
WEBOGRAPHY........................................................................................................................153
CONTENT..................................................................................................................................153
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107
DEVELOPMENT OF A WEB AND MOBILE
APPLICATION WHICH FACILITATES ACCESS TO
CAMPOST SERVICES. Case of: Financial, digital and
postal services (CAMPOST-IN-HAND)
Written by: KAMGA TOKAM ANDRE JAURES, 2nd Year Student, Software Engineering
at AICS Cameroon PAUL BIYA TECHNOLOGICAL CENTER OF EXCELLENCE,
Academic Year 2020 – 2021
107