RAPPORT DE STAGE - IUT Dijon

RAPPORT DE STAGE
Développement avec l’API Google Maps
Stage effectué du : 29 Mars au 18 Juin 2010
Maîtres de Stage: Tuteur : Réalisé par :
Mr. MILLOT Stéphane Mr. BUSVELLE Eric PERROT Valentin
Mr. CHOKEIR Wasim

SOMMAIRE
Remerciements …………………………………………………………………………………………………….3
Introduction .…………………………………………………………………………………………………………4
Présentation de l’entreprise ..………………………………………………………………………………5
Besoin de l’entreprise ……………………………………………………………………………………………6
Présentation de l’API Google Maps ………………………………………………………………………7
Présentation du logiciel TALK ..…….……………………………………………………………………….7
Objectifs du stage …………………………………………………………………………………………………8
Réalisation ..………………………………………………………………………………………………………10
a)Géolocalisation ….…………………………………………………………………………………10
b) Affichage d’un destinataire ….………………………………………………………………12
c)Placer une destinataire .………………………………………………………………………..14
d) Affichage d’une tournée théorique ….……………………………………………………19
e) Android ………………………………………………………………………………………………..24
Conclusion ………………………………………………………………………………………………………….25
2

Remerciements
Je tiens à remercier l’entreprise UPSILON pour m’avoir permis d’effectuer ce stage au sein du
service informatique.
Je remercie aussi toutes les personnes de l’entreprise pour leur accueil chaleureux.
Je remercie particulièrement :
-Mr. Stéphane MILLOT pour sa disponibilité, pour son management, et pour les
différentes notions qu’il a pu m’apporter pendant ce stage.
-Mr. Wasim CHOKEIR, mon maître de stage, tout aussi présent, qui m’a aidé sur
l’environnement Microsoft Visual Fox Pro et a su donner des explications sur le
fonctionnement de l’entreprise.
3

Introduction
Dans le cadre de ma formation DUT Réseaux et Télécommunications, nous avons la chance
d’effectuer un stage de 3 mois qui doit permettre de mettre en pratique les connaissances acquises
durant ces deux années dans le domaine professionnel.
Après avoir été mis en relation avec Upsilon, lors d’un entretien, le sujet sur l’API Google
Maps a retenu mon attention.
Le sujet de ce stage était de permettre à l’entreprise de pouvoir géolocaliser, afficher, placer
un destinataire et d’afficher l’itinéraire à suivre pour plusieurs destinataires depuis leur logiciel Talk
en utilisant l’API Google Maps, les langages PHP, xhtml et JavaScript.
Je présenterais dans ce rapport ce que j’ai mis en place dans l’entreprise, de l’étude à la
conception ainsi que les problèmes qui y sont liés.
4

Présentation de l’entreprise
Upsilon est une entreprise de transport et logistique au capital de 150000 € situé à
Monéteau.
Elle a été créée en 1995 par Monsieur René Monin.
Elle compte environ 80 salariés. Les différentes fonctions au sein de l’entreprise sont le
secrétariat, le service de comptabilité, la DRH (Direction des Ressources Humaines), le directeur
commercial, le responsable des achats, le service de transport, le service de logistique, les
manutentionnaires et l’équipe informatique.
Elle est composée de deux bâtiments :
-L’un créé en 2008 où est situé la logistique, c’est un entrepôt de 6400 m² où l’on
peut stocker 2000 m² de masse sur 8000 palettes rackées.
-L’autre créé en 2003 où est situé le transport, c’est un entrepôt de 2400m² de
transit et de 600 m² de bureau. Dans ce bâtiment on traite plus de 30000 commandes par mois.
sont :
Les maitres de stages qui occupent un poste de responsable informatique dans l’entreprise
Mr. MILLOT Stéphane
Mr. CHOKEIR Wasim
5

Besoin de l’entreprise
Le premier but était de pouvoir afficher la position d’un destinataire par un simple clic depuis
leur logiciel. En effet à mon arrivée, lorsqu’un chauffeur ne connaissait pas la destination, une
secrétaire allait sur le site des pages jaunes pour accéder aux plans et l’imprimer pour le chauffeur.
Le deuxième but était de pouvoir aider les chauffeurs remplaçants. En effet Upsilon livre tous
les jours 800 récépissés de transports dans l’Yonne découpés en une vingtaine de tournée. Chaque
tournée étant plus ou moins récurrente, le chauffeur titulaire connaît parfaitement les lieux de
livraisons. Le remplacement par un néophyte de la tournée est souvent difficile. Lors de la mise en
tournée dans le logiciel Talk un bouton permet d’afficher sur une carte l’itinéraire à suivre. Ceci
permet d’améliorer le temps de conduite du chauffeur sans qu’il n’ait le besoin de chercher la route
à emprunter pour effectuer les livraisons.
Pour atteindre ces deux objectifs il a fallu d’abord identifier et géolocaliser chaque
destinataire. Les destinataires sont identifiés dans Talk avec une reconnaissance orthographique du
nom et de l’adresse. Sachant que les adresses proviennent de l’EDI, elles sont saisies par de multiples
partenaires d’Upsilon sans normalisation. Ainsi un même destinataire comme Leclerc Auxerre peut
être intégré avec : Leclerc, Auxerdis, Centre Leclerc, C. Leclerc, …
6

Présentation de l’API Google Maps
Cette API permet d'insérer dans une page web une carte Google Maps avec du javascript en
bénéficiant d'une grande quantité de paramètres pour l'utilisation de ces cartes. L'ajout de contenu
avec une grande variété de services offre la possibilité de créer des cartes personnalisées.
Elle évolue chaque jour et propose de nombreuses nouveautés. Actuellement, la version
utilisée est la 3.
Voici un exemple de ce qu’on peut faire :
Présentation de TALK
TALK est le logiciel utilisé par Upsilon qui a été lui-même créé par le service informatique en
utilisant Microsoft Visual fox pro. Il permet de gérer l’activité transport (messagerie arrivage,
messagerie départ, affrètement, lot) et l’activité logistique (gestion des stocks et préparation de
commandes).
7

Objectifs
Web Service pour échange XML Google :
Avec la collaboration de Thomas, nous devons mettre en place un Web service permettant
d’échanger des données entre leur logiciel Talk et le serveur de base de donnée locale avec le
serveur Internet hébergé chez Amen. Ces données seront utile pour utilisé l’Api Google Maps V3.
Géolocalisation d’une adresse par Web Service :
La géolocalisation permettra de géocoder les adresses de destinataire qui n’ont toujours pas
de coordonnées GPS dans la base de données. Ainsi cela facilitera les taches futures présentées dans
les parties suivantes.
Logiciels
Talk
Schéma :
Géocodage
Envoi des
adresses à géocoder
Retourne les
adresses
géocodées
8
Utilisation de l’API Google Maps

Affichage d’une adresse à partir d’un XY (coordonnées GPS en x et y) :
Il faudra à partir d’une coordonnée GPS envoyé par le logiciel Talk, lancer un
navigateur et afficher la position que l’on veut afficher.
D’une fiche livraison il faut pouvoir appeler Google Maps via un navigateur avec la
carte centrée à l’échelle définie dans la fiche société avec un résumé de la position. Afficher
la carte Google en deux parties avec en haut la carte et en bas Street View s’il est disponible.
Affichage d’une adresse à partir d’une adresse mise en conformité :
Il faudra à partir d’une adresse conforme envoyé par le logiciel Talk, lancer un
navigateur et afficher la position que l’on veut afficher.
Possibilité de replacer le XY avec un bouton de validation qui renvoi le XY
par web service :
Il faudra si l’adresse n’est pas conforme, placer manuellement le point sur la carte
Google. Le but étant de renvoyé les coordonnées GPS par Web Service et de créer une
interface utilisateur permettant de placer ce point.
Affichage d’une tournée (ensemble de XY) :
Il faudra pour aider les nouveaux chauffeurs, afficher l’itinéraire qu’il doit emprunter
pour livrer ou prendre la marchandise. Le logiciel Talk enverra plusieurs données GPS et
plusieurs noms. Il suffira grâce à l’API Google d’afficher l’itinéraire avec les différents points
et le nombre de KM à effectuer.
D’une tournée il faut pouvoir appeler Google Maps via un navigateur avec la carte
centrée à l’échelle définie dans la fiche société avec un point sur chaque destinataire.
Afficher la carte Google en deux parties avec en haut la carte et en bas Street View s’il est
disponible.
Android et la Google API :
Grâce au système d’exploitation Android implanté sur les terminaux mobiles, il
faudra pour faciliter les routiers créer des applications simples pour se situer sur une carte ou
afficher une tournée en utilisant l’Api Google.
9

Réalisation
a)Géolocalisation :
La géolocalisation étant difficile à mettre en place car il y a eu beaucoup de problèmes
comme la version du navigateur Internet Explorer utilisé sous TALK qui est la 5.0, le JavaScript qui
s’exécute coté client alors que PHP côté serveur,…
Donc on a préférer utiliser le Web-Service de Google qui renvoi directement les coordonnées en
format XML.
On appelle le Web-Service avec ce lien :
http://maps.google.com/maps/api/geocode/xml?address=Auxerre&sensor=true
On peut changer deux paramètres :
-address : on met l’adresse que l’on veut géocoder dans ce format : [Numéro de voie]
[voie] [nom de voie], [code postal], [ville].
-sensor : on peut mettre le paramètre sensor à true ou à false
On indique que l’application utilise un capteur ou non pour déterminer la localisation de
l’utilisateur.
On peut aussi prendre comme format de sortie le JSON en utilisant le lien suivant :
http://maps.google.com/maps/api/geocode/json?address=Auxerre&sensor=true
Voici un exemple de l’adresse géocodé retourné en XML :
10

Les balises les plus importantes que l’on récupère sont :
- où l’on retrouve les coordonnées GPS avec la latitude (balise ) et la
longitude (balise ).
- où l’on retrouve le degré de précision obtenu qui se définit comme ceci :
-"ROOFTOP" indique que le résultat retourné est un géocodage précis.
-"RANGE_INTERPOLATED" indique que le résultat retourné reflète une approximation
usuelle sur la route d’une interpolation entre deux points précis.
- "GEOMETRIC_CENTER" indique que le résultat retourné est le centre géométrique
d’une rue où d’une ville par exemple.
-"APPROXIMATE" indique que le résultat retourné est approximatif.
Le logiciel TALK récupère les valeurs et les enregistre dans la base de donné dans la
table Livraisonbis présenté à la page 26 dans l’annexe.
11

) Affichage d’une adresse :
En utilisant l’API Google Maps, j’ai réalisé une page PHP qui permet d’afficher un destinataire
en envoyant une requête http avec des paramètres GET (x,y,z) indiquant les coordonnées GPS du
lieu et le zoom de la carte.
Lien à envoyer :
http://www.upsilon89.com/pgme/googlemap/affichage.php?x=0.556&y=10&z=10
Avec x (latitude) et y (longitude) coordonnée GPS d’un point, et z le niveau de zoom.
Ce programme interagit sous Talk lorsque l’on souhaite afficher la fiche d’un destinataire ou
permettre de vérifier un point géocoder.
12
Fiche d’un
destinataire
sous Talk
Permet
d’afficher en
plein écran la
carte
Page Web
permettant
d’afficher un
destinataire

Code :
13

c)Placement d’un destinataire :
Pour identifier un dentinaire, nous avons effectué un travail en équipe avec le service
informatique, Thomas et moi. Nous avons put mettre en place un diagramme permettant d’identifier
le destinataire de façon géographique alors que nous pouvions seulement l’identifier
orthographiquement. Le diagramme ci-dessous représente le travail de chacun qui a été interagis.
-Créer par Stéphane Millot et Wasim Chokeir.
-Créer par moi.
-Créer par Thomas.
Si on reprend le diagramme, le géocodage permet de trouver où se trouve les coordonnées GPS de
l’adresse reçue en EDI avec son niveau de précision. Lorsque la distance entre un destinataire déjà
identifié et d’une adresse reçue en EDI qui ont des ressemblances soit sur le nom ou soit sur l’adresse
est trop élevé, on obtient sous Talk l’écran suivant qui permet de valider si c’est le bon destinataire :
14

Position de
l’entreprise
déjà
identifié
Dans le diagramme, le positionnement manuel est effectué par mon programme qui permet
d’afficher un destinataire que l’on désire repositionner. Voici l’interaction de mon programme avec
Talk :
Bouton
permettant
d’enregistrer
la position
Adresse de l’entreprise
déjà identifié
Page Web créé
Choix du type de la
carte
Adresse dépolluer
et utiliser pour le
géocodage
On affecte l’adresse reçue en EDI au destinataire déjà identifié
15
Adresse de
l’entreprise
reçue en EDI
Distante entre
l’adresse déjà
identifié et l’adresse
reçue en EDI
Niveau de précision
du géocodage
Position de
l’adresse corrigée
reçue en EDI

Explication du programme :
Les coordonnées sont envoyées en GET. Il suffit de déplacer le marqueur sur la carte pour
repositionner l’endroit précis ou doit être le destinataire. Puis d’appuyer sur un bouton enregistrer
pour enregistrer les coordonnées dans un fichier texte qui est ensuite renvoyé au logiciel talk par un
web service que thomas a créé.
Lien à envoyer :
http://www.upsilon89.com/pgme/googlemap/placer.php?x=0.556&y=10&z=nomfichier&map=1
On peut changer 4 paramètres :
-x : coordonnée en x
-y : coordonnée en y
-z : on indique le nom du fichier où l’on veut enregistrer les coordonnées du point placé.
-map : on choisit l’affichage de la map � 1 correspond à 2/3 map ,1/3 Street View.
2 correspond à 1/3 map,2/3 Street View.
3 correspond à 1/2 map, ½ Street View.
4 correspond à la map afficher en grand et que si on
utilise le Street View il est superposé sur la map.
Dans ce programme on garde le même principe que le programme qui permet d’afficher un
destinataire sauf qu’ on ajoute un marqueur qui se déplace, un formulaire qui permet l’envoie des
coordonnées et on ajoute un Street View avec un affichage différent de la carte.
Pour le marqueur déplaçable on ajoute dans le code :
16

Le formulaire est composé comme ceci :
Pour le Street View :
Dans la fonction initialize() :
- On définit les options du Street View.
- On définit les options de la carte.
- On crée le Street View.
17

Dans le body on définit l’affichage de la carte envoyé en paramètre :
Pour enregistrer les coordonnées dans un fichier txt il suffit de déplacer le marqueur et
d’appuyer sur le bouton .
Enregistrer.php :
C’est un programme qui permet de récupérer les coordonnées et l’enregistrer dans un
fichier texte. Il est appelé depuis le programme placer.php grâce à un formulaire. Elle est
transparente à l’œil de l’utilisateur .
Code :
Pour reprendre les données du fichier il suffit d’appeler la fonction renvoyerPOS () de geo.wsdl.
18

d) Tournée :
Après avoir identifié un destinataire, nous pouvons depuis le logiciel Talk affiché une tournée
théorique d’un chauffeur. En utilisant le web service de Thomas nous pouvons échanger des données
entre Talk et serveur hébergé chez Amen. Ce qui, lors d’un clic depuis Talk, nous pouvons affiché sur
une carte une tournée théorique avec son itinéraire. Nous pouvons aussi enregistrer le nombre de
km et le temps qu’un chauffeur devrait mettre pour effectuer une tournée théorique.
Ainsi nous pouvons accéder directement à la tournée théorique depuis Talk dans la fenêtre suivante :
19

Lors du clic sur le bouton tourné théorique, nous obtenons sur un navigateur Web ceci :
Donnée que l’on peut enregistrer
20
Tournée théorique
du chauffeur
Itinéraire

Explication technique :
Ce programme est le plus conséquent il est composé d’environ 1000 lignes. C’est pour cela que nous
n’expliquerons que l’essentiel du programme dans cette partie.
Il faut d’abord appeler la fonction creaCSV() et RempliCSV() de geo.wsdl(web service) pour créer le
fichier CSV et le remplir.
Dans la fonction RempliCSV on doit mettre les paramètres : numéro d’ordre, coordonnée x,
coordonnée y, adresse, Nom d’entreprise.
Ensuite on appel la page PHP :
http://www.upsilon89.com/pgme/googlemap/tournee.php?id=501.csv&rec=1&time=100
On peut définir 3 paramètres GET qui sont :
- id : le nom du fichier qui a été créé grâce à RempliCSV().
- rec : indique si l’on veut ou non enregistrer le nombre de km et le temps.
- time : le temps de livraison, chargement et déchargement nécessaire au routier en plus
du temps de conduite. Il sera rajouté au temps théorique de conduite calculé par Google.
On crée un objet DirectionsRenderer avec des options sur le marqueur qui permet de mettre un
marqueur simple .
On ajoute cet objet à la map.
21

Ensuite on récupère les données du fichier CSV :
On stocke les coordonnées dans une requête avec le format ci-dessous :
- origin : on spécifie le point de départ de l’itinéraire
- destination : on spécifie la fin de l’itinéraire
- waypoints : on spécifie les endroits par lequel on souhaite passer pour arriver
- optimizeWaypoints : on spécifie si l’on veut le chemin le plus court entre les différents
endroits auquel passé. Vu que le routier doit faire sa tournée dans l’ordre qu’elle se
présente, on mettra à FALSE.
- travelMode : on spécifie le mode de voyage. Il y a trois modes : en voiture, à pied ou en
vélo. On choisira la voiture.
Voici comme elle se présente :
22

On appelle la méthode route () avec les arguments requête et une fonction qui prend la
réponse et le statut de la requête. Si le statut est bon, on ajoute la réponse de la requête dans le
moteur de rendu de l’objet DirectionRenderer. C'est-à-dire qu’on ajoute l’itinéraire sur la carte
Google. On stocke aussi dans une variable route, toutes les données qui permet de savoir le temps, le
nombre de km,… de l’itinéraire.
Puisque l’on est limité à 10 points dans un itinéraire et que une tournée d’un chauffer peut
avoir jusqu’à une trentaine de destinataire, on est obligé d’effectuer ceci plusieurs fois en fonction
du nombre de ligne de fichier.
J’ai aussi ajouté un tableau en HTML qui permet de retracer l’itinéraire parcourue du
chauffeur comme on le voit sur l’image à la page 20.
23

e)Android :
Après avoir fini les sujets qui nous étaient donnés, Thomas et moi, nous avons put nous
consacrer sur le système d’exploitation Android. Nous avons créé une application qui a pour but de
retracer la tournée réel d’un chauffeur et d’afficher sa position. Thomas c’est consacré sur la partie
interfaçage graphique, moi je me suis occupé de la partie programmation pour afficher un
destinataire ou une tournée réelle.
Pour afficher la tournée réelle j’ai choisi d’utiliser les fichiers kml qui permettent la
modélisation et le stockage de caractéristiques géographiques comme les points, les lignes, les
images, les polygones et les modèles pour l'affichage sur des applications comme GoogleMaps.
J’ai choisi d’utiliser Google Earth pour l’utilisation du fichier kml qui permet d’avoir une
meilleure vue sur une tourné. Voici un exemple de tournée réelle d’un chauffeur lors d’un test de
l’application sous android :
On peut ainsi la comparer avec la tournée théorique de la page 20.
24

Conclusion
Tout au long de ce stage, j’ai pu approfondir mes connaissances et acquérir de l’expérience.
J’ai pu ainsi avoir un aperçu du monde de travail et de toutes ses contraintes. Que ce soit les
contraintes de temps, des problèmes découvert lors de test de l’utilisateur et les mises à jour
d’applications qui doivent être transparentes à l’utilisateur. J’ai pu aussi apprendre en assistant aux
réunions comment on peut débattre sur un sujet ou former des utilisateurs.
Concernant le sujet, j’ai permis à l’entreprise d’améliorer différents points comme
l’affectation d’un destinataire à une seule adresse précise, l’aide aux nouveaux chauffeurs en leur
donnant l’itinéraire à effectuer, et aussi découvrir Google et sa force dans le monde de l’Open Source
comme Android. Grâce à Android, avec la collaboration de Thomas, nous pouvons désormais
comparer une tournée théorique que j’ai mise en place avec une tournée réelle d’un chauffeur. Mais
aussi de pouvoir connaître les positions de tous les chauffeurs à un instant donné lorsque l’entreprise
a besoin de contacter le plus proche chauffeur d’un nouvel enlèvement de colis non transmis d’un
destinataire lors de son départ.
Tout ce que j’ai effectué est déjà mis en place dans leur logiciel et disponible aux utilisateurs.
Il ne reste juste les tournées théoriques qui ne sont toujours pas utilisées puisqu’il faut tout d’abord
géolocaliser tout leurs destinataires.
Grâce au personnel de l’entreprise et leur accueil, j’ai pu effectuer un stage enrichissant et
varié. J’ai pu aussi confirmer que l’informatique constitue un domaine où j’aimerais poursuivre mes
études.
25

ANNEXE
On travaillera sur les tables suivantes pour dépolluer et retrouver les adresses.
Livraison
Cle
Destinataire
Adresse1dest
Adresse2dest
Codepostal
Clecommuneville_liv
Livraisonbis
Cle
clelivraison
Cledestinataire
Gpstype
Gpsposition
gpsprecision
Destinataire
Cle
Nom
Numvoie
Cletypevoie
Nomvoie1
Nomvoie2
Clecommune
Lieudit
Gpsposition
gpsPrecision
26
Destalias
Cle
Cledestinataire
Nom
Typevoie
Cle
Nomvoie
Nomgoogle
Typevoiealias
Cle
Cletypevoie
Nomvoie

Microsoft Visual Fox Pro
Lors de mon stage j’ai eu la chance d’utiliser l’environnent Microsoft Visual Fox Pro. J’ai créé un
programme permettant de dépolluer une adresse et la formaté. Par exemple si on prend une adresse
comme « tel :03.85.72.05.62 , 2 avenue de paris » , le programme va supprimer le
« tel :03.85.72.05.62 » et enregistrer dans le champ numéro de voie : « 2 » , dans le champ type de
voie : « avenue » et dans le champ nom de voie : « de paris ».
Voici l’Algorithme que j’ai créé et mise en place sous Visual Fox Pro
Fonction dépollution{
Adress=adress1dest+adress2 dest;
On met tout en majuscules.
// maintenant on enlève la ponctuation :
Si dans adress il y a des . , ‘, ‘, :, / ou ; suivi d’un espace on supprime la ponctuation.
Si dans adress il y a des . , ‘, ‘, :, / ou ; on le remplace par un espace.
// maintenant on identifie le type de voie :
On compare a travers la table type voie alias le champ nom voie avec l’adresse si on trouve
un nom voie correspondant on récupère clé typevoie et on le remplace par le Nom voie de la table
typevoie .On met le nom voie dans la variable type_voie .
bdd.
Si on ne trouve rien on vérifie par l’homme. Si un nouveau nom de voie on le rajoute dans la
Si rien , on ajoute le point à la main via google map …
Si il y des caractères dans la variable type voie{
On compare a travers la table adresse supprime, si on trouve un nom supprime que
l’on renvoi ensuite dans une variable nom supprime{
Si cela est après type voie {
On supprime tout le reste avec Zi,ZA,….
} Sinn on garde
27

}
}
Si il y a TEL : ,TEL après type voie{
On supprime tout le reste avec tel
Si il y a type_voie on appelle fonction format
Fonction format {
Si chiffre avant type voie et qu’il y a 5 chiffre au maximum suivant un espace on met
numvoie égal au chiffre et on le supprime de adress{
Si il y a un lieu dit{
}Sinon {
}
Si lieu dit avant type voie{
}
Sinon {
On prend le texte entre les deux que l’on met dans lieudit
On met le texte après type_voie dans la variable nomvoie1 ;
On prend le texte entre les deux que l’on met dans nomvoie1
On met le texte après lieudit dans la variable nomvoie1 ;
On met le texte après type_voie dans la variable nomvoie1 ;
}Sinon on supprime tout les chiffres .
28