CMS Automne
http://www.automne-cms.org/forum/

Gérer une version mobile de son site avec Automne
http://www.automne-cms.org/forum/viewtopic.php?f=2&t=625		 Page 1 sur 4
Auteur:  dbanon [ Mer Avr 14, 2010 12:42 pm ]
Sujet du message:  Gérer une version mobile de son site avec Automne
Bonjour,

Je souhaite faire une version mobile de mon site qui, selon le sous-domaine, chargera des CSS différentes, affichera ou non des éléments (vidéos, ...). Je ne sais pas si c'est la meilleure façon de faire mais je ne veux pas dupliquer mon contenu pour faire deux sites différents. Cela pourrait faire partie d'un autre fil sur ce forum, vu qu'avec ma façon de faire je dois modifier tous mes modèles (ouf, j'en ai qu'un) et certaines rangées pour prendre en compte mon nouveau domaine. En fait le top serait de pouvoir utiliser un modèle différent pour une page selon le sous-domaine. Enfin bref, je m'égare.
J'ai donc créé un sous-domaine du type http://mobile.monsite.com qui pointe vers la racine de mon site. Jusque là tout fonctionne, sauf que tous mes liens contenus dans mes modèles et mes rangées (de type atm-linx ou type de contenu "lien" dans mes modules polymod) contiennent l'hôte http://www.monsite.com. Ainsi je suis sur http://mobile.monsite.com mais dès que je clique sur un lien, je me retrouve sur le site standard.
Je n'ai pas trouvé le moyen d'écrire les URLs sans le nom de domaine (ex : /web/9-blabla.php au lieu de http://www.monsite.com/web/9-blabla.php).
Est-ce possible dans Automne ? Apparemment les pages sont générées avec le nom du domaine. Peut-on faire autrement ?

Merci !
Auteur:  Sébastien [ Mer Avr 14, 2010 1:09 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Effectivement Automne génère toutes ses pages avec le domaine principal du site. Cela répond à un impératif simple : le contenu peut ainsi être simplement employé dans un flux RSS ou dans un email et pointer vers le site source sans avoir à dupliquer de grand pans du code d'Automne utilisés pour générer les pages ou les flux RSS et les emails.
Aujourd'hui le même code permet de générer tous ces contenus indistinctement de leur destination (page / rss / email, etc.).

Dans ton cas, une solution plus simple serait d'employer une feuille de style spécifique aux mobiles dans ton template à l'aide de l'attribut media="handheld" dans ton tag permettant le chargement de ta feuille de style (cet attribut est aussi supporté par le tag atm-css-tag).
Auteur:  dbanon [ Mer Avr 14, 2010 1:21 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Le problème que je vois avec le feuille de styles c'est que tout le contenu du site est quand même téléchargé (images, ...) même si ensuite on peut masquer ces éléments. C'est pas très grave pour mon site qui n'est pas très lourd, quoi que j'aurais quand même préféré télécharger que ce qui est strictement nécessaire et avoir une URL séparée.
Auteur:  Frank [ Mer Avr 14, 2010 1:24 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Salut Daniel,

C'est pour ton site perso http://www.dbanon.com/ qui tourne sous Automne 4.01 j'imagine ? (mais comment se fait-il qu'il ne soit pas encore listé dans le forum dédié :shock: )

Si l'on s'en tient à la philosophie du W3C, il faut spécifier une feuille de style à destination des mobiles (media="handheld") cf. http://www.w3.org/TR/CSS2/media.html
Tu peux aussi définir des règles comme
Code :
@media handeld {
    img { display:none; }
  }

Dans cette feuille de style tu pourras donc cacher les éléments que tu ne souhaites pas afficher (images, vidéos ou que sais-je)

Je t'invite à tester ton site avec le Mobile OK Checker, l'équivalent du validateur HTML pour le web mobile, et essayer d'améliorer certains points :
http://validator.w3.org/mobile/?docAddr=www.dbanon.com
Auteur:  dbanon [ Mer Avr 14, 2010 1:29 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Bonjour Franck,

Mon site n'est pas listé dans le forum parce que c'est un site personnel de type blog sans grand intérêt :lol:
Ce que je voulais dire pour les CSS, c'est que l'on peut effectivement masquer les images, vidéos ou autres, mais à l'affichage seulement. Ces éléments seront quand même téléchargées depuis le serveur ce qui prendra beaucoup de temps pour rien sur des terminaux sans 3G par exemple. A moins que les navigateurs des vieux téléphones soient super intelligents et analysent la CSS avant de faire les requêtes au serveur, mais j'en doute !
Auteur:  Sébastien [ Mer Avr 14, 2010 1:39 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Je te propose un truc, à l'heure actuelle je n'ai pas encore eu le temps de me pencher sérieusement sur la question des sites mobiles pour Automne.
Un truc qui serait top ce serait d'avoir un module qui permette d'ajouter à Automne les fonctions qui manquent pour pouvoir publier des sites mobiles.

En partant du postulat qu'on ne veux pas avoir à dupliquer le contenu des pages pour gérer le site mobile, on a deux options :
- partir sur ce que tu souhaite et avoir deux versions des pages avec un modèle spécifique pour chaque version.
- faire en sorte que le contenu des pages Automne se transforme pour obtenir une version mobile dès qu'un mobile arrive dessus.

Je peux faire facilement et rapidement un module qui permette de réaliser cette deuxième option mais j'ai besoin que quelqu'un m'aide à en définir le fonctionnement.

Comme point de départ, imagine un tag de ce type :
Code :
<atm-mobile-skip> ... </atm-mobile-skip>

Ce tag permettrai coté serveur de ne pas envoyer le contenu qui se trouve à l'intérieur du tag au client si il s'agit d'un terminal mobile.

On pourrait aussi imaginer son contraire :
Code :
<atm-mobile-only> ... </atm-mobile-only>

Qui n'enverrai le contenu que si il s'agit d'un terminal mobile.
etc.

Que pense tu de cette solution ? est ce qu'elle te semble couvrir tous tes besoins, et sinon, que manque t'il ? et enfin, question la plus délicate, comment puis je savoir coté serveur que je suis face à un mobile ?
Auteur:  dbanon [ Mer Avr 14, 2010 1:58 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Je pense que le top du top serait un mélange des deux solutions.
Créer des modèles de page spécifiques pour mobile serait sûrement plus propre et plus simple à maintenir que des modèles contenant des tags du type <atm-mobile-*>. On aurait vraiment un modèle pour un affichage.
En revanche côté rangées, ce que tu proposes me parait tout simplement génial. Il serait alors possible de construire la rangée différemment selon qu'on est sur un mobile ou non. On pourrait ainsi ne pas renvoyer tout ce qui est lourd genre plugins, vidéos, envoyer des miniatures d'image plutôt que des grosses images, ...
A mon avis avec cette base là, on pourrait déjà faire énormément de choses.
Ensuite pour ce qui est de la détection du mobile côté serveur, je pense que le seul moyen est de travailler avec le user agent. D'un côté je n'aime pas trop ce genre de choses car on n'est jamais sûr d'être exhaustif sur les navigateurs, mais y a-t-il vraiment moyen de faire différemment ?
De plus, est-ce qu'avec ce système de user agent on ne pourrait pas étendre les tags que tu proposes avec des <atm-mobile-operamini> ou <atm-mobile-webkit> ou que sais-je encore pour ne toucher qu'un navigateur précis ? Je ne sais pas si ça serait vraiment utile (chaque navigateur mobile à ses spécificités, mais à mon avis tout se joue dans la CSS) mais ça vaut peut-être le coup d'y penser.
En tout cas une fonction pareille dans Automne serait un vrai plus (encore un ?) par rapport aux autres CMS et offrirait une flexibilité énorme sans avoir à dupliquer son contenu.

EDIT : apparemment ça se fait beaucoup le user agent côté serveur. Voir http://detectmobilebrowsers.mobi/ par exemple.
Auteur:  Sébastien [ Mer Avr 14, 2010 2:19 pm ]
Sujet du message:  Re: Liens relatifs et absolus
ok, on avance :) Faire une distinction du modèle de page en fonction du type de navigateur ou du site me semble assez délicat par contre ... et l'impact sur le noyaux est autrement plus important. Là ça dépasse de loin le simple module :?

et si on pouvais mettre les deux modèles dans un seul ?

avec une construction comme ça :
Code :
<atm-mobile-skip>
   <html>
      <head>
         <title>Template de page</title>
      </head>
      <body>
         <atm-clientspace id="center" />
      </body>
   </html>
</atm-mobile-skip>
<atm-mobile-only>
   <html>
      <head>
         <title>Template mobile</title>
      </head>
      <body>
         <atm-clientspace id="center" />
      </body>
   </html>
</atm-mobile-only>


Si les deux clientspaces ont le même id, ils partageront (normalement) le même contenu. ça nous fait bien deux zones de code bien distinctes (une pour les pages, l'autre pour les mobiles) dans un unique modèle. Et ensuite il est possible aussi d'employer ces deux tags dans les rangées pour adapter le contenu renvoyé en fonction du contexte.

Qu'en pense tu ?
Auteur:  dbanon [ Mer Avr 14, 2010 2:27 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Ah ben oui, ce système permet de se passer des "deux modèles pour une page" compliqué à mettre en place et fait exactement la même chose !
A mon avis c'est parfait :lol:
Auteur:  Sébastien [ Mer Avr 14, 2010 2:39 pm ]
Sujet du message:  Re: Liens relatifs et absolus
en plus je viens de tester la duplication de clientspace et ça fonctionne presque (à quelques petites erreurs prêt :P).

donc maintenant faut trouver une méthode fiable pour détecter le mobile coté serveur à l'aide de son user-agent. Tu connais un endroit ou je peux trouver une liste de user-agent ou quelque chose de ce genre pour faire ce type de détection (j'suis sur un autre projet un poil urgent à coté) ?
Auteur:  Sébastien [ Mer Avr 14, 2010 2:49 pm ]
Sujet du message:  Re: Liens relatifs et absolus
j'avais pas vu ton lien dans ton edit ci-dessus. Merci, je regarde ça :D

Seb
Auteur:  Sébastien [ Mer Avr 14, 2010 2:52 pm ]
Sujet du message:  Re: Liens relatifs et absolus
La solution de http://detectmobilebrowsers.mobi est bonne mais je ne peux pas employer leur code car il n'est pas libre ... :?
Auteur:  dbanon [ Mer Avr 14, 2010 2:54 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Alors j'ai trouvé ça : http://detectmobilebrowsers.mobi/ avec un lien pour télécharger le code source ici : http://detectmobilebrowsers.mobi/mobile ... detect.zip
Je sais pas trop ce que ça vaut par contre.
Là y a une liste (mais alors pour s'y retrouver merci...) : http://www.zytrax.com/tech/web/mobile_ids.html
Et sur wiki : http://en.wikipedia.org/wiki/List_of_us ... ile_phones

Le problème c'est qu'on trouve des listes de user agents par modèle de téléphone. Il faudrait plutôt arriver à trouver une liste de navigateurs mobile, ça serait plus simple après de s'en sortir !
Auteur:  dbanon [ Mer Avr 14, 2010 2:58 pm ]
Sujet du message:  Re: Liens relatifs et absolus
Rhaa mince pour detectmobilebrowsers...
Y a des trucs ressemblants ici : http://mobiforge.com/developing/story/l ... ection-php
Bon je cherche un truc sérieux et open-source, au lieu de balancer plein de liens en vrac, ça sera mieux !
Auteur:  Sébastien [ Mer Avr 14, 2010 5:09 pm ]
Sujet du message:  Re: Gérer une version mobile de son site avec Automne
J'ai trouvé là : http://code.google.com/p/phpbrowscap/

C'est basé sur browscap (http://fr2.php.net/manual/fr/function.get-browser.php) mais ça ne dépends pas de la conf PHP du serveur et c'est GPL. La mise à jour de la base de user-agent sera très simple.

Je fais quelques tests et je te montre ce que ça donne pour que tu puisse tester sur ton site. Si ça fonctionne bien on en fera un module à télécharger sur le site.

Seb
Page 1 sur 4 Le fuseau horaire est UTC [Heure d’été]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/