Notes

MobileSPIP : Un squelette optimisé pour l’iPhone/iPod Touch basé sur iUI

Tags : , ,

[MAJ] Une adaptation du squelette en plugin SPIP par Joseph LARMARANGE est en développement sur SPIP-Zone. Baptisé iSPIP, le passage au plugin permet une installation simplifiée et ajoute des fonctions supplémentaires, comme la possibilité de faire des recherches.

ATTENTION JE RECOMMANDE GRANDEMENT L’INSTALLATION DU PLUGIN ISPIP PLUTÔT QUE DE CE SQUELETTE QUI NE SERA PLUS MIS À JOUR

>>POUR LE PLUGIN iSPIP VOIR ICI

Téléchargez ci-dessus le fichier MobileSPIP.

Vous pouvez utiliser librement ce squelette et le modifier à votre guise, si vous le faîtes, merci de pointer un lien vers cette page.

Ce dossier contient la bibliothèque iUI, un dossier "mobile_img", un fichier "mobile.css" et 3 fichiers HTML (mobile.html, mobile_article.html et mobile_auteur.html)

Vous pouvez tester une version ici : http://abel.foxylounge.com/spip.php...

Ce squelette est basé sur la librairie iUI de Joe Hewitt.

Installation

Pour l’installer sur votre site SPIP, glisser le contenu du dossier dans votre dossier squelette et rendez vous sur la page (en 1.9.x) : www.votre-site.com/spip.php?page=mobile

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 Mobile-SPIP, placez votre image apple-touch-icon.png dans le répertoire squelettes. Elle viendra surcharger l’icône fournie par Mobile-SPIP.

Chantier

Liste des fonctions non opérationnelles à ce stade :
- Formulaire recherche
- forums
- lien externes dans les articles
- gestions des pièces jointes (peut-être à désactiver pour éviter des chargement lourds de fichiers non-lisible par l’iPhone)
- Au final, la compatibilité avec les autres navigateurs mobiles (Opéra, Android ...)
- La bibliothèque iUI force tous les liens a être appelés dans la page courante en AJAX, sauf si le lien contiens un "taget="_self". Cela bloque les lien vers l’extérieur du site sur l’iPhone, pour pallier à ce problème, j’ai pensé au plugin couteau-suisse et à sa fonction "SPIP et les liens externes" qui ajoute un "target="_blank", que l’on peut aisément remplacer par un "target="_self", à chaque lien "externe" en installant la fonction jQuery suivante :

<!-- insert_head -->
<!-- Debut header du Couteau Suisse -->
<script type="text/javascript"><!--
/* JavaScriptCompressor 0.8 [www.devpro.it], thanks to Dean Edwards for
idea [dean.edwards.name] */
       jQuery(document).ready(function(){if(1){$(
       "a.spip_out,a.spip_url,a.spip_glossaire"
       ).attr(
       "target"
       ,
       "_blank"
       );}});
// --></script><!-- Fin header du Couteau Suisse -->

Cependant, cela ne marche pas, le script, n’est pas interprété dans la page appelée en AJAX. Je ne connais pas toutes les subtilités de l’AJAX et n’ai pas beaucoup de temps en ce moment pour m’y pencher mais je compte régler ce problème bientôt.

À signaler que le script n’est pas interprété même si il est dans la page appelée.

Si vous avez une solution, merci de poster ci-dessous.


BONUS : Une présentation de la bibliothèque iUI par son créateur Joe Hewitt :

© 2017 - Abel Poucet web design