spip / zpip pour iphone avec Jqtouch, vins à Marseille

J’ai le droit à une semaine de "repos" à Marseille pour travailler avec Candice. Avant de partir je suis allé à la démonstration de Zpip à l’apéro-spip de Lille.

Zpip est un squelette pour spip qui permet une revitalisation importante de code dans le cadre du développement d’un squelette plus personnaliser. Enfin moi, je vois le truc comme ça.

On peut voir zpip comme une "framework" de base. Zpip utilise des thèmes qui permettent de changer l’apparence du site. On est plus dans l’approche dotclear que dans l’approche wordpress puisque le code html est toujours le même au départ. Certains thèmes zpip sont des framework CSS comme Blueprint, ooCCS et Tripoli. C’est la que les choses deviennent vraiment sympathiques.

J’ai donc fait rapidement le portage du framework Jqtouch qui permet de faire une version "iphone/webkit" d’un site web. Il s’agit de proposer une aide au développement et pas une squelette complet et prêt à l’emploi comme ispip.

Installation.

  • Installation de zpip
  • Installation de spip-bonux
  • Installation de zengarden
  • Récupération du thèmes jqtouch et copie dans /themes

On part du principe que vous avez déjà un squelette défini dans le dossier /squelettes et que vous allez créer un dossier /iphone.

Vous devez créer ou modifier le fichier mes_options.php pour définir le chemin du squelette "iphone" (cf Paris - Beyrouth)

if (ereg("iPod|iPhone|Aspen", $_SERVER["HTTP_USER_AGENT"])) {
        $GLOBALS["dossier_squelettes"] = "iphone";
}

Il vous suffit de changer le USER/AGENT de votre navigateur pour voir la version iphone de votre site. Il est par contre impératif d’utiliser un navigateur webkit comme Chrome, Safari et le simulateur iphone livré avec le SDK iphone.

Il est aussi important d’aller lire la doc de Jqtouch pour bien comprendre comment fonctionne le machin.

Dev.

Je vous conseille de ne pas toucher à jqtouch et zpip. Il est plus simple de copier vos fichiers à modifier dans votre répertoire iphone. Par exemple, Jqtouch utilise aussi des thèmes et par défaut il utilise le thème "jqt" qui est un thème sombre. Si vous voulez utiliser votre propre thème ou le thème "pal". Il faut copier le fichier inc-theme-head.html dans votre dossier /iphone et modifier le chemin du thème.

Pour faire un thème perso, je vais partir du thème "jqt”. Je copie le dossier "jqt" dans le dossier /iphone/themes et je le renomme ici en "tas" comme take a sip :) .

Je modifie donc uniquement le chemin du thème dans mon propre inc-theme-head.htm :

<link rel="stylesheet" type="text/css" media="screen"  href="#CHEMIN{themes/tas/theme.css}" />

C’est à tout pour l’instant car je n’ai pas encore eu le temps de vraiment travailler dessus. Je vais surement faire la version mobile de take a sip avec ça pour me faire la main.

Sinon, je profite bien de Marseille. Il fait beau, je me repose, et je bosse pas ( ou peu). On a passé une soirée au Daki Ling, pour une soirée Bacchus avec projection de Mondovino et dégustation de vins bio. Un beau lieu, des gens chouettes... faut faire la même choses à Lille

Le mp3 est un morceau System Officer, l’un des gars de Pinback et Three Mile Pilot.