J'ai regardé en début de semaine par curiosité le code de l'application de WP. J'ai pu constaté que cette application utilise entre autre le langage XML-RPC (en) pour communiquer avec votre installation WP. Bien entendu, on utilise le langage de développement de prédilection de l'iPhone : l'Objective-C.

Pas de soucis…

Ici, ce qui nous intéresse est la passerelle entre l'application et wordpress : XML-RPC.
En faisant une petite recherche sur notre ami google, @ on trouve ceci :

• Les méthodes xmlrpc SPIP ;
• Support xml-rpc pour SPIP ;
• XML-RPC API - Plugins SPIP…

En voyant cela, un espoir est né : on peut voir un jour arriver une iApp SPIP nous permettant de publier, voir de gérer entièrement notre site SPIP depuis nos iBidules !

Avenir

Mais les possibilités ne s'arrêtent pas là. On peut imaginer pleins d'autres applications avec ce protocole :
système de push pour publier des articles par emails ;
un trackback de liens (?) ;
etc.

Applications externes

Il existe des applications de bureau (≠ iApps) qui permettent grâce à la passerelle XML-RPC de publier des articles sur votre site. En voici quelques unes :

• Scribfire, une extension pour Firefox http://scribefire.com/ ;
• BlogDesk http://www.blogdesk.org/en/index.htm ;
• Windows Live Writer http://explore.live.com/windows-liv... ;
• MarsEdit http://www.red-sweater.com/marsedit/ ;
• Raven http://www.zoundryraven.com/ ;
• Ecto http://illuminex.com/ecto/ ;
• etc.

Conclusion

Les possibilités sont très grandes.
Voyez-vous d'autres perspectives entre XML-RPC et SPIP ?

Vous avez pu suivre mes petites aventures pour mon passage chez Free Mobile.

Préambule

Mon épouse a fait aussi le pas (bon… je l'ai un peu aidé aussi). Elle était chez Universal Mobile (Bouygues Telecom). Elle avait un très vieux portable (vieux dans le sens, il ne tenait qu'à un fil). De ce fait, elle aimerait prendre l'iPhone.

Comme vous le savez tous, l'iPhone devait arriver chez FreeMobile en achat depuis le 27 janvier. Mais aujourd'hui, 31 janvier, nous n'avons qu'une page de promotion de l'iPhone nous disant que ce dernier est "Bientôt disponible".

Soit…

Le tarif

Nous voulions acheter l'iPhone 4S 16Go qui est au prix de 629€ chez Apple. Chez Free, des tarifs ont été annoncé. Pour ce même iPhone, chez Free Mobile, nous paierions 1€ à la commande puis pendant 24 mois, 29,99€. Soit un total de 720,76€ à la fin…
Il y a une différence notable de 91,76€ par rapport à Apple…

Euh… En fait non…

Rectificatif

On compare ces 2 tarifs partout quasiment dans la presse. Tout le monde s'insurge sur de tels tarifs appliqués par Free Mobile ! "Ô mon Dieu ! les profiteurs…"
Mais là, non, je ne suis pas d'accord. Ce n'est pas particulièrement pour prendre la défense de Free Mobile, mais surtout pour remettre les choses en place.
Ces 2 tarifs sont tout à fait différents. L'un est un prix pour un crédit à la consommation, l'autre un prix contant du produit à l'achat "direct".

Ramenons les 2 tarifs sur le même plan. Apple propose un plan de financement pour l'achat de ses articles. Ne pouvant, actuellement, sortir 629€ comme ça de ma poche trouée, j'ai contacté le service de financement. Voici les tarifs par "Apple Financial Services" :
Sur 24 mois, on paie 29,29€ par mois. Soit un total à la fin de 702,96€, hors assurance (non obligatoire)…

Ah… C'est plus parlant. En fait, Free ne coûte que 17,9€ plus cher que chez Apple…
Qui plus est, c'est le même "gestionnaire" pour le crédit à la consommation : Sofinco…

Les délais

Il y a un autre aspect à ne pas négliger. Le temps de "livraison" dû au financement.
En toute logique, Free a négocié avec Sofinco pour que le crédit à la consommation soit pris en compte rapidement je pense. (Sinon ça serait une erreur marketing je trouve) on peut imaginer alors, que nous recevrions notre iPhone sous 4 à 5 jours ouvrables. Mais on va dire 10 jours (traitement de dossiers, etc.)

Chez Apple, voici la procédure : vous recevez sous 4 à 5 jours ouvrables le dossier de demande de financement, vous devez le remplir et fournir les papiers nécessaires (classique dans un crédit à la consommation : relevé de compte, fiche de paie, etc.). Cela fait, on renvoie à Sofinco qui nous apporte une réponse sous 2 à 3 semaines. Apple, recevant la réponse positive de Sofinco, vous envoie l'iPhone sous 4 à 5 jours ouvrables.

On fait les comptes :

• Avec Free : votre iPhone est chez vous en 10 jours ;
• Avec Apple (financement) : 1 mois à 1 mois et demi…

Conclusion

Il est fort simple de faire parler les chiffres. Mais on ne peut se permettre quand on est journaliste professionnel — chose que je ne suis pas moi-même, ni même en amateur — est de comparer des carottes avec des chats… (oui, je n'ai pas pris les choux et les carottes usuels)
Il faut ramener les éléments comparés sous un même angle.

Mais, sincèrement, que pensez-vous de toute cette démagogie ? Arnaque ? Propagande ? Intox ?

Data.gouv.fr

Vous n'êtes certainement pas passé à côté de l'arrivée en ligne du site data.gouv.fr, le site officiel du gouvernement pour l'Open Data. Il a été réalisé par Etalab, une mission sous l'autorité du Premier Ministre chargée de l'ouverture des données publiques et du développement de la plateforme française. Ils ont réalisé plusieurs ateliers de travail autour de l'ouverture des données, constituant la charnière de data.gouv.fr.

Data.gouv.fr

http://data.gouv.fr

Ce site contient :
352 000 jeux de données publiques et plus ;
90 producteurs de données publiques ;

C'est pas mal comme chiffre, mais ce n'est qu'un début. Les données sont fragmentées par centre d'intérêts. Vous trouverez rarement de fichiers comprenant TOUTES les données d'une même thématique. Cela pourrait représenter un fichier de plusieurs milliers de ligne pour des données INSEE. Ce qui ne serait pas simple à l'utilisation par une machine (grosses ressources pour son exploitation).
Le plus gros soucis, en fait, n'est pas le nombre de lignes… Mais le format des fichiers. L'Open Data se veut ouvert. Pourtant, une très grande partie est dans un format fermé, propriétaire comme Excel. Voici, au 25 janvier 2012, la liste des formats présents sur le site :
293650 xls
2144 csv
216 txt
148 doc
117 shp
90 xml
50 pdf
44 Autre

Si vous additionnez tous ces chiffres, cela nous fait 296459 et non 352000 et plus… Peut-être une erreur dans leur calcul fichier par fichier. Cela dit :
99% des fichiers, ou jeux de données, sont au format XLS. Ce format peut s'expliquer sur le fait que c'est un format usuel. Qui n'a pas dans son administration Microsoft Office sur son poste ?
On peut comprendre ce choix. Mais il aurait été plus en adéquation avec la pensée de ce site de mettre une version CSV (Comma-separated values) de ces fichiers XLS.

Le vœux pieu est que ces données soient utilisables par des machines et créateur d'activités innovante sur l'exploitation des données.
L'idée me séduit énormément, pas par une envie mercantile, mais par le partage des informations au plus grand nombre. Cher à ma pensée.

Data.gouv.fr autrement

Si on parle de Data.gouv.fr, nous ne pouvons garder sous silence le site de debug de data.gouv.fr. Mais attention, ce n'est pas le gouvernement qui a mis ce dernier en place. Ce site est une initiative de Regards Citoyens. À l'heure actuelle, où j'écris ces quelques lignes, il n'existe pas encore de solution sur le site de data.gouv.fr pour signaler un problème de données ou technique lié à leur site.
“Regards Citoyens” est auteur de plusieurs actions dont celle-ci : Nos Données. Ce site vise à apporter plus de visibilité aux données publiques, l'Open Data, librement accessibles à tous.

Les initiatives locales

Autres que l'initiative gouvernementale, il existe des initiatives locales. Parmi elles, nous pouvons trouver :

Nod (Nantes ouverture des données)

http://data.nantes.fr/

Rennes Métropole en accès libre

http://www.data.rennes-metropole.fr/

Paris data

http://opendata.paris.fr/

Territoire Montpellier Numérique

http://opendata.montpelliernumerique.fr/

Portail OpenData - Communauté urbaine de Bordeaux

http://data.lacub.fr/

GrandToulouse.data

http://data.grandtoulouse.fr/

• etc.

En plus de l'aspect graphique des sites, je trouve les données beaucoup plus accessible que le site du gouvernement.
Vous pourrez trouver une liste presque exhaustive des initiatives locales sur le site de LiberTIC grâce une carte géographique créée et mise à jour par leur soin : http://libertic.wordpress.com/2012/...
Petite anecdote : ce nom a un désavantage, voyez-le par vous même… Sans commentaire.]

Constat ou rêve inavoué

Toutes ces données viennent d'un bon souhait : la transparence de l'État et des collectivités.
Malheureusement, je constate un manque d'informations pratico-pratiques.

C'est bien de savoir qu'il y a eu tant de voix pour telle ou telle élection, sa répartition, que tel budget a été attribué pour tel projet de logement, d'aménagement urbain. Mais, il manque des informations pratiques :
Les horaires des administrations ;
La liste des entreprises d'une commune (les coordonnées, les heures, etc.) ;
Les activités de la commune ;
etc.

Leur utilité ? Développer des services au citoyen dans leur vie courante, augmenter l'activité économique d'une zone géographique. Informer les nouveaux arrivants dans une ville des infrastructures de la ville, les entreprises existantes, etc.
La porte est grande ouverte aux perspectives. A chacun de la saisir.

Et vous, qu'en pensez-vous ?

J'ai reçu ce matin, enfin, ma carte SIM de FreeMobile. L'activation s'est faite sans anicroches. Je suis de nouveau joignable sur mon téléphone mobile.

Tout cela a duré 5 jours. 5 jours sans téléphone, sans internet dans les transports en commun, sans email… Ce fut long.

Cela dit, les modes de contact que j'ai cité dans mon précédent billet reste toujours valable, à savoir :
Les email (directement avec mon adresse ou par le formulaire sur ce site) ;
Ma ligne fixe.

Et aujourd'hui, je peux le dire en toute tranquillité :

Vous pouvez reprendre une activité normale.

Moi aussi…

Contexte

Depuis hier, je me suis remis à la réalisation d'un jeu d'icônes pour SPIP3, basé sur TheNounProject.
Lors d'une discussion en décembre sur la liste SPIP-Zone, Denis a parlé de ce projet. De fil en aiguille, j'ai commencé à refaire selon ce style graphique les icônes de l'espace privé.

Découverte

Mais surtout, j'ai découvert que SPIP 3 avait des thèmes différents pour son espace privé et cela par défaut. En voici la liste pour SPIP3b2 :
basic ;
cow ;
cowmix ;
cowsepia ;
spip2.

Ces derniers sont dans "extensions/themes/prive/themes/". SPIP 3 va en standard chercher les (284) icônes dans "prive/themes/spip/images/". Les feuilles de styles CSS de SPIP se trouvent dans le répertoire parent.

Petite perle

C'est bien beau d'avoir ces thèmes, mais il faut au moins pouvoir les tester !
Rien de plus simple. Aller dans votre fichier config/mes_options.php (à créer si vous ne l'avez pas déjà fait). Rentrer cette ligne dans le fichier :

Remplacer XXXX par le thème que vous désirez. Et relancer votre espace privé de SPIP3.

Et admirer ce nouveau thème !

J'ai fait la demande de portabilité de mon abonnement Orange Mobile vers FreeMobile… Rien d'original me direz-vous. Certes. C'est un geste commun maintenant que le million est atteint chez FreeMobile.

Mais ce n'est pas là le plus important.
Depuis hier, jeudi 19 janvier à 15h00, mon numéro est officiellement transféré chez Freemobile. Et Orange, dans son infini bonté, a certainement un problème technique pour maintenir mon numéro jusqu'au 26 janvier comme stipulé dans le sms de portabilité.
N'ayant reçu ma carte SIM Freemobile, je suis sans téléphone depuis hier. De ce fait, si vous essayez de me contacter, amis, clients ou famille, vous aurez le traditionnel et très connu message :
Le numéro que vous avez demandé n'est pas accessible votre appel ne peut abouti

De ce fait, si vous désirez me contacter, merci de le faire soit :
par email (directement avec mon adresse ou par le formulaire sur ce site) ;
sur ma ligne fixe.

Anecdote

Je me suis inscrit le mercredi 11 janvier, à 14h30. J'ai reçu rapidement mon accusé réception pour mon abonnement.
J'ai reçu mes identifiants d'espace abonné 3 jours plus tard. Mais entre temps, j'avais utilisé l'astuce du "Mot de passe oublié".
Je n'avais plus qu'à attendre le message de confirmation pour le transfert de mon numéro chez Free Mobile. Là, pas de soucis, je ne suis pas à 1 semaine prêt, ou peu…

Le 16 janvier, à 16h, je reçois le fameux SMS d'Orange m'annonçant que mon numéro sera transféré le 19/01/2012. Voici le SMS exact :

Orange info : votre numéro sera transféré le 19/01/2012. Vous resterez redevables de l'abonnement jusqu'au 26/01/2012. Vous serez toujours bienvenu chez Orange.

Cool ! Plus que la carte SIM maintenant. Et ça, c'est pas gagné. Mais j'ai encore 10 jours, vu qu'on est le 16…

Jeudi 19 arrivant, je passe ma journée tranquillement… Jusqu'à 17h… En voulant envoyer un message à mon épouse, je remarque que… je n'ai plus de réseau !
Orange a "coupé" ma ligne depuis 15h en fait ! (Le 15h, je le tiens de mon espace abonné Free Mobile) Et pourtant, je leur suis redevable de mon abonnement jusqu'au 26 janvier !
Je trouve cela aberrant ! Mais bon… Je patiente entre temps. Cela va me permettre de me "sevrer" de mon téléphone.

Suite à un appel de Maieul sur twitter, j'ai fait une petite illustration pour en tirer un logo peut-être par la suite.

Contexte

Maieul a réalisé un gros travail sur un plugin basé sur LaTeX pour exporter un livre en pdf à partir des articles (et la structure) sous SPIP :
http://www.spip-contrib.net/Un-livr...
http://www.spip-contrib.net/Livre-a...

Pour exemple, il a généré un pdf à partir du site programmer.spip.org. Il faut savoir que Marcimat a réalisé le livre du même nom à partir de SPIP grâce à PrinceXML. Ce dernier n'est pas libre. C'est une solution payante. D'où la problématique que Maieul essaie de résoudre (avec brio).

Revenons à nos moutons.

Ce que j'ai proposé en illustration

Le logo de SPIP est un écureuil, mais plus exactement, un polatouche. En faisant une petite recherche sur Google, j'ai pris une image de ce polatouche en plein vol. (Ce projet nous prendre de la hauteur et voir de nouveaux horizons avec SPIP et LaTex).

En la retravaillant sous Illustrator, voici ce qui en ressort :

SPIP-LaTex, l'illustration

Ceci est plus illustration car il y a beaucoup de détails pour un logo. C'est donc avant tout une piste graphique pour le "futur" logo.

Version logo - 64px

Version logo - 32px

Version logo - 24px

Version logo - 16px

La couleur de l'illustration n'était qu'arbitraire. En logo, dans la vignette, j'ai choisi le bleu car il me semble avoir vu plus de bleu dans le monde du LaTex qu'une autre couleur. Je n'ai pas choisi de mettre le "violet" usuel de SPIP pour essayer de passer un peu à autre chose.

Il y a eu d'autres propositions de logo fait à Maïeul dans la communauté spipienne. Bien sûr, le choix du logo final tient à Maieul car c'est son projet.

Remerciement, avant tout

Avant tout, merci à toutes les personnes qui ont répondu à ce questionnaire. Il y a eu 15 réponses. Ce qui est vraiment pas mal pour ce genre d'enquête dans un bilan de compétences.

Le questionnaire et ses résultats

Le questionnaire commençait par votre profil. Et notamment par les métiers suivants :

• Développeur Web
• Chef de projet Internet
• Architecte d'intérieur
• Designer Produit
• Designer de mobilier

Si vous lisez bien entre les lignes, vous pouvez comprendre que ceux sont les métiers qui m'intéressent actuellement, à court ou long terme.

• 14 d'entre vous sont Développeur Web ;
• 3 Chef de projet Internet ;
• 3 "autres" (Webmaster, formateur, artiste)

En additionnant, on arrive à plus de 15, bien sûr. Ce qui veut dire, que vous êtes multi-casquettes dans le métier de développeur. Et surtout par le fait que beaucoup d'entre vous sont à leur compte (en auto-entrepreneur ou en petite société).

Une grande partie de parcours pour arriver au métier de développeur Web est le même : un changement de carrière. Peu ou prou était formé à ce métier. Vous avez appris sur le tas.
Tous s'y sont mis car le besoin s'est fait sentir suite à un projet où vous deviez réaliser un site internet. De fil en aiguille, vous avez découvert un nouveau domaine qui vous plaît.

Une journée type est à 50% la suivante :
une veille technologique (twitter, des sites de référence, mailing list, etc.) ;
gérer les demandes clients le matin (téléphone, email) ;
coder jusqu'à plus d'heure ;
Et faut pas oublier : envoyer des devis, envoyer des factures, répondre à des appels d'offres, prier pour avoir son paiement par la suite.

Le temps de travail est variable selon chacun.

Les principales tâches pour les développeurs web :
cahier des charges du site internet ;
réalisation sous SPIP (déclinaison en html de maquette photoshop, intégration html/css, jquery, intégration de plugins…) ;
développement de plugins pour SPIP ;
infogérance de serveurs ;
formation auprès du client pour l'utilisation du site internet sous Spip.

Vous travaillez généralement avec un petit réseau de personnes indépendantes : des graphistes, des référenceurs. Et bien sûr le plus important : le client.
Vous travaillez soit directement avec le client, soit en sous-traitance d'un prestataire.
Vous travaillez seuls mais sans être seuls… :-)

Les connaissances que vous avez :
PHP/MySQL ;
javascript ;
HTML/CSS ;
Serveur Linux ;

Et les compétences nécessaires :
bon sens rédactionnel et relationnel ;
capacité à gérer le stress ;
organiser ;
souplesse/adaptabilité ;
passionné…

Voilà ce que j'en retire aujourd'hui.

Pré-conclusion

J'ai pu constater par cette enquête que la plus grande partie de mes contacts professionnels sont dans le monde de SPIP… Hum… Un chat ne fait pas un chien…
Ce qui forcément me dirige vers ma…

…Conclusion

Ma perspective est de faire une formation pour devenir développeur Web (PHP/MySQL). C'est sûr que je pourrai apprendre le php par moi même avec tous les sites qu'il y a à ce sujet sur le net, mais je suis moi même auto-didacte pour les techniques du web. De ce fait, j'aimerai pouvoir me poser, et apprendre, voir si ce que j'ai appris n'est pas à côté de la plaque… Ou si je n'aurais pas un moyen plus rapide/efficace d'y arriver, une meilleure méthodologie.
Des personnes avec qui j'ai déjà travaillé m'ont "rassuré" sur ma méthode de travail et mes connaissances. C'est vraiment sympa. Mais un retour sur le banc de l'école ne fait pas de mal non plus.

Mais mon projet professionnel ne s'arrête pas là… Il est sur une durée de 4 ans… de formation… Et c'est une autre histoire, un autre article.

J'ai référencé sur l'annuaire "La Réunion et Spip" le site de We'reunion. Ce site se veut de mettre en contact des personnes ayant la Réunion dans leur cœur et voulant en faire la promotion.
Sur les conseils d'un pote, je me suis inscrit en tant qu'ambassadeur. J'ai dans mon cœur la Réunion, mon île natale.

Il y a vraiment de très grandes compétences dans divers secteurs de la Réunion :
les nouvelles technologies ;
les TIC ;
l'écologie (énergie solaire, ça fait 20 ans qu'on installe des chauffes eaux solaires à la Réunion alors que nous n'en sommes qu'aux balbutiements en métropole.) ;
l'art ;
etc.

À chacun de compléter cette liste non exhaustive.
La force de la Réunion est aussi sa position géographique dans l'Océan Indien. À 2 pas de Maurice, mais aussi de Madasgascar et bien d'autres. Nous pouvons travailler avec des personnes d'origines diverses et variées, au même titre que les origines "ethniques" (je n'aime vraiment pas ce mot) de la Réunion : les kaf, les malbars, les yabs (que je fais parti), les malgaches… Beaucoup d'européens se sont aussi installés à la réunion depuis quelques années.

Randonnées à Maïdo

Mais quand on parle de la Réunion, il ne faut pas oublier de parler de sa faune et sa flore. La Réunion a un paysage unique en France et même dans le monde. Des espèces endémiques y vivent et doivent, et sont par la volonté de certaines personnes, être protégées. En octobre 2011, pour la 2ème fois, un énorme incendie s'est déclaré dans le par. National au maido. Nous devons en retirer des leçons. Le but n'est pas de pointer du doigt quelqu'un mais de montrer que nous pouvons être solidaire chacun à son niveau, avec les moyens qui lui sont propres.

Mafate

Et en tout cela, je m'engage à être un digne ambassadeur de la Réunion. J'espère un jour ne pas faire que travailler en dehors de la Réunion mais aussi avec les forces de la Réunion en plus de celles qui sont en moi.

Grand étang à Saint-Benoît

Si vous aussi vous avez à cœur de défendre et promouvoir cette merveilleuse île de l'océan Indien, je vous invite à vous inscrire sur ce site : We'reunion.

Préambule : les CSS

En premier lieu, on doit choisir la largeur de notre page, le conteneur plus exactement. 960.gs donne sur son site un lien vers un générateur de grilles personnalisées :
http://grids.heroku.com/
Pour mon besoin, je clique sur « Check to edit the width » pour pouvoir renseigner la largeur de mon conteneur. La définition d'un iPhone est de 480px (l'iPhone 4S est de 960px, mais je préfère partir sur une largeur plus petite pour que mon contenu soit plus lisible sur un petit écran). Voici mes réglages sur le générateur de CSS :

Le générateur de grilles personnalisées de 960.gs

Ayant l'habitude du système sur 12, 16 et 24 colonnes, je choisi ici 12 colonnes.

La gouttière est de 10 px. C'est la « meilleure » valeur pour que la largeur de mon conteneur colle au mieux à la largeur globale de 480px. La largeur d'une colonne (grid_1) est de 30 px. Parfait pour mes plus petites icônes (dans ma barre de navigation secondaire)

Je peux maintenant exporter le fichier CSS pour son exploitation. Je clique sur le premier « Download CSS File ». Je l'enregistre sous le doux nom de « 480.css » en relation à mon précédent 960.css à la racine de mon dossier squelettes dédié aux smartphones.

Le dossier squelettes dédié à ma version smartphone.

Je dois renseigner dans mon fichier mes_options.php un nouveau dossier pour mon squelette qui sera reconnu par l'appel var_skel=smartphone.

Pour plus de reconnaissance si je reprends ce dossier dans 2 ou 6 mois, je crée un dossier « smartphone » dans mon répertoire de squelettes en cours. Je saurais que ça en est la déclinaison et pas celle d'un autre.

Structure des répertoires squelettes sur le serveur.

Je rajoute une ligne dans mon fichier mes_options.php :

Dans le dossier squelettes/201201/smartphone/, je recopie tous les fichiers du répertoire squelettes/201201/ (sauf smartphone bien sûr).

Voilà, cela fait, reprenons maintenant les même étapes de mon précédent article.

Head.html

Je remplace dans le fichier inclure/head.html « 960.css » par « 480.css » :

Je ne touche à rien d'autre.

Body.html

Ici, je remplace :

par :

par :

par :

par :

Et voilà. On y est pour ce fichier.

Explications toutefois

• container_12 : nous ne sommes plus sur un base de 16 divisions de grille mais de 12 ;
• grid_12 : mon entête sera sur toute la largeur de ma page et non sur ¼ de la page ;
• #bouton : ici aussi, je n'ai plus besoin de l'afficher sur une partie de ma page mais sur toute sa largeur ;

Les fichiers inclure

Je dois vérifier que chaque fichier inclure corresponde à ma nouvelle grille.
Un exemple : inclure/navigation-secondaire.html
Je ne change que 2 lignes dans ce fichier :

par :

et

par :

Cela me permet de centrer cette barre de navigation dans ma page.
On applique le même principe aux autres fichiers inclure « statiques ».

Le contenu

Je modifie maintenant ma page vitrine : contenu/page-sommaire.html
On remplace :

[(#SET{position,[(#COMPTEUR_BOUCLE|alterner{' alpha','',' omega'})]})]
#INCLURE{fond=inclure/article-resume-rubrique,id_article,position=#GET{position},grille=grid_4}

par :

[(#SET{position,[(#COMPTEUR_BOUCLE|alterner{' alpha',' omega'})]})]
#INCLURE{fond=inclure/article-resume-rubrique,id_article,position=#GET{position},grille='grid_6',imglargeur=230,imghauteur=230}

Souvenez-vous : mon fichier article-resume-rubrique.html était customisable par les paramètres qu'on peut lui passer. Ici, je lui renseigne la nouvelle largeur de mes vignettes et leur hauteur : 230px.
Ma mise en page est sur 2 colonnes, soit la classe CSS grid_6 (d'une largeur d 230px).

Déclinaisons

Modifions le fichier contenu/rubrique-services.html
Même procédé.

Premier appel de la boucle article, je remplace :

[(#SET{position,[(#COMPTEUR_BOUCLE|alterner{' alpha',' omega'})]})]
#INCLURE{fond=inclure/article-resume-rubrique,id_article,position=#GET{position},grille=grid_6,imglargeur=340,imghauteur=220}

par :


#INCLURE{fond=inclure/article-resume-rubrique,id_article,position='alpha omega',grille=grid_12,imglargeur=470,imghauteur=220}

On est maintenant sur une largeur totale de la page, soit grid_12. On lui passe un alpha et un omega aussi. On pourrait se passer de renseigner cette class car nous sommes déjà dans un grid_12. Mais l'avantage est de courtcircuiter les éventuels css des li du fichier habillage.css

Pour le deuxième appel d'articles de sous-rubrique, je remplace :

[(#SET{position,[(#COMPTEUR_BOUCLE|alterner{' alpha','',' omega'})]})]
#INCLURE{fond=inclure/article-resume-rubrique,id_article,position=#GET{position},grille=grid_4}

par :


#INCLURE{fond=inclure/article-resume-rubrique,id_article,position='alpha omega',grille=grid_12,imglargeur=470,imghauteur=220}

Et enfin le troisième et dernier appel d'articles (de la rubrique courante) :
#INCLURE{fond=inclure/article-resume-rubrique,id_article,position='alpha omega',grille='grid_10 prefix_1 suffix_1',imglargeur=580}
par : #INCLURE{fond=inclure/article-resume-rubrique,id_article,grille='grid_10 prefix_1 suffix_1 alpha omega',imglargeur=390}

Voilà ! La version smartphone est prête à l'emploi.

Pré-conclusion

Il vous suffit de mettre un lien dans votre version standard pour que les utilisateurs de smartphone puisse choisir cette version. Mais surtout, surtout ! N'oubliez pas de faire un lien sur la version smartphone pour revenir à la version standard. C'est l'utilisateur qui doit avoir le choix de choisir sa version et pas à nous de forcer la main.

Un ami m'a parlé d'un script qui détecte si vous êtes sur smartphone ou pas (navigator.userAgent). Oui… Mais il y a un bémol à cette méthode…
On arrive sur la page classique du site, on a le message d'alerte, on se dit « pourquoi pas, sympa d'y avoir pensé ». Cool, tout va bien. Je vois la version optimisée.
Mais lorsque je désire revenir sur la version standard, j'ai une nouvelle fois le message d'alerte alors que j'ai déjà répondu. Je ne trouve pas ça agréable…

Conclusion, la vraie

Il est donc très facilement de faire une déclinaison de son squelette pour les smartphones lorsqu'on utilise des « grilles » (aussi bien Z-dist que 960.gs).

Il faut peaufiner un peu les css mais beaucoup moins que si on partait de zéro.
J'ai mis 1 heure pour réaliser la déclinaison.

À votre tour de tester cette méthode. Je voudrais savoir si elle vous convient, quelles ont été les difficultés que vous avez rencontré et leur solution.

]]> http://www.teddypayet.com/article66.html