La famille Bonnal dans un coin de territoire » géomatique http://www.bonnal.net De Brouzet-lès-Quissac à la géomatique Sun, 29 Jan 2012 16:56:52 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Mon séminaire SIG à Dakar http://www.bonnal.net/mon-seminaire-sig-a-dakar/ http://www.bonnal.net/mon-seminaire-sig-a-dakar/#comments Thu, 12 Jan 2012 09:15:26 +0000 Vincent Bonnal http://www.bonnal.net/?p=1044 Continuer la lecture »]]> Du 28 novembre au 2 décembre 2011, je suis allé à Dakar réaliser un séminaire sur les méthodes et outils des systèmes d’information géographique. Très intéressant, les élèves ingénieurs informaticiens de 3ème année de l’École Supérieur Polytechnique étaient d’un très bon niveau, exigeants et curieux.

Bref, ça restera un bon souvenir. Eprouvant, mais un bon souvenir. Merci à eux.

On sent les traits tirés du formateur ;-)

]]> http://www.bonnal.net/mon-seminaire-sig-a-dakar/feed/ 0 Installer Geonetwork http://www.bonnal.net/installer-geonetwork/ http://www.bonnal.net/installer-geonetwork/#comments Fri, 16 Sep 2011 11:38:06 +0000 Vincent Bonnal http://www.bonnal.net/?p=1005 Continuer la lecture »]]> Voici la liste des commandes sous Linux nécessaires pour installer à la main geonetwork sur un serveur linux de type Debian (comme Ubuntu):

Il vous faut tout d’abord installer les outils nécessaires à la compilation de geonetwork, à savoir les paquets subversion (commande svn), maven2 (commande mvn) et éventuellement unzip (qui normalement est installé par défaut).

Notez que nous allons installer geonetwork dans le répertoire /usr/local/geonetwork/ que nous allons préalablement créer.

Passez en mode root:

sudo -i

Puis, tapez ces commandes:

svn co https://geonetwork.svn.sourceforge.net/svnroot/geonetwork/trunk geonetwork
cd geonetwork
mvn clean install
mvn assembly:assembly
mkdir /usr/local/geonetwork
mv target/release/geonetwork-2.7.0-SNAPSHOT-bin.zip /usr/local/geonetwork/.
cd /usr/local/geonetwork
unzip geonetwork-2.7.0-SNAPSHOT-bin.zip
cd geonetwork
cd bin
./start-geonetwork.sh

Pour tester l’installation, allez sur http://localhost:8080/geonetwork

Dans la foulée, geoserver s’est installé: http://localhost:8080/geoserver/web

Par défaut pour geoserver, l’utilisateur admin est « admin » (sans les guillemets) et le mot de passe est « geoserver » (toujours sans les guillements).

Détail à signaler. Par défaut la carte wms affichée est appelée par une requete WMS en localhost sur le geoserver installé conjointement à geoNetwork. Si vous tentez de consulter votre service geonetwork d’un autre poste, aucune carte s’affiche…

Il faut pour pallier  cela, éditer le fichier config-gui.xml et modifier toutes les ligne appelant le service wms en changant localhost par l’adresse (routable) de votre serveur, par exemple 193.89.123.125 (à vous de la connaître…)

Cherchez dans config-gui.xml toutes les lignes appelant:

http://localhost:8080/geoserver/wms

et remplacez les par

http://193.89.123.125:8080/geoserver/wms

Installation plus rapide

Bon, il est vrai qu’il y a un autre moyen d’installer geonetwork (beaucoup) plus simplement. Téléchargez le fichier jar nommé geonetwork-install-2.x.x-0.jar (on supposera que le fichier jar a été téléchargé dans /home/mon_user/Téléchargement/) puis dans un terminal (sans faire le sudo -i), tapez:

sudo java -jar /home/mon_user/Téléchargement/geonetwork-install-2.x.x-0.jar

D’autres informations sont là: http://trac.osgeo.org/geonetwork/

 

 

http://localhost:8080/geoserver/wms
]]> http://www.bonnal.net/installer-geonetwork/feed/ 0 Bonne année 2011 aux géomaticiens ! http://www.bonnal.net/bonne-annee-2011-aux-geomaticiens/ http://www.bonnal.net/bonne-annee-2011-aux-geomaticiens/#comments Tue, 04 Jan 2011 19:23:53 +0000 Vincent Bonnal http://www.bonnal.net/?p=850 Voilà la carte de voeu pour 2011

Merci Patricio pour l’idée… (mais je pense qu’on doit la faire chaque année celle-là…)

;-)

]]> http://www.bonnal.net/bonne-annee-2011-aux-geomaticiens/feed/ 0 Spatialiser une base de données postGIS http://www.bonnal.net/spatialiser-une-base-de-donnees-postgis/ http://www.bonnal.net/spatialiser-une-base-de-donnees-postgis/#comments Fri, 17 Sep 2010 12:51:33 +0000 Vincent Bonnal http://www.bonnal.net/?p=705 Continuer la lecture »]]> Même si PostgreSQL a été installé conjointement avec PostGis, la base de données n’est pas, par défaut, spatialisée.

Un rapide coup d’oeil aux tables nous montre l’absence des deux principales tables nécessaires à PostGIS, geometry_columns et spatial_ref_sys.

Voilà comment les ajouter, ainsi que l’ensemble des fonctions nécessaires à la spatialisation de la base colloque:

sudo su - postgres
createlang plpgsql colloque
psql -f /usr/share/postgresql-8.3-postgis/lwpostgis.sql -d colloque
psql -f /usr/share/postgresql-8.3-postgis/spatial_ref_sys.sql -d colloque

Pour ajouter les droits d’usage sur ces tables à l’utilisateur, saisir :

sudo –s –u postgres
psql colloque
ALTER TABLE geometry_columns OWNER TO colloque;
ALTER TABLE spatial_ref_sys OWNER TO colloque;


No stress   ;-)

]]> http://www.bonnal.net/spatialiser-une-base-de-donnees-postgis/feed/ 2 Création d’un serveur web virtualisé dédié au webmapping – partie 4, fin http://www.bonnal.net/creation-d%e2%80%99un-serveur-web-virtualise-dedie-au-webmapping-%e2%80%93-partie-4-fin/ http://www.bonnal.net/creation-d%e2%80%99un-serveur-web-virtualise-dedie-au-webmapping-%e2%80%93-partie-4-fin/#comments Wed, 15 Sep 2010 12:45:24 +0000 Vincent Bonnal http://www.bonnal.net/?p=702 Continuer la lecture »]]> C’est pas tout de créer des serveur web et bases de données, faut savoir els exploiter. Dans ce tutoriel, vous trouverez comment réaliser un petit script pour tester votre serveur en mettant en oeuvre Ajax.

Premier site avec Ajax

L’objectif est de créer une page web avec une zone de saisie couplée à un liste de suggestion issue d’une base de données. A chaque saisie de l’utilisateur, une requete Ajax est soumise au serveur qui va interroger la base de données pour vérifier que le nom d’une ville commençant par les lettres saisies existe pas dans la table villes. Si c’est le cas, le serveur renvoi la liste des villes correspondant. Les villes renvoyées peuvent être cliquées pour remplir automatiquement la zone de saisie.

Créons notre table

Dans Postgresql, on créé la table avec le code SQL suivant

CREATE TABLE villes
(
nom character varying(50) NOT NULL,
CONSTRAINT villes_pkey PRIMARY KEY (nom)
)

Il est téléchargé sur Jquery.com la bibliothèque Javascript JQuery qui est enregistrée à la racine du site. Pour fonctionner, le site est constitué des 3 principaux fichiers suivants:

index.xhtml: 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!-- Vital, afin que le site soit bien interprété par le
navigateur en termes de caractères -->
<title>Mon premier site utilisant Ajax</title>
<script type="text/javascript" src="jquery.js"></script>
<!-- lien vers la bibliothèque jquery téléchargées depuis jquery.com -->
<script type="text/javascript" src="suggest.js"></script>
<!-- lien vers le fichier personnel suggest.js qui s'exécuter après
le chargement du DOM -->
<link rel="stylesheet" href="suggest.css" media="screen" />
<!-- lien vers le fichier personnel CSS -->
</head>
<body>
<div>
Saisir un mot: <input type="text" />
<!-- C'est ici que l'utilisateur sélectionnera
les première lettre du nom à trouver  -->
</div>
<div>
Suggestions: <span id="suggest"></span>
<!-- c'est dans ce span -élément inline- que s'écrira le résultat
de la requete ajax  -->
</div>
</body>
</html>

suggest.js (exécuté côté client: le navigateur web): 

$(document).ready(function() {
// $(document).ready() s'exécute dès que le DOM est chargé,
// avant que toutes les ressources soient téléchargées (ex: images)
$('#txt1').keyup(function() {
// inscrit dans le gestionnaire d'événement que la fonction propose() est
// à lancer lorsque la touche du clavier est lachée sur le contrôle txt1
propose();  // fonction à appeler sur le keyup de l'input txt1
});
});
function propose(){
if($('#txt1').val() == '') { // si l'input d'id=txt1 est vide ou vidé
$('#suggest').html(''); // vide le span d'id=suggest
return; // sort de la fonction
}
$.ajax({  // exécute une requete Ajax
type: 'GET',  // en mode GET
url: 'suggest.php',  // vers le fichier suggest.php
data: 'txt='+$("#txt1").val(),  // avec les paramètres suivant donc suggest.php?txt=...
dataType:'text',  // le serveur renverra une réponse de suggest.php sous forme texte
success: function(msg){ $('#suggest').html(msg); }
// si Ajax réussi, écrit dans le span d'id=suggest
// la réponse du serveur suggest.php?txt=
});
}

suggest.php(exécuté côté serveur et restituant au client de l’HTML)

<?php
session_start();   // démarrer la gestion des sessions
header("Content-Type: text/plain ; charset=utf-8");
// renvoie un réponse au format MIME text avec les caractères utf-8
header("Cache-Control: no-cache, private"); // anti cache pour HTTP/1.1
header("Pragma: no-cache"); // anti cache pour HTTP/1.0
if (!isset($_SESSION['chaineconnexion'])) {
// si la variable $_SESSION['chaineconnexion'] n'est pas définie alors:
$_SESSION['chaineconnexion']='host=localhost port=5432 user=form password=form dbname=form';
}
if(isset($_REQUEST['txt'])){ // si la variable $_REQUEST['txt'] est bien définie alors:
$conn=pg_connect($_SESSION['chaineconnexion']); // on créé la connexion avec la base PGSQL
$sql = "SELECT nom FROM villes WHERE nom LIKE '".$_REQUEST['txt']."%'";
// on définit la requete à exécuter
$result = pg_query($conn,$sql);
// on exécute la requete, le flux de données généré sera représenté par $result
while($row = pg_fetch_assoc($result)){
// on boucle ligne à ligne (à chaque appel de pg_fetch_array,
// $row récupèrera sous forme de table la ligne de données)
echo '<div onclick=\'$("#txt1").val("'.$row['nom'].
'");$("#suggest").hide();\'>'.$row['nom'].'</div>';
// exemple, renverra: <div onclick='$("#txt1").val("Montpellier");
// $("#suggest").hide();'>Montpellier</div>
}
}
?>

Mise en forme

Pour mettre en forme notre site, on applique une feuille de style simple

suggest.css

root {
display: block;
}


#suggest {


position:fixed;


top:33px;


left:130px;


background-color:#86B0D8;


border-style:solid;


border-width:1px;


margin:5px;


cursor : wait;


}




div:hover{


background-color:white;


}










Voilà, c’est fini. Les prochains articles seront plus « webmapping » avec la spatialisation des bases de données, et leur exploitation.






 


Premier site avec Ajax


L’objectif est de créer une page web avec une zone de saisie couplée à un liste de suggestion issue d’une base de données. A chaque saisie de l’utilisateur, une requete Ajax est soumise au serveur qui va interroger la base de données pour vérifier que le nom d’une ville commençant par les lettres saisies existe pas dans la table villes. Si c’est le cas, le serveur renvoi la liste des villes correspondant. Les villes renvoyées peuvent être cliquées pour remplir automatiquement la zone de saisie.


Dans Postgresql, on créé la table avec le code SQL suivant


CREATE TABLE villes


(


 nom character varying(50) NOT NULL,


 CONSTRAINT villes_pkey PRIMARY KEY (nom)


)




Il est téléchargé sur Jquery.com la bibliothèque Javascript JQuery qui est enregistrée à la racine du site. Pour fonctionner, le site est constitué des 3 principaux fichiers suivants:


index.xhtml


 


<?xml version= »1.0″ encoding= »UTF-8″?>


<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd »>


<html xmlns= »http://www.w3.org/1999/xhtml »>


 <head>


 <meta http-equiv= »Content-Type » content= »text/html; charset=UTF-8″/>


 <!– Vital, afin que le site soit bien interprété par le


 navigateur en termes de caractères –>


 <title>Mon premier site utilisant Ajax</title>


 <script type= »text/javascript » src= »jquery.js »></script>


 <!– lien vers la bibliothèque jquery téléchargées depuis jquery.com –>


 <script type= »text/javascript » src= »suggest.js »></script>


 <!– lien vers le fichier personnel suggest.js qui s’exécuter après


 le chargement du DOM –> 


 <link rel= »stylesheet » href= »suggest.css » type= »text/css » media= »screen » />


 <!– lien vers le fichier personnel CSS –>


 </head>


 <body>


 <div>


 Saisir un mot: <input type= »text » id= »txt1″ />


 <!– C’est ici que l’utilisateur sélectionnera


 les première lettre du nom à trouver –>


 </div> 


 <div>


 Suggestions: <span id= »suggest »></span>


 <!– c’est dans ce span -élément inline- que s’écrira le résultat


 de la requete ajax –>


 </div>


 </body> 


</html>


 


suggest.js


 


$(document).ready(function() {


 // $(document).ready() s’exécute dès que le DOM est chargé,


 // avant que toutes les ressources soient téléchargées (ex: images)


 $(‘#txt1′).keyup(function() {


 // inscrit dans le gestionnaire d’événement que la fonction propose() est


 // à lancer lorsque la touche du clavier est lachée sur le contrôle txt1


  propose(); // fonction à appeler sur le keyup de l’input txt1


  });


});


 


function propose(){


 if($(‘#txt1′).val() ==  ») { // si l’input d’id=txt1 est vide ou vidé


 $(‘#suggest’).html( »); // vide le span d’id=suggest


 return; // sort de la fonction


 }


 $.ajax({ // exécute une requete Ajax


 type: ‘GET’, // en mode GET


 url: ‘suggest.php’, // vers le fichier suggest.php


 data: ‘txt=’+$(« #txt1″).val(), // avec les paramètres suivant donc suggest.php?txt=…


 dataType:’text’, // le serveur renverra une réponse de suggest.php sous forme texte


 success: function(msg){ $(‘#suggest’).html(msg); } 


 // si Ajax réussi, écrit dans le span d’id=suggest


 // la réponse du serveur suggest.php?txt=


 });


}




suggest.php




<?php


session_start(); // démarrer la gestion des sessions


header(« Content-Type: text/plain ; charset=utf-8″);


// renvoie un réponse au format MIME text avec les caractères utf-8


header(« Cache-Control: no-cache, private »); // anti cache pour HTTP/1.1


header(« Pragma: no-cache »); // anti cache pour HTTP/1.0


 


if (!isset($_SESSION['chaineconnexion'])) {


 // si la variable $_SESSION['chaineconnexion'] n’est pas définie alors:


 $_SESSION['chaineconnexion']=’host=localhost port=5432 user=form password=form dbname=form’; 


}


 


if(isset($_REQUEST['txt'])){ // si la variable $_REQUEST['txt'] est bien définie alors:


 


 $conn=pg_connect($_SESSION['chaineconnexion']); // on créé la connexion avec la base PGSQL


 


 $sql = « SELECT nom FROM villes WHERE nom LIKE ‘ ».$_REQUEST['txt']. »%’ »; 


 // on définit la requete à exécuter


 $result = pg_query($conn,$sql); 


 // on exécute la requete, le flux de données généré sera représenté par $result


 


 while($row = pg_fetch_assoc($result)){ 


 // on boucle ligne à ligne (à chaque appel de pg_fetch_array,


 // $row récupèrera sous forme de table la ligne de données)


 echo ‘<div onclick=\’$(« #txt1″).val(« ‘.$row['nom']. 


 ‘ »);$(« #suggest »).hide();\’>’.$row['nom'].’</div>’;


 // exemple, renverra: <div onclick=’$(« #txt1″).val(« Montpellier »);


 // $(« #suggest »).hide();’>Montpellier</div>


 }


}


?>




Mise en forme


Pour mettre en forme notre site, on applique une feuille de style simple suggest.css




root {


 display: block;


}


 


#suggest {


 position:fixed;


 top:33px;


 left:130px;


 background-color:#86B0D8;


 border-style:solid;


 border-width:1px;


 margin:5px;


 cursor : wait;


}


 


div:hover{


 background-color:white;


}






Spatialiser la base de données colloque


Même si PostgreSQL a été installé conjointement avec PostGis, la base de données n’est pas par défaut spatialisée. Un rapide coup d’oeil aux tables nous montre l’absence des deux principales tables nécessaires à PostGIS, geometry_columns et statial_ref_sys.


Voilà comment les ajouter, ainsi que l’ensemble des fonctions necessaires à la spatialisation de la base colloque:


sudo su – postgres


createlang plpgsql colloque


psql -f /usr/share/postgresql-8.3-postgis/lwpostgis.sql -d colloque


psql -f /usr/share/postgresql-8.3-postgis/spatial_ref_sys.sql -d colloque


 


Pour ajouter les droits d’usage sur ces tables à l’utilisateur, saisir :


sudo –s –u postgres


psql colloque


ALTER TABLE geometry_columns OWNER TO colloque;


ALTER TABLE spatial_ref_sys OWNER TO colloque;


 



]]>
			http://www.bonnal.net/creation-d%e2%80%99un-serveur-web-virtualise-dedie-au-webmapping-%e2%80%93-partie-4-fin/feed/
		0