Abel Poucet Webdesign
Accueil du site > tools > Plugin iSPIP : un squelette SPIP pour l’iPhone
Plugin iSPIP : un squelette SPIP pour l'iPhone

Plugin iSPIP : un squelette SPIP pour l'iPhone

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

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 ).


Voir en ligne : spip-contrib.net

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





Documents joints

(PNG - 70.1 ko)

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 réactions

thx11, [4 mai 2008]

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...

abel Poucet, [11 mai 2008]

à 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".

jacques, [16 juillet 2008]

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 ....

abel Poucet, [21 juillet 2008]

>>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}";

thx11, [19 octobre 2008]

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

5eBleu, [8 décembre 2008]

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 !

fufu, [12 mai 2009]

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éagir

(Vous pouvez laisser un message en remplissant les champs ci-dessous)


Votre réaction :

Navigation alternative :

Contact

  • 14 bis, bd de l'Hôpital 75005 Paris
  • 06 81 35 98 00

Navigation / syndication

logo abel                        © Abel Poucet Webdesign - Motorisé par SPIP - Webdesign : Abel Poucet