SPIP - Contrib

SPIP - Contrib

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

32 visiteurs en ce moment

fontsizeup fontsizedown
[16 commentaires]

squelette iSPIP

votre site SPIP sur iPhone

mercredi 11 juin 2008, par Abel Poucet, Joseph

1 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

16 Messages de forum

Voir toute la discussion

Pages 1 | 2

  • Répondre à ce message

    4 juillet 00:09 , par pifou

    j’ai mis en ligne sur une 2.0.8 et ça fonctionne parfaitement. S’il y a quelques dysfonctionnements c’est aux quelques modifs pour l’adapter à mes impératifs.

    voir sur iphone

  • Répondre à ce message

    27 avril 19:57 , par Joseph

    A priori iSPIP devrait être compatible avec SPIP 2.0. Sur une version locale, pas de problème rencontré.

    Avez-vous eu des difficultés ?

  • Répondre à ce message

    26 avril 12:16 , par rlascer

    Bonjour,

    iSPIP sera t’il compatible sur SPIP 2 ?

  • Répondre à ce message

    15 mars 20:11 , par Abel Poucet

    Pour info, Billou, il est important que la boucle mots_de_art reste en dehors de la div #article. En effet, ainsi, la liste des mots-clefs liés à l’article n’apparaît pas sur la page, mais elle s’affichera (avec un joli slide) lorsque l’on tapottera sur le bouton "mot-clefs".

    Si on veut la mettre dans la div #article la liste s’affichera directement en bas de la page article, il faudra alors virer le bouton "mots-clefs" qui ne servira plus à rien.

    La boucle corrigée est donc :

      </div><!-- div id article -->

                   [(#REM) MENU MOTS CLES ]
                   <B_mots_de_art>
                   <ul id="mots-art[(#ID_ARTICLE)]" title="Mots-clés">
                   <BOUCLE_mots_de_art(MOTS) {id_article}>
                           <li><a href="#URL_PAGE{ispip-mot,id_mot=#ID_MOT}">#TITRE</a></li>
                   </BOUCLE_mots_de_art>
                   </ul>
                   </B_mots_de_art>

           </BOUCLE_articles><!-- boucle principale -->

    En tout les cas, merci encore pour ton intérêt !

    Abel

  • Répondre à ce message

    10 mars 22:42 , par Abel Poucet

    C’est corrigé Billou. Merci.

  • Répondre à ce message

    27 février 13:31 , par Billou

    Bonjour,

    Merci pour cette contribution très utile !

    J’ai quelques remarques à faire néanmoins sur le code du plugin. Il y a quelques erreurs dedans qui supprime des fonctionnalités, comme par exemple l’affiche des mots-clés associés à un article.

    La boucle qui permet ceci ne s’affiche pas car en dehors de la div qui affiche l’article, de plus l’adresse qui pointe vers la page qui affiche la liste des articles associés au mot-clé est erroné :

    Fichier ispip-article.html à la fin, voici le code que l’on y trouve :

       </div><!-- div id article -->

                    [(#REM) MENU MOTS CLES ]
                    <B_mots_de_art>
                    <ul id="mots-art[(#ID_ARTICLE)]" title="Mots-clés">
                    <BOUCLE_mots_de_art(MOTS) {id_article}>
                            <li><a href="#URL_PAGE{ispip-mot,id_mot=#ID_mot}">#TITRE</a></li>
                    </BOUCLE_mots_de_art>
                    </ul>
                    </B_mots_de_art>

            </BOUCLE_articles><!-- boucle principale -->

    Or il devrait être :

               [(#REM) MENU MOTS CLES ]
                    <B_mots_de_art>
                    <ul id="mots-art[(#ID_ARTICLE)]" title="Mots-clés">
                    <BOUCLE_mots_de_art(MOTS) {id_article}>
                            <li><a href="#URL_PAGE{ispip-mot,id_mot=#ID_MOT }">#TITRE</a></li>
                    </BOUCLE_mots_de_art>
                    </ul>
                    </B_mots_de_art>
           </div><!-- div id article -->
    </BOUCLE_articles><!-- boucle principale -->

    En résumé : Déplacement de la balise de fin de div, et le lien du mot clé pointait vers id_mot=#ID_mot au lieu de id_mot=#ID_MOT.

    J’ai modifié d’autres choses pour que le site mobile corresponde plus à mes besoins, mais je ne sais plus si dans le tas il y avait d’autres erreurs. Il ne me semble pas !

    Bonne continuation !

    PS : Je viens de voir via le premier message de ce forum que l’erreur était aussi présente dans ispip.html, apparemment un vilain copier/coller est responsable =D

  • Répondre à ce message

    14 février 16:55 , par superyms

    Bonjour,

    Merci pour ce plugin, il est bien fait !

    Malheureusement javascript n’est pas pris en charge je crois, du moins la lame javascript des blocs dépliables de couteau suisse ne fonctionne pas.

    Quelqu’un saurait-il comment faire fonctionner les blocs dépliables ?

    Merci.

  • Répondre à ce message

    12 novembre 2008 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 2008 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 2008 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 ?

Pages 1 | 2

Répondre à cet article

Retour en haut de la page

Ça discute par ici