IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[Article] L'API géolocalisation en HTML5


Sujet :

JavaScript

  1. #1
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Points : 3 511
    Points
    3 511
    Par défaut [Article] L'API géolocalisation en HTML5
    Bonjour,

    Voici un article présentant l'API géolocalisation en HTML5.

    L'API geolocalisation en HTML5

    Bonne lecture!

    N'hésitez pas à faire part de vos remarques, questions et encouragements à la suite de ce message.

    Merci.

  2. #2
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Bonjour,

    J'ai toujours eu du mal à voir le rapport direct entre le HTML5 et cette API de géolocalisation.

    Sur la page de démo, il est d'ailleurs étonnant de constater que :

    - le doctype est HTML 4.01 Transitional
    - il n'y a pas de balise HTML5
    - il n'y a pas d'attribut HTML5


    Autant je vois le rapport avec le HTML5 pour les API qui utilisent les balises canvas, video, audio,... ou qui combinent avec les attributs contenteditable, draggable, etc...
    Autant, là, avec la géolocalisation, je ne vois pas.

    Si quelqu'un peut m'éclairer, je lui en serai reconnaissant.

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Citation Envoyé par c_s_s Voir le message
    Autant je vois le rapport avec le HTML5 pour les API qui utilisent les balises canvas, video, audio,... ou qui combinent avec les attributs contenteditable, draggable, etc...
    Autant, là, avec la géolocalisation, je ne vois pas.
    L'API géo-localisation est une API HTML 5 développé séparément http://www.w3.org/TR/geolocation-API/
    Je ne réponds pas aux questions techniques par MP.

  4. #4
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Ok. Il n'y a pas vraiment de questions à se poser. C'est une API HTML5, et puis c'est tout.
    Merci pour le lien. Je vais me renseigner plus en détail sur le sujet.

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Citation Envoyé par c_s_s Voir le message
    Ok. Il n'y a pas vraiment de questions à se poser. C'est une API HTML5, et puis c'est tout.
    C'est une solution de géo-localisation native apporté par HTML 5, Il n'y a rien de compliquer (et il suffit de lire la spec)

    Dans cet article, Jérôme nous explique comment exploiter cette API.
    Je ne réponds pas aux questions techniques par MP.

  6. #6
    Candidat au Club
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 3
    Points : 3
    Points
    3
    Par défaut
    Bonjour,

    Tout d'abord merci pour cet excellent tutoriel ornitho13 ! Il a le mérite d'être exhaustif et de reprendre les vraies spécifications du W3C

    Effectivement l'HTML5 ne se limite (heureusement !) pas à de nouvelles balises HTML, et la majorité des nouvelles fonctionnalités qu'il apporte vient de l'API Javascript qui a profondément été enrichie.

    Sinon, concernant le tutoriel, il aurait peut-être été intéressant d'aborder rapidement la manière dont tu as réalisé la version Google Maps, bien que cela sorte légèrement du contexte.

    Pour ceux qui souhaiteraient tout de même arriver à ce résultat je me permet de proposer la lecture d'un tutoriel sur l'API Google Maps avec la géolocalisation HTML5 réalisé par mes soins, qui peut éventuellement venir en complément au tutoriel d'ornitho13.

    L'avenir est à l'HTML5, c'est le moment d'en apprendre le plus possible

  7. #7
    Membre éclairé

    Profil pro
    Inscrit en
    Février 2010
    Messages
    119
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 119
    Points : 777
    Points
    777
    Par défaut
    en fait, la spec de géolocalisation a été déplacée de HTML5 vers sa propre spec. Techniquement parlant elle n'en fait plus partie, mais le mot HTML5 étant quelque peu sur-utilisé ces temps ci, ça n'est pas bien grave de l'y associer

    une chose importante à corriger dans la conclusion : la géolocalisation par navigateur est souvent meilleure que la géolocalisation par IP, même sur les navigateurs qui ne sont pas sur un mobile avec GPS, car ça utilise Google Location Services sur firefox, Chrome et Safari (voir http://www.mozilla.com/fr/firefox/geolocation/)

    En résumé : si une Google Car (les voitures qui prennent les photos de Streetview) est passée dans la rue (ce qui doit couvrir la majorité de la population française), et que votre PC a une antenne wifi (même éteinte), alors la localisation sera très précise.
    En fallback ils utilisent l'IP

  8. #8
    Candidat au Club
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 3
    Points : 3
    Points
    3
    Par défaut
    Très intéressant, je ne pensais pas que Google avait un rôle derrière ce service de géolocalisation.
    Ça explique pourquoi il arrive qu'une coordonnée de géoloc trouvée en Wifi soit parfois extrêmement précise.
    Merci de cette info

  9. #9
    Membre régulier
    Homme Profil pro
    Webmaster
    Inscrit en
    Septembre 2007
    Messages
    105
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Septembre 2007
    Messages : 105
    Points : 114
    Points
    114
    Par défaut
    Vraiment dommage que IE9 n'ait pas cette fonctionnalité. Il reste toujours l'option de chrome frame.

  10. #10
    Membre actif
    Homme Profil pro
    Consultant fonctionnel
    Inscrit en
    Septembre 2009
    Messages
    114
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Consultant fonctionnel

    Informations forums :
    Inscription : Septembre 2009
    Messages : 114
    Points : 254
    Points
    254
    Par défaut
    Citation Envoyé par Jonathan Verrecchia Voir le message
    Très intéressant, je ne pensais pas que Google avait un rôle derrière ce service de géolocalisation.
    Ça explique pourquoi il arrive qu'une coordonnée de géoloc trouvée en Wifi soit parfois extrêmement précise.
    Merci de cette info
    Je m'interroge d'ailleurs sur la légalité de la collecte de ces données. Pour ma part, j'ai été très précisément localisé à mon domicile lorsque je me suis positionné sur Google Maps avec mon Wifi.

    Mais que fait la CNIL?

  11. #11
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2005
    Messages : 45
    Points : 63
    Points
    63
    Par défaut
    tu utilises deux variables:
    freshness_threshold et accuracy_threshol, ca correspond à quels valeurs, car dans tes exmples ils ne sont pas cités

    merci

  12. #12
    Membre éclairé

    Profil pro
    Inscrit en
    Février 2010
    Messages
    119
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 119
    Points : 777
    Points
    777
    Par défaut
    Citation Envoyé par TiJean2910 Voir le message
    Je m'interroge d'ailleurs sur la légalité de la collecte de ces données. Pour ma part, j'ai été très précisément localisé à mon domicile lorsque je me suis positionné sur Google Maps avec mon Wifi.

    Mais que fait la CNIL?
    En étant logué sur Maps en utilisant cette fonctionalité, il serait logique de leur part de stocker l'endroit où tu te trouves, voire d'en déduire que c'est là que tu habites, histoire de te servir de la pub localisée plus tard sur tout leur réseau

    la CNIL empêche le recoupement des données sans consentement. Hors tu consens à donner tes infos de géolocalisation

    mais je ne pense pas que la juridiction de la CNIL s'étende à Google : il existe une antenne en France, mais ce n'est pas elle qui détient tes données, c'est Google US.
    Je ne sais plus qui travaillant dans le web-marketing a dit : si vous utilisez un produit gratuitement, il est probable que le produit ça soit vous le produit

  13. #13
    Candidat au Club
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 3
    Points : 3
    Points
    3
    Par défaut
    Citation Envoyé par digital3d Voir le message
    tu utilises deux variables:
    freshness_threshold et accuracy_threshol, ca correspond à quels valeurs, car dans tes exmples ils ne sont pas cités
    Dans la fonction du tutoriel, accuracy_threshold correspond à la précision que tu considères comme valable. Par exemple si l'on veut une précision très fine (avec un GPS par exemple), cette valeur pourrait valoir 20 ce qui correspond à 20 mètres.

    freshness_treshold correspond au timestamp que l'on considère comme étant suffisamment récent. C'est donc à toi de définir ce timestamp, soit de manière statique ("seules les coordonnées obtenues après le 07-10-2010 sont valides") soit de manière dynamique ("seules les coordonnées datant de moins de 3 jours sont valides"). Mais dans ce second cas il est plus intéressant d'utiliser directement le timeout, qui définit la durée de validité des coordonnées de géolocalisation.

    Dans tous les cas ces variables ne sont pas le coeur du fonctionnement de la géolocalisation, donc ne perd pas trop de temps dessus

  14. #14
    Membre habitué
    Inscrit en
    Août 2008
    Messages
    117
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Août 2008
    Messages : 117
    Points : 139
    Points
    139
    Par défaut
    Merci, chapeau

  15. #15
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    dans le § http://debray-jerome.developpez.com/...-en-html5/#LIV, il c'est glissé un coquille dans la liste des valeurs retournées est disponibles dans coords
    • latitude, la latitude de la position ;
    • longitude, la longitude de la position ;
    • altitude, l'altitude de la position ;
    • accuracy, niveau de précision de la longitude et de la latitude (en mètre) ;
    • altitudeAccuracy: niveau de précision de l'altitude (en mètre) ;
    • heading, donne la position en degré par rapport au nord ;
    • latitude, affiche la vitesse actuelle de déplacement de la position (en mètre).
    il s'agit plutôt de speed.

Discussions similaires

  1. Fonctionnement de l'API Géolocalisation HTML5
    Par ojalic dans le forum Balisage (X)HTML et validation W3C
    Réponses: 0
    Dernier message: 30/10/2014, 14h29
  2. [API HTML5] [Article] L'API HTML5 de contrainte de validation
    Par Bovino dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 04/01/2013, 18h34
  3. [HTML 5] L'API géolocalisation en HTML5
    Par ornitho13 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 13
    Dernier message: 15/11/2010, 01h53
  4. [HTML5] l'API géolocalisation
    Par ornitho13 dans le forum Contribuez
    Réponses: 4
    Dernier message: 07/08/2010, 09h54
  5. [Dojo] [INFO] Suite de l'article "Les API EditGrid "
    Par emmanuel.remy dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 30/04/2009, 15h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo