SlideShare une entreprise Scribd logo
1  sur  61
Télécharger pour lire hors ligne
DEVFEST
NANTES – 02 Décembre 2022
PROGRAMME
Choreography vs Orchestration in Serverless Microservices
What about logs ?
UX Formulaires web
Playwright – web apps testing
Temporal.io
Dates et heures
JS et le bon HTML
BuildPack
CHOREOGRAPHY VS
ORCHESTRATION IN
SERVERLESS MICROSERVICES
Guillaume Laforge,
Google
Avantages :
Facile à implémenter
DIRECT SERVICE-TO-SERVICE CALLS
Inconvénients :
Fortement couplé
Chaque service est un point de défaillance unique
Chaque service a sa logique de Retry/Error/Timeout
Qui assure la transaction ?
Avantages :
Faiblement couplé
Modification et scalling facile
Pas de point de défaillance unique
Facile à étendre avec les Evènement
CHORÉGRAPHIE
Inconvénients :
Difficile à debugger / monitorer
La logique de Retry/Error/Timeout est difficile
Le workflow n’est pas explicite
Qui assure la transaction ?
Avantages :
Le workflow est explicite et versionné
Monitoring facile de chaque étape
Retry/Error/Timeout centralisé
Services sont indépendants
ORCHESTRATEUR
Inconvénients :
Nouvelle techno à apprendre
Orchestrateur est le point de défaillance unique
Qui assure la transaction ?
Quelle est la meilleure solution ?
Direct Calls :
• Une architecture simple avec peu de service qui change
peu
Event-Driven architecture :
• Services faiblement liés
• Pas de parallèle ou d’ordre
Central Orchestrator :
• Services fortement liés
• Exécution ordonnée
CHORÉGRAPHIE OU ORCHESTRATION ?
WHAT ABOUT LOGS ?
Daniel MAHER,
Scaleway
WHAT ABOUT LOGS ?
WHAT ABOUT LOGS ?
WHAT ABOUT LOGS ?
WHAT ABOUT LOGS ?
Au minimum : une date/heure et le sujet du log
Une structuration du log et éviter les problèmes d'interprétation
Les logs et les évènements sont des choses séparées
Les métadonnées ne sont pas le message, elles sont là pour aider !
La présentation est primordiale !
UX FORM WEB
Geoffrey Crofte,
Foyer Group
UX FORMULAIRES WEB
Se poser les bonnes questions
Utilisateurs différents profils
Clients, experts, admin
Client : Cherche l’adhésion
Clarté, simplicité
Experts : Connait son métier
Complétude, formulaires plus complexes (besoin de voir beaucoup de choses sur un seul écran)
Admin : Actions rapides
Gestion simplifiée, workflows
UX FORMULAIRES WEB
Autour du formulaire
Existant ?
Allez vous changer profondément les habitudes ?
Pouvez-vous éviter de les changer ?
Comment accompagner ce changement ?
Métier
Est-ce que la logique métier permet de faire cela ?
Est-ce que les données existent et peuvent être stockées ?
Ai-je suffisamment la connaissance métier ?
UX FORMULAIRES WEB
Univers très normé, habitudes anciennes
Ne pas inventer des nouveaux comportements
Innovations basées sur des études : comportements utilisateurs
« Si l’originalité de votre proposition graphique vient
en altérer sa compréhension, changez là »
UX FORMULAIRES WEB
Radios vs Checkbox
UX FORMULAIRES WEB
Read-only
UX FORMULAIRES WEB
Evolution de Material Design
UX FORMULAIRES WEB
Formulaire multi-étapes
Doit servir l’utilisateur
Pas du design
UX FORMULAIRES WEB
Types de champs : select
TESTING WEB APPLICATIONS
WITH PLAYWRIGHT
Debbie O'Brien
Microsoft
QUI AIME FAIRE DES TESTS ?
Support des browser modernes
Fonctionne sur Windows, Linux,
macOS, en local ou en CI
Multi Language : TypeScript,
JavaScript, Python, .NET, Java.
Codegen
Inspector
Trace Viewer – screenshot, etc.
VsCode extension
GitHub Actions
Backer par Microsoft 🤫
KÉSAKO ET CE QU’ON NOUS PROMET
EXEMPLE
Génération du code en
fonction des actions
enregistrées par Playwright
Pas besoin d’aller inspecter le
code pour trouver les balises /
id (picking selectors)
CODEGEN
Rapport
Screen shot
Inspection des snapshots
DOM SNAPSHOT
Cross browser
Cross device
RAPPORT DE FIN DE TESTS
ET LES AUTRES ?
https://medium.com/tech-p7s1/why-favor-playwright-over-selenium-or-cypress-e96df84c08e1
VERS UNE NOUVELLE NORME ?
TEMPORAL.IO
MES WORKFLOWS SONT
CLOUD READY
Alexandre Vilain,
OVHCloud
LE PROBLÈME
LE PROBLÈME
LE PROBLÈME
LA SOLUTION – TEMPORAL.IO
LA SOLUTION – TEMPORAL.IO
DATES ET HEURES À L'HORIZON ?
FUYEZ… OU VENEZ DÉCOUVRIR LES
PIÈGES TENDUS
Arnaud Pichery,
Dataiku
DATES ET HEURES
DATES ET HEURES
Il existe un 30 février en 1712 pour la Suède (à cause du passage calendrier julien vers
calendrier grégorien, la Suède a rencontré des décalages)
Le 11 mars 1917 à Paris, une annonce informe que l'horloge sera retardée de 9 minutes
Nouvel an au mois de mars en Angleterre (24 mars 1708 -> 25 mars 1709)
En Russie de 1937 jusqu'à la guerre passage en semaine de 6 jours
DATES ET HEURES
DATES ET HEURES
DATES ET HEURES
Récapitulatif:
Utilisation d'une librairie avec les bons types pour stocker et manipuler les dates/heures
Utilisation de la norme ISO 8601
Méfiance avec les dates <2000 et danger si <1970
Bugs qui vont arriver:
En 2028 les CD encodés avec la norme Joliet (extension de l'ISO 9660 pour le stockage de
fichiers) la data ne pourra plus être encodée et difficilement lue (stockage de la date 1900 +
128)
En 2038 gros souci sur le Unix Timestamp stocké sur des entiers sur une architecture 32bits, les
systèmes sous Unix 32 bits ne fonctionneront plus correctement (caméra, four, TV, ...).
JS ET LE « BON »
HTML
Gaël Poupard,
OnePoint
JS ET LE « BON » HTML
Univers Standardisé
Axiome du Web
Principe du moindre pouvoir
HTML > CSS > JS > …
Design modulaire
Tolérance à l’erreur
HTML, SVG : pas JS
Suivre les spécifications
Ça bouge de temps en temps
JS ET LE « BON » HTML
Javascript pousse HTML et CSS
Pas mal de fonction JS deviennent du CSS, HTML
Hover
Smooth scroll
Positionnement
Support navigateur de plus en plus large
JS ET LE « BON » HTML
Élément « datalist »
Autocomplete natif
JS ET LE « BON » HTML
Autoremplissage
Email, password, newpassword
OneTimeCode
JS ET LE « BON » HTML
Formater la saisie
pattern
Validation
Pseudo-classe => :valid , :invalid , :out-of-range
Spellcheck = false
JS ET LE « BON » HTML
Spellcheck = false
Vérification orthographique Google
Exfiltration de données
“The company then went on to make clear that it is aware that
the data may sometimes be sensitive, so text isn’t attached
to any user identity and only stored and processed on Google’s
servers temporarily. The company further vowed to improve its
own processes to exclude passwords from being processed
proactively.”
JS ET LE « BON » HTML
Formulaires, nombreux attributs utiles
JS ET LE « BON » HTML
Modales natives
JS ET LE « BON » HTML
Output : accessibilité
JS ET LE « BON » HTML
Tableau
Pseud-classe : target
JS ET LE « BON » HTML
Des « nouveautés »
JS ET LE « BON » HTML
Et les perfs
ET SI LES MEILLEURS
DOCKERFILE ÉTAIENT CEUX
QUE L'ON N'ÉCRIT PAS
Fabien Martin,
VMware
LE PROBLÈME AVEC LES IMAGES DOCKER
LA SOLUTION – LES BUILDPACK
Kanye West, Maths and Signals ! How to
clone Shazam
Conception de langage : communiquer
avec la machine
D’AUTRES PRÉSENTATIONS INTÉRESSANTES
Rennes
35 Boulevard Solférino
35000 Rennes
Paris
350 rue de Vaugirard
75015 Paris
Nantes
Whoorks Nantes Gare
17 Boulevard de Berlin
44000 Nantes
+ 33 2 30 96 21 60
www.spikeelabs.fr
Straight to
the point
www.spikeelabs.fr

Contenu connexe

Similaire à Retour sur les conférences du DevFest de Nantes 2022

Le Cloud Computing avec Google Apps
Le Cloud Computing avec Google AppsLe Cloud Computing avec Google Apps
Le Cloud Computing avec Google AppsAisne Numérique
 
Mon Intro Au Web 20
Mon Intro Au Web 20Mon Intro Au Web 20
Mon Intro Au Web 20anne.wiener
 
Lean StartUp appliqué à ElCurator
 Lean StartUp appliqué à ElCurator Lean StartUp appliqué à ElCurator
Lean StartUp appliqué à ElCuratorChristopher Parola
 
Amélioration progressive, de la théorie à la pratique
Amélioration progressive, de la théorie à la pratiqueAmélioration progressive, de la théorie à la pratique
Amélioration progressive, de la théorie à la pratiqueGoulven Champenois
 
Schuman présentation expérimentation bts à réunion du 24 10-2012
Schuman présentation  expérimentation bts à réunion du 24 10-2012Schuman présentation  expérimentation bts à réunion du 24 10-2012
Schuman présentation expérimentation bts à réunion du 24 10-2012acastra
 
Retours d&rsquo;expérience sur la conduite de projets BI sur les technologies...
Retours d&rsquo;expérience sur la conduite de projets BI sur les technologies...Retours d&rsquo;expérience sur la conduite de projets BI sur les technologies...
Retours d&rsquo;expérience sur la conduite de projets BI sur les technologies...Guillaume Meyer
 
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)serge luca
 
Introduction au nouveau moteur de workflow de Microsoft : Flow
Introduction au nouveau moteur de workflow de Microsoft : FlowIntroduction au nouveau moteur de workflow de Microsoft : Flow
Introduction au nouveau moteur de workflow de Microsoft : FlowSabrine Chouk
 
Aspectize meetup
Aspectize meetupAspectize meetup
Aspectize meetupAspectize
 
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2CERTyou Formation
 
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2CERTyou Formation
 
ASFA - Organisation et Méthodologie du projet COLSA
ASFA - Organisation et Méthodologie du projet COLSAASFA - Organisation et Méthodologie du projet COLSA
ASFA - Organisation et Méthodologie du projet COLSAFrédéric Sagez
 
SQL Server et les développeurs
SQL Server et les développeurs SQL Server et les développeurs
SQL Server et les développeurs Microsoft
 
Waacn formation-windows-azure-applications-cloud-nodejs
Waacn formation-windows-azure-applications-cloud-nodejsWaacn formation-windows-azure-applications-cloud-nodejs
Waacn formation-windows-azure-applications-cloud-nodejsCERTyou Formation
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webNet Design
 
RGPD & EXPÉRIENCE CLIENT - Profitez de l'un pour améliorer l'autre
RGPD & EXPÉRIENCE CLIENT - Profitez de l'un pour améliorer l'autreRGPD & EXPÉRIENCE CLIENT - Profitez de l'un pour améliorer l'autre
RGPD & EXPÉRIENCE CLIENT - Profitez de l'un pour améliorer l'autreBoris Petrovitch Njegosh
 
Le Guide du Parler Humain
Le Guide du Parler Humain Le Guide du Parler Humain
Le Guide du Parler Humain PRODWARE
 
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œilVisual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œilMicrosoft Technet France
 
Les interfaces web de demain
Les interfaces web de demainLes interfaces web de demain
Les interfaces web de demainLaurent Leborgne
 

Similaire à Retour sur les conférences du DevFest de Nantes 2022 (20)

Le Cloud Computing avec Google Apps
Le Cloud Computing avec Google AppsLe Cloud Computing avec Google Apps
Le Cloud Computing avec Google Apps
 
Mon Intro Au Web 20
Mon Intro Au Web 20Mon Intro Au Web 20
Mon Intro Au Web 20
 
Lean StartUp appliqué à ElCurator
 Lean StartUp appliqué à ElCurator Lean StartUp appliqué à ElCurator
Lean StartUp appliqué à ElCurator
 
Amélioration progressive, de la théorie à la pratique
Amélioration progressive, de la théorie à la pratiqueAmélioration progressive, de la théorie à la pratique
Amélioration progressive, de la théorie à la pratique
 
Schuman présentation expérimentation bts à réunion du 24 10-2012
Schuman présentation  expérimentation bts à réunion du 24 10-2012Schuman présentation  expérimentation bts à réunion du 24 10-2012
Schuman présentation expérimentation bts à réunion du 24 10-2012
 
Retours d&rsquo;expérience sur la conduite de projets BI sur les technologies...
Retours d&rsquo;expérience sur la conduite de projets BI sur les technologies...Retours d&rsquo;expérience sur la conduite de projets BI sur les technologies...
Retours d&rsquo;expérience sur la conduite de projets BI sur les technologies...
 
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)
 
Introduction au nouveau moteur de workflow de Microsoft : Flow
Introduction au nouveau moteur de workflow de Microsoft : FlowIntroduction au nouveau moteur de workflow de Microsoft : Flow
Introduction au nouveau moteur de workflow de Microsoft : Flow
 
Aspectize meetup
Aspectize meetupAspectize meetup
Aspectize meetup
 
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
 
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
B5151 g formation-ibm-cognos-analysis-studio-analyze-data-v10-1-10-2
 
ASFA - Organisation et Méthodologie du projet COLSA
ASFA - Organisation et Méthodologie du projet COLSAASFA - Organisation et Méthodologie du projet COLSA
ASFA - Organisation et Méthodologie du projet COLSA
 
SQL Server et les développeurs
SQL Server et les développeurs SQL Server et les développeurs
SQL Server et les développeurs
 
Flexm formation-flex-mobile
Flexm formation-flex-mobileFlexm formation-flex-mobile
Flexm formation-flex-mobile
 
Waacn formation-windows-azure-applications-cloud-nodejs
Waacn formation-windows-azure-applications-cloud-nodejsWaacn formation-windows-azure-applications-cloud-nodejs
Waacn formation-windows-azure-applications-cloud-nodejs
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
 
RGPD & EXPÉRIENCE CLIENT - Profitez de l'un pour améliorer l'autre
RGPD & EXPÉRIENCE CLIENT - Profitez de l'un pour améliorer l'autreRGPD & EXPÉRIENCE CLIENT - Profitez de l'un pour améliorer l'autre
RGPD & EXPÉRIENCE CLIENT - Profitez de l'un pour améliorer l'autre
 
Le Guide du Parler Humain
Le Guide du Parler Humain Le Guide du Parler Humain
Le Guide du Parler Humain
 
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œilVisual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
 
Les interfaces web de demain
Les interfaces web de demainLes interfaces web de demain
Les interfaces web de demain
 

Plus de SpikeeLabs

VDLT - Retour DevFest 2023
VDLT - Retour DevFest 2023VDLT - Retour DevFest 2023
VDLT - Retour DevFest 2023SpikeeLabs
 
Novu _ La cloche de l'intranet va enfin faire _Dring🔔
Novu _ La cloche de l'intranet va enfin faire _Dring🔔Novu _ La cloche de l'intranet va enfin faire _Dring🔔
Novu _ La cloche de l'intranet va enfin faire _Dring🔔SpikeeLabs
 
Power BI _ La data n'a plus de secret pour vous
Power BI _ La data n'a plus de secret pour vousPower BI _ La data n'a plus de secret pour vous
Power BI _ La data n'a plus de secret pour vousSpikeeLabs
 
Retour BreizhCamp 2023
Retour BreizhCamp 2023 Retour BreizhCamp 2023
Retour BreizhCamp 2023 SpikeeLabs
 
Mots de passe : Protégez-les, gérez-les, oubliez-les !
Mots de passe : Protégez-les, gérez-les, oubliez-les !Mots de passe : Protégez-les, gérez-les, oubliez-les !
Mots de passe : Protégez-les, gérez-les, oubliez-les !SpikeeLabs
 
Domain_Driven_Design
Domain_Driven_DesignDomain_Driven_Design
Domain_Driven_DesignSpikeeLabs
 
Industrialisation du processus de livraison et pratiques DevOps avec Kubernet...
Industrialisation du processus de livraison et pratiques DevOps avec Kubernet...Industrialisation du processus de livraison et pratiques DevOps avec Kubernet...
Industrialisation du processus de livraison et pratiques DevOps avec Kubernet...SpikeeLabs
 
Méthodologie de tests et qualité
Méthodologie de tests et qualitéMéthodologie de tests et qualité
Méthodologie de tests et qualitéSpikeeLabs
 
Salesforce : les pouvoirs d’un empire
Salesforce : les pouvoirs d’un empireSalesforce : les pouvoirs d’un empire
Salesforce : les pouvoirs d’un empireSpikeeLabs
 
Windows ou Linux : il faut choisir... ou pas !
Windows ou Linux : il faut choisir... ou pas !Windows ou Linux : il faut choisir... ou pas !
Windows ou Linux : il faut choisir... ou pas !SpikeeLabs
 
9 choses que vous ignorez sur Alice et Bob
9 choses que vous ignorez sur Alice et Bob9 choses que vous ignorez sur Alice et Bob
9 choses que vous ignorez sur Alice et BobSpikeeLabs
 
Kit de survie en Production
Kit de survie en ProductionKit de survie en Production
Kit de survie en ProductionSpikeeLabs
 
Déploiement Kubernetes
Déploiement KubernetesDéploiement Kubernetes
Déploiement KubernetesSpikeeLabs
 
Le design d'API avec Mulesoft
Le design d'API avec MulesoftLe design d'API avec Mulesoft
Le design d'API avec MulesoftSpikeeLabs
 

Plus de SpikeeLabs (15)

VDLT - Retour DevFest 2023
VDLT - Retour DevFest 2023VDLT - Retour DevFest 2023
VDLT - Retour DevFest 2023
 
Novu _ La cloche de l'intranet va enfin faire _Dring🔔
Novu _ La cloche de l'intranet va enfin faire _Dring🔔Novu _ La cloche de l'intranet va enfin faire _Dring🔔
Novu _ La cloche de l'intranet va enfin faire _Dring🔔
 
Power BI _ La data n'a plus de secret pour vous
Power BI _ La data n'a plus de secret pour vousPower BI _ La data n'a plus de secret pour vous
Power BI _ La data n'a plus de secret pour vous
 
Retour BreizhCamp 2023
Retour BreizhCamp 2023 Retour BreizhCamp 2023
Retour BreizhCamp 2023
 
Mots de passe : Protégez-les, gérez-les, oubliez-les !
Mots de passe : Protégez-les, gérez-les, oubliez-les !Mots de passe : Protégez-les, gérez-les, oubliez-les !
Mots de passe : Protégez-les, gérez-les, oubliez-les !
 
DesignSystem
DesignSystemDesignSystem
DesignSystem
 
Domain_Driven_Design
Domain_Driven_DesignDomain_Driven_Design
Domain_Driven_Design
 
Industrialisation du processus de livraison et pratiques DevOps avec Kubernet...
Industrialisation du processus de livraison et pratiques DevOps avec Kubernet...Industrialisation du processus de livraison et pratiques DevOps avec Kubernet...
Industrialisation du processus de livraison et pratiques DevOps avec Kubernet...
 
Méthodologie de tests et qualité
Méthodologie de tests et qualitéMéthodologie de tests et qualité
Méthodologie de tests et qualité
 
Salesforce : les pouvoirs d’un empire
Salesforce : les pouvoirs d’un empireSalesforce : les pouvoirs d’un empire
Salesforce : les pouvoirs d’un empire
 
Windows ou Linux : il faut choisir... ou pas !
Windows ou Linux : il faut choisir... ou pas !Windows ou Linux : il faut choisir... ou pas !
Windows ou Linux : il faut choisir... ou pas !
 
9 choses que vous ignorez sur Alice et Bob
9 choses que vous ignorez sur Alice et Bob9 choses que vous ignorez sur Alice et Bob
9 choses que vous ignorez sur Alice et Bob
 
Kit de survie en Production
Kit de survie en ProductionKit de survie en Production
Kit de survie en Production
 
Déploiement Kubernetes
Déploiement KubernetesDéploiement Kubernetes
Déploiement Kubernetes
 
Le design d'API avec Mulesoft
Le design d'API avec MulesoftLe design d'API avec Mulesoft
Le design d'API avec Mulesoft
 

Retour sur les conférences du DevFest de Nantes 2022

  • 1. DEVFEST NANTES – 02 Décembre 2022
  • 2. PROGRAMME Choreography vs Orchestration in Serverless Microservices What about logs ? UX Formulaires web Playwright – web apps testing Temporal.io Dates et heures JS et le bon HTML BuildPack
  • 3. CHOREOGRAPHY VS ORCHESTRATION IN SERVERLESS MICROSERVICES Guillaume Laforge, Google
  • 4. Avantages : Facile à implémenter DIRECT SERVICE-TO-SERVICE CALLS Inconvénients : Fortement couplé Chaque service est un point de défaillance unique Chaque service a sa logique de Retry/Error/Timeout Qui assure la transaction ?
  • 5. Avantages : Faiblement couplé Modification et scalling facile Pas de point de défaillance unique Facile à étendre avec les Evènement CHORÉGRAPHIE Inconvénients : Difficile à debugger / monitorer La logique de Retry/Error/Timeout est difficile Le workflow n’est pas explicite Qui assure la transaction ?
  • 6. Avantages : Le workflow est explicite et versionné Monitoring facile de chaque étape Retry/Error/Timeout centralisé Services sont indépendants ORCHESTRATEUR Inconvénients : Nouvelle techno à apprendre Orchestrateur est le point de défaillance unique Qui assure la transaction ?
  • 7. Quelle est la meilleure solution ? Direct Calls : • Une architecture simple avec peu de service qui change peu Event-Driven architecture : • Services faiblement liés • Pas de parallèle ou d’ordre Central Orchestrator : • Services fortement liés • Exécution ordonnée CHORÉGRAPHIE OU ORCHESTRATION ?
  • 8. WHAT ABOUT LOGS ? Daniel MAHER, Scaleway
  • 12. WHAT ABOUT LOGS ? Au minimum : une date/heure et le sujet du log Une structuration du log et éviter les problèmes d'interprétation Les logs et les évènements sont des choses séparées Les métadonnées ne sont pas le message, elles sont là pour aider ! La présentation est primordiale !
  • 13. UX FORM WEB Geoffrey Crofte, Foyer Group
  • 14. UX FORMULAIRES WEB Se poser les bonnes questions Utilisateurs différents profils Clients, experts, admin Client : Cherche l’adhésion Clarté, simplicité Experts : Connait son métier Complétude, formulaires plus complexes (besoin de voir beaucoup de choses sur un seul écran) Admin : Actions rapides Gestion simplifiée, workflows
  • 15. UX FORMULAIRES WEB Autour du formulaire Existant ? Allez vous changer profondément les habitudes ? Pouvez-vous éviter de les changer ? Comment accompagner ce changement ? Métier Est-ce que la logique métier permet de faire cela ? Est-ce que les données existent et peuvent être stockées ? Ai-je suffisamment la connaissance métier ?
  • 16. UX FORMULAIRES WEB Univers très normé, habitudes anciennes Ne pas inventer des nouveaux comportements Innovations basées sur des études : comportements utilisateurs « Si l’originalité de votre proposition graphique vient en altérer sa compréhension, changez là »
  • 19. UX FORMULAIRES WEB Evolution de Material Design
  • 20. UX FORMULAIRES WEB Formulaire multi-étapes Doit servir l’utilisateur Pas du design
  • 21. UX FORMULAIRES WEB Types de champs : select
  • 22. TESTING WEB APPLICATIONS WITH PLAYWRIGHT Debbie O'Brien Microsoft
  • 23. QUI AIME FAIRE DES TESTS ?
  • 24. Support des browser modernes Fonctionne sur Windows, Linux, macOS, en local ou en CI Multi Language : TypeScript, JavaScript, Python, .NET, Java. Codegen Inspector Trace Viewer – screenshot, etc. VsCode extension GitHub Actions Backer par Microsoft 🤫 KÉSAKO ET CE QU’ON NOUS PROMET
  • 26. Génération du code en fonction des actions enregistrées par Playwright Pas besoin d’aller inspecter le code pour trouver les balises / id (picking selectors) CODEGEN
  • 27. Rapport Screen shot Inspection des snapshots DOM SNAPSHOT
  • 29. ET LES AUTRES ? https://medium.com/tech-p7s1/why-favor-playwright-over-selenium-or-cypress-e96df84c08e1
  • 30. VERS UNE NOUVELLE NORME ?
  • 31. TEMPORAL.IO MES WORKFLOWS SONT CLOUD READY Alexandre Vilain, OVHCloud
  • 35. LA SOLUTION – TEMPORAL.IO
  • 36. LA SOLUTION – TEMPORAL.IO
  • 37. DATES ET HEURES À L'HORIZON ? FUYEZ… OU VENEZ DÉCOUVRIR LES PIÈGES TENDUS Arnaud Pichery, Dataiku
  • 39. DATES ET HEURES Il existe un 30 février en 1712 pour la Suède (à cause du passage calendrier julien vers calendrier grégorien, la Suède a rencontré des décalages) Le 11 mars 1917 à Paris, une annonce informe que l'horloge sera retardée de 9 minutes Nouvel an au mois de mars en Angleterre (24 mars 1708 -> 25 mars 1709) En Russie de 1937 jusqu'à la guerre passage en semaine de 6 jours
  • 42. DATES ET HEURES Récapitulatif: Utilisation d'une librairie avec les bons types pour stocker et manipuler les dates/heures Utilisation de la norme ISO 8601 Méfiance avec les dates <2000 et danger si <1970 Bugs qui vont arriver: En 2028 les CD encodés avec la norme Joliet (extension de l'ISO 9660 pour le stockage de fichiers) la data ne pourra plus être encodée et difficilement lue (stockage de la date 1900 + 128) En 2038 gros souci sur le Unix Timestamp stocké sur des entiers sur une architecture 32bits, les systèmes sous Unix 32 bits ne fonctionneront plus correctement (caméra, four, TV, ...).
  • 43. JS ET LE « BON » HTML Gaël Poupard, OnePoint
  • 44. JS ET LE « BON » HTML Univers Standardisé Axiome du Web Principe du moindre pouvoir HTML > CSS > JS > … Design modulaire Tolérance à l’erreur HTML, SVG : pas JS Suivre les spécifications Ça bouge de temps en temps
  • 45. JS ET LE « BON » HTML Javascript pousse HTML et CSS Pas mal de fonction JS deviennent du CSS, HTML Hover Smooth scroll Positionnement Support navigateur de plus en plus large
  • 46. JS ET LE « BON » HTML Élément « datalist » Autocomplete natif
  • 47. JS ET LE « BON » HTML Autoremplissage Email, password, newpassword OneTimeCode
  • 48. JS ET LE « BON » HTML Formater la saisie pattern Validation Pseudo-classe => :valid , :invalid , :out-of-range Spellcheck = false
  • 49. JS ET LE « BON » HTML Spellcheck = false Vérification orthographique Google Exfiltration de données “The company then went on to make clear that it is aware that the data may sometimes be sensitive, so text isn’t attached to any user identity and only stored and processed on Google’s servers temporarily. The company further vowed to improve its own processes to exclude passwords from being processed proactively.”
  • 50. JS ET LE « BON » HTML Formulaires, nombreux attributs utiles
  • 51. JS ET LE « BON » HTML Modales natives
  • 52. JS ET LE « BON » HTML Output : accessibilité
  • 53. JS ET LE « BON » HTML Tableau Pseud-classe : target
  • 54. JS ET LE « BON » HTML Des « nouveautés »
  • 55. JS ET LE « BON » HTML Et les perfs
  • 56. ET SI LES MEILLEURS DOCKERFILE ÉTAIENT CEUX QUE L'ON N'ÉCRIT PAS Fabien Martin, VMware
  • 57. LE PROBLÈME AVEC LES IMAGES DOCKER
  • 58. LA SOLUTION – LES BUILDPACK
  • 59. Kanye West, Maths and Signals ! How to clone Shazam Conception de langage : communiquer avec la machine D’AUTRES PRÉSENTATIONS INTÉRESSANTES
  • 60. Rennes 35 Boulevard Solférino 35000 Rennes Paris 350 rue de Vaugirard 75015 Paris Nantes Whoorks Nantes Gare 17 Boulevard de Berlin 44000 Nantes + 33 2 30 96 21 60 www.spikeelabs.fr

Notes de l'éditeur

  1. Avantages : Facile à implémenter Inconvénients : Fortement couplé Chaque service est un point de défaillance unique Chaque service a sa logique de Retry/Error/Timeout Qui assure la transaction ?
  2. Avantages : Faiblement couplé Modification et scalling facile Pas de point de défaillance unique Facile à étendre avec les Evènement Inconvénients : Difficile a debugger / monitorer La logique de Retry/Error/Timeout est difficile Le workflow n’est pas explicite Qui assure la transaction ?
  3. Avantages : Le workflow est explicite et versionné Monitoring facile de chaque étape Retry/Error/Timeout centralisé Services sont indépendants Inconvénients : Nouvelle techno à apprendre Orchestrateur est point de défaillance unique Qui assure la transaction ?
  4. Quelle est la meilleur solution ? It depends ! On est pas obliger de choisir, on peux faire un mix de ses solutions.
  5. En anglais
  6. Culture -> testing culture
  7. Multiple everything. Test scenarios that span multiple tabs, multiple origins and multiple users. Browser contexts. Playwright creates a browser context for each test
  8. On peut vérifier si on est sur un desktop ou un téléphone
  9. Fait partie de la vague « OpenSource by Microsoft »
  10. Dans système de workflow on a les diffèrent étape métier (bleu) Pour chacune de ces étape on a donc un micro service associé.
  11. Et pour chacun de ces µs il y a possiblement un workflow a exécuter, avec des sous étape.
  12. C’est la que les problèmes commence Quand il faut que chaque µs gère les erreurs les retry Les timeout, les tous les mécanismes asynchrones On se retrouve avec de la duplication de code partout et des gestion des erreurs non homogène
  13. Temporal est un Framework de Workflow. On déploie un cluster Temporal.io et une base de donnée Et on y connecte ses micro service
  14. Chaque µS s’enregistre au près de Temporal en décrivant les tache qu’il est capable d’exécuter. Le client demande à temporal l’exécution d’un workflow. Et temporal orchestre l’exécution du workflow La gestion de l’asynco est faite par Temporal Et la gestion des erreurs, retry ,timeout et des rejeux est standardisé par Temporal
  15. Vous avez 200 images docker en production. Une vulnérabilité est découverte dans l’image de base. L’ops qui normalement doit agir dans ce cas, se retrouve a attendre que les programmer fix chacune des images avant de pouvoir redeployer. Et les développeur doivent mtn mettre a jours à chaque vulnerabilité.
  16. Les buildpack ont été  inventé par Heroku, et est maintenant Soutenue par la Cloud native computing Fundation Les buildpack permettent de construire une images docker à partir des sources et rien d’autre. Chaque buildpack détecte la présence de déclencheur dans le code source: Fichier .py buildpach install python Fichier pyproject.toml install poetry On obtiens donc une images docker sans avoir a la décrire. Cela permet au Ops de régénérer une images docker sans changer le code. Et au développeur de ne pas s’occuper des images docker et de leur vulnérabilité.
  17. Shazam : comment ça fonctionne / transformée de fournier Un mec qui fait son compilateur