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

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

Refonte de l'espace privé de SPIP en Bootstrap

Teddy Payet — 2013-04-09T18:02:53Z

En octobre 2012, Cédric (qu'on ne présente plus dans la communauté SPIP) a publié sur la zone SPIP un plugin permettant de faire du Bootstrap (anciennement connu sous le nom de "Twitter Bootstrap") avec notre outil favori. Il a incorporé dans ce plugin le travail colossale de Tetue sur le respect de la typographie propre à SPIP.
Le temps que je me familiarise avec ce Framework CSS (et javascript) avec différents projets, l'envie m'est venue de refaire l'espace privé de SPIP grâce à Bootstrap…

Préambule

Cette phase n'est pas une refonte ergonomique de l'espace privé mais un portage de l'espace privé sur Bootstrap. Le but étant de retrouver les fonctionnalités de l'ancienne interface et si possible, d'apporter les réflexions et avantages de Bootstrap.
Un groupe de travail pourra être monté à la suite de cette phase de portage pour se pencher sur l'ergonomie de l'espace privé.

Le choix de Bootstrap a été fait pour ma part grâce à l'existence du plugin de Cédric. Des personnes pourraient dire que ce choix n'est pas judicieux. Certes, mais nous avons un plugin existant alors autant en profiter. De plus, les phases de portage vers un framework pourront aider si on décide de partir vers un autre framework CSS (exemple : Foundation, 52Framework, YUI Grids, etc.).

La rédaction du présent article sur mon blog a été fait pour ne pas polluer SPIP Contrib comme l'a très justement noté Cédric ici. Quand tout sera sur une version stable, j'écrirai un article sur SPIP Contrib.

Plus que des mots…

… des images.
Pour que vous vous rendiez compte du rendu, je vous invite à regarder les images ci-dessous d'avant/après.

Page d'accueil

Page d'accueil - avant

Page d'accueil - après

Page accueil - v0.7.1

Page d'accueil - Menu de navigation

Page accueil - Menu navigation - avant

Page accueil - Menu navigation - après

Page accueil - Menu navigation - v0.7.1

Page d'accueil - Menu de navigation au survol

Page accueil - Menu navigation survol - avant

Page accueil - Menu navigation survol - après

Page accueil - Menu navigation survol - v0.7.1

Page d'article

Page article - avant

Page article - après

Page d'article - v0.7.1

Appel à tester

Comme vous pouvez le voir, l'interface a pas mal changé mais il reste beaucoup de travail à réaliser. De ce fait, j'aurais besoin de beta testeur.
Un appel a déjà été fait sur la liste spip-dev. On peut continuer la conversation sur la liste mais vous pouvez aussi poster vos commentaires (appréciations, remontées de bugs, pertes de fonctionnalités, améliorations, etc.) sur l'article ici présent.
Je m'efforcerai à noter chaque bug sur cet article et au moins sur le fichier TODO du répertoire dudit plugin.

Pour tester

Et bien, pour tester, il vous faudra récupérer les fichiers par svn :
svn checkout svn://zone.spip.org/spip-zone/_plugins_/bootstrap_prive
Ce plugin est dépendant de 2 autres plugins :
– Bootstrap : http://zone.spip.org/trac/spip-zone... ;
– LESSCSS : http://zone.spip.org/trac/spip-zone....

Réalisations

10/04/2013 :
Avec le commit http://zone.spip.org/trac/spip-zone..., le bandeau de navigation devient blanc (la classe navbar-inverse a été retirée) et laisse place aux icônes de couleur propre à SPIP. L'interface en est plus légère, plus douce.

01/01/2014
Avec le commit http://zone.spip.org/trac/spip-zone..., le bug sur la page article est réglé.
La pagination est conventionnelle à Bootstrap avec ceci http://zone.spip.org/trac/spip-zone...