Vous êtes sur la page 1sur 101

See discussions, stats, and author profiles for this publication at: https://www.researchgate.

net/publication/366384002

MÉMOIRE Développement d'une application SIG Web pour la gestion des


champs agricoles en Tunisie (Nord de la Tunisie)

Thesis · December 2022

CITATIONS READS

0 4,337

1 author:

Manel Alayet
Université de Sherbrooke
5 PUBLICATIONS 1 CITATION

SEE PROFILE

All content following this page was uploaded by Manel Alayet on 17 December 2022.

The user has requested enhancement of the downloaded file.


Université Tunis El Manar
Faculté des sciences de Tunis
Département de géologie

MÉMOIRE
Présenté en vue de l’obtention du Diplôme :
MASTERE PROFESSIONNEL EN GEOMATIQUE, TERRE ET AMENAGEMENT.
Parcours : Géomatique et Télédétection Appliquées à l'Environnement.

Développement d’une application SIG Web pour la gestion


des champs agricoles en Tunisie (Nord de la Tunisie)
Présenté Par :

MANEL ALAYET
Soutenu le 12/02/2022 devant le jury composé de :

Mme. Rim BEN AMOR Maitre de conférence, FST Présidente


Mme. Salwa SAIDI Maitre Assistante habilitée, FST Examinatrice
Mr. Tarek SBOUI Maitre-assistant, FST Encadrant FST
Mr. Mickaël GERMAIN Professeur adjoint, Université de Sherbrooke Invité

Mémoire réalisé en collaboration avec l’université de Sherbrooke et le centre national des études
agricoles.

Année universitaire: 2020/2021


Remerciement
La réalisation de ce mémoire a été possible grâce aux soutiens précieux de plusieurs personnes à
qui je voudrais témoigner toute ma reconnaissance.

Je voudrais tout d’abord exprimer toute ma gratitude au directeur de ce mémoire, Monsieur Tarek
Sboui, Maitre-assistant à la faculté des sciences de Tunis. Je le remercie pour son encadrement
sans faille, ses nombreux conseils qui m’ont permis d’avancer et ses remarques assez pertinentes
qui ont contribué à l’amélioration et la perfection de ce mémoire.

Je suis reconnaissante à Monsieur Mickael Germain, qui a accepté de participer à cette étude et
sans qui ce travail n’aura jamais vu le jour. Je suis très reconnaissante pour son encouragement et
sa confiance et du temps qu’il a consacré et de son amabilité qui a largement participé à la bonne
conduite de cette recherche. Je le remercie pour son encadrement, son aide et sa disponibilité durant
la période du stage.

Mes respects et ma gratitude à Madame Rabeb mahfoudhi, ingénieur au centre national des études
agricoles, pour son aide et son soutien durant la période d’élaboration de ce projet.

Je tiens à remercier tous mes collègues à la faculté des sciences de Tunis, et toute personne qui m’a
aidée du près ou de loin durant cette période.
Dédicaces

Je dédie ce modeste travail à mes sœurs Malek et Manar qui ont toujours été là
pour moi tout au long de mes études et qui m'ont donné le soutien moral nécessaire
pour que je puisse continuer et d’avancer dans la vie.
À tous mes ami(e)s, en souvenir de tout moment qu'on s'est partagé.
À tous ceux qui m'ont donné un jour un coup de pouce, de près ou de loin.

Manel Alayet
Resumé:
Les données géographiques agricoles élaborées par les organismes locaux, les experts et les
académiques sont stockés localement et inaccessible aux citoyens tunisiens et mondiaux. Ces
ressources servent d’une base de données importantes qui peut certainement aider les chercheurs
dans leurs quêtes d’informations et d’établir le droit d’accès à l'information soutenue par l’état
tunisien. Les régions du nord ne disposent pas d’une application suffisante pour gérer les données
agricoles. L’objectif de la recherche est de soutenir l’orientation de l’état vers la digitalisation et
d’établir un lien entre les citoyens et les agents gouvernementaux.

MapsyTn, est une application SIG web participative qui présente des données graphiques et
cartographiques interactives destinées pour le secteur agricole. Cette plateforme discute l’évolution
et la répartition de la production agricole dans douze délégations du nord tunisien. Cette application
profite des données statiques ouvertes et les transforme à l’aide des outils de data science et SIG
vers des formats pertinents. Après avoir testé l’application web pour assurer la durabilité, les
résultats ont montré que la précision, la stabilité et le fonctionnement de l’application sont adaptés
aux exigences du web.

Mots clés: SIG-Web, Application, Développement web, webmapping, SIG

Abstract

Agricultural data developed by local organizations, experts and academics are stored locally and
inaccessible to Tunisian and global citizens. These resources serves as an important database that
can certainly help researchers in their quests for information and establish the right to access to
information supported by the Tunisian state.
The northern regions do not have a sufficient application for agricultural data management. The
main goal of this research is to support the state’s move toward digitalization and establish a link
between the citizens and the government agents.

Mapsy Tn, is web-based GIS application presenting geographic and graphic interactive data for
agricultural management. This approach takes advantage of the available open-source static data
and transforms them into an interactive geographic content. After a series of testing, the results
showed that the application is stable, efficient and meets the requirements of the web.

Keywords: GIS, Web-GIS, Application, Web development, Open source, Web mapping
Table des matières
Introduction générale...................................................................................................................... 13

Chapitre 1 : ..................................................................................................................................... 17
Cadre général .................................................................................................................................. 17

I. Le secteur agricole en Tunisie ............................................................................................ 18


II. Zone d’étude : ..................................................................................................................... 21
III. Cadre du projet : ............................................................................................................. 22
IV. L’organisme d’accueil : .................................................................................................. 22

1. Présentation générale .................................................................................................. 22


2. Missions : ................................................................................................................... 22

V. Problématique : .................................................................................................................. 22
VI. Objectif : ......................................................................................................................... 23
VII. Plan de travail : ............................................................................................................... 23

Chapitre 3 : ..................................................................................................................................... 24
Méthodologie ................................................................................................................................. 24

I. Introduction ........................................................................................................................ 25
II. Organisation du projet ........................................................................................................ 25

1. Diagramme de Gantt .................................................................................................. 26


2. Identification des pages web existantes ..................................................................... 27
3. Identifier les besoins................................................................................................... 30
4. Proposer une solution ................................................................................................. 30
5. Collecte et traitement des données ............................................................................. 31
6. Création d’un prototype ............................................................................................. 31
7. Validation et mise en ligne de l’application : ............................................................. 31

III. Choix des technologies à utiliser .................................................................................... 31

1. Front-end : .................................................................................................................. 33
2. Back-end : .................................................................................................................. 33
Développement d’une application SIG web pour la gestion des champs
agricoles.
IV. Conception d’un système de gestion de base de données SGBD : ................................ 34

1. Système de base de données relationnelle SGBDR : ................................................. 34


2. Serveur cartographique : ............................................................................................ 34
3. Webmapping : ............................................................................................................ 36

1.1. Définition : ........................................................................................................ 36


1.2. Langage de programmation : ............................................................................ 36

1. ........................................................................................................................... 36
1.2.1. Javascript : ..................................................................................................... 36
1.2.2. CSS ................................................................................................................ 37
1.2.3. HTML ............................................................................................................ 37
1.2.4. Leaflet.JS ....................................................................................................... 38

1.3. Plateforme et logiciels libres : ........................................................................... 38

1.3.1. QGIS : ............................................................................................................ 38


1.3.2. Staruml........................................................................................................... 38
1.3.3. Geojson.io ...................................................................................................... 39
1.3.4. Mapbox studio ............................................................................................... 39
1.3.5. Adobe XD : .................................................................................................... 39

Chapitre 4 : ..................................................................................................................................... 40
Conception et création .................................................................................................................... 40
de la base de données ..................................................................................................................... 40

I. Introduction : ...................................................................................................................... 41
II. Modélisation UML : ........................................................................................................... 41

1. Définition : ................................................................................................................. 41
2. Les diagrammes UML ................................................................................................ 42

2.1.1. Diagramme de classe : ................................................................................... 43


2.1.2. Diagramme de déploiement .......................................................................... 43
2.1.3. Diagramme d’activité .................................................................................... 43
2.1.4. Diagramme de cas d’utilisation ..................................................................... 44
2.1.5. Diagramme de collaboration ......................................................................... 44

6|Page
Développement d’une application SIG web pour la gestion des champs
agricoles.
2.1.6. Diagramme de séquence ................................................................................ 44

III. Modélisation de la base de données ............................................................................... 44

1. Identification des acteurs ............................................................................................ 44


2. Diagramme de cas d’utilisation .................................................................................. 45
3. Diagramme de séquence : .......................................................................................... 49
4. Diagramme d’activité : ............................................................................................... 51

1.4. Diagramme d’activité membre : ....................................................................... 51


1.5. Diagramme d’activité cas d’un administrateur : ............................................... 52
1.6. Diagramme d’activité cas d’un utilisateur : ...................................................... 52

5. Diagramme de classe : ................................................................................................ 53

IV. Création de la base de données ...................................................................................... 56

1. Création de la base de données spatiale : ................................................................... 56


2. Création de la base de données des utilisateurs : ....................................................... 58

Chapitre 5 : PROTOTYPE ............................................................................................................. 61

I. Introduction ........................................................................................................................ 62

A. Tableau de bord des données agricoles de la frange NNW de la Tunisie : .................... 63

1. Introduction : .............................................................................................................. 63
2. Objectif : ..................................................................................................................... 63
3. Méthodologie : ........................................................................................................... 63
4. Collecte des données : ................................................................................................ 64
5. Transformation et traitement des données : ............................................................... 64
6. Sélection des bibliothèques et des Framework .......................................................... 64

6.1. Flask python ...................................................................................................... 65


6.2. Dash python ...................................................................................................... 65
6.3. Bibliothèque graphique open source Plotly Python .......................................... 65
6.4. Dash-bootstrap- components ............................................................................ 66
6.5. Dash Leaflet ...................................................................................................... 66
6.6. Pandas ............................................................................................................... 66

7|Page
Développement d’une application SIG web pour la gestion des champs
agricoles.
6.7. Urllib requests : ................................................................................................. 66

7. Creation de prototype: ................................................................................................ 67

1.1. Le design et style de l’application : .................................................................. 67


1.2. Structure de l’application « jeu de données »: .................................................. 68

B. Développement de partie cartographique : ..................................................................... 69


C. Partie d’authentification client /server ........................................................................... 69

1. Les bibliothèques, modules et les Framework utilisés ............................................... 70


2. Connexion : ................................................................................................................ 71
3. Inscription : ................................................................................................................ 72

D. Développement de l’interface client .............................................................................. 72

........................................................................................................................................................ 75
Chapitre 6 : ..................................................................................................................................... 75
Validation de l’application ............................................................................................................. 75

I. Introduction : ...................................................................................................................... 76
II. Validation et mise dans le web : ......................................................................................... 76

1. Les outils utilisés ........................................................................................................ 76


2. Structure et architecture de l’application : ................................................................. 76
3. Publication de l’application sur le web : .................................................................... 78

Conclusion générale ....................................................................................................................... 80

8|Page
Liste des figures
Figure 1 : Valeur ajoutée de l’agriculture (%PIB) ......................................................................... 18
Figure 2 : les données structurales du secteur agricole (INS,2014) ............................................... 19
Figure 3 : Valeur d’exportation des produits agro-alimentaires durant la période 2020 (INS,2020)
........................................................................................................................................................ 20
Figure 4 : Répartition de la production des cultures maraichères par espèce (GIL,2015) ............. 20
Figure 5 : Zone d’étude .................................................................................................................. 21
Figure 6 : Méthodologie et démarche suivie d’après Preece et al, 2002. ....................................... 26
Figure 7 : Planning prévisionnel du projet en utilisant le diagramme de Gantt. ............................ 26
Figure 8 : Méthodologie appliquée ................................................................................................ 32
Figure 9 : Composantes d’une application web ............................................................................. 33
Figure 10 : Stockage des données .................................................................................................. 34
Figure 11 : création d’un entrepôt de données ............................................................................... 35
Figure 12 : Formats d'entrée et interfaces de GeoServer (geosolution, 2021) ............................. 35
Figure 13 : structure d’un SIG WEB (Ye et al., 2013)................................................................... 36
Figure 14 : diagramme de cas d’utilisation globale ....................................................................... 47
Figure 15 : diagramme de cas d’utilisation détaillé. ...................................................................... 48
Figure 16 : diagramme de séquence cas d’utilisation : s’authentifier. ........................................... 49
Figure 17 : diagramme de séquence cas d’utilisation : s’inscrire .................................................. 49
Figure 18 : diagramme de séquence de cas d’utilisation : visualisation des données ouvertes ..... 50
Figure 19 : Diagramme de séquence de cas d’utilisation : consulter l’espace membre ................. 50
Figure 20 :diagramme d’activité : membre .................................................................................... 51
Figure 21 : diagramme d’activité administrateur(webmaster) ....................................................... 52
Figure 22 : Diagramme d’activité : utilisateur ............................................................................... 52
Figure 23 : diagramme de classe globale de la plateforme MapsyTn ............................................ 53
Figure 24 : Normalized Difference Moisture Index ....................................................................... 56
Figure 25 : Connexion et accès à la base de données avec QGIS .................................................. 57
Figure 26 :affichage des couches avec QGIS. ................................................................................ 57
Figure 27 : Affichage de la liste des centres de collecte du lait en Tunisie avec phpPgadmin ...... 58
Figure 28 : sélection du centre de collecte du lait ElHANA avec phpPgadmin ............................ 58
Figure 29 :création de la table « user_data » .................................................................................. 59
Figure 30 : insertion des données dans PostgreSQL 9.6.24 .......................................................... 59
Figure 31 : exemple de requête sous phpPgadmin « sélection » .................................................... 60
Figure 32 : Architecture de l’application ....................................................................................... 62
Figure 33 : modèle de récupération des données (Data scraping) avec python (Hiremath, 2021) 64
Figure 34 : structure de l’application python du jeu de données.................................................... 69
Figure 35 : Aperçu de la partie cartographique de l’application MapsyTn ................................... 69
Figure 36 : connexion à la base de données PostgreSQL via python (pynative,2021) .................. 70
Figure 37 : page de connexion MapsyTn. ...................................................................................... 71
Figure 38 : page de d’inscription MapsyTn. .................................................................................. 72
Figure 39 : création et validation du compte client. ....................................................................... 73
Figure 40 : espace client ................................................................................................................. 73
Figure 41 : profile client ................................................................................................................. 74
Figure 42 : fichier Procfile ............................................................................................................. 77
Figure 43 : fichier .gitignore .......................................................................................................... 77
Figure 44 : diagramme de déploiement de l’application en utilisant git Bash et Heroku. ............. 78
Figure 45 : lancement de l’application avec git Bash CLI ............................................................. 79

Liste des tableaux

Tableau 1 : les avantages et les inconvénients des application web disponibles en Tunisie ......... 29
Tableau 2 : comparaison entre leaflet.js et OpenLayers (Geoapify,2019) ..................................... 37
Tableau 3 : Tableau descriptif de cas d’utilisation du plateforme MapsyTn ................................. 46
Tableau 4 : Description des classes d'analyse ................................................................................ 54
GLOSSAIRE

API : ensemble normalisé de classes, de méthodes ou de fonctions qui sert de façade par laquelle
un logiciel offre des services à d'autres logiciels. Elle est offerte par une bibliothèque logicielle ou
un service web.
CSS: Cascading Style Sheets, c'est un langage informatique utilisé sur l'internet pour mettre en
forme les fichiers HTML ou XML.
Framework: c’est un ensemble structurel de composants logiciels qui permet de créer et de
modeler l’architecture des applications (applicatif, web…).
Géomatique: elle regroupe l'ensemble des outils et méthodes permettant d'acquérir, de
représenter, d'analyser et d'intégrer des données géographiques. La géomatique étant liée à
l'informatique, son application passe par l'utilisation d'outils informatiques que l'on nomme les SIG.
HTML: HyperText Markup Language est un langage informatique utilisé pour créer des pages
web.
HTTP: HyperText Transfer Protocol, « protocole de transfert hypertexte », c'est un protocole de
communication client-serveur développé pour le World Wide Web (www).
JSON : JavaScript Object Notation, c’est un format de données textuelles qui permet de représenter
de l’information structurée comme le XML.
SGBD : Système de Gestion de Base de Données, c' est un logiciel système destiné à stocker et à
partager des informations dans une base de données, en garantissant la qualité, la pérennité et la
confidentialité des informations, tout en cachant la complexité des opérations.
SIG: Système d’Information Géographique, c'est un système qui a pour but d'informer sur la
géographie d'un espace donné en s'appuyant sur un certain nombre de bases de données
géographies, qu'il permet d'intégrer, de gérer, de traiter et de représenter sous forme de cartes.
SQL: Structured Query Language (en français langage de requête structurée), c'est un langage
informatique normalisé servant à exploiter des bases de données relationnelles.
Webmapping: c'est méthode qui regroupe l'ensemble des technologies permettant d'afficher une
carte par internet (navigateur web ou mobile).
WGS : World Geodesic System, le système géodésique mondial. Il définit une représentation du
géoïde terrestre (diffèrent de projection).
WMS : le Web Map Service est un protocole de communication standard qui permet d'obtenir des
cartes de données géo-référencées à partir de différents serveurs de données.
XML: Extensible Markup Language est un langage informatique qui sert à enregistrer des données
textuelles.
MCD: Modèle Conceptuel de Données
MLD: Modèle Logique de Données
MPD: Modèle Physique de données
SLD : Styled Layer Descriptor
FAO : L'Organisation des Nations unies pour l’alimentation et l’agriculture.
CNEA : Centre national d'études agricoles.
PIB : Produit intérieur brut
GIL : Groupement interprofessionnel des légumes
ONAGRI : Observatoire National de l'Agriculture
MDPS : abréviation d’un mot de passe.
Id : identifiant.
Introduction générale
Dès l’avènement de l’évolution technologique, le besoin d’informations géographiques
participatives est de plus en plus demandé par les entreprises et les citoyens. Certaines entreprises
et institutions, en quête de moderniser leurs services et de passer à la digitalisation qui a devenu
une exigence (passage à l’industrie 4.0). Ils cherchent continuellement à améliorer la qualité des
données et de mieux cerner les variables de leur environnement et de les maîtriser.
Depuis plusieurs années, les systèmes d'information géographique (SIG) s'imposent comme un
outil performant dans de nombreux domaines, dont la gestion du territoire et du patrimoine (Yalew
et al, 2016). La création de cartes et l'analyse géographique à l'aide des SIG procurent une plus
grande vitesse et proposent des outils sans cesse innovant dans l'analyse, la compréhension et la
résolution des problèmes
L’évolution des technologies géospatiales ainsi que celle du Web provoque une révolution quant à
l’utilisation et l’interaction du grand public avec l’information géographique, et ceux au moyen des
cartes et des données (Apirak et al.2002 ; Malczewski, 2006). Les technologies géospatiales sont
de plus en plus utilisés et les usagers cherchent à participer au partage d’informations et au travail
collaboratif (Tapscott et Williams, 2007 ; Fuchs, 2008). Cette évolution a donné une nouvelle façon
de lire et d’écrire les cartes, laissant aux usagers la liberté d’utiliser des ressources disponibles pour
produire une information interactive et des contenus géolocalisés (Mericskay et Roche, 2010).
Pour aider à l'analyse et à la visualisation de toutes ces données, plusieurs systèmes d'information
géographique (SIG) et des sites Web de SIG ont été développés (Steiniger et Hunter,2012 ; Olmo
et al.2014). Certains de ces sites Web SIG partagent des fonctionnalités communes, comme l'accès
aux données brutes ou la possibilité de superposer différentes couches (Malczewski,2006;
Kulawiak et al., 2010 ; Karnatak et al., 2012 ;Nair et Katiyar, 2011).
Le SIG web a été le sujet de plusieurs études durant ces dernières années : Shengru et al .(2004) ;
Baumann,(2001) ; alesheikh et al, 2002 ; Cammack,(2005); Viglino,(2011) ; USUDA Y.,
TAGUCHI H., NAGASAKA T,(2011) ; PUNDT H., SPANGENBERG T,(2011) ; ANDRAE S.,
PAULUS G., ERLACHER C,(2011) ; Zhong et ming,(2013): Chen et al. (2011); SÖDERMAN A
et DAHLBERG M.(2011) ; BURDZIEJ J.(2011) ; GAFFURI J.(2011) ; PETERSON M.(2011) ;
PRIDAL P.(2011) ; ELSLEY M., CARTWRIGHT W.(2011) ; ROZHNEV I.(2011) ; PISON et al.
(2011) ; HECKE A.et ANDERS K.H.(2011) ; SKARLATIDOU et al.(2011) ; PŐDÖR A.(2011) ;
CHEVILLOTTE et al. (2011) ; BIANCHIN A.et DALLA COSTA S.(2011) ; DIEBALL S.et
ROSNER H.J.(2011) ; SILVA FERNANDES W. et ARAUJO RIBEIRO J.(2011); Open
Développement d’une application SIG web pour la gestion des champs
agricoles.
Geospatial Consortium Inc.(2004) ; Gogu et al.(2001) ; Lhomme et al.2013 ; von Schwerin et
al.(2016) ; Teslya ,2014 ; Veenendaal et al.(2017) .
Aujourd’hui, le monde est de plus en plus connecté, il est courant de trouver une connexion à
internet qui, avec un débit de plus en plus important, permet d’utiliser des outils cartographiques
puissants, interactifs et sans cesse actualisés.
D’après les données statistiques, la Tunisie est classée le deuxième pays africain en nombre
d'internautes. Ce nombre a augmenté de 48 mille (+ 0,6%) entre 2019 et 2020 (INS, 2021). Il y
avait 7,55 millions d’internautes en Tunisie en janvier 2020 (Jaziri, 2020).
Le passage vers le SIG en ligne est encouragé par l'Etat. Plusieurs séminaires et évènements ont
investis dans cette démarche pour assurer une cartographie orientée grand public. Le droit d’accès
à l’information est un droit fondamental de l’individu et de la collectivité qui est assuré par les
décrets suivants :
- Décret-loi n°41 du 26 mai 2011, relatif à l'accès aux documents administratifs des organismes
publics, modifié et complété par le décret-loi n° 2011-54 du 11 juin 2011.
- Loi organique n° 2016-22 du 24 mars 2016, relative au droit d'accès à l'information.
- La Constitution du 27 Janvier 2014 Art. 32 : L’État garantit le droit à l'information et le droit
d'accès à l'information (Portail des informations juridiques de la Tunisie).
L’accès aux nouvelles données permet aux citoyens tunisiens d’exercer la démocratie et d’avoir
une vision claire sur les projets gouvernementaux et d’assurer le principe de la transparence, la
participation et la collaboration.
Ce modèle a été mis en pratique dans plusieurs pays comme les états unis (Harrison et al.2012).
Le Web GIS a le potentiel de surmonter les limites des ressources en termes de données, de temps
et de communication (Karak, 2004 ; Zhiqing et al.2009 ; Silva et al, 2014 ; Skelton, 2010). Les
utilisateurs généraux peuvent accéder au système pour signaler, analyser ou parcourir les données
ouvertes et les informations sur plusieurs domaines.
Actuellement, l'application des SIG a touché tous les aspects de la société tels que l'agriculture, la
sylviculture, la conservation de l'eau, la terre, les ressources, l’économie, le commerce et
l'environnement. Les applications spécifiques comprennent la gestion des ressources naturelles,
l'aménagement agricole et commercial, l'analyse politique et économique, l'aménagement du
territoire urbain, la gestion de la conception technique, la science, l'éducation, la culture etc. (Zhang
et al.2019).

14 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
La durabilité des ressources agricoles est un problème majeur menaçant la population mondiale.
Avec l’accroissement de la population mondiale et l’augmentation de la demande, on risque de ne
plus suffire la future demande. Plusieurs organismes mondiales et travaux de recherches ont utilisé
les services de webmapping pour publier leurs recherches et augmenter la conscience sur
l’exigence d’une politique mondiale adéquate pour assurer la durabilité de nos ressources exemple
de l’FAO et l’OSS. Plusieurs travaux ont détaillé l’importance du web mapping dans la
communication et la diffusion de l'information au public (Antoni et al. 2004).
Le Web GIS joue un rôle important dans l'élimination des barrières où le coût limite l'utilisation
des données spatiales publiques et l'accès aux outils SIG (Golhani et al. 2015). Cet outil peut servir
dans l’atténuation, la gestion, le suivi de la production agricole, l’évaluation de la vulnérabilité et
des risques, la lutte contre les ravageurs, la surveillance de l’agriculture de précision, la
climatologie, la gestion des ressources en eau et du sol et le rétablissement après une catastrophe
(Bao et al.,2011 ; Zouaghui et al, 2015 ; Juhász et al., 2016 ; Yao et al,2017 ; Pan et al.,2017 ;
Perovic et al.,2016).
Les nouvelles technologies permettent en effet de relever des défis multiples en matière
d’agriculture. L’évolution des solutions spatiales et le passage vers les plateformes accès libre
peuvent être utiles à différents égards, tels que l’amélioration de la productivité et l’atténuation des
risques à travers les outils de l’agriculture de précision et l’intelligence artificielle (Gliessman 2010
; Yousefi et al.2015 ; Mekonnen et Gorsevski, 2015 ; Pascal Cochelin, 2016; Ralph Elsäßer, 2016 ;
Zhang et al.2019 ; Ye et al.2013).
La gestion de l'information devient une tâche de plus en plus difficile pour les agriculteurs,
notamment en raison de la quantité de données et de la complexité des processus. Grâce au
Géoportails nous pouvons accéder rapidement à plusieurs types de données avec un simple clic tel
que le type de culture, le climat, les marchés existants, les centres de collecte, les détaillants et
autres. Pour les producteurs agricoles, le web-GIS offre un accès rapide aux données et peut
introduire une opportunité pour améliorer l’acquisition de l’information et augmenter leur visibilité
dans le marché. Le passage au SMART FARM est une tendance adaptée par plusieurs agriculteurs
dans le monde (Lim et al. 2005 ; Steinberger et al. 2009). Cette démarche utilise à la fois les outils
de IA, le web-GIS, la télédétection, les drones et autres méthodes pour améliorer les cultures et
réduire les couts de production (gisgeography, 2021 ; Nisyak et ramdani, 2017). Ces outils
fournissent des renseignements précises sur l’état des champs agricoles, leur besoin pour atteindre

15 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
un rendement optimal avec plus de connaissance et un gain de temps et de coût (Duruz et al.,2017 ;
Kerski,2020 ; gisgeography, 2021).
L'industrie agricole s'est développée grâce à la puissance des SIG. La télédétection, les drones, le
SIG-WEB qui ont ouvert la voie à l'agriculture de précision. Ils fournissent également un soutien
technologique fort pour le développement des ressources en eau, l'économie circulaire et le
développement durable (Zhang et Wu, 2012). Les agriculteurs d'aujourd'hui économisent du temps,
de l'argent et des contraintes environnementales en recueillant des informations précieuses sur les
sols, les parasites, les nutriments, les risques naturelles, les maladies et le climat, en prenant des
mesures évidentes (Engel et al.,2003 ; Choi et al., 2005 ; Lim et al.,2005 ; Rao et al.,2007
;Veeranna et al.,2007 ; Al-msie'deen,2008 ;Jia et al.,2009 ; Zhu et al. , 2009 ; Simao et al,2009 ;
Massard et Erkman,2009 ; Le Hoang Son, 2009 ; De Filippis et al.,2010 ; Le Hoang et al 2010 ;
Yong-Wei Bao et al.2011 ; Zhang et Wu,2012 ; Purwonegoro et al., 2012 ; Chen et al.,2012 ;
Gkatzoflias et al.,2013 ; Porta et al.,2013 ; Ren et al.,2013 ; De Oliveira et al.,2014 ; Maina et
al.,2014 ; Mahmoud et al., 2014 ; Kaermas et al,2014 ; Abdelfattah et kumar,2015 ; Zouaghui et
al.,2015 ; Juhász et al., 2016 ; Yalew et al., 2016 ; Kumar et babu, 2016 ; chun et al., 2017 ; Tonneau
,2017 ;Pan et al.,2017 ; Aghajani et al,2018 ; Feng et al.,2019 ; Kuria et al.,2019 ; Feng et al.,2020 ;
jayakumar,2019 ; Husaini et zulfan,2020; geomarvel.,2021).
La mise en ligne d’une cartographie interactive est essentielle pour la diffusion de l’information
auprès du grand public. La mise en ligne d'une cartographie sur internet peut prendre plusieurs
formes. Il peut s’agir de cartes statiques, sous forme d'images. Des interactions avec l'utilisateur
peuvent être ajoutées sur les cartes produites (Zoom, des graphiques, des outils de dessins etc.). A
ce stade, il est aussi possible d'interroger, par sélection, des objets représentés sur la carte
(communes, établissements, municipalités et autres.)(KHOLDADI, 2007 ; BENGUETIB et EL
KHEDIM, 2013).
La combinaison des outils SIG et web permettent de simplifier et d’améliorer la compréhension
des informations géographiques. Aussi, d’avoir des données open source actualisés disponibles
pour développer des systèmes d'aide à la décision spatiale. Les technologies de l'information, y
compris les SIG et l'Internet, ont fourni des opportunités pour surmonter les limites des modèles
informatiques en termes de préparation et de visualisation des données (Choi et al.2005 ; Khadim
MBACKE, 2015).

16 | P a g e
:

Chapitre 1 :
Cadre général
Développement d’une application SIG web pour la gestion des champs
agricoles.

I. Le secteur agricole en Tunisie


Le secteur agricole présente une importance économique et sociopolitique du fait de sa contribution
à la réalisation des objectifs nationaux en matière de sécurité alimentaire, de création de revenus,
d’emplois, d’équilibre régional et de gestion des ressources naturelles (Chebi et al. 2019).
Il représente 11.7% du PIB (banque mondiale, 2020) et un solde de balance commerciale de -
1952.4MD enregistré fin novembre 2021 (ONAGRI, 2021). Cette part a connu une grande
fluctuation durant les 25 dernières années passant de 21% en 1965 vers 16.2% en 2021 (banque
mondiale, 2020 ; ONAGRI, 2021). Une certaine reprise est enregistrée depuis la révolution qui
marque une amélioration de la contribution du secteur dans l’économie nationale, notamment
observée au niveau de la production des huiles d’olives et la céréaliculture (Figure 1).

25

20

15
PIB %

10

0
1960 1965 1970 1975 1980 1985 1990 1995 2000 2005 2010 2015 2020
Année

PIB

Figure 1 : Valeur ajoutée de l’agriculture (%PIB)


Le nombre d’exploitations1 agricoles est estimé à 516 000 unités couvrant une superficie agricole
utile de 5,3 millions d’hectares de terres agricoles contre 471 000 exploitations et 5,3 millions
d’hectares en 1994 (ONAGRI, 2005 ; Figure 2). La Surface agricole totale est 10.5 Millions d’ha
(65% de la surface du pays). La superficie irriguée est de l’ordre de 428 000 ha (2015) dont 55%

1 L’exploitation agricole est définie comme étant une unité de production qui est mise en valeur pour le compte d’une
personne physique ou morale qui en assure la responsabilité technique et financière indépendamment de son statut
juridique, de son mode de faire valoir et de sa taille (onagri,2005).

18 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
publics et le reste privé. Plus de 50% de cette superficie est située dans le Nord (barrages), 39%
dans le centre (nappes phréatiques) et 10% dans le sud (nappes fossiles).
La répartition de la superficie totale agricole est le suivant (ONAGRI, 2017):
- Surface cultivable : 5 Millions d’ha (4.144 millions d’ha cultivés et 847.3 mille ha de
jachère),
- Forêts et parcours: 5.5 Millions d’ha.

superficie agricole utilisé SAU superficie irriguée totale Nbr d'exploitation

Figure 2 : les données structurales du secteur agricole (INS, 2014)


Les principales productions agricoles du pays sont les olives, les dattes, les céréales (blé et ogre),
et les agrumes. La production de céréales représente près 8,6 % de la valeur de la production
agricole tunisienne. Elle représente une source d'emplois et une source de revenu pour 24% de la
population tunisienne dont 15% sont des hommes et 9% des femmes selon les données de la banque
mondiale durant l’année 2020 (banque mondiale, 2020).
L’oléiculture s’étend sur 1,672 millions d’hectares qui représentent 20 % de la superficie oléicole
mondiale (Conseil oléicole international, 2012). Les oliviers sont présents dans toutes les régions
de la Tunisie. Près d’un million de personnes tirent une partie de leurs revenus de cette culture
(Figure 3).

19 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

5000

4000

valeur en MD
3000

2000

1000

0
2012 2013 2014 2015 2016 2017 2018 2019 2020
Année

huile d'olive dattes


agrumes poisson mollusques crustacés

Figure 3 : Valeur d’exportation des produits agro-alimentaires durant la période 2020 (INS, 2020)

La production nationale des cultures maraîchères est estimée en moyenne à 3.2 millions de tonnes.
Elle se caractérise par la diversité d’espèces (Figure 4 ; GIL, 2015).

12% 11%

12%

39% 15%

1%10%

pomme de terre légumes pastéque melon piment


artichaut tomate oignon

Figure 4 : Répartition de la production des cultures maraichères par espèce (GIL, 2015)

20 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

II. Zone d’étude :


La Tunisie se situe au nord de l’Afrique est limitée à l’ouest par l’Algérie, au sud-est par la Libye
et au nord et à l’est par la mer Méditerranée. Le territoire tunisien s’étale sur une superficie de 163
610 km2 distribuée équitablement en terrains de culture, forêts/parcours et zones désertiques.
Du fait de sa situation géographique, la Tunisie présente un climat variable avec sept zones
bioclimatiques distinctes, allant de l’humide au saharien, et une pluviométrie annuelle qui varie
d’environ 1 000 millimètres au nord à environ 380 mm au centre et moins de 300 mm au sud
(Figure 5).
Les températures varient en fonction de la latitude, de l’altitude et de la proximité ou de
l’éloignement de la mer Méditerranée. (ONU-REDD, 2019).
La population atteint 10.9 millions d’habitants en 2014. Le PIB par habitant est de 5350 DT (3821$)
avec une dépense moyenne annuelle par personne de 1161 DT en milieu rural (INS, 2015).

Figure 5 : Zone d’étude.

21 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

III. Cadre du projet :


Ce projet a été réalisé dans le cadre d’une coopération entre le centre national des études agricoles
CNEA, le département de géomatique de la Faculté de Sherbrooke et le département de Géologie
de la Faculté des Sciences de Tunis (FST).
Le sujet réalisé s’inscrit dans le cadre d’application du SIG (système d'informations géographiques)
pour la gestion des données agricoles en Tunisie.

IV. L’organisme d’accueil :


1. Présentation générale
Le Centre National des Etudes Agricoles CNEA, Créé en 1974 est un établissement public dont la
vocation première est l’ingénierie agricole dans tous ses aspects (CNEA, 2021)
Placé sous la tutelle du ministère de l’Agriculture, des Ressources Hydrauliques et de la Pêche, le
CNEA jouit de la personnalité civile et de l’autonomie financière qui lui confère les attributs
d’ingénieur-Conseil privé d’envergure nationale et internationale.
Pionnier et doyen de l’ingénierie agricole tunisienne, le CNEA prit la relève des antennes des
Bureaux d’Etudes européens grâce au transfert des connaissances et des technologies assurées à
son démarrage par la FAO et la Banque Mondiale.

2. Missions :
Le CNEA a orienté ses allocations dans deux directions :
- Entreprendre, pour le compte des entreprises publiques, des promoteurs privées et de
l’Administration Centrale et Régionale les études technico-économiques afférentes à des
projets tendant au développement agricole.
- Organiser et réaliser la formation des cadres dans les domaines de l’analyse et d’évaluation
des projets, ainsi que le perfectionnement des stagiaires ressortissants tunisiens et étrangers.

V. Problématique :
La procédure de mise en œuvre et d'utilisation de systèmes d'information géographique se
généralise ainsi progressivement avec l’avancement de la technologie.
Les données agricoles élaborées par les experts, les académiques et les ingénieurs, ne sont pas
accessibles aux citoyens tunisiens. L’absence d’une application webmapping dédiée au

22 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
développement agricole, est une opportunité pour concevoir une telle application. Aussi,
l’encouragement de l’état tunisien à l’ouverture et le partage des données municipales est une
opportunité énorme dans l’élaboration des plateformes d’aide à la décision.

VI. Objectif :
L'objectif de ce projet est de fournir une aide pratique aux décideurs et fonctionnaires soucieux de
mettre en œuvre une application WEB GIS qui permet de visualiser les donnes agricoles à l’échelle
nationale.
L’objectif général de cet essai est de proposer une plateforme participative citoyenne de système
d’information géographique sur le Web (SIG Web) pour mettre en liaison les gestionnaires
municipaux et les citoyens, et permettra l’identification et la gestion des données agricoles.
Les points clés de ce projet sont :
- Transformer les données statiques en format interactif.
- Créer un tableau de bord des données agricoles interactives de la région NNW de la Tunisie.
- Permettre le suivi spatio-temporel des ressources agricoles par l’outil de la télédétection.
- Amélioration de l’accès à l’information géographique.
- Fournir des cartes thématiques interactives des périmètres agricoles.

VII. Plan de travail :


Ce travail est subdivisé en plusieurs chapitres :
- Chapitre 1 : cadre général.
- Chapitre 2 : méthodologie.
- Chapitre 3 : Conception et création de la base de données.
- Chapitre 4 : Conception et création d’un prototype.
- Chapitre 5 : Validation et déploiement de l’application.
- Conclusion.

23 | P a g e
:

Chapitre 3 :
Méthodologie
Développement d’une application SIG web pour la gestion des champs
agricoles.

I. Introduction
La méthodologie appliquée dans le cadre de ce projet est composée de plusieurs étapes comme le
montre le schéma ci-dessous (Figure 6, et Figure 8), ces étapes font partie d'une démarche, qui
traite en premier lieu les besoins et les exigences des clients, puis se terminent par la mise et le
partage de l’application sur le web.

II. Organisation du projet


La réalisation de ce système est passée par les étapes suivantes : analyse des besoins, structuration
de la base de données, préparation des données et création d’un projet SIG, publication du projet
SIG dans un serveur cartographique et par la suite développement et réalisation de l’application.
Les étapes suivantes sont abordées (Figure 6) :
- Identifier les besoins et les problèmes : L’évaluation initiale, afin d'analyser les besoins
et les souhaits des utilisateurs prévus en matière d'amélioration du processus de prise de
décision
- Définir la méthodologie et choix des langages appropriés : spécifier le choix des
bibliothèques, et langage de programme et leur rôle dans la réalisation de la thématique de
recherche.
- La mise en œuvre d’un prototype : présenter une version préliminaire de la plateforme.
Les modalités de mises à jour des données et les procédures envisageables pour gérer les back up
des données. Les outils et les fonctions visualisées :
- La validation du modèle : Le résultat de ce travail est un système d’information en ligne
à interface ergonomique, permettant la gestion des informations élaborées par plusieurs
gestionnaires agricoles.
- Mise en ligne : cette étape permet le passage d’une application basé sur le serveur local
vers le web.

25 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 6 : Méthodologie et démarche suivie d’après Preece et al, 2002.

1. Diagramme de Gantt
Le diagramme de Gantt est un outil de planification et de gestion des projets permettant de
visualiser dans le temps les diverses tâches composant un projet (Figure 7).
Il s'agit d'une représentation graphique, qui permet de représenter l'avancement d’un projet d’une
manière simple et précise (RAISSI, 2013).
Le diagramme suivant représente les tâches principales à réaliser dans notre projet (Figure 7).

Figure 7 : Planning prévisionnel du projet en utilisant le diagramme de Gantt.

26 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

2. Identification des pages web existantes


Il est indispensable avant de lancer un projet de vérifier s'il existe à l’échelle nationale et mondiale.
Une recherche des travaux antérieurs est une démarche importante afin d’analyser les projets
similaires pour éviter les malveillances et profiter des avantages. Ainsi, cette étape permet de
positionner notre projet par rapport aux autres en mesurant le degré d’innovation dans les services
offerts.
A l’échelle mondiale des multitudes des applications web mapping existent sur le web, pour gérer
les données spatiales relatives aux terres, et forêts. Ces applications sont conçues par les parties
gouvernementales pour assister à la diffusion de l’information aux citoyens et chercheurs. Ils
fournissent des données actualisées sur des thématiques liées à l’agriculture comme la sylviculture,
les surfaces cultivées, l’évolution des productions agricoles et autres. Les données agricoles sont
disponibles sous format WMS et WFS. Ces organismes, offrent une banque de données qui
renferme des informations de formats divers (ABARES, 2021). Ces données peuvent servir à la
création des portails géographiques.
Les travaux de cartographie en ligne élaborées à l’échelle mondiale sont les suivants :
- Carte de l’évolution des cultures en Australie, le bureau australien de l'économie et des
sciences de l'agriculture et des ressources2 (ABARES, 2021).
- Carte de sècheresse en Australie, le bureau australien de l'économie et des sciences de
l'agriculture et des ressources 3(ABARES, 2021)
- L'Institut des ressources mondiales a dressé une carte des régions du monde exposées au
stress hydrique (WRI, 2021).
- La Banque mondiale dispose d'un ensemble unique de cartes agricoles montrant les
tendances historiques et futures de l’agriculture (Terres agricoles irriguées, Terres
agricoles, la valeur ajoutée agricole (World bank, 2021).
- L'Organisation des Nations unies pour l'alimentation et l'agriculture, présente une série de
cartes agricoles comme l’exemple de la carte des zones agro-écologiques mondiales
(FAO,2021).

2 https://erin.maps.arcgis.com/apps/webappviewer/index.html?id=f401f2b81b204c82adf4d2aebe8f9a5d .
3 https://map.drought.gov.au/
27 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
- Les services web de conservation des ressources naturelles du département de l’agriculture
d’Etats-Unis disposent d’une carte qui présente l’état des sols et des forêts (USDA, 2019).
- OneSoil : la première carte interactive de détection des champs et cultures à l’aide de l’outil
de l’intelligence artificielle. Cette carte représente l’évolution de la répartition des cultures
dans le monde depuis les années 2000 jusqu’à 2019.
- La carte web du département de l'agriculture et des services aux consommateurs de Floride
(FDACS), qui renferme des données sur les marchés, la situation agricole, les détaillants
des produits alimentaires etc. (FDACS, 2021).
- CapeFarmmapper : une application développée par le département d’agriculture de
Western Cape, qui permet d'accéder à une grande variété d'ensembles et d'outils de données
spatiales sur l'agriculture et les ressources naturelles.
- Carte de terres agricoles préservées du département d’agriculture de Wisconsin, qui montre
la délimitation des zones agricoles et les régions préservés (DATCP, 2021).
- AgMaps est une application interactive en ligne qui vous permet de créer des cartes sur
mesure et visualiser les informations agricoles de l’Ontario canada (Omafra, 2021).
- Le service webmapping de Humboldt County Canada (Humboldt, 2021).
- Carte des Terres agricoles de Californie canada depuis 1984-2018 (département de
conservation, 2021).
- Hunterdon Harvest est une application cartographique Web interactive qui fournit des
informations sur les produits et les services agricoles disponibles dans la région Hunterdon
County de New Jersey (hunterdon, 2021).
- Resakss : carte interactive des données agricoles en Afrique (resakss, 2021).
- La banque de données de la FAO 4: c’est une plateforme qui renferme à la fois des cartes
agricoles interactives et les statistiques mondiales.
- Le Québec géographique : est un portail de l’information géographique gouvernementale
qui donne l’accès à toutes les cartes, atlas et produits géographiques disponibles dans les
ministères et organismes Québécois5.

4 https://www.fao.org/faostat/en/#home
5 https://quebecgeographique.gouv.qc.ca/,
28 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
- Allons pécheur : Une initiative de la Fédération québécoise des chasseurs et pêcheurs
(fedecp, 2021).
- Inventaire des terres du Canada : carte de la production agricole basée sur des enquêtes
des années 1960 au début des années 1980 (agriculture canada, 2021).
- Observatoire des territoires français : permet à tous les internautes d’accéder à des
données du territoire français (ANCT, 2021).
- Agmaps : carte agricole d’Ontario canada (Agmaps, 2021).
- CropScape : carte de types des cultures agricoles dans le monde créé par l’USDA
(CropScape, 2021).
Liste des pages des services agricoles en Tunisie :
- Agridata.tn : portail des données agricole du ministère de l’agriculture tunisienne.
- Onagri.tn : Observatoire National de l'Agriculture.
Tableau 1 : les avantages et les inconvénients des applications web disponibles en Tunisie
Inconvénients Avantages
Absence de l’interactivité Multitude des ressources
Absence des cartes Accessible et responsive
Les données nécessitent une traduction Données actualisées
Les ressources disponibles que pour la partie Offre une option de demande d’information
nord du pays. soit sectorielle ou nationale en ligne.

A l’échelle mondial les portails géospatiales ont évolué d’une simple représentation des couches et
des données statiques vers une représentation automatisée et actualisée en utilisant l’outil de
l’intelligence artificielle et le data science. Plusieurs plateformes ont fait la transition vers un
contenu interactif adapté aux besoins des internautes de nos jours. Cependant, les géoportails en
Tunisie restent une nouveauté, est une technique utilisée dans l’éducation et quelques domaines
restreints (e-commerce et la recherche scientifique etc.). L’accès aux données agricoles ouvertes
en Tunisie est possible sur les sites des organismes gouvernementaux. Ces pages offrent des
multitudes des données et des actualités sur le domaine agricole en Tunisie. Ces données sont
généralement sous format textuelles ou tableaux sauf quelques sont sous format Geojson (Tableau

29 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
1). De ce fait, il est indispensable de convertir les données statiques existantes vers un format qui
s’adapte avec les exigences des internautes de web36.

3. Identifier les besoins


Avec l’avancement de la technologie, les internautes préfèrent les sites avec moindre de données
textuelles et qui présentent des graphiques et des illustrations explicatives. Les consommateurs
aujourd’hui demandent des contenus interactifs. Ce besoin accroissant est une opportunité pour
concevoir des applications participatives. Il est indispensable de transformer les données agricoles
vers une représentation plus simple et adéquate pour attirer les clients.
De ce fait la plateforme visée doit présenter :
 Une application accessible à tous les clients possibles.
 Des multitudes des données additionnelles destinées pour les membres ayant des
inscriptions.
 Un contenu facile à manipuler, ayant une interface sécurisée et sans erreur.
 Un contenu interactif à l’aide des fonctionnalités particulières (Zoom +, Zoom-, Déplacer,
Sélection, Description de la géométrie, Mesure, échelle, coordonnés, Superposition des
différents plans relatifs à une affaire donnée, Styles…).

4. Proposer une solution


Les données fournies par les organismes agricoles peuvent être transformées vers des contenus
moins complexes à l’aide des cartes et des graphiques.
Mapsy Tn est une plateforme web qui présente à la fois un tableau de bord
(tableau, texte, carte et image) et une carte (indice de végétation, cartes
administratives, périmètres etc.) qui regroupe des multitudes des données
agricoles de la partie NE-NW de la Tunisie. Cette démarche est une initiative
qui tend à traduire toutes les données agricoles existantes vers des cartes thématiques et des
graphiques interactifs.

6 Web 3.0 ou Web3 : L’élaboration du Web 3.0 devrait reposer sur l’intelligence artificielle (IA), le Web sémantique
et l’omniprésence de l’informatique. Il est motivé par le désir de fournir, plus vite, des données plus pertinentes aux
internautes (Alexander S. Gillis, 2020).

30 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

5. Collecte et traitement des données


Grâce à la loi de l’accès à l’information, les statistiques des activités agricoles sont disponibles sur
plusieurs sources gouvernementales (banque de données du ministère de l’agriculture etc.) et
d’autres sources académiques. Ces ressources vont servir dans l’élaboration des graphiques, cartes
thématiques et autres types de visualisation dans notre projet.
Les données tirées représentent l’état et l’évolution de l’activité agricole au niveau de la partie
NNW de la Tunisie. Ces données ayant plusieurs formats demandent des transformations avant
l’utilisation. Le choix des ressources et les modifications faites vont être détaillés dans le Chapitre
3.

6. Création d’un prototype


A l’aide du langage de programmation python et le Framework FLASK et DASH FLASK, une
version initiale est développée. Cette version nécessite plusieurs tests afin de vérifier la faisabilité
du code effectué. Cette partie décrit le choix des langages et bibliothèques utilisés et présente le
résultat de cette démarche. Des multitudes des outils de programmation vont être mises en pratique
(Bootstrap, javascripts, python, PostgreSQL etc.).

7. Validation et mise en ligne de l’application :


L’étape de validation et le partage sur le web est l’étape la plus importante qui permet de donner
la vie à notre projet. Les applications python demandent une méthode spécifique de déploiement
qui demande des tests successifs pour éviter toutes les erreurs possibles. Le résultat final reçoit un
nom de domaine temporaire : https://www.mapsytn.herokuapp.com .

III. Choix des technologies à utiliser


Le développement d’une application web, exige au moins un langage de programmation. Dans ce
projet plusieurs langages ont été utilisés.

31 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

identifier les besoins

proposer une solution

collecte et traitement
des données

création du prototype

validation de
l'application

publier dans le web

Figure 8 : Méthodologie appliquée

32 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

1. Front-end :
La partie front-end correspond aux productions HTML, CSS et JavaScript d’une page internet ou
d’une application qu’un utilisateur peut voir et avec lesquelles il peut interagir directement. Cette
partie permet de produire des pages responsives, interactives et qui s’adaptent aux exigences des
clients.
Elle offre une bonne ergonomie de lecture en facilitant la navigation sécurisée et l’obtention
d’information. Cette partie est détaillée dans les chapitres 3 et 4.
La partie front comprend deux phases :
- Une phase de design à l’aide d’adobe XD (voir annexe 1).
- Une phase de développement (HTML, CSS, JS) (Voir annexe 4 ; chapitre 3 et 4).

2. Back-end :
Contrairement à la partie front qui s’intéresse aux styles et interactions, la partie back-end renferme
la base de données et le serveur responsable de la gestion, du stockage et la mise en œuvre de
l’application. Elle est invisible pour l’utilisateur mais représente la partie la plus importante dans
un projet web. Sans elle, le site reste dans le serveur local sans atteindre le client souhaité. Mapsy
Tn, utilise le serveur cartographique du département de géomatique de l’université de Sherbrooke
« igeomedia.com ». Cette partie sera abordée avec plus de détail dans la section suivante.

Figure 9 : Composantes d’une application web

33 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

IV. Conception d’un système de gestion de base de


données SGBD :
Le serveur HTTP utilisé est Apache/2.4.25 (Debian) Server : igeomedia.com (Port 80) du
département de géomatique appliqué de Sherbrooke, conçu pour prendre en charge de nombreux
modules : PHP, Python, PostGIS/PostgreSQL et GeoServer. Le transfert et l’accès au server est
assuré avec WinSCP qui permet la copie sécurisée de fichiers entre un ordinateur local et un
ordinateur distant.

1. Système de base de données relationnelle SGBDR :


L’implémentation de notre base de données relationnelle est faite grâce à PostGIS/ PostgreSQL
disponible dans le serveur igeomedia.com. L’accès se fait à partir de l’interface
http://igeomedia.com/phppgadmin/.
PostGIS/ PostgreSQL, les utilisateurs peuvent accéder gratuitement à un système de gestion de
base de données relationnel (SGBDR). Le développement ultérieur est effectué par un outil open
source. Ce langage permet de demander des opérations d'algèbre relationnelles telles que
l'intersection, la sélection et la jointure (Figure 10).

Figure 10 : Stockage des données

2. Serveur cartographique :
GeoServer est un serveur open source pour le partage de données géospatiales, conçu pour
l'interopérabilité, il publie des données provenant de toutes les principales sources de données
spatiales en utilisant des normes ouvertes (Geoserver, 2021 ; Figure 11).

34 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
GeoServer met en œuvre les protocoles OGC standard de l'industrie tels que le Web Feature Service
(WFS), le Web Map Service (WMS) et le Web Coverage Service (WCS).
D'autres formats et options de publication sont disponibles sous forme d'extensions, notamment
Web Processing Service (WPS) et Web Map Tile Service (WMTS) (Geoserver, 2021 ; Figure 12).
Geoserver est disponible dans le serveur igeomedia.com suivant l’interface suivant :
http://igeomedia.com:8080/geoserver/web/ .

Figure 11 : création d’un entrepôt de données


Après la configuration, l’import des données à partir de PostGIS/PostgresSQl permet de stocker
les données dans le serveur. Les données stockées dans l’entrepôt de données peuvent être
visualisées et affichées sous plusieurs formats (WMS et WFS).
Des feuilles de styles sont appliquées sur plusieurs couches à l’aide de la norme SLD (jinping et
al.2004). Les styles sont importés à partir de la symbologie de QGIS.

Figure 12 : Formats d'entrée et interfaces de GeoServer (geosolution, 2021)

35 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

3. Webmapping :
1.1. Définition :
Le terme "Web géospatial ou webmapping" implique la fusion de l'information géographique
(basée sur l'emplacement) avec l'information abstraite qui domine actuellement l'Internet (Haklay
et al. 2008). Le Web GIS est utilisé pour stocker, traiter, analyser, afficher et appliquer des données
spatiales (Yuan et al. 2011).
Le Web GIS utilise le concept Client/serveur pour compléter le travail d'analyse du SIG. Il divise
le travail entre le côté serveur et le côté client. Le client peut demander des données, des outils
d'analyse et des modules du côté serveur. Le serveur peut répondre à la demande et renvoyer le
résultat au client par Internet, ou transférer les données et les outils d'analyse au client.

Figure 13 : structure d’un SIG WEB (Ye et al. 2013).

1.2. Langage de programmation :


Le choix des langages de programmation se base principalement sur la réalisation d’une interface
cartographique performante, sécurisée et accessible.
Les langages de programmation utilisés sont les suivants :
1.2.1. Javascript :

C’est un langage de script léger, orienté objet, principalement employé dans les
applications web. Avec les technologies HTML et CSS, JavaScript est parfois
considéré comme l'une des technologies cœur du World Wide Web3.

36 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
1.2.2. CSS

CSS est l'un des langages principaux du Web ouvert et a été standardisé par le W3C.
Ce standard évolue sous forme de niveaux, CSS1 est désormais considéré comme
obsolète, CSS2.1 correspond à la recommandation et CSS3, qui est découpé en
modules plus petits, est en voie de standardisation.

1.2.3. HTML

HTML signifie « HyperText Markup Language » qu'on peut traduire par « langage
de balises pour l'hypertexte ». Il est utilisé afin de créer et de représenter le contenu
d'une page web et sa structure. D'autres technologies sont utilisées avec HTML pour
décrire la présentation d'une page (CSS) et/ou ses fonctionnalités interactives (JavaScript).
Tableau 2 : comparaison entre leaflet.js et OpenLayers (Geoapify, 2019)
Leaflet.js OpenLayers

Performance - Bibliothèque légère et facile à -


Une performance élevée
utiliser -
Offre plus de fonctionnalités
- Ne demande pas beaucoup de codeque Leaflet
- Demande plus de temps pour
démarrer
Formats SIG Le noyau ne supporte que le format GeoJSON, GeoRSS, KML, GML,
supportés GeoJSON. Les autres formats, comme WMS ou WFS (OGC).
CSV, WKT, TopoJSON, GPX, sont
supportés à l’aide des plugins.
Langage de Javascript Javascript
programmation

Documentation Dispose d'une documentation bien La documentation est disponible mais


structurée avec de nombreux exemples et complexe et quelques fonctionnalités
tutoriels. sont déjà expirées.

 Le projet Mapsy Tn, ne demande pas des informations complexes ou des plugins
développés. Le but de cette étude est de partager les cartes agricoles d’une manière simple,
rapide et sécurisée. De ce fait LEAFLET.JS est l’outil adéquat pour notre projet.

37 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
1.2.4. Leaflet.JS

Une bibliothèque libre destinée pour les cartes interactives web et mobile. C’est un
outil léger, performant et simple qui présente des multitudes des fonctionnalités
avec un minimum de code.

1.3. Plateforme et logiciels libres :


Les outils utilisés sont :
1.3.1. QGIS :

QGIS est un logiciel SIG libre publié sous licence GPL7. Le logiciel est
intégré à la liste des logiciels libres préconisés par l'État français dans le
cadre de la modernisation globale de ses systèmes d’informations (S.I.). Il permet d'utiliser de
nombreux formats à la fois vecteurs et rasters.
QGIS se base GDAL3 pour générer les formats matricielles (raster) et vectorielles, ainsi que les
bases de données (POSTGIS/PostgreSQL).
Il prend en charge un grand nombre de formats de données matricielles (GRASS GIS, GeoTIFF,
etc.). Il est également possible de se connecter à des serveurs WMS8, WFS9 ou encore d'afficher
des couches à partir de PostGIS/PostgresSQL. Aussi, il présente plusieurs plugins qui peuvent
rendre la manipulation et la publication des cartes plus faciles (qgis2web).

1.3.2. Staruml

Un logiciel de modélisation sophistiqué pour une conception agile et concise. C’est un


outil de modélisation UML qui permet de créer tous type de diagramme UML.

7 GPL c’est une licence qui fixe les conditions légales de distribution d'un logiciel libre du projet GNU.
8 WMS : Web Map Service ou WMS est un protocole de communication standard OGC qui permet d'obtenir des cartes
de données géoréférencées à partir de différents serveurs de données (OGC, 2021).
9 WFS : Il offre un accès direct et fin aux informations géographiques au niveau des caractéristiques et des propriétés
des caractéristiques. Il permet de réaliser des modifications sur les objets et faires des requêtes SQL (OGC, 2021).

38 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
1.3.3. Geojson.io

C’est un logiciel libre sous la licence MIT10. Il permet de créer, gérer et modifier les
données spatiales. Il prend en charge plusieurs formats shp, png, jpeg et Git. Il
présente la possibilité de partager les données avec HTML (les intégrés dans un site),
téléchargez les données Geojson, CSV, KML etc. Il est possible de les utiliser avec QGIS et
MAPSTUDIO. Aussi, les données peuvent être stockées sur GitHub sous format gist ou Geojson
(documentation geojsonio).

1.3.4. Mapbox studio

C’est un outil qui permet de concevoir des styles personnalisés en


utilisant les jeux de tuiles fournis par Mapbox, en ajoutant des polices et des icônes personnalisées
ou en affinant les styles de cartes modèles intégrées (documentation mapbox).

1.3.5. Adobe XD :

C’est un outil de conception d'expérience utilisateur vectorielle pour les applications


web et mobiles, développé et publié par Adobe Inc. Il est disponible pour macOS et
Windows, bien qu'il existe des versions pour iOS et Android afin d'aider à prévisualiser
le résultat du travail directement sur les appareils mobiles. Adobe XD permet de concevoir des
sites web et de créer des prototypes cliquables.

Ce chapitre décrit la démarche suivie dans la réalisation de

l’application, les objectifs et le résultat prévu. Il présente une vue précise


sur l’environnement mondiale et national de l’application, les exigences
des futurs clients et les moyens qui rendent la création d’un tel projet possible.

10 MIT : La licence donne à toute personne recevant le logiciel (et ses fichiers) le droit illimité de l'utiliser, le copier,
le modifier, le fusionner, le publier, le distribuer, le vendre et le « sous-licencier » (l'incorporer dans une autre licence).
La seule obligation est d'incorporer la notice de licence et de copyright dans toutes les copies.

39 | P a g e
:

Chapitre 4 :
Conception et création
de la base de données
Développement d’une application SIG web pour la gestion des champs
agricoles.

I. Introduction :
La conception représente une phase essentielle et déterminante pour élaborer une application
performante et de haute qualité. Dans ce stade nous devons présenter l’aspect et l’architecture
globale suivie afin d’atteindre l’objectif de ce projet. Ce chapitre, va détailler les fonctionnalités et
les résultats prévus à l’aide de plusieurs types de modèles et diagrammes.

II. Modélisation UML :


1. Définition :
UML est un langage d'analyse et de conception orienté objet défini par l'OMG11. C’est un modèle
qui permet une abstraction de la réalité. Il s'agit d'un processus qui consiste à représenter les
caractéristiques intéressantes d'une entité, en vue d'une utilisation précise à l’aide d’un modèle.
Un langage de modélisation peut représenter un code, une image, un diagramme, ou une
description. C’est une notation sémantique qui aide à bien comprendre le système envisagé
(Hamilton et Miles, 2006). Il doit permettre de représenter des concepts abstraits, limiter les
ambiguïtés, faciliter l'analyse et simplifier l'évaluation de solutions.
Le langage UML (Unified Modeling Language, ou langage de modélisation unifié) est destiné à
l'architecture, la conception et la mise en œuvre de systèmes logiciels. Il utilise l'approche objet en
présentant un langage de description universel.
Il offre un standard de modélisation pour représenter l'architecture logicielle. Les différents
éléments représentables sont :

 Activités d'un objet.


 Les acteurs.
 Le processus.
 Le schéma de base de données.
 Les composants logiciels.
 Réutilisation des composants.

11 omg.org/about/omg-standards-introduction.htm

41 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
L’appréhension d’UML est complexe car UML est à la fois :
 Une norme,
 Un langage de modélisation objet,
 Un support de communication,
 Un cadre méthodologique.
Il se compose de différents types de diagrammes. Dans l'ensemble, les diagrammes UML décrivent
la limite, la structure et le comportement du système et des objets qui s'y trouvent. Il permet donc
de modéliser une application selon une vision objet.
Le langage UML est un outil performant simplifié qui assure la communication entre des objets.
Il s'agit d’un langage (Hamilton et Miles, 2006):
 Formel : chaque élément du langage a une signification bien définie (métamodèle). Le
métamodèle d'UML décrit de manière très précise tous les éléments de modélisation.
 Court : L'ensemble du langage est constitué de notations simples et directes.
 Complet : décrit tous les aspects importants d'un système.
 Evolutif : il est capable de gérer des projets de modélisation de systèmes de grande ampleur,
mais il peut également être adapté à de petits projets, évitant ainsi les surcharges.
 Standard : Il est contrôlé par un groupe de standards ouverts avec des contributions actives
d'un groupe mondial de vendeurs et d'universitaires.
 Independent par rapport aux langages d'implémentation, domaine d'application,
processus...).
L’UML est un langage formel normalisé qui assure un gain de précision, et de stabilité. Sa notation
graphique permet d'exprimer visuellement une solution objet. L'aspect formel de sa notation limite
les ambiguïtés et les incompréhensions, et son aspect visuel facilite la comparaison et l'évaluation
de solutions.

2. Les diagrammes UML


Un diagramme UML est une représentation graphique, qui s'intéresse à un aspect précis du modèle.
Chaque type de diagramme UML possède une structure et une sémantique précise. Les différents
types de diagrammes UML offrent une vue complète des aspects statiques et dynamiques d'un
système.

42 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
La modélisation UML ne concerne pas seulement les diagrammes. Elle capture le système étudié
en tant que modèle. Les diagrammes ne sont en fait que des fenêtres sur ce modèle (Hamilton et
Miles, 2006).
Un diagramme particulier vous montrera certaines parties de votre modèle, mais pas
nécessairement tout. Le contenu d’un modèle est réparti sur plusieurs diagrammes (Hamilton et
Miles, 2006). Cependant, il n'est pas nécessaire que tout le modèle existe sur un diagramme pour
qu'il en fasse partie de votre système (Hamilton et Miles, 2006).

2.1.1. Diagramme de classe :

Le diagramme de classe est le plus couramment utilisé et la fondation de toute solution orientée
objet. Le diagramme de classes exprime la structure statique du système en termes de classes et de
relations entre ces classes. L’intérêt du diagramme de classe est de modéliser les entités du système
d’information.
Une classe en UML est dessinée comme un rectangle divisé en trois sections au maximum. La
section supérieure contient le nom de la classe, la section centrale contient les attributs ou les
informations que la classe contient et la section finale contient les opérations qui représentent le
comportement de la classe. Les sections attributs et opérations sont facultatives. Si les sections
attributs et opérations ne sont pas affichées, cela ne signifie pas nécessairement qu'elles sont vides,
mais simplement que le diagramme est peut-être plus facile à comprendre si ces informations sont
cachées.

2.1.2. Diagramme de déploiement

Illustre les infrastructures physiques et logicielles d'un système. Ils sont utiles lorsqu'une solution
logicielle est déployée sur de nombreuses machines avec des configurations uniques. Les
diagrammes de déploiement montrent où et comment les composants d'un système fonctionneront
les uns avec les autres.

2.1.3. Diagramme d’activité

Le diagramme d'activité est attaché à une catégorie de classe et décrit le déroulement des activités.
Le déroulement s'appelle "flot de contrôle". Il indique la part prise par chaque objet dans l'exécution
d'un travail. Il permet de spécifier comment votre système va atteindre ces objectifs en décrivant

43 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
les flux de contrôle et de données élaborés. Il montre le cheminement des actions de haut niveau
destiné pour représenter un processus déroulant dans votre système.

2.1.4. Diagramme de cas d’utilisation

Il s’agit d’une liste d'étapes qui définissent les interactions entre un acteur (un humain qui interagit
avec le système ou un système externe) et le système lui-même.
Ce diagramme aide à comprendre les besoins du système, notamment le rôle des interactions
humaines et les différences entre plusieurs cas d'utilisation.

2.1.5. Diagramme de collaboration

Le diagramme de collaboration permet de mettre en évidence les interactions entre les différents
objets du système. Un diagramme de collaboration fait apparaître les interactions entre des objets
et les messages qu’ils échangent. Ce type de diagramme est un croisement entre un diagramme des
objets et un diagramme des séquences.

2.1.6. Diagramme de séquence

Le diagramme de séquence est une variante du diagramme de collaboration. Par opposition aux
diagrammes de collaboration, les diagrammes de séquence possèdent intrinsèquement une
dimension temporelle mais ne représente pas explicitement les liens entre les objets.
Le diagramme de séquence visualise les messages par une lecture de haut en bas. L’axe vertical
représente le temps, l’axe horizontal les objets qui collaborent. Une ligne verticale en pointillé est
attachée à chaque objet et représente sa durée de vie.

III. Modélisation de la base de données


1. Identification des acteurs
Les acteurs impliqués dans ce projet sont répartis en trois:

 Membre : est chargé de consulter, valider et modifier des données existantes tous dépendent
de l’autorisation mise par le gestionnaire du projet.
 Administrateur ou admin (Webmaster) : son rôle est orienté sur le choix des stratégies et
les méthodes pour l’élaboration du projet, la veuille et la validation des accès. Ainsi que la
maintenance et la modification de la plateforme.

44 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
 Utilisateurs : le rôle de l’utilisateur se limite à la visualisation de données ouvertes. Il s’agit
d’un grand public des internautes, composés des Tunisiens intéressés des études agricoles
et d’autres visiteurs nationales et mondiales.

2. Diagramme de cas d’utilisation


Le diagramme de cas d’utilisation décrit l’ensemble des interactions possibles entre les acteurs et
définit le rôle de chacun dans le système (Figure 15, Figure 14 et Tableau 3).
Les interactions sont les suivants (Tableau 3) :
S’authentifier : cette fonctionnalité permet au gestionnaire d’identifier l’utilisateur ayant un
identifiant et un mot de passe et de valider la tentative de connexion.
S’inscrire : il permet à un internaute de s’adhérer à la plateforme en remplissant un formulaire
d’inscription.
Visualiser les données : le gestionnaire dépose une série des données interactives disponible pour
les acteurs (membres et utilisateurs). Ces données peuvent être ouvertes ou demande une
autorisation. Les données disponibles sont : un tableau de bord (jeux de données), une carte etc.
Maintenance et suivie : le webmaster doit maintenir la durabilité et la bonne expérience pour
l’internaute. En cas de panne ou de mise à jour le gestionnaire doit notifier les membres de ces
actions dans une marge de 24 heures.
Gérer les données : c’est le rôle du gestionnaire de tirer, modifier, déposer et valider les données.
Ces données peuvent être mises par les membres ou l’administrateur.
Visite du profil : permet d’avoir un espace dédié pour les adhérents.
Demande d’information : permet de déposer une demande d’accès à des données spécifiques
selon le thème, et les dates.
Importer des données : permet de déposer des données dans la base de données.
Exporter des données : permet de télécharger les données.
Consulter les données ouvertes : l’utilisateur peut accéder à des données ouvertes (carte + jeux
de données) sans l’exigence d’une inscription.

45 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Tableau 3 : Tableau descriptif de cas d’utilisation de la plateforme MapsyTn
Acteurs Cas d’utilisation

Utilisateur Consulter les données ouvertes (jeux de données et carte)


(internaute)
Inscription

S’abonner à l’actualité

Exporter des données

Administrateur Autoriser l’accès aux utilisateurs

Maintenir le site

Dépôt et mise à jour des données

Visualisation des données

Gérer les données


Authentification

Membre Consulter l’espace client

Importer et exporter les données

Demander des informations


Poster un commentaire
D’abonner à l’actualité

46 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 14 : diagramme de cas d’utilisation globale

47 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 15 : diagramme de cas d’utilisation détaillé.

48 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

3. Diagramme de séquence :
Le diagramme de séquence permet de représenter la collaboration entre les acteurs, le système et
les objets du point de vue temporelle. Nous présentons les diagrammes de séquences de quelques
cas d'utilisation (Figure 16, Figure 17, Figure 18 et Figure 19).
1. S’authentifier :

Figure 16 : diagramme de séquence cas d’utilisation : s’authentifier.


2. S’inscrire :

Figure 17 : diagramme de séquence cas d’utilisation : s’inscrire

49 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
3. Visualiser les données :

Figure 18 : diagramme de séquence de cas d’utilisation : visualisation des données ouvertes


4. Consulter l’espace membre :

Figure 19 : Diagramme de séquence de cas d’utilisation : consulter l’espace membre

50 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

4. Diagramme d’activité :
1.4. Diagramme d’activité membre :

Figure 20 : diagramme d’activité : membre

51 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

1.5. Diagramme d’activité cas d’un administrateur :

Figure 21 : diagramme d’activité administrateur (webmaster)

1.6. Diagramme d’activité cas d’un utilisateur :

Figure 22 : Diagramme d’activité : utilisateur

52 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

5. Diagramme de classe :

Figure 23 : diagramme de classe globale de la plateforme MapsyTn

53 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Le diagramme de classes est considéré comme le plus important de la modélisation orientée objet.
Une classe représente un ensemble d'objets ayant les mêmes caractéristiques (attributs, méthodes,
relations). Ci-dessous le diagramme de classes (Figure 23 et Tableau 4). Le tableau ci-dessous
(Tableau 4) présente la description des différentes classes et leurs attributs.

Tableau 4 : Description des classes d'analyse


Classe Attribut Description

Administrateur idAdmin Identifiant administrateur


mdpsAdmin Mot de passe administrateur
Compte Id Identifiant Compte
NomMembre Nom membre
EmailMembre Adresse électronique du membre
Mdps Mot de passe membre

Utilisateur userId Identifiant utilisateur


Nom d’utilisateur Nom de l’utilisateur
Email Adresse électronique de l’utilisateur
Mot de passe Mot de passe
Organisme Organisme d’accueil
Téléphone Numéro de téléphone

Tableau de bord idTab Identifiant tableau

Carte idCarte Identifiant de la carte

Zone d’intérêt idZone Identifiant de la zone


Adm_Nom Nom de délégation
Municipalité Nom de la municipalité

Périmètres Id Identifiant
agricoles Nom_PPI Nom des périmètres irrigués
Description Description du périmètre
Surface Surface du périmètre
Délégation Nom de la délégation

Type idType Identifiant du type


NomType Nom du type
Catégorie idCatg Identifiant catégorie
NomCatg Nom de catégorie

54 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Géologie idAffleurement_geol Les affleurements géologie

Lithologie idAffleurement Les affleurements lithologiques

Coupe idGeophy Coupe géophysique


géophysique
Puits idPuit Identifiant Puits
NomPuit Nom du puits
Date_creation Date de création du puits
Profondeur Profondeur du puits
Etat Niveau piézométrique du puits
Piézométrie Salinité de l’eau
Salinité
Actualités idActualité Identifiant de l’actualité
Date Date de création
Description Description des actualités
Source Source de l’actualité
Profile idProfil Identifiant du profile
Email Adresse électronique
Acteur idAuteur Identifiant auteur
NomAuteur Nom de l’auteur
genre Genre

Centre de idCollecte Identifiant du centre de collecte


collecte du lait CCL_Nom Nom du centre de collecte
Surface Surface du centre de collecte
perimetre Périmètre du centre de collecte

Centre de Id Identifiant du centre de collecte de céréale


collecte de CCC_Nom Nom du centre de collecte de céréales
céréales Surface Superficie du centre
Superficie Périmètre du centre
Périmètre
Publications idPub Identifiant des publications
NomPub Nom des publications
Date Date de création des publications
Description Nom de propriétaire de la publication
Auteur

55 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

IV. Création de la base de données


1. Création de la base de données spatiale :
Toutes les données utiles ont été le sujet d’une numérisation, un géo-référencement et d’autres
modifications, afin d’assurer la conformité des données. Les couches collectées sont converties
vers le système de projection WGS84_UTM_Zone32_N (EPSG=32632).
Le tri et le téléchargement des données rasters se fait à l’aide des données ouverts de AWS S3
Explorer12. Les données sont traitées avec Rasterio.py, matplotlib et QGIS afin de suivre les
indices de végétation (NDVI, NDMI, SAVI, Burn) durant les périodes de 04/03/2021-07/14/2021
et 04/03/2020-07/17/2020. Les données utilisées sont celles de Landsat8 (Figure 24).

Figure 24 : Normalized Difference Moisture Index


Les données traitées et modifiées avec QGIS sont transférées vers phpPgadmin à l’aide de l’outil
PostGIS de QGIS. L’affichage des différentes couches de données se fait à l’aide de l’extension
POSTGIS de QGIS (Figure 25 et Figure 26).

12 https://landsat-pds.s3.amazonaws.com/index.html

56 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 25 : Connexion et accès à la base de données avec QGIS

Figure 26 : affichage des couches avec QGIS.


Des requêtes ont été réalisées afin de vérifier la présence des données spatiales dans la base de
données (Figure 27, Figure 28).

57 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 27 : Affichage de la liste des centres de collecte du lait en Tunisie avec phpPgadmin

Figure 28 : sélection du centre de collecte du lait ElHANA avec phpPgadmin

2. Création de la base de données des utilisateurs :


Pour assurer le stockage et la manipulation des données utilisateurs, on a utilisé phpPgAdmin qui
permet de gérer les bases de données PostgreSQL.
On procède tous d’abord de créer une table nommée « user_data » qui renferme 6 colonnes (Figure
29,Figure 30 et Figure 31).
Les données fournis par l’utilisateur lors du remplissage du formulaire d’inscription seront
automatiques stockés dans la table « user_data ». Ces données sont validées, modifier et supprimer
par le gestionnaire de la base de données (Figure 30 et Figure 31).

58 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 29 : création de la table « user_data »

Figure 30 : insertion des données dans PostgreSQL 9.6.24

59 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 31 : exemple de requête sous phpPgadmin « sélection »

Après avoir effectué une étude préliminaire, ce chapitre met en


œuvre tous les acteurs et les relations entre eux en faisant appel aux
diagrammes de modélisation UML. Les diagrammes décrivent la
démarche, les fonctionnalités que l’interface web doit présenter et le
rôle de chaque acteur dans le système.
Dans le chapitre suivant nous allons passer à l'étape d'implémentation du prototype de l’application.

60 | P a g e
Chapitre 5 :
PROTOTYPE
Développement d’une application SIG web pour la gestion des champs
agricoles.

I. Introduction
L’élaboration d’un prototype est une étape déterminante dans un projet web. Cette phase permet
de traduire les modèles et les objectifs discutés dans la phase préliminaire de l’étude en un produit
visible et fonctionnel. Elle permet de mettre en vigueur l’architecture générale de l’application
(Figure 32), le rôle des acteurs, et le design suivi. Cette étape demande plusieurs tests de
vérification pour avoir un résultat fiable et accessible.

page d'accueil

adminitrateur membre Utilisateur


normal

authentification
selon les rôles

carte/jeux de données
/indices/statistique/
accueil

insertion et accés aux jeux de Visualisation des


édition données données carte

Figure 32 : Architecture de l’application

62 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

A. Tableau de bord des données agricoles de la frange NNW de la


Tunisie :
1. Introduction :
L’agriculture est un secteur important dans le développement de l’économie tunisienne. Depuis
l’antiquité la Tunisie a été connue par l’abondance de ces ressources et la qualité de ces produits.
Ces ressources multiples représentent une source économique très importante.
En 2018, il génère 10,4 % du PIB national et assure 15 % des emplois. Les données agricoles gérées
par les organismes appartenant au ministère de l’agriculture fournissent chaque année des quantités
énormes de données. Ces données sont généralement sous format textuel, images, cartes statiques
(carte agricole), tables ou Geojson. De ce fait, ces données possèdent une attractivité énorme en
termes des informations qu'elles donnent et la possibilité de transférer ces ressources en des formes
interactives.

2. Objectif :
L’objectif de la création d’un tableau de bord est de transformer les données agricoles existantes
de 12 délégations de la partie NNW de la Tunisie et de visualiser ces données sous formes des
cartes, des figures et des tableaux interactifs qui permettent une bonne lecture de ces ressources
pour les interlocuteurs.

3. Méthodologie :
La réalisation du tableau de bord, suit la démarche suivante :
 Identification des besoins et collecte des données à partir des sources diverses : source web,
source CNEA, livre et rapport national etc.
 Transformation et extraction des données textuelles, images et autres.
 Sélection des bibliothèques et des Framework à utiliser.
 Création d’un prototype.
 Validation et mise en ligne de l’application.

63 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

4. Collecte des données :


La démarche utilisée dans la sélection et le tri des données est la suivante :
- Choisir les données récentes à partir des années 2017- 2021 seulement à l’exception des
données qui vont servir pour la comparaison et le suivi de l’évolution d’un procédé.
- Choisir des fichiers CSV et PDF, Wikipédia et autres sources web.
- Traduire les données en arabe vers le français.
- Les données doivent servir la thématique d’intérêt.
- Les données doivent parvenir d’une source fiable.

5. Transformation et traitement des données :


À l’aide du module Tabula python, nous avons procédé à transformer tous type des données sous
forme de tableau soit provenant des sites comme Wikipédia, INS et autres, ou à partir des fichiers
PDF. Ces données sont converties vers des fichiers CSV. Les données stockées au niveau des
fichiers CSV sont le sujet d’un tri pour extraire les données utiles seulement. La bibliothèque
pandas python permet la sélection des données stockées dans les CSV ou XLSX et de créer des
data frames selon le choix de l’utilisateur.
Tabula.py : c’est un simple outil Python de tabula-java (Figure 33), qui peut de lire les tableaux à
partir d’un fichier PDF. Il permet également de convertir un fichier PDF en fichier
CSV/TSV/JSON. C’est l’un des outils utilisés par les Data Scientists pour récupérer les données
(DATA SCRAPING TOOLS).

Figure 33 : modèle de récupération des données (Data scraping) avec python (Hiremath, 2021)

6. Sélection des bibliothèques et des Framework


Le choix des bibliothèques et Framework est lié au besoin et l’objectif envisagé. De ce fait, pour
assurer l’interactivité des données, on a choisi plusieurs bibliothèques et modules qui vont guider
cet objectif.

64 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

6.1. Flask python

Flask est un micro Framework très léger open-source de


développement web en Python.
Flask a pour objectif de garder un noyau simple mais
extensible. Il n'intègre pas de système d'authentification, pas de couche d'abstraction de base de
données, ni d'outil de validation de formulaires. Cependant, de nombreuses extensions permettent
d'ajouter facilement des fonctionnalités (Wikipédia, 2021).

6.2. Dash python


Dash est un Framework Python productif pour la création d'applications
analytiques web. Écrit au-dessus de Flask, Plotly.js et React.js, Dash est
idéal pour créer des applications de visualisation de données avec des
interfaces utilisateurs hautement personnalisées en Python pur. Il est
particulièrement adapté à tous ceux qui travaillent avec des données en
Python. Grâce à quelques modèles simples, Dash fait abstraction de toutes les technologies et les
protocoles nécessaires à la création d'une application Web interactive. Dash est suffisamment
simple pour que vous puissiez lier une interface utilisateur à votre code Python en un après-midi.
Les applications Dash sont rendues dans le navigateur Web. Vous pouvez déployer vos applications
sur des serveurs, puis les partager via des URL. Comme les applications Dash sont affichées dans
le navigateur Web, Dash est par nature multiplateforme et mobile.

6.3. Bibliothèque graphique open source Plotly Python


La bibliothèque Plotly permet de créer des graphiques
interactifs de qualité professionnelle. Exemples de
création de graphiques linéaires, de diagrammes de
dispersion, de diagrammes de surface, de diagrammes à barres, de barres d'erreur, de diagrammes
en boîte, d'histogrammes, de cartes thermiques, de sous-points, d'axes multiples, de diagrammes
polaires et de diagrammes à bulles (plotly, 2021).

65 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

6.4. Dash-bootstrap- components


Dash-bootstrap-components est une bibliothèque de composants Bootstrap pour
Plotly Dash, qui facilite la création d'applications au style cohérent et aux mises en
page complexes et réactives.

6.5. Dash Leaflet


Dash Leaflet est un module externe de Leaflet, la principale bibliothèque JavaScript à
code source ouvert pour les cartes interactives (dash leaflet, 2021).

6.6. Pandas
Pandas est une bibliothèque open source, sous licence BSD, qui
fournit des structures de données et des outils d'analyse de données
performants et faciles à utiliser pour le langage de programmation
Python.

6.7. Urllib requests :


Le module urllib.request définit des fonctions et des classes qui aident à ouvrir des URL
(principalement HTTP) dans un monde complexe - authentification de base et digest, redirections,
cookies et plus encore.
index.py (dependencies):
- import dash (framework flask)
- from dash import Dash
- from dash_bootstrap_components._components.DropdownMenuItem import DropdownMen
uItem (bootstrap LIB for python)
- import dash_core_components as dcc
- import dash_html_components as html
- from dash.dependencies import Input, Output, State
- import dash_auth
- import dash_table
- from dash.dependencies import Input, Output, State
- import dash_bootstrap_components as dbc
- from dash_html_components.Iframe import Iframe
- import pandas as pd
- import geojson
- import plotly
- import plotly.express as px

66 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
- import dash_leaflet as dl
- from dash_extensions import Lottie
- from dash.dependencies import Input, Output
- from dash_extensions.javascript import arrow_function
- from urllib.request import urlopen
- from plotly.subplots import make_subplots
- import base64
La liste complète des bibliothèques et Framework est illustrée dans le fichier « requirements.txt »
issue de la commande « pip freeze > requirements.txt » depuis l’éditeur VSCODE (Annexe 5).

7. Creation de prototype:
1.1. Le design et style de l’application :
Le tableau de bord utilise Bootstrap (bootstrap.min.css) avec des fichiers CSS pour le Footer et le
body de l’application. Le thème de Bootstrap utilisé est le suivant (MINTY13):

Les fichiers du style sont stockés dans le dossier assets :


- assets\bootstrap.min.css
- assets\footer.css
- .app-footer{
- margin-top: auto;
- left:0;
- right:0;
- bottom:0;
- width:100%;

13
Minty bootstrap: https://cdn.jsdelivr.net/npm/bootswatch@4.5.2/dist/minty/bootstrap.min.css.

67 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
- position:relative;
- }
- .app-footer img{
- width:25vh;
- height:10vh;
- float: right;
- object-fit: contain;
- margin-left: 1px;
- margin-right: 1px;
- margin-top: 10px;
- margin-bottom: 10px;
- }
-
- assets\typography.css
- html{
- height: 100%;
- }
- body{
- display: flex;
- flex-direction: column;
- min-height: 100%;
- }
- h1, h2, h3, h4, h5, h6 {
- color:white;
- text-align: center;
- font-family: Georgia, Times, 'Times New Roman', serif;
- }
1.2. Structure de l’application « jeu de données »:
Le tableau de bord est une application python qui permet de visualiser plusieurs pages liées entre
eux, selon une structure bien définie.
 La structure de multipage app est la suivante (Figure 34) :
- app.py
- index.py
- apps(12 apps)
- |-- __init__.py
- |-- home.py
- Assets
- .venv
- .gitignore
- Requirements.txt

68 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 34 : structure de l’application python du jeu de données

B. Développement de partie cartographique :


La création d’une application SIG Web nécessite la présence des données à publier. Ces données
doivent être conformes avec PostGIS/PostgreSQL et répondent à la thématique de la recherche.
Ces ressources sont téléchargées dans le serveur cartographique GeoServer et à l’aide des langages
HTML, CSS et javascript l’interface web est exécutée (Annexe 4 et 1, Figure 35).
La partie cartographique est constituée d’une carte qui présente des couches vecteurs et rasters qui
donnent une idée sur la répartition de la production agricole en Tunisie (Annexe 1). Le client peut
importer ces propres données et exporter la carte sous format PNG ou PDF.

Figure 35 : Aperçu de la partie cartographique de l’application MapsyTn

C. Partie d’authentification client /server


La conception des pages d’authentification se fait avec le langage python (Figure 36). La
réalisation des pages de connexion et d’inscription clients est accomplie à l’aide du Framework
Flask python et PostgreSQL (igeomedia.com).

69 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 36 : Connexion à la base de données PostgreSQL via python (pynative,2021)

1. Les bibliothèques, modules et les Framework utilisés


Nom Nature Description
Framework Flask est un micro Framework open-source de
web développement web en Python.

Langage 14 web Langage de balisage conçu pour représenter les pages


web

Langage de Les feuilles de style en cascade, décrit la présentation


programmation des documents HTML et XML.

14 La différence entre un Framework et un GSC( Gestionnaire du Système de Contenu) est qu'un Framework est un
ensemble des scripts qui permet au développeur de gagner du temps pendant le développement de son projet tandis
qu'un GSC est un ensemble de fichiers qui permet de créer des sites web sans avoir des connaissances
en programmation (dev.sifo-consulting.,2021)

70 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Langage de JavaScript est un langage de programmation de
programmation scripts principalement employé dans les pages web
interactives et ce titre est une partie essentielle des
applications web.

Module python Requests est un module HTTP simple et élégante


pour Python, conçue pour les êtres humains.
Source (requests, 2021)

Un module de Psycopg2 est l'adaptateur PostgreSQL le plus


base de populaire pour Python. Son noyau est une
données implémentation complète des spécifications de l'API
PostgreSQL Python DB 2.0.
pour Python. Il permet d'accéder à de nombreuses fonctionnalités
offertes par PostgreSQL (Psycopg2,2021).
- from flask import Flask, request, session, redirect, url_for, render_template,
flash
- import psycopg2
- import psycopg2.extras
- import re
- import requests
- from werkzeug.security import generate_password_hash, check_password_hash
- #pour transformer les mdps vers des codes cryptés
- from flask import send_from_directory
- import os
2. Connexion :

Figure 37 : page de connexion MapsyTn.


Afin d’accéder à votre espace client vous devez saisir votre courriel et votre mot de passe, puis
cliquez sur le bouton connexion (Figure 37).

71 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

3. Inscription :

Figure 38 : page de d’inscription MapsyTn.


Pour créer un compte il est indispensable d’accéder à la page « Inscription ». Cliquez sur « Créer
un compte ». Saisir votre nom dans le champ « Nom d'utilisateur », votre mot de passe, numéro de
téléphone, et l’organisme (Figure 38).

D. Développement de l’interface client


La partie client présente une interface contenant des données graphiques, cartes et textes
disponibles seulement pour les membres ayant leurs propres identifiants et mots de passe (Figure
39).
Afin de recevoir l’accès à ces données il est obligatoire de créer un compte en remplissant le
formulaire d’inscription. Ce formulaire est géré par l’administrateur, selon la décision prise un
accès est retenu ou refusé selon les données fournies par le client. Après la confirmation, le client
est guidé directement vers la page de connexion.

72 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 39 : création et validation du compte client.

Figure 40 : espace client


Lors de la connexion, le client reçoit l’accès à une page additionnelle « Profil » tenant des données
plus précises et actualisés sur la zone d’étude (Figure 41 et Figure 40).

73 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 41 : profile client

Ce chapitre met en œuvre la phase de création du prototype de


l’application en soulignant tous les outils et techniques utilisés
pour avoir un produit fini qui répond aux besoins des clients et la
maquette de design ainsi créée.

74 | P a g e
:

Chapitre 6 :
Validation de l’application
Développement d’une application SIG web pour la gestion des champs
agricoles.

I. Introduction :
La validation et la diffusion de l’application est une étape importante pour donner la vie à notre
projet. Pour atteindre l’objectif de notre projet, il est indispensable de suivre une démarche bien
définie pour développer une application sécurisée, fiable et utilisable. De ce fait, plusieurs étapes
de tests et de vérification sont effectuées.

II. Validation et mise dans le web :


1. Les outils utilisés
Heroku est une plateforme en tant que service (PaaS). Les développeurs
utilisent Heroku pour déployer, gérer et mettre à l'échelle des applications
modernes (heroku, 2021).
Heroku est entièrement géré, ce qui donne aux développeurs la liberté de se
concentrer sur leur produit principal sans avoir à se soucier de la maintenance
des serveurs, du matériel ou de l'infrastructure. L'expérience Heroku fournit des services, des outils,
des flux de travail et une assistance polyvalente, tous conçus pour améliorer la productivité des
développeurs (heroku, 2021).

Git est un système de contrôle de version gratuite et open


source, crée à l'origine par Linus Torvalds en 2005. Git
est le système de contrôle de version le plus largement
utilisé dans le monde aujourd'hui et est considéré comme
la norme moderne pour le développement de logiciels. Git offre également un excellent support
pour le branchement, la fusion et la réécriture de l'historique du dépôt, ce qui a conduit à de
nombreux outils et flux de travail innovants et puissants (atlassian, 2021).

2. Structure et architecture de l’application :


Le déploiement avec HEROKU et GIT demande une structure et des fichiers spécifiques pour
afficher la page web sans erreurs.

76 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
La majorité des erreurs rencontrées sont de type :
- Erreur de chargement : le serveur prend beaucoup de temps pour lancer l’application.
- Absence d’une bibliothèque ou un module lors du lancement.
- L’espace de l’application dépasse la limite de la version gratuite.
Grâce à la documentation de HEROKU DEVELOPPER CENTER, toutes les erreurs possibles
et leurs résolutions sont corrigées (Heroku, 2021).
PROCFILE : Les applications Heroku incluent un Procfile qui spécifie les commandes qui sont
exécutées par l'application au démarrage (Figure 42).
Vous pouvez utiliser un Procfile pour déclarer une variété de types de processus, y compris :
- Le serveur web de votre application
- Plusieurs types de processus de travail
- Un processus singleton, tel qu'une horloge
- Des tâches à exécuter avant le déploiement d'une nouvelle version.

Figure 42 : fichier Procfile


GITIGNORE : Un fichier « .gitignore » spécifie les fichiers intentionnellement non suivis que Git
doit ignorer (Figure 43).

Figure 43 : fichier .gitignore


77 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

 Après avoir terminé le code de l’application, il faut vérifier que l’application est
fonctionnelle et de vérifier s’il y a des erreurs de syntaxe ou autres qui peuvent ralentir ou
bloquer le fonctionnement de l’application.

3. Publication de l’application sur le web :


La mise de l’application sur le web se fait à l’aide Heroku et git Bash (annexe 6, Figure 44 et Figure
45).

Figure 44 : diagramme de déploiement de l’application en utilisant git Bash et Heroku.

78 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.

Figure 45 : lancement de l’application avec git Bash CLI


Le lien de l’application : https://mapsytn.herokuapp.com/
Le lien de l’application jeux de données : https://tableau-de-bord-mapsytn.herokuapp.com/
Lien : https://mapsytnprofile.herokuapp.com/

79 | P a g e
Conclusion générale
Ce projet de fin d'étude consiste à réaliser une plateforme Web-GIS interactive pour les données
agricoles de 12 délégations du NNE-NNW de la Tunisie. Au cours de ce mémoire, nous avons
présenté les différentes étapes de la conception et la réalisation de notre application.

Afin de satisfaire les besoins des internautes nous avons commencé par la conception en utilisant
le langage de modélisation UML afin de définir les acteurs et les relations possibles dans notre
système. On a procédé par la réalisation d’un prototype en utilisant l’application adobe XD, cet
outil a permis de percevoir l’aspect visuel de l’application et les fonctionnalités ainsi discutées avec
les diagrammes UML. Ensuite, le développement d’un prototype se fait en utilisant les langages
Python, HTML, JavaScript et CSS. Ce dernier, fait l’objet de plusieurs tests avant la validation et
la mise en ligne.

Ce projet étant une expérience intéressante, il nous a permis d'améliorer nos connaissances et nos
compétences dans le domaine de la programmation. Nous avons appris à mieux manipuler les
langages PYTHON, HTML, MYSQL et JavaScript.

À travers l’application MapsyTn nous pourrons créer des comptes clients, visualiser des données
de formats divers et consulter un espace cartographique. Ces activités, permettent un accès rapide
aux données et offrent une représentation interactive et thématique adaptée aux besoins des
utilisateurs. MapsyTn est une opportunité pour améliorer et simplifier l’acquisition et la
visualisation de l’information. Elle permet de surmonter les problèmes liés à l’accès et le partage
des données entre les experts et les citoyens. Cette application, est une version préliminaire et peut
évoluer avec le temps en intégrant d’autres outils et méthodes SIG pour aider les agriculteurs, les
décideurs et les chercheurs dans leur quête d’informations.
Annexes
Annexe 1 :
Design et maquette de l’application créée avec Adobe XD :
Annexe 2 :
Le fichier de base app.py qui collecte tous les pages html, python et les fichiers statiques de notre
projet afin d’afficher une page web fonctionnelle selon le style et les données insérées.
- from flask import Flask, request, session, redirect, url_for,
render_template, flash
- import psycopg2
- import psycopg2.extras
- import re
- import os
- import requests
-
- app = Flask(__name__)
- @app.route('/')
- def acceuil():
- return render_template('index.html')
- @app.route('/favicon.ico')
- def favicon():
- return send_from_directory(os.path.join(app.root_path, 'static'),
- 'favicon.ico', mimetype='image/vnd.microsoft.icon')
- if __name__ == "__main__":
- app.run(debug=False)
Annexe 3 :
- from flask import Flask, request, session, redirect, url_for,
render_template, flash
- import psycopg2
- import psycopg2.extras
- from flask import send_from_directory
- import os
- import flask
- app = flask.Flask(__name__)
-
- # Connect to an existing database
- conn = psycopg2.connect("host=%s dbname=%s user=%s password=%s
port=%s" % (HOST, DATABASE, USER, PASSWORD,PORT))
- conn.commit()
- @app.route('/')
- def home():
- # Check if user is loggedin
- if 'loggedin' in session:
-
- # User is loggedin show them the home page
Développement d’une application SIG web pour la gestion des champs
agricoles.
- return render_template('home.html',
username=session['username'])
- # User is not loggedin redirect to login page
- return redirect(url_for('login'))
- @app.route('/favicon.ico')
- def favicon():
- return send_from_directory(os.path.join(app.root_path,
'static'),
- 'favicon.ico', mimetype='image/vnd.microsoft.icon')
-
- if __name__ == "__main__":
- app.run(debug=True)
Annexe 4 :
- Calcul des indices de végétation avec Rasterio , matplotlib et les
données open source de AWS.
- from threading import stack_size
- import rasterio
- import rasterio.plot
- from rasterio.plot import show, show_hist
- import pyproj
- import numpy as np
- from rasterio.merge import merge
- from matplotlib import pyplot as plt
- import matplotlib
- import math
- # #Mosaic
- # src2=rasterio.open('https://landsat-
pds.s3.amazonaws.com/c1/L8/192/035/LC08_L1TP_192035_20210403_2021040
9_01_T1/LC08_L1TP_192035_20210403_20210409_01_T1_B4.TIF')
- # src1= rasterio.open('https://landsat-
pds.s3.amazonaws.com/c1/L8/192/034/LC08_L1TP_192034_20210403_2021040
9_01_T1/LC08_L1TP_192034_20210403_20210409_01_T1_B4.TIF')
- # src3= rasterio.open('https://landsat-
pds.s3.amazonaws.com/c1/L8/191/035/LC08_L1TP_191035_20210428_2021050
7_01_T1/LC08_L1TP_191035_20210428_20210507_01_T1_B4.TIF')
- # src4= rasterio.open('https://landsat-
pds.s3.amazonaws.com/c1/L8/191/036/LC08_L1TP_191036_20210428_2021050
7_01_T1/LC08_L1TP_191036_20210428_20210507_01_T1_B4.TIF')
- # # show(src1)
- # # show(src2)
- # srcs_to_mosaic = [src1, src2,src3,src4]
- # mosaic,out_trans=merge(srcs_to_mosaic)
- # show(mosaic)
- with rasterio.open(path+redband) as src:

84 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
- profile=src.profile
- oviews=src.overviews(1)
- oview=oviews[1]
- print('Decimation factor= {}'.format(oview))
- red = src.read(1, out_shape=(1, int(src.height // oview),
int(src.width // oview)))
- print('array type: ',type(red))
- print(red)
- with rasterio.open(path+nirband) as src:
- oviews=src.overviews(1)
- oview=oviews[1]
- nir=src.read(1,out_shape=(1, int(src.height // oview),
int(src.width // oview)))
- print('array type: ',type(nir))
- # def calc_ndvi(nir,red):
- # nir=nir.astype('f4') #convert to floats dtype=float32
- # red=red.astype('f4') #convert to float
- # np.seterr(divide='ignore', invalid='ignore')
- # ndvi= (nir-red)/(nir+red)
- # return ndvi
- # ndvi=calc_ndvi(nir, red)
- # show_hist(ndvi,bins=50,histtype='stepfilled',lw=0.0
- # ,stacked=False,title='NDVI')
- # plt.imshow(ndvi, cmap='RdYlGn')
-
- #-------NDVI -----------------------------------
- # plt.sca(axes[0])
- # plt.imshow(ndvi, cmap='RdYlGn', vmin=-1, vmax=1)
- # plt.colorbar(shrink=0.5)

- # plt.show()
Annexe 5 :
La liste des bibliothèques, modules et Framework utilisés :
- chart-studio==1.1.0
- cycler==0.10.0
- dash==1.19.0
- dash-auth==1.4.1
- dash-bootstrap-components==0.12.0
- dash-core-components==1.15.0
- dash-extensions==0.0.47
- dash-html-components==1.1.2
- dash-leaflet==0.1.13
- dash-renderer==1.9.0

85 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
- dash-table==4.11.2
- distro==1.5.0
- et-xmlfile==1.0.1
- Flask==1.1.2
- Flask-Caching==1.10.1
- Flask-Compress==1.9.0
- Flask-SeaSurf==0.3.0
- future==0.18.2
- geobuf==1.1.1
- geojson==2.5.0
- gunicorn==20.1.0
- html5lib==1.1
- idna==2.10
- itsdangerous==1.1.0
- Jinja2==2.11.3
- kiwisolver==1.3.1
- lxml==4.6.3
- MarkupSafe==1.1.1
- more-itertools==8.7.0
- munch==2.5.0
- numpy==1.20.2
- openpyxl==3.0.7
- pandas==1.2.3
- Pillow==8.2.0
- plotly==4.14.3
Annexe 6:
Démarche de déploiement avec HEROKU et Git CLI.
- $cd flaskapp #open directory
- $source venv/Scripts/activate (scripts for windows bin macbook)
- $touch Procfile #create procfile in vs code
- $touch .gitignore
- $pip install gunicorn
- $ls #to check that all the dependencies are available in our app
- $pip freeze > requirements.txt
- $git init #Initialized empty Git repository in .git/
- $git add. #add all files in dir to git
- $git commit -am "first"
- $git Heroku login
- #press any button to login , or press q to skip
- $Git Heroku create mapsytn
- #create app name
- $git push Heroku master
- $heroku ps:scale web=1

86 | P a g e
Bibliographie
Abdelfattah M AˈKumar A T. (2015):A Web-based GIS Enabled Soil Information System for
the United Arab Emirates and Its Applicability in Agricultural Land Use Planning,”Arabian
Journal of Geosciences,vol.8,pp.1813-1827,2015.
Adel RAISSI, (2013) : Conception et développement d’un site web de e-commerce pour le compte
de LSAT_Nokia.université virtuelle de tunis UVT. Mémoire.
Alexander S. Gillis, (2020) : Web 3.0. Article de presse. Lemagit.2020. Source en ligne :
https://www.lemagit.fr/definition/Web-30.
Alesheikh, A. A., Helali, H., & Behroz, H. A. (2002, July): Web GIS: technologies and its
applications. In Symposium on geospatial theory, processing and applications (Vol. 15).
Al-msie'deen, R. F. A. A. (2008): A Requirement Model of Local News WEB/WAP Application
for Rural Communities (Doctoral dissertation, Universiti Utara Malaysia).
Anis Zouagui1, A. Laissaoui, M. Benmansour, H. Hajji, M. Zaryah, H.Ghazlane, F.Z.
Cherkaoui, M. Bounsir, M.H. Lamarani, T. El Khoukhi, N.Amechmachi, A. Benkdad. (2015):
Implementation of information system to respond to a nuclear emergency affecting agriculture and
food products - Case of Morocco.INTERNATIONAL EXPERTS’ MEETING ON ASSESSMENT
AND PROGNOSIS IN RESPONSE TO A NUCLEAR OR RADIOLOGICAL EMERGENCY
(CN-256) IAEA Headquarters Vienna, Austria 20–24 April 2015.
Ana Sima˜o, Paul J. Densham, and Mordechai (Muki) Haklay, (2009): Web-based GIS for
collaborative planning and public participation: An application to the strategic planning of wind
farm sites. Journal of Environmental Management 90 (2009) 2027–2040.
Anane, M., Bouziri, L., Limam, A., Jellali, S., (2012): Ranking suitable sites for irrigation with
reclaimed water in the Nabeul-Hammamet region (Tunisia) using GIS and AHP-multicriteria
decision analysis. Resour. Conserv. Recycl. 65, 36–46.
Apirak Panatkool and Sitthichai Laoveerakul, (2002): Decentralized GIS Web Services on
Grid. Proceedings of the Open-source GIS - GRASS user’s conference 2002 - Trento, Italy, 11-13
September 2002.
Athanasios Karmas, Konstantinos Karantzalos, Spiros Athanasiou, (2014): Online Analysis
of Remote Sensing Data for Agricultural Applications.FOSS4G 2014 Bremen, Germany.
Développement d’une application SIG web pour la gestion des champs
agricoles.
Abdelfattah, M. A., & Kumar, A. T. (2015): A web-based GIS enabled soil information system
for the United Arab Emirates and its applicability in agricultural land use planning. Arabian Journal
of Geosciences, 8(3), 1813-1827.
Bao, Y. W., Yu, M. X., & Wu, W. (2011): Design and implementation of database for a WebGIS-
based rice diseases and pests system. Procedia Environmental Sciences, 10, 535-540.
Bel, L., Allard, D., Laurent, J. M., Cheddadi, R., & Bar-Hen, A. (2009): CART algorithm for
spatial data: Application to environmental and ecological data. Computational Statistics & Data
Analysis, 53(8), 3082-3093.
BENGUETIB et EL KHEDIM, (2013) : La conception et la réalisation d’une application de
webmapping pour la cartographie statistique. Faculté des Sciences Exactes & de département de
Mathématiques et d’Informatique. Memoire.p20.
Chen, X., Zhao, J., Bi, J., & Li, L. (2012, August): Research of real-time agriculture information
collection system based on mobile GIS. In 2012 First International Conference on Agro-
Geoinformatics (Agro-Geoinformatics) (pp. 1-4). IEEE.
Chebbi, H. E., Pellissier, J. P., Khechimi, W., & Rolland, J. P. (2019) : Rapport de synthèse sur
l’agriculture en Tunisie (Doctoral dissertation, CIHEAM-IAMM).
Cressman, K., (1997): SWARMS: a geographic information system for desert locust forecasting,
New Strategies in locust control. Springer, pp. 27–35.
Choi, J. Y., Engel, B. A., & Farnsworth, R. L. (2005): Web-based GIS and spatial decision
support system for watershed management. Journal of Hydroinformatics, 7(3), 165-174.
Yousefi and Razdari, (2015): application of GIS in precision agriculture. Int. J. Adv. Biol. Biom.
Res, 2015; 3 (1), 7-9.
Chelaru D AˈUrsu AˈMihai F C, (2011): The Analysis of Agricultural Landscape Change Using
GIS Techniques, Scria Agronomic, vol.54, pp.73-76, 2011.
Cammack, R. G. (2005, July): Web mapping services: a tool for thematic internet maps. In the
Proceedings of XXII International Cartographic Conference (ICC2005). A Courna, Spain.
Chun Li, Guoqi Lou, Jianwei Ma1 and Lu Yang. (2017): Application of WebGIS Technology
in Information Management of Agricultural Science and Technology Park. 2017 International
Conference on Computer Science and Application Engineering (CSAE 2017) .ISBN: 978-1-60595-
505-6.

88 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
De Filippis, T., Rocchi, L., Fiorillo, E., & Genesio, L. (2010): A webgis application for precision
viticulture: from research to operative practices. In Proc. WebMGS 2010: 1st International
Workshop on Pervasive Web Mapping, Geoprocessing and Services, ISPRS Archives (Vol. 38, p.
4).
De Oliveira, T. H. M., Painho, M., Santos, V., Sian, O., & Barriguinha, A. (2014): Development
of an agricultural management information system based on Open-Source solutions. Procedia
Technology, 16, 342-354.
Deveson, T., Hunter, D., (2002): The operation of GIS-based decision support system for
Australian locust management. Insect Sci. 9, 1–1
D. Aghajani,M. Abbaspour,R. Radfar, A. Mohammadi., (2018) : Using Web‑GIS technology
as a smart tool for resiliency management to monitor wind farms performances (Ganjeh site, Iran).
International Journal of Environmental Science and Technology. https://doi.org/10.1007/s13762-
018-2091-2.
Duruz, S., Flury, C., Matasci, G., Joerin, F., Widmer, I., & Joost, S. (2017): A WebGIS
platform for the monitoring of Farm Animal Genetic Resources (GENMON). PloS one, 12(4),
e0176362.
Engel, B. A., Choi, J. Y., Harbor, J., & Pandey, S. (2003): Web-based DSS for hydrologic impact
evaluation of small watershed land use changes. Computers and Electronics in Agriculture, 39(3),
241-249.
Feng, Q., Flanagan, D.C., Engel, B.A., Yang, L., Chen, L., (2019): GeoAPEXOL a web GIS
interface for the Agricultural Policy Environmental eXtender (APEX) model enabling both field
and small watershed simulation, Environmental Modelling and Software (2019), doi:
https://doi.org/10.1016/j.envsoft.2019.104569.
Fei Zhang and Nengxiu Cao, (2019): Application and Research Progress of Geographic
Information System (GIS) in Agriculture. 978-1-7281-2116-1/19/$31.00 ©2019 IEEE.
Feng, Q., Flanagan, D. C., Engel, B. A., Yang, L., & Chen, L. (2020) : GeoAPEXOL, a web
GIS interface for the Agricultural Policy Environmental eXtender (APEX) model enabling both
field and small watershed simulation. Environmental Modelling & Software, 123, 104569.
Fuchs, C. (2008): Don Tapscott & Anthony D. Williams: Wikinomics: How Mass Collaboration
Changes Everything. International Journal of Communication, 2, 11.

89 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Gliessman, S.R. (2010): The framework for conversion. In The Conversion to Sustainable
Agriculture, eds. S.R. Gliessman, and M. Rosemeyer, pp. 3–14. CRC Press, Boca Raton, FL.
Tapscott, Don and Anthony D. Williams. 2007. Wikinomics: How Mass Collaboration Changes
Everything.New York: Penguin.
Gartner, G. (2011): Web mapping 2.0. In Rethinking Maps (pp. 86-100). Routledge.
Gkatzoflias, D., Mellios, G., & Samaras, Z. (2013): Development of a web GIS application for
emissions inventory spatial allocation based on open source software tools. Computers &
Geosciences, 52, 21-33.
Golhani, K., Rao, A. S., & Dagar, J. C. (2015): Utilization of open-source Web GIS to strengthen
climate change informatics for agriculture. In Climate change modelling, planning and policy for
agriculture (pp. 87-91). Springer, New Delhi.
Harrison, T. M., Guerrero, S., Burke, G. B., Cook, M., Cresswell, A., Helbig, N., Hrdinová,
Haklay, M., Singleton, A., & Parker, C. (2008): Web Mapping 2.0: The Neogeography of the
GeoWeb. Geography Compass, 2(6), 2011–2039. doi:10.1111/j.1749-8198.2008.00167.
Houssem Eddine CHEBBI. (2019) : Rapport de synthèse sur l’agriculture en Tunisie. Projet
d’appui à l’initiative ENPARD MEDITERRANEE.p-11-20.
J. Ye, B. Chen, Q. Liu and Y. Fang, (2013): "A precision agriculture management system based
on Internet of Things and WebGIS," 2013 21st International Conference on Geoinformatics, 2013,
pp. 1-5, doi: 10.1109/Geoinformatics.2013.6626173.
J. & Pardo, T. (2012) : La transparence gouvernementale et le cyber-gouvernement : les enjeux
démocratiques selon une perspective publique. Télescope, 18(1-2), 1–20.
https://doi.org/10.7202/1009252ar.
Jinping Li, Chongjun Yang, Jianbin Zhang, & Jianyu Yang. (2004): A new web mapping
architecture based on SLD and pattern. IEEE International IEEE International IEEE International
Geoscience and Remote Sensing Symposium, 2004. IGARSS ’04. Proceedings. 2004.
doi:10.1109/igarss.2004.1370298
Jin-Yong Choi, Bernard A. Engel and Richard L. Farnsworth, (2005): Web-based GIS and
spatial decision support system for watershed management. Journal of
Hydroinformatics.Vol7.N3.pp165-174.

90 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Jacek Malczewski (2006): GIS‐based multicriteria decision analysis: a survey of the literature,
International Journal of Geographical Information Science, 20:7, 703-726, DOI:
10.1080/13658810600661508.
Jia, Y., Zhao, H., Niu, C., Jiang, Y., Gan, H., Xing, Z., AND Zhao, Z. (2009): A WebGIS-
based system for rainfall-runoff prediction and real-time water resources assessment for Beijing.
Computers & Geosciences, 35(7), 1517-1528.
Juhász, L., Podolcsák, Á. And Doleschall, J. (2016): Open source web GIS solutions in disaster
management–with special emphasis on inland excess water modeling. Journal of Environmental
Geography, 9(1-2), 15-21.
K. Jayakumar, 2019: Managing Mangrove Forests Using Open Source-Based WebGIS. Coastal
management. Elsevier Inc.p301-321.
Kim Hamilton, Russell Miles. (2006): Learning UML 2.0. O’Reily.media.inc. p286. Print ISBN-
13: 978-0-59-600982-3. April 2006.
KHOLLADI Mouhamed Khireddine, (2007) : Solution cartoWeb pour Webmapping », 3èmes
Journées Internationales sur l’Informatique Graphique, Constantine, Algérie, 2007.
Kuria, E., Kimani, S., & Mindila, A. (2019): A framework for Web GIS development: a review.
International Journal of Computer Applications, 178(16), 6-10.
Kraak, M. J. (2004): The role of the map in a Web-GIS environment. Journal of Geographical
Systems, 6(2), 83-93.
Kerski, J. J. (2020): Teaching about food and agriculture using web mapping tools and spatial
data. The Geography Teacher, 17(3), 87-93.
Le Hoang Son, 2009. A WebGIS application in agricultural land management. VNU Journal of
Science, Natural Sciences and Technology, Vol 25, Issue 4, pp. 234 - 240, ISSN 0866-8612.
Le Hoang Son, Nguyen Quoc Huy, Nguyen Tho Thong and Tran Thi Kim Dung, 2010: an
effective solution for sustainable use and management of natural resources through webgis open
sources and decision-making support tool. International Symposium on Geoinformatics for Spatial
Infrastructure Development in Earth and Allied Sciences.2010.
Lim, K. J., Sagong, M., Engel, B. A., Tang, Z., Choi, J., & Kim, K. S. (2005): GIS-based
sediment assessment tool. Catena, 64(1), 61-80.

91 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Mekonnen, A. D., & Gorsevski, P. V. (2015): A web-based participatory GIS (PGIS) for offshore
wind farm suitability within Lake Erie, Ohio. Renewable and Sustainable Energy Reviews, 41,
162-177.
Mahmoud A. Abdelfattah & Anil T. Kumar., (2014): A web-based GIS enabled soil information
system for the United Arab Emirates and its applicability in agricultural land use planning. Saudi
Society for Geosciences. Arab J Geosci. DOI 10.1007/s12517-014-1289-y.
Mericskay, B., & Roche, S. (2011) : Cartographie 2.0: le grand public, producteur de contenus et
de savoirs géographiques avec le web 2.0. Cybergeo: European Journal of Geography.
M.M. Maina, M.S.M. Amin & M.A. Yazid (2014): Web geographic information system decision
support system for irrigation water management: a review, Acta Agriculturae Scandinavica,
Section B — Soil & Plant Science, 64:4,283-293, DOI: 10.1080/09064710.2014.896935.
Massard, G., & Erkman, S. (2009, September): A web-GIS tool for industrial symbiosis-
Preliminary results and perspectives. In EnviroInfo (2) (pp. 261-268).
Neumann, A. (2011). Web mapping and web cartography. In Springer handbook of geographic
information (pp. 273-287). Springer, Berlin, Heidelberg.
Nisyak, A. K., & Ramdani, F. (2017, November): Web-GIS development and analysis of land
suitability for rice plant using GIS-MCDA method in Batu city.International Symposium on
Geoinformatics (ISyG) (pp. 24-33). IEEE.
ONU-REDD, (2019) : MISE EN PLACE D'UN SYSTÈME NATIONAL DE SUIVI DES
FORÊTS EN TUNISIE. L’Organisation des Nations Unies pour l’alimentation et l’agriculture le
ONU-REDD et le ministère de l’Agriculture, des ressources hydrauliques et de la pêche,
(2019): Évaluation des besoins et proposition d'une feuille de route.p15.2019
ONAGRI, (2017) : Tableau de bord de l’observatoire national de l’agriculture fin juillet-août -
2017.p2-3.source : http://www.onagri.tn/uploads/dash-board/Tableau_de_bord_t2-(1).pdf.
ONAGRI, (2005) : Enquête sur les Structures des Exploitations Agricoles 2004-2005. Source :
http://www.onagri.nat.tn/uploads/divers/enquetes-structures/section_4.html.
ONAGRI, (2021) : Le Tableau de Bord de l’observatoire national de l’agriculture décembre
2021.p1-9.source en ligne : http://www.onagri.nat.tn/uploads/dash-board/Tableau-de-bord.pdf.
Ministère de l’Agriculture et des Ressources Hydrauliques, (2006) : Enquête sur les Structures
des Exploitations Agricoles 2004-2005. Source: onagri.nat.tn/uploads/divers/enquetes-
structures/index.htm#_Toc125361765.

92 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Preece, J., Rogers, Y., & Sharp, H. (2002): Interaction design: Beyond human-computer
interaction. New York, NY: John Wiley & Sons, Chapter 8-13.
Pascal Cochelin ,2016 : L’intelligence artificielle arrive en agriculture. Article de presse. Terre-
net. Source : https://www.terre-net.fr/partenaire/innovation-et-technologie/article/l-intelligence-
artificielle-arrive-en-agriculture-2894-124449.html .
Porta, J., Parapar, J., García, P., Fernández, G., Tourino, J., Doallo, R., ... & Crecente, R.
(2013):Web-GIS tool for the management of rural land markets. Earth Science Informatics, 6(4),
209-226.
Perovic, V., Jaramaz, D., Zivotic, L., Cakmak, D., Mrvic, V., Milanovic, M., & Saljnikov, E.
(2016): Design and implementation of WebGIS technologies in evaluation of erosion intensity in
the municipality of NIS (Serbia). Environmental Earth Sciences, 75(3), 211.
Pulighe, G., & Lupia, F. (2016): Mapping spatial patterns of urban agriculture in Rome (Italy)
using Google Earth and web-mapping services. Land Use Policy, 59, 49-58.
Purwonegoro, B., & Liyantono, Y. S. (2012): WEBGIS APPLICATION FOR MONITORING
LAND USE CHANGE IN INDONESIA.
Pan, S., Wang, K., Wang, L., Wang, Z., & Han, Y. (2017): Risk assessment system based on
WebGIS for heavy metal pollution in farmland soils in China. Sustainability, 9(10), 1846.
Ren, Z., Hou, Y., & Lu, X. (2013, August): A case of GIS application in agricultural project
management. In 2013 Second International Conference on Agro-Geoinformatics (Agro-
Geoinformatics) (pp. 18-21). IEEE.
Rao, M., Fan, G., Thomas, J., Cherian, G., Chudiwale, V., & Awawdeh, M. (2007): A web-
based GIS Decision Support System for managing and planning USDA's Conservation Reserve
Program (CRP). Environmental Modelling & Software, 22(9), 1270-1280.
Rome, (2019) : MISE EN PLACE D'UN SYSTÈME NATIONAL DE SUIVI DES FORÊTS EN
TUNISIE Évaluation des besoins et proposition d'une feuille de route : l'Organisation des Nations
Unies pour l’alimentation et l’agriculture le Programme.
Skelton, Charles H. (2010): Developing and Evaluating an Open-Source GIS/Project
Management Web Application. Volume 12, Papers in Resource Analysis. 13 pp. Saint Mary‟s
University of Minnesota University Central Services Press. Winona, MN. Retrieved (date)
http://www.gis.smumn.edu.

93 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Steiniger, S., Hunter, A.J., (2013): The 2012 free and open-source GIS software map a guide to
facilitate research, development, and adoption. Comput. Environ. Urban Syst. 39, 136e150.
http://dx.doi.org/10.1016/j.compenvurbsys.2012.10.003.
Serge Lhomme, Richard Laganier, Youssef Diab et Damien Serre, (2013) : Un prototype SIG
pour analyser la résilience urbaine : application à la ville de
Dublin.Vertigo.Volume13.Numéro3.décembre2013.Source :https://journals.openedition.org/verti
go/14502 .
Salahuddin, Husaini ET Anwar, Zulfan. (2020): Web-GIS Application of Agricultural and Food
Crop Management. Journal of Engineering and Scientific Research (JESR) – pISSN: 268-0338;
eISSN: 268-1695.
Santosh Kumar K and Suresh Babu DB., (2016): A Web GIS Based Decision Support System
for Agriculture Crop Monitoring System-A Case Study from Part of Medak District. J Remote
Sensing & GIS 2016, 5:4. DOI: 10.4172/2469-4134.1000177Teslya, N. (2014, April). Web
mapping service for mobile tourist guide. In Proceedings of 15th Conference of Open Innovations
Association FRUCT (pp. 135-143). IEEE.
Tonneau, J. P. (2017) : Etude de faisabilité pour l'investissement dans le système d'accès à
l'information pour la gestion des risques agricoles au Sénégal Atelier de formation et d'échange: 16
Octobre 2017 Les mécanismes d'information proposés Rapport d'exécution.
Veenendaal, B., Brovelli, M. A., & Li, S. (2017): Review of web mapping: Eras, trends and
directions. ISPRS International Journal of Geo-Information, 6(10), 317.
Veenendaal, B., Brovelli, M. A., Songnian, L., & Ivánová, I. (2017): What is web mapping
anyway? In ISPRS Geospatial Week 2017 (Vol. 42, No. 2W7, pp. 155-160). International Society
for Photogrammetry and Remote Sensing.
Veeranna, B., Muralikrishna, I. V., & Rajan, E. G. (2007): WebGIS–an application of
agriculture information system at district level. Journal of Geomatics, 1(2), 002.
Yao, X., Zhu, D., Yun, W., Peng, F., & Li, L. (2017): A WebGIS-based decision support system
for locust prevention and control in China. Computers and Electronics in Agriculture, 140, 148-
158.
Yao a, Dehai Zhu a, Wenju Yun b, Fan Peng a, Lin Li a, (2016): A WebGIS-based decision
support system for locust prevention and control in China Xiaochuang. Computers and Electronics
in Agriculture 140 (2017) 148–158.

94 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Yalew, S. G., Van Griensven, A., & van der Zaag, P. (2016): AgriSuit: A web-based GIS-MCDA
framework for agricultural land suitability assessment. Computers and Electronics in Agriculture,
128, 1-8.
Yong-Wei Baoa, Ming-Xuan Yuc, Wei Wua., (2011): Design and Implementation of Database
for a webGIS-based Rice Diseases and Pests System. International Conference on Environmental
Science and Information application ESIAT. Procedia Environmental Sciences 10 (2011) 535 –
540.
Zhiqing Zhu, Rongmei Zhang, Jieli Sun. (2009): Research on GIS-based Agriculture Expert
System.p3, World Congress on Software Engineering. 978-0-7695-3570-8/09 $25.00 © 2009 IEEE
DOI 10.1109/WCSE.2009.104.
Zhu, Z., Zhang, R., & Sun, J. (2009, May): Research on GIS-based agriculture expert system. In
2009 WRI World Congress on Software Engineering (Vol. 3, pp. 252-255). IEEE.
Zhang, H., Yi, S., & Wu, Y. (2012): Decision support system and monitoring of eco-agriculture
based on WebGIS in Shule Basin. Energy Procedia, 14, 382-386.

95 | P a g e
Source en ligne
AgMaps, 2021 : Carte agricole d’Ontario canada, ministère de l'agriculture, de l'alimentation et
des affaires rurales. Source en ligne : https://www.lioapplications.lrc.gov.on.ca/AgMaps/ .
ABARES, 2021: Web mapping services and applications, 2021. Source en ligne:
awe.gov.au/abares/data/web-mapping-services#online-mapping-applications
ABARES, 2021: OPEN DATA WMS WFS SERVICES. Abares/forests_of_australia_2018
(MapServer).source:https://www.asris.csiro.au/arcgis/rest/services/abares/forests_of_australia_20
18/MapServer
Agridata, 2021: http://www.agridata.tn/fr/dataset?res_format=GeoJSON .
Agriculture canada, 2021 : Inventaire des terres du Canada. Source :
https://agriculture.canada.ca/atlas/apps/aef/ .
ANCT, 2021 : observatoire des territoires français. Source : https://www.observatoire-des-
territoires.gouv.fr/outils/cartographie-interactive/#c=report .
Banque des Législations tunisiennes : http://www.legislation.tn/fr .
CropScape, 2021 : carte des cultures mondiales. Source en ligne :
https://nassgeodata.gmu.edu/CropScape/ .
CapeFarmMapper, 2019 : carte des données agricoles de Western Cape. Source en ligne :
https://gis.elsenburg.com/portal/home/item.html?id=3AATMs5EbcGYQfaWKnb21S6BSFAorV
RPYN
CNEA: http://www.cnea.nat.tn/.
Conseil oléicole international. (2012) : Politique-Tunisie. P1-3:
https://www.internationaloliveoil.org/what-we-do/economic-affairs-promotion-unit/
DATCP, 2021 : carte de zones préservées. Source en ligne :
https://datcpgis.wi.gov/maps/?viewer=dd .
Département de conservation, 2021 : carte terres agricoles de Californie : 1984-2018.source en
ligne : https://maps.conservation.ca.gov/dlrp/ciftimeseries/ .
Dev.sifo-consulting., (2021) : la différence entre un Framework et un CMS. Source :
https://dev.sifo-consulting.com/difference-entre-un-cms-et-un-framework/
Heroku app: https://www.heroku.com/about
Développement d’une application SIG web pour la gestion des champs
agricoles.
Heroku developer center (2021): Heroku Error Codes. Source:
https://devcenter.heroku.com/articles/error-codes.
Hunterdon, (2021) : Carte interactive des services et produits agricoles. Source en ligne :
https://hcgis.maps.arcgis.com/apps/webappviewer/index.html?id=b2b899fa1e07417cbfe925fd940
af917 .
Humboldt, (2021) : Humboldt County Web GIS. Source en ligne :
https://webgis.co.humboldt.ca.us/HCEGIS2.0m/.
FAO, 2021: global Eco agriculture data. Source en ligne: gaez.fao.org/pages/data-viewer
FAO: http://www.fao.org/faostat/en/#country/222 .
FDACS, (2021): carte des ressources agricoles de floride, USA.Source en ligne :
https://www.fdacs.gov/Points-of-Interest
Fedecp, (2021) : Carte allons pécher. Source : http://carte.allonspecher.com/ .
NASA Sedac : https://sedac.ciesin.columbia.edu/maps/services .
Natural Resources Conservation Service, (2019) : Carte des ressources agricoles. Source el ligne
: http://websoilsurvey.sc.egov.usda.gov/App/WebSoilSurvey.aspx
Omafra, (2021): Portail gis agricole de Ontario canada. Source :
www.omafra.gov.on.ca/french/landuse/gis/portal.htm
Portail du ministère des affaires culturelles : http://www.openculture.gov.tn/dataset/.
Portail du ministère de l’agriculture, des ressources hydriques et de la pêche,(2021):
http://www.agridata.tn/fr.
Pynative, (2021) : https://pynative.com/
Resakss, (2021) : Carte agricole interactive de l’Afrique. Source en ligne : resakss.org/node/11 .
Worldbank, 2021: données agricoles.
Source en ligne : data.worldbank.org/indicator/AG.LND.AGRI.ZS?view=map
WRI, 2021 : carte de stress hydrique source : https://www.wri.org/applications/aqueduct/water-
risk-atlas.
Requests, (2021) : documentation du module requests de python. Source : https://docs.python-
requests.org/en/latest/.
psycopg, (2021) : la documentation de postgresSQL de python. Source :
https://www.psycopg.org/docs/ .

97 | P a g e
Développement d’une application SIG web pour la gestion des champs
agricoles.
Groupement interprofessionnel des légumes (GIL), (2015) : Filières légumes. Source:
www.gil.com.tn.
Geomarvel, (2021): GIS for the Industries: Agriculture. Source en ligne: geomarvel.com/gis-for-
the-industries/agriculture/.
Geoserver, (2021) : documentation. Source internet : http://geoserver.org/.
Gisgeography, (2021): Agriculture Technology: How GIS Can Help You Win the Farm.2021.
Source en ligne: https://gisgeography.com/farming-agriculture-technology/.

98 | P a g e
Les bibliothèques, modules et Framework utilisées au niveau de ce travail :

Plotly python
Dash leaflet extension
Pandas’ lib
Mapbox API Services
Weather API
Leaflet.js
Leaflet plugins
Bootstraps
Font-awesome
Dash framework
Flask
Rasterio
Gdal
Urllib
Matplotlib
Tabula. Py
Resumé:
Les données géographiques agricoles élaborées par les organismes locaux, les experts et les
académiques sont stockés localement et inaccessible aux citoyens tunisiens et mondiaux. Ces
ressources servent d’une base de données importantes qui peut certainement aider les chercheurs
dans leurs quêtes d’informations et d’établir le droit d’accès à l'information soutenue par l’état
tunisien. Les régions du nord ne disposent pas d’une application suffisante pour gérer les données
agricoles. L’objectif de la recherche est de soutenir l’orientation de l’état vers la digitalisation et
d’établir un lien entre les citoyens et les agents gouvernementaux.

MapsyTn, est une application SIG web participative qui présente des données graphiques et
cartographiques interactives destinées pour le secteur agricole. Cette plateforme discute l’évolution
et la répartition de la production agricole dans douze délégations du nord tunisien. Cette application
profite des données statiques ouvertes et les transforme à l’aide des outils de data science et SIG
vers des formats pertinents. Après avoir testé l’application web pour assurer la durabilité, les
résultats ont montré que la précision, la stabilité et le fonctionnement de l’application sont adaptés
aux exigences du web.

Mots clés: SIG-Web, Application, Développement web, webmapping, SIG

Abstract

Agricultural data developed by local organizations, experts and academics are stored locally and
inaccessible to Tunisian and global citizens. These resources serves as an important database that
can certainly help researchers in their quests for information and establish the right to access to
information supported by the Tunisian state.
The northern regions do not have a sufficient application for agricultural data management. The
main goal of this research is to support the state’s move toward digitalization and establish a link
between the citizens and the government agents.

Mapsy Tn, is web-based GIS application presenting geographic and graphic interactive data for
agricultural management. This approach takes advantage of the available open-source static data
and transforms them into an interactive geographic content. After a series of testing, the results
showed that the application is stable, efficient and meets the requirements of the web.

Keywords: GIS, Web-GIS, Application, Web development, Open source, Web mapping

View publication stats

Vous aimerez peut-être aussi