Note : le plugin est d’ores-et-déjà opérationnel. Cependant, ses fonctionnalités sont encore limitées (voir plus bas).
Historique
iSPIP correspond au portage sous forme de plugin d’un squelette développé par Abel Poucet et nommé MobileSPIP.
Principe
Une fois activé, ce plugin fournit une version optimisée de votre site pour l’iPhone et l’iPod Touch accessible à l’adresse http://monsite.example/spip.php?page=ispip.
Exemples :
- iSPIP sur le site de Joseph
- MobileSPIP, le squelette original, sur le site de son auteur Abel Poucet.
- le squelette avec les nouvelles fonctionnalités (brèves, événements)
Installation
iSPIP étant développé dans SPIP-Zone, vous pouvez y récupérer la dernière version sous forme de fichier zip. Il s’active comme tout plugin (voir la documentation officielle).
Personnaliser votre ’apple-touch-icon’
Il s’agit d’une sorte de super favicon utilisé par l’iPhone / iPod Touch pour rajouter un accès direct à un site sur le springboard (le « bureau » de l’iPhone). Vous trouverez plus d’informations sur cette page.
Pour personnaliser l’apple-touch-icon de votre site, créer une image PNG de 57x57 pixels ou plus, nommez-là apple-touch-icon.png et placez là dans le répertoire squelettes. Elle viendra surcharger l’icône fournie par iSPIP.
Compatibilité
iSPIP est compatible avec les plugins Accès restreint et Accès restreint par groupes : les rubriques en accès restreint seront normalement filtrées. Pour le moment, iSPIP ne propose pas encore de formulaire d’identification permettant d’avoir accès au contenu restreint.
Le plugin est compatible avec le plugin agenda2. La gestion des événements est faite sous forme de liste. Seuls les prochains événements sont gérés pour l’instant.
Nécessaire
Le plugin sélection d’articles qui permet de changer l’ordre des articles dans les rubriques.
Nouveautés
version 1.1
- intégration de la gestion des brèves,
- affichage des prochains événements ( plugin agenda nécessaire ).
- utilisation du plugin sélection d’articles pour changer l’ordre d’affichage dans les rubriques
Détecter un iPhone/iPod Touch et proposer une redirection vers iSPIP
Voir http://abel.foxylounge.com/Detecter...
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 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








iSPIP 2.0
Vos commentaires
# Le 17 octobre 2011 à 11:39, par rjvalin
En réponse à : Squelette iSPIP
Merci pour la mise à jour qui me permet enfin d’utiliser ce plugin fort utile.
il y a cependant un leger bug.
lors de la connexion à chaque session, tout les caractères accentués sont remplacés par d’autres, rendant peu lisible le contenu à afficher.
un simple rafraichissement permet d’afficher normalement le contenu.
Est-il possible de corriger ce bug ?
y aura-t-il dans une version future la détection automatique de l’iphone pour affichage ?
# Le 17 octobre 2011 à 12:04, par Joseph
En réponse à : Squelette iSPIP
Pour ma part, je n’utilise plus ce plugin et n’ai pas le temps de m’y consacrer.
Je préfère travailler sur des solutions CSS permettant d’adapter le site à différentes tailles d’écran.
Les évolutions de ce squelettes seront donc fonction d’autres auteurs/contributeurs.
Cordialement
# Le 10 février à 13:38, par Isabelle
En réponse à : Squelette iSPIP
Bonjour j’ai essayer d’utiliser ce plugin interressant mais je n’arrive pas a le faire fonctionner....
Meme probleme que RJVALIN...
Je me suis rabbatu alors sur une version optimisé en cherchant sur le net, et la j’ai trouvé un squelette spip plutot réussi « Chatterton ».
Quelqu’un a t il essayé ?
Répondre à ce message
# Le 9 octobre 2011 à 12:42, par RJVALIN
En réponse à : Squelette iSPIP
Bonjoru, je viens de faire une mise à jour de votre plugin sur mon site et voila le message qui s’affiche....
Impossible d’activer le plugin ../plugins/auto/ispip_2_0
Nécessite SPIP en version [2.0.0 ;2.0.99] minimum.
voila ce qui est affiché sur mon site pour SPIP :
SPIP 2.1.10 [17657] est un logiciel libre distribué sous licence GPL
Est-ce un pb de mon site ou un bug du plugin ?
merci
Répondre à ce message
# Le 7 août 2010 à 11:20, par Eli
En réponse à : Squelette iSPIP
Bonjour,
Merci beaucoup pour ce plug-in.
J’ai un petit souci avec les liens externes à l’intérieur de mes articles : quand on clique dessus, ils ne s’ouvrent pas (sauf si on fait un clic droit et qu’on ouvre dans une nouvelle fenêtre).
Comment faire pour rajouter target="_self" de manière automatique ? (je n’ai aucune target).
Merci beaucoup !
# Le 12 août 2010 à 21:14, par seds
En réponse à : Squelette iSPIP
je pense que ce problème tient plus à spip lui même dans l’utilisation de la barre typo qui génère les raccourcis spip, qu’au plugin.
souvent j’ai été obligé de remplacer dans le target, le spipout par blank..
perso je souhaite que ces liens s’ouvrent sur une nouvelle fenêtre mais je n’ai pas trouvé où faire la modif.
avis aux amateurs confirmés !
# Le 15 août 2010 à 17:03, par Eli
En réponse à : Squelette iSPIP
D’accord, merci de ton retour.
comment as-tu fait pour remplacer dans le target, le spipout par blank.. Tu es allé dans quel fichier ?
Merci !
# Le 20 août 2010 à 11:27, par seds
En réponse à : Squelette iSPIP
dans tous les fichiers comportant les hyperliens càd article breve... surtout site.html
remplacer class="spip_out" par target="_blank"
# Le 26 août 2010 à 22:52, par Eli
En réponse à : Squelette iSPIP
Ok, en fait mes liens ne fonctionnent toujours pas. C’est peut être effectivement lié à la barre typo.
Pourtant j’ai vu certains sites utilisant le plug in qui ont leurs liens qui fonctionnent bien (et d’autres qui ne fonctionnent pas...).
Si quelqu’un a une solution...
# Le 20 septembre 2010 à 11:40, par seds
En réponse à : Squelette iSPIP
Tu peux donner les urls de ces sites ?
# Le 5 janvier 2011 à 15:32, par jeanmarie
En réponse à : Squelette iSPIP
Salut tout le monde,
j’ai le même problème de liens externes... je ne trouve pas où iUI les gère.
Pour ma part, je souhaiterais que tous les liens à l’intérieur des articles s’ouvrent dans la fenêtre entière (_self) plutôt que dans l’interface iUI (en ajax) car ça pose pas mal de problèmes (pas de redimensionnement des pages par le navigateur DolphinHD sous Android, ouverture de PDF impossible...).
J’ai cherché sur http://code.google.com/p/iui/ mais je n’ai rien trouvé...
Voilà, si quelqu’un à une piste...
Merci pour ce plugin en tout cas :)
jeanmarie
# Le 5 janvier 2011 à 16:01, par Cédric
En réponse à : Squelette iSPIP
La librairie UI utilisée pour iSpip est clairement destinée au seul navigateur Safari de l’Iphone. Il faut reconstruire sur une autre librairie pour proposer un squelette mobile multi-plateforme.
# Le 5 janvier 2011 à 16:34, par Seds
En réponse à : Squelette iSPIP
Si je peux me permettre, jai conçu un jeu de squelette qui semble fonctionner sur tous les navigateurs mobiles, et qui devrait resoudre votre probleme. Dans le cas contraire, merci de m’en avertir.
Plugin telechargeable ici
Article sur Spipcontrib en cous de validation..
# Le 5 janvier 2011 à 16:44, par jeanmarie
En réponse à : Squelette iSPIP
Salut,
@ Cédric : ça se tient :) Merci pour la réactivité...
@ Seds : je teste ton plugin et je ferai des retours... merci pour l’info.
jean marie
Répondre à ce message
# Le 27 novembre 2010 à 11:02, par nathbni
En réponse à : Squelette iSPIP
Bonjour à tous,
L’un de mes clients qui me commande un site bilingue, souhaite que je lui installe une version de son site pour IPhone. J’ai vu que la gestion des langues n’est pas encore supportée par ce plugin.
D’où ma question : avez-vous des conseils à me donner pour que ses visiteurs puissent accéder, selon leurs besoins, à une version française ou anglaise sur leur IPhone ? Par exemple : comment puis-je développer le multilinguisme dans le site normal pour que la consultation sur mobile gère le choix de la langue ?
Merci mille fois pour vos pistes et conseils.
# Le 27 novembre 2010 à 14:44, par jsb
En réponse à : Squelette iSPIP
Tout dépend comment est implémenté la gestion des langues dans tes squelettes.
# Le 28 novembre 2010 à 17:50, par nathbni
En réponse à : Squelette iSPIP
Merci pour ton aide. En fait, c’est un peu le sens de ma question. Avant de démarrer le développement, j’aimerais savoir comment implémenter le multilinguisme pour que le passage sur IPhone se fasse au mieux. Merci d’avance.
# Le 29 novembre 2010 à 11:06, par Abel
En réponse à : Squelette iSPIP
Personnellement je te conseille de ne pas utiliser ce plugin qui n’est pas complet et, effectivement, ne gère pas le multilingue.
Je te conseillerai d’utiliser tout simplement une CSS distincte pour iPhone et autres mobiles que tu appellera dans head avec :
[(#REM) Feuille de styles pour iPhone, Android et smartphones ]<link media="only screen and (max-device-width: 480px)" href="(#CHEMIN{mobile.css}|direction_css)" type="text/css" rel="stylesheet" />
Ainsi tu géreras ta version mobile avec le même squelette que ta version desktop, tu peux donc gérer ton multilingue comme tu l’entends. Pour les CSS, tu peux t’inspirer de UiUI Kit : http://code.google.com/p/iphone-universal/
Tu perdras peut-être les animations de iUI mais de toutes façons elles sont lourdes et saccadent sur iPhone. Si tu veux à tout prix des animations tu peux essayer jQtouch, qui est basé sur jQuery et qui est fluide : http://www.jqtouch.com/
Bonne route !
# Le 29 novembre 2010 à 14:27, par jsb
En réponse à : Squelette iSPIP
Remarque très pertinente, les CSS permettent plein de choses ;)
Cette technique permet de rester dans les clous et de prendre en charge tous les OS mobiles. Pas besoin de faire un truc spécifique pour les iOS d’Apple.
Répondre à ce message
# Le 9 novembre 2010 à 20:10, par phil
En réponse à : Squelette iSPIP
Salut et merci !
Je cherche en vain à faire fonctionner le plugin avec des boucles de pagination.
Y a t il une solution ?
Merci
# Le 9 novembre 2010 à 20:28, par jsb
En réponse à : Squelette iSPIP
Tu demandes quelque chose de compliqué, l’API javascript de l’interface est succepible de rentrer en conflit avec le javascript made by jquery utilisé natif dans spip.
pas facile de répondre autrement pour l’instant.
# Le 9 novembre 2010 à 21:02, par phil
En réponse à : Squelette iSPIP
Ah, dommage....
Peut-on passer des paramètres dans l’url et les récupérer avec #ENV ?
# Le 9 novembre 2010 à 23:38, par phil
En réponse à : Squelette iSPIP
J’ai une solution pratique qui fonctionne en utilisant le critère debut_xxx,10 dans une boucle article sur une page rubrique :
# Le 10 novembre 2010 à 22:44, par jsb
En réponse à : Squelette iSPIP
Tu peux envoyer le code modifié en privé que je valide ?
L’idéal serait de valider sur un site ... une URL, puis d’intégrer directement tes modifications dans le SVN de la zone ... c’est un peu fait pour ça ;)
Répondre à ce message
# Le 24 octobre 2010 à 00:00, par hdeb
En réponse à : Squelette iSPIP
Bonjour,
Il me reste un petit problème pour lequel je sollicite votre aide.
J’utilise Sarka-SPIP et le mot clé « invisible » associé à une rubrique et aux articles qui ne doivent pas apparaître dans l’espace public. Il suffit d’ajouter à mes_fonctions.php dans /squelettes le code suivant :
Comment adapter le squelette iSPIP à cela pour que la rubrique « invisible » et son contenu n’apparaisse pas sur l’iPhone comme ICI ?
Merci
# Le 31 octobre 2010 à 17:46, par hdeb
En réponse à : Squelette iSPIP
Résolu le problème ci-dessus avec un filtre interdisant l’accès à la rubrique qui regroupe les articles invisibles. Un peu brutal sans doute ...
Répondre à ce message
# Le 23 octobre 2010 à 23:52, par hdeb
En réponse à : Squelette iSPIP
Bonjour,
Merci pour ce plugin.
Je ne dispose pas d’iPhone ni de Mac et je ne peux pas téléphoner toutes les 5 minutes à un malheureux équipé de la sorte pour lui demander si ça marche !
On peut tester l’apparence de ce qu’on réalise avec un simulateur d’iPhone. Il y en a plusieurs dont certains fonctionnent en ligne.
J’ai fini par dénicher iBBDemo2.
iBBDemo2 a l’avantage de simuler une connexion d’iPhone côté serveur, ce qui provoque sa détection comme le montre l’extrait suivant du log de notre hébergeur :
Il ne s’agit que d’un simulateur qui reproduit l’affichage sur un iPhone et pas d’un emulateur, il n’a donc aucune des fonctions propres à l’iPhone mais ça donne ça ...
J’espère que ça pourra être utile !
Répondre à ce message
# Le 10 octobre 2010 à 14:05, par jmax
En réponse à : Squelette iSPIP
cela fonctionne bien et avec le source, on peut arriver à ce que l’on veut.
il me reste juste un petit soucis dans les articles avec les liens internes écrit comme ceci
[lien interne->40].Fonctionnant avec des url propres, spip va me générer des url du style
http://monsite.com/une-url-propre.htmlmais étant en train de naviguer via ispip, il faudrait rester dans une syntaxe du typehttp://monsite.com/spip.php?page=ispip-article&id_article=40Par contre, dans les répertoires, cela est correctement géré pour adresser les articles
EDIT : mea culpa, je vois que c’est mis dans la liste des choses à faire
Répondre à ce message
# Le 8 septembre 2010 à 21:12, par tinou
En réponse à : Squelette iSPIP
Bonsoir
merci pour ce squelette, là je me retrouve devant un véritable casse-tête, je poste ici - car sur le site d’Abel, je n’arrive pas à laisser un message.
Donc j’ai pris son java script pour détecter un iphone et le rediriger par le prompt sur le squelette adapté pour iphone - ispip.
Sauf que j’ai fait une bêtise, en vouloir faire vite j’ai laissé l’adresse générique http://iphone.monsite.com/
- et me voilà piégé, même après correction, l’iphone, le mien, veux toujours ouvrir http://iphone.monsite.com/ je pensais d’abord que c’était mon iphone qui avait cela dans un cache quelconque - que je n’arrivais pas à effacer (après avoir vidé tous les cache de spip, y compris par ftp)
mais voilà que je fais tester quelqu’un d’autre avec le sein, même chose
ça doit donc être lié à spip, mais où
une idée ?
site culturelle
Merci pour tout
Martin
# Le 9 septembre 2010 à 10:56, par Abel
En réponse à : Squelette iSPIP
Bonjour,
je n’ai pas la réponse à votre question. Désolé.
D’autant plus que dans le code source de votre page j’ai bien :
...
# Le 21 septembre 2010 à 20:57, par tinou
En réponse à : Squelette iSPIP
Merci quand même, n’ayant pas trouvé la parade, j’ai fini par virer le script...
recommencerai peut-être plus tard.
# Le 25 septembre 2010 à 23:17, par Tony Gheeraert
En réponse à : Squelette iSPIP
Bonsoir,
J’ai eu le même problème que Tinou quand j’ai mis le script dans la page inc-head.html. Quand on l’insère entre les balises du squelette sommaire.html, ça marche très bien.
Merci Abel pour ce beau plugin bien utile !
# Le 27 septembre 2010 à 10:21, par Abel
En réponse à : Squelette iSPIP
Bonne nouvelle !
D’autant plus que ne mettre l’avertissement uniquement sur la page d’accueil est moins envahissant pour le visiteur qui ne souhaiterait pas utiliser le site mobile.
Répondre à ce message
# Le 7 septembre 2010 à 16:43, par Dom
En réponse à : Squelette iSPIP
Bonjour
J’essaie de limiter à 10 le nombres articles affichés dans une boucle, mais ça ne semble pas fonctionner, est ce normal docteur ?
Merci pour le plugin
# Le 7 septembre 2010 à 16:44, par Dom
En réponse à : Squelette iSPIP
C’est mieux avec le code que j’utilise ...
# Le 7 septembre 2010 à 16:45, par Dom
En réponse à : Squelette iSPIP
# Le 8 septembre 2010 à 11:40, par Dom
En réponse à : Squelette iSPIP
En relisant mon script ce matin, j’ai trouvé la boulette que j’ai fait, c’est un erreur de ma part.
Merci encore
Répondre à ce message