Blog

Plugin iSPIP : un squelette SPIP pour l’iPhone

un plugin SPIP d’après le squelette "Mobile-SPIP", optimisé pour l’iPhone/iPod Touch

Tags : , ,

Le plugin iSPIP est un squelette alternatif adapté à l’iPhone et à l’Ipod Touch qui s’installe sur votre site SPIP avec la simplicité d’un plugin.

Ce plugin, dévelopé sur SPIP-Zone, est une adaptation par Joseph LARMARANGE du squelette que j’ai développé et qui est présenté ici (lui-même basé sur la bibliothèque de Joe Hewitt : iUI ).

Note : le plugin est d’ores-et-déjà opérationnel et présente des amélioration par-rapport au squelette Mobile-SPIP, notamment la possibilité de faire des recherches ou la prise en charge des pièces jointes tel que les PDF. Cependant, ses fonctionnalités sont encore limitées (voir plus bas).

Principe

Une fois activé, ce plugin fournit une version optimisée de votre site pour l’iPhone et l’iPod Touch fonctionnant en parallèle avec votre site classique. Ce squelette est alors accessible à l’adresse suivante : http://monsite.net/spip.php?page=ispip

Exemples (si vous ne possédez pas d’iPhone ou d’iPod Touch, vous pouvez tester le squelette exclusivement dans Safari (Mac/Pc).

Installation

Il s’installe et s’active comme tout plugin SPIP (voir la documentation officielle).

Pour personnaliser l’apple-touch-icon de votre site Mobile-SPIP, placez votre image apple-touch-icon.png dans le répertoire squelettes. Elle viendra surcharger l’icône fournie par Mobile-SPIP.

En chantier...

Voici une liste non exhaustive de fonctionnalités à intégrer à iSPIP :

  • Personnalisation et configuration avec CFG
  • Gestion correcte des liens internes
  • Internationalisation du squelette
  • Ajout d’un formulaire de choix de la langue
  • Gestion des traductions
  • Gestion des brèves
  • Gestion des forums
  • Formulaire d’identification
  • Gestion correcte des liens internes entre articles
  • Détection de l’iphone sur les pages standard du site et proposition le cas échéant de basculer sur la version iphone

Captures d’écran





Voir en ligne : spip-contrib.net

P.-S.

BONUS : Vous pouvez tester vos sites optimisés iPhone sans iPhone grâce au SDK d’apple (gratuit mais nécessitant une inscription) qui propose avec son kit de développement un "simulateur iPhone" ultra réactif et reproduisant très bien les effets tactiles du téléphone type "agrandir en écartant les doigts". (uniquement pour Mac)

http://developer.apple.com/iphone/

Vos commentaires

  • Le 4 mai 2008 à 19:56, par thx11 En réponse à : Plugin iSPIP

    C’est assez génial et ça marche parfaitement dans l’état...
    Le top ce serait que l’iPhone soit reconnu lors de la connection sur le site et orienté vers la version adaptée.
    Arno* a donné quelques tuyaux, est adaptable ?

    http://www.paris-beyrouth.org/Une-v...

  • Le 11 mai 2008 à 16:16, par Abel Poucet En réponse à : Plugin iSPIP

    à mon avis il n’y a aucun problème à combiner la fonction présenté sur paris-beyrouth.org avec le plugin. Il faudrait bien sûr, faire des modifications au squelette du plugin et l’installer dans un dossier "iphone".

    Le code de Arno (à ajouter dans mes_options.php) :

    if (ereg("iPod|iPhone|Aspen", $_SERVER["HTTP_USER_AGENT"])) {
          $GLOBALS["dossier_squelettes"] = "iphone";
    }

    L’inconvénient de cette technique, à mes yeux est que l’iPhone resterait bloqué à son squelette spécifique alors que le squelette du plugin, propose à l’utilisateur de revenir sur le site "classique".

    Ceci dit une solution combinant les deux techniques serait la bienvenue, comme l’a proposé Joseph : "Détection de l’iphone sur les pages standard du site et proposition le cas échéant de basculer sur la version iphone".

  • Le 16 juillet 2008 à 19:19, par jacques En réponse à : Plugin iSPIP : un squelette SPIP pour l’iPhone

    Bonjour ,
    mon site est le suivant seishokan.be.ma
    il tourne sous spip 192d et le squelette sarka 2.02 , j’ai installé le plugin Ispip,vu que je n’ai pas de Ipod ni Iphone ,j’ai utilisé Safari comme recommandé cependant lors de ma demande de référencement Ipod et Iphone , l’admin du site m’a renvoyé ce message :"PArcontre il y a des problemes avec pour plug in spip. Il est pas possible de revenir dans les pages precedente, et le format de la page n’est pas bonne."
    Comment puis-je corriger ce blème car en regardant le site avec safari , cela me semblait bon toutefois ....

  • Le 21 juillet 2008 à 22:28, par Abel Poucet En réponse à : Plugin iSPIP : un squelette SPIP pour l’iPhone

    >>thx11,

    dans la suite de ta question, et en attendant l’intégration de cette technique dans le plugin, tu peux voir une solution ici : http://abel.foxylounge.com/Detecter...

    Bien entendu, dans le javascript, l’adresse de destination est à changer :

    window.location = "http://iphone.monsite.com/";

    devient :

    window.location = "#URL_PAGE{ispip}";

  • Le 19 octobre 2008 à 12:44, par thx11 En réponse à : Plugin iSPIP : un squelette SPIP pour l’iPhone

    Ca marche en utilisant le script suivant

    if ((navigator.userAgent.indexOf('iPhone') != -1) ||  
    (navigator.userAgent.indexOf('iPod') != -1))
    {  
    document.location = "http://www.monsite.com/spip.php?page=ispip/";  
    }

    Par contre j’ai un autre problème avec les images dans les articles : lorsque l’on tappe dessus la page affiche des symboles cabalistiques et se bloque ...
    Des idées ?
    Merci

  • Le 8 décembre 2008 à 16:09, par 5eBleu En réponse à : Plugin iSPIP : un squelette SPIP pour l’iPhone

    Je suis en train d’essayer de mettre en place une version mobile d’un site, basée sur ce squelette.

    Le problème est que ispip semble inhiber la redirection d’article or cette redirection n’est pas gérée par les squelettes, d’autres utilisateurs ont-ils eu ces soucis ?

    Merci !

  • Le 12 mai 2009 à 20:53, par fufu En réponse à : Plugin iSPIP : un squelette SPIP pour l’iPhone

    Très très joli plugin, bravo. Mais, comme thx11, les liens vers les images depuis les vignettes des articles donnent des hièrogliphes. Par contre les liens vers les images du portfolio d’une rubrique fonctionnent ! Autre souci, les liens internes vers un autre article ../spip/spip.php ?article"n" : la rédirection se fait vers ../spip/spip.php ?page=ispip#___1__ et à chaque click sur le même lien ce chiffre augmente régulièrement de 17 : ispip#___18__ ... ispip#___35__ Voilà, si ça peut vous aider ... (site en spip192d + squelette EspFor + plugin Crayon)

Répondre à cet article


Un message, un commentaire ?
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)

Suivre les commentaires : RSS 2.0 | Atom

© 2012 - Abel Poucet web design