{"id":752,"date":"2010-06-11T17:10:20","date_gmt":"2010-06-11T15:10:20","guid":{"rendered":"http:\/\/www.laurentbourrelly.com\/blog\/?p=752"},"modified":"2010-06-11T17:10:20","modified_gmt":"2010-06-11T15:10:20","slug":"version-ipad-dun-site-et-autres-considerations-sur-le-web-mobile","status":"publish","type":"post","link":"https:\/\/www.laurentbourrelly.com\/blog\/752.php","title":{"rendered":"Version iPad d\u2019un site et autres consid\u00e9rations sur le Web mobile"},"content":{"rendered":"

\"\"<\/a>L’iPad, la nouvelle tablette num\u00e9rique d\u2019Apple, relance le d\u00e9bat sur le Web mobile.<\/p>\n

Le r\u00e9f\u00e9rencement sp\u00e9cifique au Web mobile est d\u00e9j\u00e0 bien encadr\u00e9, m\u00eame si nous sommes encore aux pr\u00e9mices de ce que va devenir nos habitudes d’utilisation d’internet sur t\u00e9l\u00e9phone mobile, PDA, tablette ou autre smartphone.<\/p>\n

Pourquoi faut-il une version mobile\u00a0?<\/h1>\n

Il est parfois frustrant de pr\u00e9voir une version sp\u00e9cifique au diff\u00e9rents moyens de visualiser une page Web. Cela commence avec le format sp\u00e9cial pour l\u2019impression pour se terminer avec le dernier gadget High Tech \u00e0 la mode qu\u2019est l\u2019iPad.\u00a0 Ne parlons m\u00eame pas des probl\u00e9matiques li\u00e9s aux diff\u00e9rents navigateurs et plus particuli\u00e8rement du terrible Internet Explorer 6.
\nUn site pourrait \u00eatre universel s’il s’en donne les moyens, mais pour la quasi-majorit\u00e9 du Web, l’optimisation est hasardeuse en fonction du support. Il faut se rendre compte que l’accessibilit\u00e9 universelle est un gros chantier pour n’importe quel site; et pourtant il ne faut n\u00e9gliger de mois en moins ce param\u00e8tre. Tout en int\u00e9grant \u00e9videmment les notions de r\u00e9f\u00e9rencement au c\u0153ur de chacune des probl\u00e9matiques.<\/p>\n

Tester la compatibilit\u00e9 avec l\u2019iPad<\/p>\n

Tous les responsables de sites Web sont anxieux de voir comment leur site se comporte face \u00e0 l’invasion iPad.<\/p>\n

Pour les utilisateurs de Safari, le navigateur Apple, il est tr\u00e8s simple de tester son site\u00a0:<\/p>\n

\"\"<\/a><\/p>\n

    \n
  1. Ouvrir les Pr\u00e9f\u00e9rences<\/em> de Safari et aller \u00e0 l\u2019onglet Avanc\u00e9es<\/em> pour cocher la checkbox Afficher le menu D\u00e9veloppement dans la barre de menus<\/em>.<\/li>\n
  2. Dans le menu du haut de l’\u00e9cran, d\u00e9rouler D\u00e9veloppement => Agent Utilisateur => Autre emplacement\u2026<\/em><\/li>\n
  3. Copiez \u2013 collez les lignes suivantes dans la bo\u00eete de dialogue\u00a0et validez.
    \nMozilla\/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit\/531.21.10 (KHTML, like Gecko) Version\/4.0.4 Mobile\/7B334b Safari\/531.21.10<\/span><\/li>\n
  4. Rechargez la page et vous voyez le site comme sur l\u2019iPad.<\/li>\n<\/ol>\n

    Certains plugins ne vont pas fonctionner sur l\u2019iPad\u00a0 (ex\u00a0:Flash). Pour voir ces \u00e9l\u00e9ments, il faut ouvrir les Pr\u00e9f\u00e9rences<\/em> de Safari et aller \u00e0 l\u2019onglet S\u00e9curit\u00e9<\/em> pour d\u00e9cocher la checkbox Activer les modules externes<\/em> du menu Contenu Web<\/em>.
    \nApr\u00e8s avoir recharg\u00e9 la page, les modules qui ne sont pas compatibles sont mis en \u00e9vidence ou la page ne se chargera pas convenablement comme dans le cas de HBO.com qui est enti\u00e8rement con\u00e7u en Flash. Le choix qui s\u2019impose est de passer par     la version mobile<\/a> qui n\u2019est pas des plus affriolantes. Elle fait m\u00eame penser aux heures de gloire des pages Web iMode du d\u00e9but des ann\u00e9es 90. Franchement, \u00e7a fait cloche de proposer une version aussi peu engageante pour utiliser le site sur un joli gadget tel que l\u2019iPad. La r\u00e8gle num\u00e9ro un du r\u00e9f\u00e9rencement pour le Web mobile est d\u2019engager le visiteur dans une exp\u00e9rience utilisateur agr\u00e9able et optimale<\/strong>.<\/p>\n

    \"\"<\/a><\/p>\n