Teddy Payet

LET.archi.fr, millésime 2023

Teddy Payet — 2023-07-06T10:36:21Z

L'un de mes premiers clients en développement Web est le LET de l'ENSAPLV. Nous travaillons en collaboration depuis plusieurs années ensemble. Cette année 2023 a été le souhait et l'engagement pour le laboratoire de mettre à jour le design du site et le faire rentrer dans un monde plus actuel dans son utilisation. La refonte a été mise en ligne ce lundi 3 juillet 2023.
Cette refonte graphique garde l'essence initiale du site mais rafraichit sa lecture sur l'ensemble des supports avec du (…)

- Développement / SPIP, Traitement automatique des images, HTML, CSS, Graphic Design, Web Design, MySQL, École Nationale Supérieure d'Architecture de Paris Lavillette (ENSAPLV), PHP, Développeur Web, Freelance, jQuery, Bootstrap (CSS et JS), PHPStorm, Git

Lister les pages de configuration

Teddy Payet — 2015-08-05T07:00:00Z

Ce plugin SPIP permet de lister sur une page tous les liens vers les pages de configuration des plugins.

La version 1.0.0 permet grâce à un pipeline de rajouter des éléments au menu. Les plugins suivants utilisent ce pipeline :

Lister les pages ?exec=xxx
Lister les constantes PHP de SPIP
Lister les extensions PHP chargées
Liste des objets principaux
Les plugins nécessaires au site
Lister les fonctions PHP de SPIP

Plus d'informations :

Plugin « Agrandir la largeur de page »

Teddy Payet — 2015-08-03T07:00:00Z

Ce plugin permet d'agrandir la largeur de la page dans l'espace privé de SPIP. Vous pourrez personnaliser cette largeur si besoin.

Pour informations, le préfixe du plugin est spip_hop. Il vient de l'onomatopée "Hop" qui, selon Wikipedia, signifie une « exclamation suggérant l'exécution d'un saut ou d'une manœuvre habile ». De par sa fonctionnalité principale "les écrans", j'aurais pu l'appeler spip_ecran mais ce terme est trop proche de l'idée "écran de sécurité" induisant ainsi l'utilisateur en erreur.
Mais "Hop" est aussi la réaction des beta-testeurs de ce plugin après son activation. "Et hop !"

Pour plus d'informations :

Plugin « Initialiser Zcore »

Teddy Payet — 2015-07-31T16:00:00Z

Suite à l'article Créer des squelettes avec Zcore, ce plugin voit le jour. Il permet de créer pour tous les objets éditoriaux le squelette nécessaire pour fonctionner avec l'architecture « Z » et plus précisément avec Zcore.

Présentation

Ce plugin reprend les principes dans l'article "Créer des squelettes avec Zcore" et vous aide à faire ces différentes opérations depuis l'espace privé. Après activation, un lien est ajouté dans le menu "Squelettes" : "Squelettes Zcore". Il vous amènera sur la page suivante :

Sur cette dernière, vous avez 3 tableaux :

Les contrôles ;
Les répertoires ;
Les objets éditoriaux.

Plus d'informations :

Prêts sur fonds d'épargne

Teddy Payet — 2014-05-15T14:14:00Z

Ce site du groupe de la Caisse des dépôts présente les prêts sur fonds d'épargne au service de l'intérêt général.
Il a été réalisé sous SPIP 3.0. L'intégration HTML des différents pages a été basé sur Bootstrap 3.0 par un développeur intégrateur.
J'ai développé pour ce site le formulaire d'évaluation d'un projet qui détermine le prêt associé. Création de formulaires CVT multi-étapes, nouveaux objets éditoriaux que les administrateurs peuvent mettre à jour selon leur besoin et les (…)

- Développement / SPIP, HTML, MySQL, PHP, Développeur Web, Salarié, Caisse des dépôts, Bootstrap (CSS et JS), Sublime Text, SVN

CDC Développement Solidaire

Teddy Payet — 2014-03-21T08:00:00Z

Ce site du groupe de la Caisse des Dépôts présente les actions d'une filiale du groupe dans le monde.
Il a été porté sous SPIP 3.0 et utilise le framework Bootstrap 3.0 (CSS et JS). L'intégration a été assuré par un développeur intégrateur.
J'ai développé un plugin gérant les dons et adhésions à cette filiale. Création de formulaire CVT multi-étapes, création d'empreintes stockées en base de données, envoi et retour d'informations à un webservice bancaire (norme à respecter) qui assure (…)

- Développement / SPIP, HTML, CSS, MySQL, PHP, Javascript, Développeur Web, Salarié, Bootstrap (CSS et JS), Sublime Text, SVN

Squelettes "Z-core" sous SPIP 3 - astuces

Teddy Payet — 2014-01-14T12:10:10Z

Il n'est plus nécessaire, je pense, de présenter l'architecture des squelettes sous la nomenclature "Z". Beaucoup l'utilise aujourd'hui, moi le premier.

Préambule

Le plugin Z-core est l'héritage du plugin Zpip développé par Matthieu Marcillaud, Cédric Morin, Romy Têtue et un collectif SPIP. Z-core est le moteur offrant le découpage des squelettes. Il ne fournit pas de squelettes. C'est à nous ou au plugin choisi de fournir les pages qui vont bien.
C'est rapide et efficace. Il faut savoir aussi que les noms de blocs/zones ont changé par rapport à Zpip. Presque que chaque zone correspond à un répertoire.
C'est un peu complexe à appréhender au départ. Mais c'est un aspect "vite oublié" au profit de son efficacité.

Remarque

L'un des premiers jeux de squelettes offerts à la communauté SPIP utilisant cette mécanique zcore est le plugin "SPIP-r" développé par Cédric.
Toute la doc sur ce site : http://spipr.nursit.com/

Problématique

Il arrive parfois que l'on désire que la page sommaire ait sa propre architecture, différente du reste des pages classiques.
On pourrait ajouter des balises conditionnelles si on se trouve sur un #ENV{type-page}|=={sommaire} mais ça risque de faire lourd si votre mise en page est complexe.

Voici le code initial de structure.html fournit par Zcore :

[(#VAL{_Z_DOCTYPE}|defined|?{#VAL{_Z_DOCTYPE}|constant}|sinon{})][
(#SET{class,[page_(#ENV{type-page,page})[ #ENV{type-page,page}_(#ENV{composition,''})]][ composition_(#ENV{composition})]})][
(#REM) http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/]






  [ (#REM) Debut du head particulier a chaque page pour inserer un title, des css particulieres(mais surchargees), ou des js *inline* ][ (#REM) Partie commune a toutes les pages, sans env ][ (#REM) Fin du head particulier a chaque page, pour inserer des js specifiques par exemple pour inserer des js *externes* ]

Zcore renvoie vers un body.html unique pour tout le monde.
Comment dire à Zcore/SPIP qu'on veut une mise en page particulière pour le sommaire ?

Astuce

Pour cela, on peut très facilement ajouter 2 ou 3 lignes de codes pour que SPIP sélectionne le body.html approprié pour le sommaire.
Comme dit plus haut et vu dans le code initial, Z-core envoie une variable d'environnement nommé type-page.
Une page sommaire.html aura pour variable type-page=sommaire. Pour un article, nous aurons type-page=article, rubrique type-page=rubrique, etc.

Le code magique

Pour se faire, on va remplacer par ceci :

#SET{body,body}
[(#CHEMIN{body_#ENV{type-page}.html}|?{#SET{body,body_#ENV{type-page}},#SET{body,#GET{body}}})]
[(#CHEMIN{body_#ENV{type-page}-#ENV{composition}.html}|?{#SET{body,body_#ENV{type-page}-#ENV{composition}},#SET{body,#GET{body}}})]

Explications

On initialise une variable body avec pour valeur par défaut "body".
Grâce à la première balise #CHEMIN [1], on va chercher l'existence d'un body_sommaire.html. Mais avec ce code, on va aussi regarder si body_article.html, body_rubrique.html ou autre existent. Sinon, on garde body.html par défaut.
La deuxième balise #CHEMIN va plus loin en regardant s'il existe une composition en plus de notre type de page. Soit pour une composition "ma_super_compo" pour mon article, Zcore/SPIP regardera l'existence de body_article-ma_super_compo.html. Si elle n'existe pas, on garde la valeur précédente de la variable "body".

Erratum du 17/01/2014

Attention
Il n'est pas nécessaire de faire tout cela. Rendons justice en pointant vers l'article de la doc expliquant cela : http://spipr.nursit.com/framework-z...

Grâce au message de Valéry dans le forum ci dessous, j'ai fouillé un peu plus dans le code de z-core et il s'avère qu'il n'est pas nécessaire d'utiliser le code ci-dessus pour le body.html
Z-core va détecter "naturellement" et sans artifice la présence de body-rubrique.html ou body-rubrique-ma_compo.html.

Mais le code ci-dessous est toujours d'actualité :

Aller plus loin

On pourrait étendre ce principe sur les zones de découpage dans notre body.html.
En effet, on pourrait avoir besoin pour un aside, d'une composition de rubrique particulière, un autre contenu que celui donner par aside/rubrique.html. Pour cela, ajouter en début de votre fichier body.html le code suivant :

[(#SET{html,#ENV{type-page}})]
[(#SET{html2,#ENV{type-page}-#ENV{composition}})]

On instancie 2 valeurs :

"html" qui contient le type de page ;
"html2" contient le type de page et la composition associée.

A la place de de body.html, mettre .
Et la ligne juste au dessus, mettre ce code :

[(#CHEMIN{aside/#GET{html2}.html}|?{#SET{aside,#GET{html2}},#SET{aside,#GET{html}}})]

L'astuce est donc la même que plus haut. Pour une composition "ma_super_compo" pour une rubrique, on va chercher l'existence de aside/rubrique-ma_super_compo.html, sinon on prend aside/rubrique.html.

Et voilà !
A vous de tester si cette mécanique vous convient ou pas ! Pour ma part c'est testé et approuvé !

[1] La doc est par ici

Sibuet Hotels & Spa - Séminaires et Incentives 2009

Teddy Payet — 2009-06-25T16:00:00Z

Réalisation de la campagne emailing des "Séminaires et Incentives" 2009 de Sibuet Hotels & Spa. La composition de la campagne est :
– un email html ;
– une page produit présentant les différentes offres des Hôtels pouvant héberger des séminaires ;
– déclinaison de chaque page, ainsi que l'email, en français et en anglais.

- Design / Photoshop, Email Marketing, Page produit, HTML, CSS, Dreamweaver, Sibuet Hotels & Spa, Intégrateur, Graphiste, Freelance

Sibuet Hotels & Spa - Collection Printemps été 2009

Teddy Payet — 2009-03-26T16:10:00Z

Réalisation de la campagne emailing de la Collection Printemps/Été 2009 de Sibuet Hotels & Spa. La composition de la campagne est :
– un email html ;
– une page par Hôtel (x6) ;
– déclinaison de chaque page, ainsi que l'email, en français et en anglais.

- Design / Email Marketing, Page produit, HTML, XHTML, CSS, Dreamweaver, Sibuet Hotels & Spa, Intégrateur, Graphiste, Freelance

Le Hosteval, v2

Teddy Payet — 2007-07-19T22:15:00Z

Nouvelle version du blog du Hosteval pour leur 2è anniversaire.

- Développement / SPIP, Photoshop, Traitement automatique des images, HTML, CSS, MySQL, Amis, Intégrateur, Graphiste, Personnel, jQuery