Pages pour mobiles

Le plugin « Pages pour mobiles » est très proche de « cimobile »: comme lui, il détecte les téléphones mobiles. Par contre, il les aiguille vers des pages de squelettes correspondantes quand elles existent (et non pas vers un jeu de squelettes correspondant comme « cimobile »).

Le but de ce plugin est de détecter le type de périphérique utilisé pour naviguer, puis de le rediriger (aiguiller) vers la page la plus adaptée si elle existe.

À l’instar de son modèle, ce plugin ne fournit aucun squelette ! Il ne sert qu’à détecter un mobile et à l’aiguiller vers la meilleure page possible.

Ce sera donc à vous de concevoir les pages adaptées en fonction de vos besoins.

Compatibilité et installation

Pages pour mobiles est compatible avec SPIP 3 et plus récent. Donc pour l’installer, le plus simple est de passer par l’interface de récupération et d’installation automatisée de SPIP 3.

Il est bien sûr toujours possible d’installer le plugin à la main en suivant cette procédure: Installer un plugin et en utilisant la dernière version du paquet référencée sur http://plugins.spip.net/pages_mobil....

Comme Pages pour mobiles inclus une partie de ce qui a été programmé pour cimobile, il est publié sous la même licence: Creative Commons BY-NC-SA.

Détection du type de périphérique de navigation

Pages pour mobiles reprend quasiment à l’identique la procédure de détection du mobile (type de périphérique de navigation) du plugin cimobile.

Cette détection se fait à chaque hit sur une page et en plusieurs étapes afin de limiter la charge du serveur:

  1. vérification de l’URL (le paramètre &pages_mobiles=nom_type_ou_groupe_mobile peut être passé dans l’URL)
  2. vérification du cookie (nommé pages_mobiles aussi)
  3. vérification rapide du user agent pour Firefox et Internet Explorer
  4. vérification étendue du user agent.

La vérification étant faite à chaque hit, Pages pour mobiles dépose un cookie dès la première détection, pour ne pas avoir à refaire une vérification exhaustive à chaque fois. Voir aussi la doc technique de cimobile : pdf/description_du_plugin_cimobile_110726.pdf

Redirection vers la meilleure page du squelette

Le plugin se différencie de cimobile sur la philosophie de la redirection : cimobile permet de rediriger vers un jeu de squelettes complet.

Alors que Pages pour mobiles ne redirige que vers la meilleure page et uniquement si elle existe. Cela évite d’avoir à développer un jeu de squelettes complet pour mobile et de ne pouvoir se concentrer que sur certaines pages.

Prenons un exemple concret: pour votre site vous avez développé un squelette de la page des articles spécifiquement pour les téléphones mobiles. Pour que Pages pour mobiles puisse en tenir compte et aiguille correctement le visiteur en fonction du type d’appareil qu’il utilise, il faut nommer ce squelette spécifique article.html (comme la page article normale), et le placer dans un sous-répertoire du dossier squelettes nommé mobile.

Ainsi, quand le visiteur de votre site cherche à voir un article, Pages pour mobiles détermine avec quel type d’appareil il navigue.

  • Si c’est un navigateur normal (d’ordinateur) il l’aiguille vers la page article.html normale qui est à la racine du répertoire de vos squelettes.
  • Si il navigue avec un mobile, Pages pour mobiles l’aiguille vers la page article.html placée dans le sous-répertoire mobile si elle existe (sinon il renvoie la page article.html normale placée à la racine du répertoire des squelettes).

Là où ça devient plus subtil, c’est que vous pouvez aussi vouloir une page article spécifique pour un appareil mobile particulier. Par exemple un ipad. Il vous suffit alors de placer ce squelette spécifique des ipad dans le sous-répertoire de votre squelette nommé ipad.

Votre dossier squelettes va alors contenir au moins:

  • ipad/
    • article.html
  • mobile/
    • article.html
  • article.html
  • autres fichiers à la racine

Le résultat sera le suivant:

  • si l’utilisateur utilise un ordinateur, il sera aiguillé vers le squelette article.html normal (à la racine du répertoire des squelettes)
  • si l’utilisateur utilise un ipad, il sera aiguillé vers le squelette article.html spécifique des ipad (placé dans le sous-répertoire ipad)
  • si l’utilisateur utilise un autre périphérique mobile, il sera aiguillé vers le squelette article.html pour les mobiles en général (placé dans le sous-répertoire mobile).

Ainsi on peut avoir quelque chose comme ça:

  • blackberry/
    • article.html
    • recherche.html
  • mobile/
    • article.html
  • tablettes/
    • sommaire.html
  • windowsphone7/
    • trucmuche.html

C’est à dire avec une page article spécifique pour Blackberry et une autre pour les mobiles en général, une page recherche spécifique pour Blackberry, une page trucmuche pour Windows Mobile 7, et une page sommaire que pour les tablettes.

Liste des sous-répertoires possibles

Pages pour mobiles va chercher les squelettes affichables dans des sous-répertoires du dossier squelettes qui dépendent du type de périphérique de navigation utilisé. Ces sous-répertoires sont nommés à partir des types de mobiles et des groupes de mobiles institués par le plugin cimobile.

  • types de mobiles:
    • ipod
    • ipad
    • androidtablette
    • android
    • blackberry
    • windowsphone7
    • windowsmobile
    • opera
    • S60
    • symbianos
    • palmwebos
    • nuvifone
    • sonymylo
    • nokiatablette
    • blackberrytablette
    • archos
    • mobile
  • groupe de mobiles:
    • ios_phones
    • smartphones
    • tablettes
    • autres_mobiles

Vous devez donc utiliser ces noms pour ranger vos pages spécifiques pour mobiles. À noter que la sous-répertoire mobile sera générique pour l’ensemble des mobiles en l’absence de répertoire plus spécifique.

Vous pouvez tester vos squelettes en utilisant dans l’URL le paramètre pages_mobiles avec les mêmes dénominations que les sous-répertoires possibles. Par exemple, pour tester l’affichage de l’article 42 sur un mobile Android, vous utiliserez http://votre_url/spip.php?page=article&id_article=42&pages_mobiles=android.

Pour revenir à l’affichage normal, utilisez la valeur “web” (sans guillemets) pour le paramètre pages_mobiles passé dans l’URL. Vous pouvez aussi vider le cookie pages_mobiles de votre navigateur.

Le logo du plugin est issu de nounproject: http://thenounproject.com/noun/appl... il est CC-BY Kyle Klitch.

Grand merci à Equipement pour son plugin cimobile : plugin « détection et aiguillage des téléphones mobiles ».

updated on 2 October 2019

Discussion

Aucune discussion

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom