WordCamp Lille 2018

On connaît les avantages de WordPress : c’est tout public et c’est assez bien fait pour être utilisé par plus d’un tiers des sites Web.

L’inconvénient, c’est que c’est un CMS dynamique : durant le chargement d’une de ses pages, de nombreuses requêtes sollicites la base de données du site.

Par ailleurs, en cas de non mise à jour régulière de WordPress ou de ses extensions, on s’expose à de potentielles failles de sécurité.

Une solution existe pour les sites Internet tels que les blogs, sites vitrines ou pages d’atterrissage : transformer le résultat obtenu sous WordPress en site statique.

Un site statique, c’est seulement de l’HTML/CSS/JavaScript.

Les avantages sont nombreux :

• Le temps de chargement est plus rapide car on n’a plus de requêtes SQL
• La sécurité en est très renforcée.
• On peut trouver des hébergeurs gratuits et très performants.

Comment fait-on ? Je vous l’explique lors de mon intervention au WordCamp Lille !

Discussion entre un designer et un développeur.

Alors que de plus en plus de sites deviennent de simples copies, l’enjeu pour l’avenir ne serait-il pas de créer une expérience digitale immersive optimisée pour l’utilisateur dans le but de se démarquer ?

WordPress peut-il répondre à cette problématique ?

Sachant que l’utilisateur est submergé de contenu et d’informations lorsqu’il navigue sur le web, il devient compliqué de réussir à attirer l’attention sur son produit ou service.

S’il l’on en croit les principes de design émotionnel, créer un lien concret avec celui ou celle qui va utiliser son interface est le premier pas vers la conversion de l’utilisateur en un lead qualifié, mais aussi vers la fidélisation de ce dernier.

Après avoir proposé une définition de ce que peut-être une expérience digitale immersive, nous tenterons de montrer comment cette dernière peut-être menée de l’idée à la réalisation finale.

Nous vous proposons de partager ensemble un retour d’expérience quant à la réalisation du site www.ville-roubaix.fr à l’aide d’un WordPress équipé de l’éditeur de blocs Gutenberg, en mode API REST pour en faire, à terme, une application Web progressive (PWA).

Nous aborderons, successivement du point de vue d’un développeur du projet (bonnes pratiques, insights) et de celui du chef de projet côté client, les points suivants :

1. Comment et quand le projet a démarré ?

2. Pourquoi WordPress ?

3. Pourquoi avoir choisi l’éditeur de blocs Gutenberg ?

4. Comparaison des habitudes développées suite à l’utilisation d’un constructeur de page par rapport aux contraintes et avantages de l’éditeur de blocs Gutenberg.

5. Retour d’expérience sur les extensions Elastic Search et Elastic Press.

6. La PWA : les contraintes et avantages de l’utilisation de WordPress en mode REST API.

Hélène Declerck, chef de projet multimedia à la ville de Roubaix, sera à nos côtés pour apporter ses éclairages à notre présentation.

WordPress, un CMS qui répond à tout

Comment configurer WordPress pour qu’il soit adapté au SEO ?

Travailler la structure du site

Faire de son site une petite fusée

L’analyse de logs : surveiller Google à la loupe

Je vous propose mon retour d’expérience sur mon parcours de freelance :

• Quel a été le déclic pour me lancer en 2010 ?
• Comment je me suis démarqué des autres freelances ?
• Comment je me suis donné de la visibilité ?
• Comment j’ai travaillé mon image de marque ?
• Les déceptions et expériences qui font rebondir ?
• A quelles portes je suis allé frapper ?
• Être au bon endroit au bon moment.

Je vous donnerai plein de conseils pour vous aider à vous démarquer à votre tour !

Nous vous proposons de partager ensemble un retour d’expérience quant à la réalisation du site www.ville-roubaix.fr à l’aide d’un WordPress équipé de l’éditeur de blocs Gutenberg, en mode API REST pour en faire, à terme, une application Web progressive (PWA).

Nous aborderons, successivement du point de vue d’un développeur du projet (bonnes pratiques, insights) et de celui du chef de projet côté client, les points suivants :

1. Comment et quand le projet a démarré ?

2. Pourquoi WordPress ?

3. Pourquoi avoir choisi l’éditeur de blocs Gutenberg ?

4. Comparaison des habitudes développées suite à l’utilisation d’un constructeur de page par rapport aux contraintes et avantages de l’éditeur de blocs Gutenberg.

5. Retour d’expérience sur les extensions Elastic Search et Elastic Press.

6. La PWA : les contraintes et avantages de l’utilisation de WordPress en mode REST API.

Hélène Declerck, chef de projet multimedia à la ville de Roubaix, sera à nos côtés pour apporter ses éclairages à notre présentation.

Que signifie le RGPD pour un éditeur de site et pour un développeur ? Et que va changer le Règlement « ePrivacy », remplaçant, un jour peut-être,  la directive du même nom ?

Questions pratico-philosophiques.

Mon sujet est double : à la fois mettre en valeur le métier de développeur, trop souvent sous-estimé, et soulever les questions quotidiennes du créateur-développeur de site (là, je code, ou j’utilise du tout prêt ?)

Comme choix de métier :

• clichés du nerd ou du « barbu » qui font peur,
• un métier créatif, loin de l’exécutant  « pisseur de code »,
• résoudre des problèmes, être utile.

Comme approche culturelle :

• utiliser l’informatique sans en faire : assembler ou construire,
• masquer la complexité,
• la dépendance technique, la consommation : pouvoir réparer soi-même.

Dans WordPress : du prêt à porter à la haute couture :

• WordPress.com vs WordPress.org,
• Présentation : thèmes premium vs constructeurs de page vs l’extension « Advanced Custom Fields » vs « alamain »,
• Fonctionnalités : extensions vs intégration de morceaux de code vs sur-mesure.

L’arbitrage entre tous ces points dépend de la taille du projet : il est certainement préférable d’utiliser les options de personnalisation de WordPress, des thèmes ou des extensions plutôt que de réinventer la roue.

Il repose également sur des critères de coût, de sécurité, d’évolutivité, de simplicité, de performance, et en lien avec la dette technique.

« Yes, we can ! »

Nous avons le pouvoir de nous adapter aux besoins des clients et de leurs projets.

Discussion entre un designer et un développeur.

Alors que de plus en plus de sites deviennent de simples copies, l’enjeu pour l’avenir ne serait-il pas de créer une expérience digitale immersive optimisée pour l’utilisateur dans le but de se démarquer ?

WordPress peut-il répondre à cette problématique ?

Sachant que l’utilisateur est submergé de contenu et d’informations lorsqu’il navigue sur le web, il devient compliqué de réussir à attirer l’attention sur son produit ou service.

S’il l’on en croit les principes de design émotionnel, créer un lien concret avec celui ou celle qui va utiliser son interface est le premier pas vers la conversion de l’utilisateur en un lead qualifié, mais aussi vers la fidélisation de ce dernier.

Après avoir proposé une définition de ce que peut-être une expérience digitale immersive, nous tenterons de montrer comment cette dernière peut-être menée de l’idée à la réalisation finale.

Voici les grands axes de mon intervention :

• C’est quoi un webservice ? (Ce n’est pas de l’échange de fichiers)
• Comment ça fonctionne ?
• Un peu de jargon : XML-RPC, REST, SOAP, XML, JSON, GraphQL
• Sécurité et authentification GET, POST, PUT, DELETE
• Réponses HTTP et validation des données performante (HTTP, Cache et autres considérations)
• Utiliser une API et déboguer, quelques outils
• Présentation de l’API REST de WooCommerce
  • Syntaxe
  • Activation
  • Méthodes
  • Filtres
• Pourquoi utiliser une API et pas un accès direct MySQL ?
• Exemples d’utilisation
• Des questions ?

On connaît les avantages de WordPress : c’est tout public et c’est assez bien fait pour être utilisé par plus d’un tiers des sites Web.

L’inconvénient, c’est que c’est un CMS dynamique : durant le chargement d’une de ses pages, de nombreuses requêtes sollicites la base de données du site.

Par ailleurs, en cas de non mise à jour régulière de WordPress ou de ses extensions, on s’expose à de potentielles failles de sécurité.

Une solution existe pour les sites Internet tels que les blogs, sites vitrines ou pages d’atterrissage : transformer le résultat obtenu sous WordPress en site statique.

Un site statique, c’est seulement de l’HTML/CSS/JavaScript.

Les avantages sont nombreux :

• Le temps de chargement est plus rapide car on n’a plus de requêtes SQL
• La sécurité en est très renforcée.
• On peut trouver des hébergeurs gratuits et très performants.

Comment fait-on ? Je vous l’explique lors de mon intervention au WordCamp Lille !

L’accessibilité numérique, c’est proposer aux internautes en situation de handicap, que ce soit au niveau moteur, visuel, auditif ou cognitif, un accès au Web et une navigation optimale quel que soit leur équipement.On pense parfois (quand on y pense) que l’accessibilité est un ensemble de techniques à mettre en place au moment de l’intégration et du développement… mais non 🙂

En réalité, intégrer le concept d’accessibilité commence dès la conception et le design graphique !

Nous verrons comment se préparer une « checklist » pour tous ses projets :

• style guide, avec notamment le design des éléments de formulaires et leurs différents états,
• les contrastes des couleurs,
• l’utilisation des images, des pictogrammes,
• les menus d’évitement…

Ainsi, dès l’ouverture de votre outil de conception graphique préféré, n’oubliez plus les fondamentaux de l’accessibilité.

Au niveau de l’intégration et du développement, nous verrons comment intégrer à notre « workflow » les bonnes pratiques et mettre en application le design accessible qui aura été préparé.

Nous avons tous eu 18 mois pour nous y préparer, pourtant Gutenberg est arrivé et cet éditeur (qui est intégré à WordPress depuis sa version 5.0) est aujourd’hui encore méconnu. Moins d’un million d’installations sur nos belles décapotables.

Nous prenons la plupart des virages quand ils arrivent (le responsive, le HTTPS, le RGPD …), c’est comme ça ! Afin d’éviter une sortie de route, il peut s’avérer tentant de conserver ses habitudes, en gardant l’éditeur classique ou son constructeur de page préféré. Mais l’avenir n’attend pas, on y va tout droit !

Je vous propose de découvrir ou redécouvrir le panorama des possibilités de mise en page de Gutenberg et de certaines de ses extensions.

Le digital est un enjeu fort pour les Très Petites Entreprises (TPE), lesquelles ont bien compris la corrélation entre la pérennité de leur activité et une présence qualitative sur le Web.

Développeurs, chargés de projet Web, vous accompagnez des entrepreneurs dans ce processus de digitalisation avec la mise en place d’un site Web simple, efficace et intuitif (bref, un site WordPress !). C’est en les aidant à développer leur autonomie sur WordPress que vous créerez une relation de partenariat saine et durable avec eux.

Après avoir formé plus de 1000 créateurs d’entreprise et indépendants à l’utilisation de WordPress, deux formateurs et spécialistes numériques partagent avec vous leur expérience :

• Se mettre à la place du novice. Comment comprendre les attentes de vos clients pour leur proposer des solutions adaptées ?
• Comment familiariser l’entrepreneur à l’utilisation de WordPress ? Quelles sont les bonnes pratiques, les outils et les formations ?
• Quelques conseils pour faciliter vos interactions avec ce client particulier qu’est l’entrepreneur.

La fiche produit, élément fondamental de votre catalogue, est la clé du succès de votre site e-commerce.

1. Rédaction & description d’une fiche produit.
2. Optimiser le référencement naturel « SEO » d’une  fiche produit.
3. Présentation, disposition & contenus visuels.
4. Les leviers d’acquisition dans la fiche produit.
5. L’intéractivité avec le client.
6. Les extensions de WooCommerce.

Dans cet atelier nous verrons comment développer et déployer avec Docker son site WordPress. Nous commencerons par une présentation de Docker et de ses principes, de l’intégration de WordPress à Docker pour créer un environnement de développement robuste et « team-friendly ». Nous verrons aussi comment créer une image de son site et comment déployer cette image facilement.

Tout le monde collecte des emails pour son site. Tout le monde.

Mais est-ce fait correctement ? Les bonnes règles et pratiques sont-elles appliquées ? Qu’en est-il de la conformité de ces pratiques ?

Le but de cette présentation est de rappeler les mesures à mettre en place pour une bonne collecte et d’éviter de tomber dans le piège de la facilité, sous prétexte d’ignorer les us et coutumes.

Lors de mon intervention, je vous parlerai d’opt-in (simple, double et même triple), des fichiers de données achetés ou loués, des formulaires, des jeux concours et des tunnels de vente.