{"id":272,"date":"2009-03-29T01:30:50","date_gmt":"2009-03-28T23:30:50","guid":{"rendered":"http:\/\/www.gatellier.be\/blog\/?p=272"},"modified":"2009-04-18T16:47:11","modified_gmt":"2009-04-18T14:47:11","slug":"appeler-numero-telephone-page-html-mobile","status":"publish","type":"post","link":"https:\/\/gatellier.be\/blog\/appeler-numero-telephone-page-html-mobile\/","title":{"rendered":"Appeler un num\u00e9ro d&#8217;une page html depuis son mobile."},"content":{"rendered":"<p>J&#8217;ai r\u00e9cemment fait l&#8217;acquisition d&#8217;un HTC Touch HD avec lequel je m&#8217;amuse un petit peu.<\/p>\n<p>Le <strong>navigateur mobile<\/strong> que je pr\u00e9f\u00e8re est <a href=\"\/\/www.torchmobile.com\/download\/\" hreflang=\"en\" title=\"T\u00e9l\u00e9charger le browser mobile Iris\"><strong>Iris de Torch Mobile<\/strong><\/a>, bas\u00e9 sur le moteur Webkit (le m\u00eame moteur que l&#8217;iPhone). J&#8217;attends impatiemment <a href=\"\/\/www.mozilla.org\/projects\/fennec\/1.0b1\/releasenotes\/\" hreflang=\"en\" title=\"page d'info\">Mozilla Fennec<\/a> ou une version stable et gratuite d&#8217;<a href=\"\/\/www.opera.com\/mobile\/\" hreflang=\"en\" title=\"t\u00e9l\u00e9charger\">Opera Mobile<\/a>.<\/p>\n<p>Gr\u00e2ce \u00e0 Iris, je peux suivre mes r\u00e9seaux sociaux d&#8217;o\u00f9 que je puisse me trouver.<\/p>\n<p>L&#8217;un d&#8217;entre eux (Facebook) a bien int\u00e9gr\u00e9 la possibilit\u00e9 de pouvoir appeler directement num\u00e9ro de t\u00e9l\u00e9phone sur une page html.<\/p>\n<h3>Exemple 1&nbsp;: Facebook Mobile<\/h3>\n<div id=\"dottel_2\">\n<p>Disponible au t\u00e9l\u00e9chargement sur Vim\u00e9o: <a href=\"\/\/vimeo.com\/3897666\">Demo of the TEL URI protocol #1: Facebook<\/a><\/p>\n<\/div>\n<p><script type=\"text\/javascript\"> \naddEvent(window,\"load\",function(){\n\tvar so = new SWFObject(\"\/\/vimeo.com\/moogaloop.swf?clip_id=3897621&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1\", \"dottel2\", \"480\", \"800\", \"9\", \"#ffffff\");\n\t\tso.addParam(\"wmode\", \"transparent\");\n\t\tso.addParam(\"allowfullscreen\", \"false\");\n\t\tso.addParam(\"allowscriptaccess\", \"always\");\n\t\tso.write(\"dottel_2\");\n});\n<\/script><\/p>\n<p>Je me rends sur le profil d&#8217;un compte de test Facebook qui contient un num\u00e9ro de t\u00e9l\u00e9phone d\u00e9fini, je clique sur le num\u00e9ro, et <strong>la communication t\u00e9l\u00e9phonique s&#8217;initialise&nbsp;!<\/strong><\/p>\n<h3>Exemple 2&nbsp;: les pages .tel<\/h3>\n<p>Le <strong><abbr title=\"Top Level Domain\">TLD<\/abbr> .tel<\/strong> vient d&#8217;\u00eatre lib\u00e9r\u00e9 et donc tout le monde peut, d\u00e8s \u00e0 pr\u00e9sent, enregistrer son domaine .tel.<\/p>\n<h5>Qu&#8217;offre un domaine .tel&nbsp;?<\/h5>\n<p><cite title=\"\/\/telnic.org\/fra\/faq.html\">&#8220;.tel est un service permettant aux particuliers et aux entreprises de stocker et de g\u00e9rer toutes leurs coordonn\u00e9es et leurs mots-cl\u00e9s, directement dans le DNS, sans avoir \u00e0 concevoir, h\u00e9berger ni g\u00e9rer de site Web.&#8221;<\/cite><\/p>\n<p>En th\u00e9orie, c&#8217;est all\u00e9chant. Via mon navigateur mobile (et pourquoi pas associ\u00e9 avec un <a href=\"\/\/www.gatellier.be\/blog\/code-qr-code-barre-2d\/\">code QR<\/a>&nbsp;?), je saisis l&#8217;adresse .tel d&#8217;une personne\/entreprise et je pourrais \u00eatre \u00e0 m\u00eame de lui t\u00e9l\u00e9phoner directement.<\/p>\n<div id=\"dottel_1\">\n\tDisponible au t\u00e9l\u00e9chargement sur Vim\u00e9o: <a href=\"\/\/vimeo.com\/3897621\">Demo of the TEL URI protocol #2:  dot.tel page<\/a>\n<\/div>\n<p><script type=\"text\/javascript\"> \naddEvent(window,\"load\",function(){\n\tvar so = new SWFObject(\"\/\/vimeo.com\/moogaloop.swf?clip_id=3897666&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1\", \"dottel1\", \"480\", \"800\", \"9\", \"#ffffff\");\n\t\tso.addParam(\"wmode\", \"transparent\");\n\t\tso.addParam(\"allowfullscreen\", \"false\");\n\t\tso.addParam(\"allowscriptaccess\", \"always\");\n\t\tso.write(\"dottel_1\");\n});\n<\/script><\/p>\n<p>Je me rends sur une page .tel, je clique sur le num\u00e9ro de t\u00e9l\u00e9phone et j&#8217;ai une erreur &#8220;<strong>l&#8217;url n&#8217;emploie pas un protocole reconnu<\/strong>&#8221;&nbsp;!!!<\/p>\n<h3>Le code pour t\u00e9l\u00e9phoner d&#8217;une page html depuis un mobile.<\/h3>\n<h4>Le pseudo-protocole <code>callto:<\/code><\/h4>\n<p>Il est employ\u00e9 par beaucoup (Skype, NetMeeting, &#8230;) mais n&#8217;est pas enregistr\u00e9. En fait, il est <cite title=\"Dan Connolly\">&#8220;<a href=\"\/\/lists.w3.org\/Archives\/Public\/uri\/2005Dec\/0001.html\" title=\"description du pseudo protocol callto sur une mailing liste W3.org\">Une r\u00e9invention de la roue<\/a>&#8220;<\/cite>.<\/p>\n<p>Comme ce protocole n&#8217;est pas d\u00e9fini, les d\u00e9veloppeurs de navigateurs sont libres de faire un peu ce qu&#8217;ils veulent.<\/p>\n<p>C&#8217;est le protocole qu&#8217;utilisent les <a href=\"\/\/emma.tel\/\" hreflang=\"en\">pages .tel<\/a>&nbsp;:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;a class=&quot;data&quot; title=&quot;callto:+12125551234&quot; href=&quot;callto:+12125551234&quot;&gt;+12125551234&lt;\/a&gt;\r\n\r\n\r\n<\/pre>\n<p>Ce code marche bien pour les navigateurs ayant Skype ou NetMeeting, mais sur une page vue <strong>sur un mobile<\/strong>&#8230;<\/p>\n<p><strong>Solution<\/strong>&nbsp;: servir un contenu diff\u00e9rent pour les navigateurs mobiles et desktop<\/p>\n<h4>Le standard existants: le protocole <code>tel:<\/code><\/h4>\n<p>La <abbr title=\"Request for Comments\">RFC<\/abbr>3966, intitul\u00e9e <span lang=\"en\">&#8220;The tel <abbr title=\"Uniform Resource Identifier\">URI<\/abbr> for Telephone Numbers&#8221;<\/span> (ou l&#8217;URI tel pour les num\u00e9ros t\u00e9l\u00e9phoniques) nous \u00e9claire.<\/p>\n<p>Le protocole a employer est <strong><code>tel:<\/code><\/strong>. Il sera suivi du num\u00e9ro de t\u00e9l\u00e9phone (avec quelques contraintes).<\/p>\n<p>C&#8217;est le code employ\u00e9 par la version iPhone de Facebook&nbsp;:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;a class=&quot;listButton&quot; href=&quot;tel:+320123456789&quot;&gt;Call +320123456789&lt;\/a&gt;\r\n\r\n\r\n<\/pre>\n<p>Le protocole <code>tel:<\/code> permet donc de passer un coup de fil rapidement et sans probl\u00e8mes&nbsp;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quel protocole employer pour que les liens contenants un num\u00e9ro de t\u00e9l\u00e9phone puissent \u00eatre employ\u00e9s dans son navigateur mobile?<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[87,50,11],"tags":[130,132,135,133,134,128,129,131],"class_list":["post-272","post","type-post","status-publish","format-standard","hentry","category-browsers","category-gsm","category-usability","tag-callto","tag-facebook","tag-htc-touch-hd","tag-iphone","tag-iris","tag-mobile","tag-protocol","tag-tel"],"_links":{"self":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":0,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/272\/revisions"}],"wp:attachment":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/categories?post=272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/tags?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}