Vous êtes sur la page 1sur 22

Analyse, conception et réalisation d’une application web pour la promotion de

l’agriculture biologique au Cameroun 2021

Introduction générale
Actuellement, le monde connaît une avancée technologique considérable dans le
secteur agricole par une poussée sans cesse croissante de la mécanisation, qui joue un rôle
important dans le développement de nombreuses entreprises et organisations. Mais une
régression notable des ressources agricoles dues à un appauvrissement du sol à cause du
manque de connaissance pratique, nous pratiquons une agriculture destructive au profit de la
quantité sans toutefois se soucier de la règlementation en vigueur par rapport à l’utilisation
des engrais chimique. Aujourd’hui, les agriculteurs et élèves agriculteurs auxquels cette
sensibilisation est faite font partie intégrante de la main nourricière de la planète d’où la
nécessité d’utiliser les nouvelles technologies de l’information et de la communication pour
promouvoir cette sensibilisation. En effet la limitation de la destruction du sol nécessite la
mise en place d’une plateforme d’édification et de sensibilisation sur l’agriculture biologique.

À l’aide de la formation professionnelle au diplôme de brevet de technicien supérieur (BTS)


en Gestion des Système d’Information au Cameroun, complété de notre stage dont le but était
de faire un pont entre la formation professionnelle et le monde de l’emploi. L’objectif est de
développer des solutions innovatrices pour pallier aux multiples problèmes que rencontrent
les entreprises et la société. Nous avons pu mettre sur pied une plateforme de promotion de
l’agriculture biologique.

La présentation de ce travail sera structurée en quatre parties. Dans la première partie, nous
ferons la présentation de l’entreprise d’accueil, dans la seconde, nous parlerons du
déroulement de notre stage et nous donnerons les objectifs de notre travail en stage, dans la
troisième partie, nous parlerons de notre projet en décrivant tout le processus de
développement d’applications exécuter pour la production d’une plateforme efficace
répondant aux besoins décrit s’y haut et enfin la quatrième et dernière partie, sera dédiée à
l’évaluation du stage qui sera suivie d’une conclusion générale.

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 1


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

PREMIERE PARTIE :
PRESENTATION DE L’ENTREPRISE MB
SYSTEMES

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 2


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

I. Historique et évolution de l’entreprise

Mb Systemes se trouve dans la région du Centre, Arrondissement de Soa, Département


de la Méfou-Afamba, Il est localisé précisément au Quartier dit « Entrée église », à environ
150m l’Université de Yaoundé II. Créer en 2015 par le promoteur ce n’est que le 14
Novembre 2018 que la structure acquiert le statut d’entreprise conformément à la
réglementation au matricule Registre de commerce n° RC/YAO/2018/A/3676 au capital de
10.000.000 FCFA Numéro PUI : P079312728442R Numéro de compte bancaire IBAN :
CM21 10033 05214 14009001487 92

II. Structure organisationnelle de l’entreprise

1. Organisation et gestion

Mb systemes est dirigé par un directeur général Madame Hapsatou BINTOU désigné
par le promoteur de la structure. Le directeur est assistée dans ses tâches par le chef
du service financier et comptable Madame Merveille NDONGNANG, le chef des
opérations Monsieur Landry NDONGO LHILHI et le chef de projet et de la maîtrise
d’œuvre Monsieur Legrand NITCHEU. Ainsi le conseil de direction du Groupe
LegrandSoft est constitué comme suit :
- Le directeur générale ;
- Le chef du service financier et comptable ;
- Le chef du service des opérations ;
- Le chef de projet et de la maîtrise d’œuvre ;

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 3


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

2. Organigramme

DIRECTION
GENERALE

CHEF DE PROJET CHEF DU SERVICE


CHEF DES
ET DE LA MAÎTRISE FINANCIER ET
OPERATION
D’ŒUVRE  COMPTABLE

DEVELOPPEUR DEVELOPPEUR
FULLSTACK FRONT-END

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 4


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

III. Principales missions de l’entreprise

 La conception de logiciels pour promouvoir la facilité de gestion de vos entreprises,


nous effectuons une analyse basé sur le mode de fonctionnement de votre entreprise aux fins
de produire un logiciel qui embrasse efficacement la gestion interne et externe de ce dernier;

 La conception des sites web par une étude minutieuse et approfondis des besoins du
client pour la production d’un site web beau et interactif qui satisfait les demandes du client ;

 La conception d’application mobiles par une utilisation des technologies de


production de logiciel les plus récentes pour procurer les solutions mobiles les plus efficaces ;

 La conception des systèmes embarqués par la fabrication des systèmes électroniques


programmés (robots) à la pointe de la technologie numérique;

 Les hébergements pour rendre disponible votre site web 24heures/24 et 7jours/7 avec
un nom de domaine ;

 L’ingénierie logicielle pour les projets logiciels dédiés, par l’analyse, la conception et
l’implémentation des modèles, des modules et des bases de données ;

 La rétro-ingénierie par la reconstitution des codes sources de modules ou modèles


déjà existants pour mettre à la disposition du client ;

 Installation et maintenance des réseaux informatique par la conception, le câblage


et l’administration des ressources des réseaux informatiques,

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 5


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

DEUXIEME PARTIE :
LE DEROULEMENT DU STAGE

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 6


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

I. Accueil et installation

Nous avions eu un accueil chaleureux à notre arrivée dans l’entreprise puis un briefing
concis et précis quant à la conduite à tenir et le règlement intérieure, les horaires de travail,
mais surtout les attentes et réalisations à la fin du stage.

1. Ressources humaines du Groupe

Le Groupe LegrandSoft est composé 7 personnels. Dont 2 développeurs, 1 chef du


service financier et comptable, 1 chef des opérations, 1 directeur général, 1 chef de projet et
de la maîtrise d’œuvre. Le personnel est uni et engagé pour une même cause, Il est unie par un
slogan: «make it happen». Tout le personnel vit cet esprit de famille: un réel sens
d’appartenance au sein de la famille. L’atmosphère est plutôt familiale. Les états d’humeurs
sont transformés par cette atmosphère.

2. Ressources matérielles du Groupe

Le Groupe LegrandSoft a en son sein l’équipement suivant :


- 1 imprimante Bluetooth;
- 6 ordinateurs portables (laptop);
- 1 écran plat ;
- 1 tableau noir ;
- 1 modem Camtel pour la connexion filaire et non filaire.

II. Objectifs du stage et élaboration du planning

Dès notre arrivée dans la structure nous avons eu un briefing sur les attentes à la fin de
notre stage ainsi que mentionné ci-dessous :

- Compléter notre formation ;


- Découvrir le milieu professionnel ;
- Découvrir nos qualités et nos défauts au sein de l’entreprise afin de progresser ;
- Réaliser notre première expérience professionnelle ;
- Expérimenter le travail en équipe ;
- Réaliser des applications web responsive ;

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 7


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

- Décrire et exécuter entièrement le processus de développement d’application dans la


mise en place d’un projet logiciel.

Ainsi dans le but de réaliser ces objectifs l’horaire avait été fixé de 10 H 00 à 16 H 00
pour réaliser au mieux ces objectifs tout en évitant un surmenage.

III. Taches effectuées et Réalisation

Dans le but de notre stage nous avions au quotidien effectué différentes tâches notamment :

- Réaliser des interfaces graphiques responsives web en HTML/CSS et JAVASCRIPT


en utilisant la librairie BOOTSTRAP ;
- Participer à la modélisation d’un logiciel ;
- Gestion de sécurité (droit d’accès) ;
- Participer à la modélisation UML (classes, cas) d’un système ;
- Créer des schémas de bases de données ;
- Programmer selon l’orienté objet à partir des modèles de classes ;
- Interpréter des modèles ;
- Configurer le CMS WordPress et le Framework Symfony ;
- Utiliser l’architecture MVC pour l’implémentation de système ;
- Participer à l’implémentation et au test et d’un site de rencontre « VIVANDOLO » ;
- Approfondir l’utilisation des Framework pour la conception du Front-end
d’Application Web notamment Bootstrap, Celestino ;
- Approfondir l’utilisation de divers logiciels tel que Github, Composer, Visual Studio
code, nodejs ;
- Initier l’utilisation du Framework PHP Symfony et de l’API loopback ;
- Initier l’utilisation de CMS notamment WordPress ;
- Suivre les étapes de travail en ligne sur un serveur et de partage de fichier en réseau
local ;
- Participer à la conception, réalisation, test et déploiement d’un site de rencontre
« VIVANDOLO » ;
- Approfondir des connaissances pratiques sur les techniques de génies logiciels.

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 8


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

TROISIEME PARTIE :

ANALYSE, CONCEPTION ET REALISATION


D’UNE APPLICATION WEB POUR LA
PROMOTION ET LE DEVELOPPEMENT DE
L’AGRICULTURE BIOLOGIQUE

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 9


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

I. Analyse et conception

1. Description du projet

La promotion de l’agriculture biologique c’est l’admission universelle de celle-ci au


sein de notre société non seulement par les agriculteurs de campagne mais aussi par des
ingénieurs agricoles.
La plateforme de sensibilisation et édification que nous allons mettre en place aura des
rubriques comme suit :

- Astuce qui contient des procédés pouvant améliorer le rendement agricole ;

- Bibliothèque qui est un espace pour consulter et télécharger des livres en ligne ;

- Lexique qui est un dictionnaire en ligne contenant les différentes expressions


technique centrées sur l’agriculture ;

- Découverte du bio qui décrira les l’agriculture biologique tout en définissant et en


donnant ces apports.

2. L’identification des besoins

 Gestion des livres : un administrateur doit être en mesure de publier un livre, le


modifier ou le supprimer. Une fois le livre publié les utilisateurs divers pourront le consulter
ou le téléchargés.

 Gestion des astuces : un administrateur doit être en mesure de publier une astuce, la
modifier ou la supprimer. Une fois une publié les utilisateurs divers pourront la consulter
ou/et la commenter.

 Gestion du lexique : un administrateur doit être en mesure de publier une expression et


sa définition, la modifier ou la supprimer. Une fois une publié les utilisateurs divers pourront
le consulter.

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 10


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

 Consulter une astuce : un utilisateur peut lire le contenu d’une astuce et regarder la
photo descriptive et/ou commenter.

 Commenter et aimer une astuce : un utilisateur pourra apporter un avis sur la


pertinence de l’astuce et l’apprécier, mais pour ce faire devra au préalable s’authentifier en
saisissant une adresse email unique qui servira à son authentification.

 Une gestion des droits d’accès et la connexion au compte d’utilisateur ;

Passée l’analyse des besoins et des fonctionnalités attendus nous allons entamer la
modélisation de notre application.

II. Modélisation

Dans ce qui suit nous présentons le modèle de notre application sur 2 couches : la
couche d’application modéliser grâce au diagramme de cas d’utilisation et au diagramme de
classe ensuite la couche de données où nous alors modéliser le MCD et le MLD relatif.

1. Modélisation de la couche application

a. L’identification des acteurs

Les différents acteurs qu’on va trouver dans nos diagrammes de cas d’utilisation sont :
1. Administrateur de site : est le responsable de la gestion du contenu de
l’application web.
2. L’utilisateur : est l’abonné qui consulte la plateforme et s’authentifie pour avoir
la possibilité de commenter ou d’aimer du contenu publier par l’administrateur.

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 11


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

b. Le diagramme des cas d’utilisation

 Cas d’utilisations de l’acteur Utilisateur/Abonné

Figure 1 – Diagramme des cas d’utilisation de l’utilisateur

 Acteur principal : Utilisateur/Abonné.


 Objectif : Pouvoir consulter, commenter, télécharger un contenu.
 Scenario nominal :
Cas 1 : Consulter un contenu
1. Le système affiche la page d’accueil.

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 12


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

2. L’utilisateur recherche un mot dans le lexique.


3. L’utilisateur consulte les informations qu’il juge pertinentes (Astuces et conseils).
4. L’utilisateur consulte la bibliothèque de livre
Cas 2 : Commenter un contenu
1. L’utilisateur saisit son email pour s’authentifier.
3. L’utilisateur rempli et valide le formulaire.
4. Le système ajoute les informations dans la base.
5. Le système actualise la liste des commentaires et l’affiche.
Cas 3 : Télécharger un contenu
1. L’utilisateur choisit le contenu à télécharger.
2. Le système lance le téléchargement.
3. Le contenu sélectionné est téléchargé.

 Cas d’utilisation de l’acteur Administrateur

Figure 2 – Diagramme des cas d’utilisation de l’administrateur

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 13


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

 Acteur principal : Administrateur.


 Objectif : S’authentifier et pouvoir ajouter, modifier, supprimer, valider un contenu.
 Scenario nominal :
Cas 1 : Authentification de l’administrateur
1. L’administrateur saisit son email et son mot de passe.
2. Le système vérifie l’email et le mot de passe.
3. Le système affiche l’espace d’administration.
Cas 2 : Créer un contenu
1. L’administrateur choisit d’ajouter un contenu.
2. Le système affiche le formulaire à remplir.
3. L’administrateur rempli et valide le formulaire.
4. Le système ajoute les informations dans la base.
5. Le système actualise la liste du contenu et l’affiche.
Cas 3 : Modifier un contenu
1. L’administrateur choisit le contenu à modifier.
2. Le système affiche le formulaire de modification.
3. Il modifie les champs voulus.
4. Le système met à jour les informations dans la base.
5. Le système actualise la liste du contenu et l’affiche.
Cas 4 : Supprimer un contenu
1. L’administrateur choisit le contenu à supprimer et valide.
4. Le système supprime le contenu de la base.
5. Le système actualise la liste du contenu et l’affiche.
 Scenario alternatif :
Cas 1 :
1. Email et mot de passe sont incorrects, un retour vers la page d’authentification sera
effectué avec un message d’erreur.
Cas 2 :
1. Contenu existant déjà ou champs non conforme aux types, formulaire vide : un
message d’erreur sera affiché.
Cas 3 :
1. Modification avec des champs vides, champs non conforme aux types : un
message d’erreur sera affiché.

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 14


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

c. Diagramme des classes

Un diagramme des classes décrit le type des objets ou données à manipuler par le
système ainsi que les différentes formes de relations statiques qui relient entre eux.

Figure 3 – Diagramme des classes de l’application

2. Modélisation de la couche de données

a. Le MCD de notre application

Le dictionnaire des données de tables présentées dans le diagramme des classes est
donné par le tableau suivant :

Classe Administrateur
Attribut Description l’attribut Type
IdAdmin Identifiant de l’administrateur Entier

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 15


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

Email Adresse email de l’administrateur varchar(250)


Password Mote de passe de l’administrateur varchar(250)

Classe Utilisateur
Attribut Description l’attribut Type
idUtilisateur Identifiant de l’utilisateur Entier
Pseudo Pseudo de l’utilisateur varchar(250)
Email Adresse email de l’utilisateur varchar(250)
EstConnecte Si l’utilisateur est connecté Entier
DateCreation Date de création du compte utilisateur Date (jj/mm/aa)
DateConnecte Date de connexion de l’utilisateur Date (jj/mm/aa)

Classe Astuce
Attribut Description l’attribut Type
idAstuce Identifiant de l’astuce Entier
Titre Titre de l’astuce varchar(250)
Description Description de l’astuce varchar(2500)
UrlPhoto Lien de la photo de l’astuce varchar(2500)
DatePublie Date de publication de l’astuce Date (jj/mm/aa)
DateModif Date de modification de l’astuce Date (jj/mm/aa)

Classe Bibliotheque
Attribut Description de l’attribut Type
IdLivre Identifiant du livre Entier
Theme Theme du livre varchar(250)
Titre Titre du livre varchar(250)
DatePublie Date de publication du livre Date (jj/mm/aa)
UrlLivre Lien du livre varchar(2500)

Classe Lexique
Attribut Description l’attribut Type
idLexik Identifiant du lexique Entier
Titre Titre du mot varchar(250)
Definition Définition du mot varchar(2500)
DatePublie Date de publication du mot Date (jj/mm/aa)
DateModif Date de modification du mot Date (jj/mm/aa)

Classe Aime
Attribut Description l’attribut Type
IdAime Identifiant du aime Entier
dateAime Date de aime Date (jj/mm/aa)

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 16


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

Classe Commentaire
Attribut Description l’attribut Type
idComment Identifiant du commentaire Entier
Message Message du commentaire varchar(2500)
estConfimer Si le commentaire est confirmé entier
datePublie Date de publication du commentaire Date (jj/mm/aa)
dateModif Date de modification du commentaire Date (jj/mm/aa)

Tableau – Dictionnaire des données

Après avoir établir le dictionnaire de donnée de notre application la figure 4 présente


le MCD de notre application :

Figure 4 – MCD de l’application

Après avoir vue le MCD de notre application, nous passerons maintenant au modèle
relationnel.

b. Passage au MLD relatif

En pratiquant les règles de gestion et de passage au MLD relatif nous avons généré le
modèle relationnel suivant :

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 17


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

Note : Nous avons utilisé le caractère # pour désigner les clés étrangères, et le soulignement
pour désigner les clés primaires.

Utilisateur (idUtilisateur, pseudo, email, dateCreation, estConnecte,


dateConnecte)

Admin (idAdmin, email, Password)

Astuce (idAstuce, titre, description, datePublie, dateModif, urlPhoto, #idAdmin)

Lexique (idLexik, titre, definition, datePublie, dateModif, #idAdmin)

Bibliotheque (idLivre, theme, titre, datePublie, #idAdmin)

Aime (idAime, dateAime, #idAstuce, #idUtilisateur)

Commentaire (idComment, message, estConfimer, datePublie, dateModif,


#idUtilisateur, #idAstuce)

III. Implémentation

1. Outils de développement de notre application

L’application a été développée à l’aide d’une plate-forme de développement web qui


est le paquetage XAMPP dont nous avons installé et configuré ces différents éléments
suivants :

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 18


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

 PhpMyAdmin (4.8.5): c’est application Web qui sert à administrer notre base de
données, nous l’avons configuré de la façon la plus standard possible, nous pouvons y
accéder depuis une interface Web.

Figure 5 – Interface de PhpMyAdmin


 Apache (2.4.39) : fait office de serveur http, il va donc accueillir notre Application
Web et c’est lui qui va faire en sorte qu’il soit accessible via notre navigateur.
 MySQL (5.5.16) : c’est le système de gestion de base de données (SGBD). Et
MariaDB (10.1.40) comme moteur de base de données.
 PHP (7.3.5) :c’est un plug-in pour Apache qui le rend capable de traiter des pages
web dynamiques.

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 19


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

Figure 6 – Interface de configuration du logiciel XAMPP

Et d’autres outils pour l’écriture du code et l’affichage notamment :

 L’éditeur (Visual Studio Code) pour l’édition des scripts et algorithmes ;

 Une variété de navigateur (Mozilla, Chrome, Opéra, Internet Explorer et


navigateurs de mobiles) pour tester et s’assurer que l’application s’exécute bien sur tous les
types de navigateurs.

2. Technologies utilisées
Pour implémenter cette application, nous utiliserons les technologies de
développement web. Ainsi, nous choix se penche sur :

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 20


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

 PHP (Hypertext Preprocessor) pour le langage de programmation côté serveur :


l’avantage ici est que la configuration et l’accès est facile, les moteurs d’exécution sont ultra
rapides et les hébergements de ces moteurs sont aussi moins couteux comme les autres.

 HTML5 (HyperText Markup Language) : est un langage de balisage servant à


écrire des pages pour le Word Wide Web (www).
 CSS3 (CASCADING STYLE SHEETS) : permet de gérer la présentation d’une
page web par des règles de styles et de mise en pages
 JavaScript : C’est un langage de programmation qui offre la possibilité
d’implémenter des traitements élaborés dans des pages web, et permet d’apporter des
améliorations au langage HTML en permettant d’exécuter des commandes de la cote client
(c’est-à-dire au niveau du navigateur et non du serveur web).
 JQuery, Bootstrap, Revolution slider, Wow, Font-awesome
comme Framework et bibliothèque pour l’implémentation du
responsive design et les animations sur les interfaces utilisateurs
graphiques.

 MySQL comme serveur de base de données et MariaDB


comme moteur de base de données. Le principal avantage de ce
moteur de base de données est que le traitement des informations est
plus rapide que d’autres et moins couteux pour l’hébergement.

3. Les architectures utilisées


 L’architecture MVC (Model view controller) qui est
constitué de 3 parties :

o La partie Modèle (Model) d’une architecture MVC


encapsule la logique métier (business logic) ainsi que l’accès
aux données. Il s’agit d’un ensemble de fonctions (Modèle
procédural) ou de classes (Modèle orienté objet).

o La partie Vue (View) s’occupe des interactions avec


l’utilisateur : présentation, saisie et validation des données.

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 21


Analyse, conception et réalisation d’une application web pour la promotion de
l’agriculture biologique au Cameroun 2021

o La partie Contrôleur (Controller) gère la dynamique de l’application. Elle fait


le lien entre l’utilisateur et le reste de l’application.

Figure 6 - Schéma de l’architecture MVC

Rapport de stage rédigé par DJAM A ATECK Guy Marcel 22

Vous aimerez peut-être aussi