SPIP - Contrib

Utiliser mon compte FaceBook pour m'identifier

Langues du site : [ar] [en] [es] [fr] [it]

235 visiteurs en ce moment

Accueil du site > Contribs > Squelettes complets > Squelettes « mobiles » > iSPIP > squelette iSPIP

[9 commentaires]

squelette iSPIP

votre site SPIP sur iPhone

mercredi 11 juin 2008, par Abel Poucet, Joseph

iSPIP fournit une version d’un site SPIP optimisée pour les terminaux iPhone et iPodTouch basée sur la bibliothèque iUI développée par Joe Hewitt.

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 :

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.

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

9 Messages de forum

Voir toute la discussion

12 novembre 16:52 , par André Vincent

squelette iSPIP
En complément au message d’Abel Poucet ajoutant pour le visiteur le choix de naviguer en mode iPhone ou classique, voici une version :
1. valide en XHTML Strict 1.0 (onload plutôt que onLoad)
2. qui n’intègre pas le code d’alerte si le plugin n’est pas activé.
[<script type="text/javascript">

function iPhoneAlert() {

if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.

match(/iPod/i))){

var question = confirm("Souhaitez-vous naviguer sur le site optimisé pour iPhone?")

if (question){

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

}else{

}

}

}

</script>]

</head>

<body dir="#LANG_DIR" class="#LANG sommaire"[ (#PLUGIN{ispip}|=={1}|?{ onload="iPhoneAlert();"})]>
Télécharger
Ce code sera intégré à la prochaine mise à jour des squelettes d’Alternatives.
24 septembre 11:40 , par Joseph

squelette iSPIP

iSpip est déjà développé sur la zone. Voir http://zone.spip.org/trac/spip-zone/browser/_squelettes_/ispip.

Bien cordialement
24 septembre 09:12 , par Nicolas Hoizey

squelette iSPIP

Excellent !

Ceci étant un plugin, et non un « simple » jeu de squelettes, ne faudrait-il pas le déplacer sur la zone ?
21 juillet 22:18 , par Abel Poucet

squelette iSPIP

Bonjour,

En attendant d’intégrer la technique au plugin, ci dessous la marche à suivre optimisée pour le plugin.

Grâce à un javascript on va détecter si le périphérique utilisé par le visiteur pour naviguer sur votre site est un iPhone ou un iPod Touch. Ensuite, si tel est le cas on va lui proposer de naviguer sur la version optimisée du site à l’aide de la boite de dialogue par défaut de l’iPhone.

Il ne s’agit pas d’une redirection automatique, ici on laisse le choix à l’usager d’utiliser la version optimisée ou pas. L’usager peut, pour diverses raisons, préférer utiliser la version "originale" du site.

1/ Le javascript proposant le choix au travers d’une boite de dialogue, à mettre en tre les balises head de la page sommaire :

<script type="text/javascript"> function iPhoneAlert() { if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent. match(/iPod/i))){ var question = confirm("Souhaitez-vous naviguer sur le site optimisé pour iPhone?") if (question){ window.location = "#URL_PAGE{ispip}"; }else{ } } } </script>

3/ Appeler la fonction avec la balise body de la page sommaire :

<body onLoad="iPhoneAlert();">

Pour en savoir plus avec des captures d’écrans : http://abel.foxylounge.com/Detecter...
16 juillet 20:16 , par jacques

squelette iSPIP

Bonjour ,

mon site est le suivant : seishokan.be.ma , j’avais vu le web toolkit de beeweb permettant à Wordpress , Joomla d’être vu par des Ipod ou Itouch ou tout autre mobile , dommage le cms spip pas repris. Sur la zone de spip , on m’a recommandé votre plugin.

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 .... Une petite aide serait la bienvenue !

Bien à vous ,

Jacques Chantraine
15 juillet 21:07 , par thx11

squelette iSPIP

Merci pour cette contribution très à la mode (à la veille de la sortie de l’iPhone 3G). Y aurait-il un moyen pour rediriger automatiquement vers la version iPhone du site dès qu’une connection iPhone est reconnue ? Arno avait proposé ça : http://www.paris-beyrouth.org/Une-v... Est ce incorporable dans le plugin ? Bravo en tout cas !
13 juillet 00:16 , par Tom Dissing

squelette iSPIP

Its a fantastic plugin ! well written, a bit slow.. (? ?) Maybe its just in my end, but Im very happy..
24 juin 17:25 , par Joseph

squelette iSPIP

Corrigé. Merci pour ta vigilance.
14 juin 17:51 , par Emmanuel Saracco

squelette iSPIP

Salut,

Merci pour le plugin :-)

Une petite erreur : dans le fichier ispip.html, dans la boucle des mots-clés, on a id_mot=#ID_mot au lieu de id_mot=#ID_MOT.

a+

Répondre à cet article

SPIP-Zone : ispip
Pages 1 | 2 | 3 | 4

Ça discute par ici

Abonnements
8 novembre 2007, par BoOz, NicolasR
Un plugin pour gérer les accès restreints sur abonnement (payant). Compatible avec les plugins spip-listes, accès restreint et Inscription2

22 commentaires
SPIP-Bible
21 août, par Maïeul
Permet de citer rapidement des extraits de la Bible en utilisant un modèle dans le texte d’un article.

27 commentaires
Projet Pot de Miel
27 septembre 2007, par mortimer
pièger les spammeurs - Ce plugin permet, avec une balise spéciale, de placer des liens dans vos squelettes vers un pot de miel installé sur votre serveur pour piéger les spammeurs.

3 commentaires
Nuage (de mots-clés)
28 décembre 2006, par James
version plugin - L’article « Afficher les mots-clés en faisant varier la taille de la police » de BoOz et Fil permettait déjà d’afficher un nuage de mot-clés. Le présent article reproduit exactement les mêmes résultats, puisqu’il s’agit de son adaptation sous (...)

149 commentaires
Spip2Spip
21 février, par erational
Version Plugin - spip2spip permet de synchroniser le contenu de plusieurs sites SPIP entre eux en étendant le principe de la syndication thématique. Cela permet de recopier intégralement des articles d’un SPIP à (...)

35 commentaires