SPIP - Contrib

SPIP - Contrib

[ar] [en] [es] [fr] [it]

235 visiteurs en ce moment

fontsizeup fontsizedown
[9 commentaires]

squelette iSPIP

votre site SPIP sur iPhone

mercredi 11 juin 2008, par Abel Poucet, Joseph

  • Digg
  • Del.icio.us
  • Facebook
  • Google
  • Technorati
0 vote

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





Retour en haut de la page

9 Messages de forum

Voir toute la discussion

  • Répondre à ce message

    12 novembre 16:52 , par André Vincent

    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é.
    1. [<script type="text/javascript">
    2. function iPhoneAlert() {
    3. if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.
    4. match(/iPod/i))){
    5. var question = confirm("Souhaitez-vous naviguer sur le site optimisé pour iPhone?")
    6. if (question){
    7. window.location = "(#URL_PAGE{ispip})";
    8. }else{
    9. }
    10. }
    11. }
    12. </script><!-- fin script iPhoneAlert -->]
    13. </head>
    14. <body dir="#LANG_DIR" class="#LANG sommaire"[ (#PLUGIN{ispip}|=={1}|?{ onload="iPhoneAlert();"})]>

    Ce code sera intégré à la prochaine mise à jour des squelettes d’Alternatives.

  • Répondre à ce message

    24 septembre 11:40 , par Joseph

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

    Bien cordialement

  • Répondre à ce message

    24 septembre 09:12 , par Nicolas Hoizey

    Excellent !

    Ceci étant un plugin, et non un « simple » jeu de squelettes, ne faudrait-il pas le déplacer sur la zone ?

  • Répondre à ce message

    21 juillet 22:18 , par Abel Poucet

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

  • Répondre à ce message

    16 juillet 20:16 , par jacques

    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

  • Répondre à ce message

    15 juillet 21:07 , par thx11

    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 !

  • Répondre à ce message

    13 juillet 00:16 , par Tom Dissing

    Its a fantastic plugin ! well written, a bit slow.. (? ?) Maybe its just in my end, but Im very happy..

  • Répondre à ce message

    24 juin 17:25 , par Joseph

    Corrigé. Merci pour ta vigilance.

  • Répondre à ce message

    14 juin 17:51 , par Emmanuel Saracco

    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

Retour en haut de la page

Ça discute par ici

SPIP | Squelette | | Plan du site | Suivre la vie du site RSS 2.0