“La
pollu)on
douce
   sapproprie
les
hommes,
aux
rela)ons
parfois
sub)les
et
à
la
       — Michel Serrès
“WWW”Ceci est une révolution.
Révolution vs. Révolution
L’industrialisation de l’intégration            –la révolution de l’artisan     devenu ouvrierhttp://slidesha.re/p2uYu8
Pas de techniqueObjectifs
Pas de WebObjectifs
Pas de buzzword            – ou presque –Objectifs
Mettre en        perspectiveObjectifs
Thomas Parisot             – consultant Web             @oncletom             http://case.oncle-tom.net             http:/...
Paris Web 2010
“Directeur artistique Junior”Paris Web 2010
MA règle est LA        règleParis Web 2010
Manuel vs.     AutomatiqueParis Web 2010
1h30                  ≈       60 « bonnes »Paris Web 2010
Bonnes pratiques    frontend        =    Opquast ?Paris Web 2010
Bonnes pratiques       =ContextualisablesParis Web 2010
La rache©        > Bonnes pratiquesParis Web 2010
WTF ?*       * Pourquoi ?En langage diçaïdor
WTF ?*       * Pourquoi ?En langue française
http://instagr.am/p/QA63X/En Karl Dubost (@karlpro)
“WWW”
Concepteurs     Programmes Utilisateurs   Interfaceswww = ?
Concepteurs  Claude            Programmes                       Cloud  Claude Utilisateurs         Interfaces             ...
“L’anecdote
de
la
maison
     et
de
l’assureur”
Histoire      +Transdiscipline
Parlons agriculture
Produits chimiques         +       WW2Industrialisation de l’agriculture
Terroirs multiples        +Adaptation natureIndustrialisation de l’agriculture
Sol unique              +         TraitementIndustrialisation de l’agriculture
Besoins multiples  Solution uniqueIndustrialisation de l’agriculture
Pourquoi industrialiser     (le développement Web)                     ?  Toujours WTF (tu rames pas sur scène ?)
Temps         Risques         Qualité         Mesures       ProductivitéPourquoi industrialiser <buzzword> ?
Temps         Risques         Qualité         Mesures       ProductivitéPourquoi industrialiser <buzzword> ?
Temps         Risques         Qualité         Mesures       ProductivitéPourquoi industrialiser <buzzword> ?
Temps         Risques         Qualité         Mesures       ProductivitéPourquoi industrialiser <buzzword> ?
Temps         Risques         Qualité         Mesures       ProductivitéPourquoi industrialiser <buzzword> ?
L’industrialisation             Et vous ?L’instant participatif
http://j.mp/nkrisN   Les data, c’est mon dadaL’industrialisation et vous
4 %4 %               21 %                                 71 %Techos      Fonctionnels        Créatifs   Administratif  L’...
Technique Fonctionnel      CréatifAdministratif                0       25        50        75   100                    Com...
29 %                               34 %                      38 %  Positif            Négatif          Sans opinionL’indus...
Vision positive           Vision négative          SSII                    Startup  Service informatique         Indépenda...
L’industrialisationQu’en dit Robert ?Robert le dictionnaire
“Lindustrialisa)on
est
lensemble
du
processus
de
   fabrica)on
de
produits
   manufacturés,
allant
du
   prototype
à
la
sé...
Normes          +      HomogénéitéRobert le dictionnaire
TaylorismeSynonyme
Homme       =Machine physiqueTaylorisme
“Le
Monde
      Diploma)que”Mai
2011
–
hGp://bit.ly/pGEJk7
“Renvoyé
à
un
rôle
dagent
de
produc)on.”
“Il
développe
des
projets
dont
il
ne
maîtrise
pas
toujours
les
tenants
et
abou)ssants.”
“CeGe
incapacité
à
nommer
nos
mé)ers
est
spécifique
aux
SSII.
Un
peu
comme
si
nous
é)ons
interchangeables.”
“Une
fois
le
commercial
imposé
comme
le
supérieur
hiérarchique,
la
créa)vité
est
reléguée
au
second
plan,
au
profit
de
la
r...
“Toute
conquête
de
la
réduc)on
sest
payée
  en
réalité
par
une
   complexifica)on
       — Edgar Morin
Programme vs.      StratégieDilemme
L’Homme !Il suffisait de l’inventer
Sécurité vs.        AdaptationChoisir son objectif
TailleGrandir pour (survivre|mourir)
Outils vs.Réussite
“La
logis)que
commerciale
        au
service
du
consommateur
domine
sur
la
stratégie
commerciale
de
 lentreprise,
au
dépen...
La clé del’industrialisation ?
Les hommes   Les femmesLeurs interactions
“Dernière
anecdote”
Merci. Des questions ?
Introduction à la penséecomplexeLa vitesse de libération— Paul VirilioLes transformations silencieuses— François Jullien  ...
L’industrialisation de l’intégration Web : la révolution de l'artisan devenu ouvrier
L’industrialisation de l’intégration Web : la révolution de l'artisan devenu ouvrier
L’industrialisation de l’intégration Web : la révolution de l'artisan devenu ouvrier
L’industrialisation de l’intégration Web : la révolution de l'artisan devenu ouvrier
L’industrialisation de l’intégration Web : la révolution de l'artisan devenu ouvrier
Upcoming SlideShare
Loading in …5
×

L’industrialisation de l’intégration Web : la révolution de l'artisan devenu ouvrier

2,551 views
2,519 views

Published on

Le développement Web frontend – multiplicité de compétences – est l'apanage des experts … ou des stagiaires. Développer, c'est Java, C# ou PHP.

L'omniprésence des interfaces recourant à HTML induit un recours à des points de repère, tant pour les développeurs, les chefs de projet que les acheteurs. C'est une des idées qui en est ressortie de l'atelier “Industrialiser l'artisanat du développement HTML” (http://www.paris-web.fr/2010/programme/industrialiser-lartisanat-de-lintegration-html.php) à Paris Web 2010.

Depuis, l'eau a coulé sous les ponts et une liste de bonnes pratiques de développement frontend est en cours de réalisation. Nous verrons comment et pourquoi l'alimenter, entre autre pour des besoins d'industrialisation des projets.

L'industrialisation, c'est aussi un mot qui inquiète, surtout lorsque cela concerne un des pans du développement Web proche du modèle de l'artisanat. Est-ce le retour du travail à la chaîne ? Est-ce une spécialisation ou une déresponsabilisation ? Ou pire, est-ce un moyen d'apporter une réponse unique à des besoins multiples ?

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,551
On SlideShare
0
From Embeds
0
Number of Embeds
632
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Jaune et noir, perfect match.\n
  • \n
  • Manifestation de l&apos;&amp;#xE9;volution d&apos;une technologie de garage &amp;#xE0; l&apos;industrie informatique.\n
  • \n
  • \n
  • \n
  • \n
  • Remettre l&amp;#x2019;humain au centre du d&amp;#xE9;bat, utilisateur d&amp;#x2019;outils et non \n
  • \n
  • \n
  • \n
  • Conf&amp;#xE9;rence h&amp;#xE9;ros : on se perdait dans les valeurs des d&amp;#xE9;nominations m&amp;#xE9;tier, tiraill&amp;#xE9;s entre le besoin d&apos;argent (appellation marketing), et leur signification (Directeur Artistique Junior).\n
  • Conclusion de l&apos;atelier : le frontend pr&amp;#xE9;sent &amp;#xE9;tait tr&amp;#xE8;s artisan. MA r&amp;#xE8;gle est LA r&amp;#xE8;gle.\n
  • Ce qu&apos;on fait &amp;#xE0; la main est mieux/plus fiable que l&apos;automatique (difficult&amp;#xE9; &amp;#xE0; d&amp;#xE9;bogueur, corriger, transmission du savoir &amp;#x2013; cf. grilles, pr&amp;#xE9;compilateurs etc.)\n
  • En 1h30, on a rassembl&amp;#xE9; une soixantaine de bonnes et mauvaises pratiques, ainsi que d&apos;outils permettant de gagner en qualit&amp;#xE9;, coh&amp;#xE9;rence d&apos;&amp;#xE9;quipe et de confort de travail (encore que &amp;#xE7;a, &amp;#xE7;a reste &amp;#xE0; prouver).\n
  • En discutant avec Elie Slo&amp;#xEF;m, il me dit &quot;pourquoi ne pas utiliser Opquast comme outil de travail, &amp;#xE0; la mani&amp;#xE8;re du workshop Open Data ?&quot;. En y r&amp;#xE9;fl&amp;#xE9;chissant, on &amp;#xE9;tait en train de partir sur une logique similaire sans nous en rendre compte.\n
  • Avantage des BP : s&amp;#xE9;lection &amp;#xE0; la carte, fonction du contexte (bon, pas tout)\n
  • Inconv&amp;#xE9;nient des BP : toujours plus compliqu&amp;#xE9; la m&amp;#xE9;thode &amp;#xE0; la rache&amp;#xA9;\n
  • \n
  • \n
  • \n
  • Revenons au Web\n
  • Le Web c&amp;#x2019;est quoi ?\n
  • Et &amp;#xE7;a tombe bien, pas d&amp;#x2019;industrialisation sans machines\n
  • \n
  • \n
  • Fort heureusement, l&apos;Histoire et d&apos;autres disciplines ont d&amp;#xE9;j&amp;#xE0; des r&amp;#xE9;ponses &amp;#xE0; nous apporter.Que nous raconte-t&amp;#x2019;elle ?\n
  • Une vache\n
  • Le progr&amp;#xE8;s : produits chimiques et m&amp;#xE9;canisation ont entrain&amp;#xE9; un changement de fonctionnement.Les stocks de la 2&amp;#xE8;me Guerre Mondiale ont fait poser la question de leur utilisation.\n
  • Avant : logique de terroirs multiples, d&apos;une connaissance du terrain et de l&apos;adaptation de la culture et des semences &amp;#xE0; ce contexte.\n
  • Apr&amp;#xE8;s : logique de m&amp;#xE9;thode unique, formule semence + traitement, pour un r&amp;#xE9;sultat calcul&amp;#xE9;.On voulait reproduire dans la nature ce qu&amp;#x2019;on avait r&amp;#xE9;ussi &amp;#xE0; faire hors-sol, dans un contexte artificiel.\n
  • Th&amp;#xE9;orie des fluides.On est pass&amp;#xE9; d&amp;#x2019;une discipline d&amp;#x2019;agriculteurs &amp;#xE0; une discipline de chimistes.\n
  • \n
  • Gagner du temps\n
  • R&amp;#xE9;duire les risques d&apos;erreurs\n
  • Meilleure qualit&amp;#xE9; des livrables\n
  • Rendement mesurable\n
  • Stabilit&amp;#xE9; de la production\n
  • \n
  • URL des donn&amp;#xE9;es au format HTML.Hackez l&amp;#x2019;URL pour obtenir du CSV etc.\n
  • 75% indiquent avoir des responsabilit&amp;#xE9;s.\n
  • \n
  • Bon et dans l&amp;#x2019;histoire, les &amp;#xAB; sans opinion &amp;#xBB; ont une &amp;#xE9;vocation premi&amp;#xE8;re se r&amp;#xE9;f&amp;#xE9;rant &amp;#xE0; une vision n&amp;#xE9;gative.\n
  • \n\n
  • \n
  • Et globalement, les &amp;#xE9;vocations des sond&amp;#xE9;s collent avec la perception de la d&amp;#xE9;finition.\n
  • Et si on le retrouve dans le r&amp;#xE9;sultat final (l&amp;#x2019;outil), les besoins des clients sont tout sauf &amp;#xE7;a.\n
  • \n
  • Plut&amp;#xF4;t &amp;#xE9;quivoque\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • C&amp;#x2019;est &amp;#xE7;a l&amp;#x2019;industrialisation ?\n
  • On n&amp;#x2019;est pas forc&amp;#xE9;ment dans une optique de facilitation ou de simplification, au contraire.Les techniques de contr&amp;#xF4;le d&apos;environnement aboutissent &amp;#xE0; l&apos;isolement comportemental.Tout &amp;#xE7;a pour se donner l&amp;#x2019;assurance de d&amp;#xE9;jouer l&amp;#x2019;impr&amp;#xE9;vu.\n
  • Quand on parle de *programme*, il s&apos;agit d&apos;un environnement stable, qui ne cr&amp;#xE9;e pas d&apos;innovation.C&apos;est la notion oppos&amp;#xE9;e &amp;#xE0; la *strat&amp;#xE9;gie*, mod&amp;#xE8;le d&apos;adaptation &amp;#xE0; l&apos;environnement.\n
  • Le propre de l&apos;homme, c&apos;est la possibilit&amp;#xE9; de vivre et de travailler dans l&apos;impr&amp;#xE9;cision et le flou.La diff&amp;#xE9;rence de chaque Homme est une des raisons d&apos;exister, de se constituer *soi*\n
  • Parlons de perspectives plut&amp;#xF4;t que de conclusion. Point de point (final).\n
  • Un proverbe chinois dit &quot;Il ne faut pas sacrifier la mobilit&amp;#xE9; &amp;#xE0; la s&amp;#xE9;curit&amp;#xE9;&quot;\n
  • Taille et sentiment d&apos;appartenance influe sur la solidarit&amp;#xE9;, l&apos;entraide et l&apos;auto-entretien de leur position au sein du groupe.\n
  • L&apos;outil et les proc&amp;#xE9;d&amp;#xE9;s ne feront jamais la r&amp;#xE9;ussite. Les vignerons vous le diraient : une mauvaise terre donnera toujours un mauvais vin. Une bonne terre et de mauvais outils vous donneront un bon vin.\n
  • Les flux tendus m&amp;#xE8;nent &amp;#xE0; un &amp;#xE9;puisement des forces de la firme.\n
  • \n
  • \n
  • \n
  • Steve Reich et Music for 18 Musicians.R&amp;#xF4;le tournant, guid&amp;#xE9; par le rythme.Tout le monde est responsable, partiellement, en tournant.Pourrait-on remplacer une partie des 18 musiciens par des semples en programmant leur rythme ?Oui, &amp;#xE7;a serait beaucoup plus simple. Mais qu&apos;est-ce que &amp;#xE7;a serait triste.\n
  • \n
  • Woot, des geeks qui lisent.\n
  • L’industrialisation de l’intégration Web : la révolution de l'artisan devenu ouvrier

    1. 1. “La
pollu)on
douce
 sapproprie
les
hommes,
aux
rela)ons
parfois
sub)les
et
à
la
 — Michel Serrès
    2. 2. “WWW”Ceci est une révolution.
    3. 3. Révolution vs. Révolution
    4. 4. L’industrialisation de l’intégration –la révolution de l’artisan devenu ouvrierhttp://slidesha.re/p2uYu8
    5. 5. Pas de techniqueObjectifs
    6. 6. Pas de WebObjectifs
    7. 7. Pas de buzzword – ou presque –Objectifs
    8. 8. Mettre en perspectiveObjectifs
    9. 9. Thomas Parisot – consultant Web @oncletom http://case.oncle-tom.net http://cyneticmonkey.com« Me, myself and I » en 140 caractères
    10. 10. Paris Web 2010
    11. 11. “Directeur artistique Junior”Paris Web 2010
    12. 12. MA règle est LA règleParis Web 2010
    13. 13. Manuel vs. AutomatiqueParis Web 2010
    14. 14. 1h30 ≈ 60 « bonnes »Paris Web 2010
    15. 15. Bonnes pratiques frontend = Opquast ?Paris Web 2010
    16. 16. Bonnes pratiques =ContextualisablesParis Web 2010
    17. 17. La rache© > Bonnes pratiquesParis Web 2010
    18. 18. WTF ?* * Pourquoi ?En langage diçaïdor
    19. 19. WTF ?* * Pourquoi ?En langue française
    20. 20. http://instagr.am/p/QA63X/En Karl Dubost (@karlpro)
    21. 21. “WWW”
    22. 22. Concepteurs Programmes Utilisateurs Interfaceswww = ?
    23. 23. Concepteurs Claude Programmes Cloud Claude Utilisateurs Interfaces Cloudwww = mi-homme, mi-machine
    24. 24. “L’anecdote
de
la
maison
 et
de
l’assureur”
    25. 25. Histoire +Transdiscipline
    26. 26. Parlons agriculture
    27. 27. Produits chimiques + WW2Industrialisation de l’agriculture
    28. 28. Terroirs multiples +Adaptation natureIndustrialisation de l’agriculture
    29. 29. Sol unique + TraitementIndustrialisation de l’agriculture
    30. 30. Besoins multiples Solution uniqueIndustrialisation de l’agriculture
    31. 31. Pourquoi industrialiser (le développement Web) ? Toujours WTF (tu rames pas sur scène ?)
    32. 32. Temps Risques Qualité Mesures ProductivitéPourquoi industrialiser <buzzword> ?
    33. 33. Temps Risques Qualité Mesures ProductivitéPourquoi industrialiser <buzzword> ?
    34. 34. Temps Risques Qualité Mesures ProductivitéPourquoi industrialiser <buzzword> ?
    35. 35. Temps Risques Qualité Mesures ProductivitéPourquoi industrialiser <buzzword> ?
    36. 36. Temps Risques Qualité Mesures ProductivitéPourquoi industrialiser <buzzword> ?
    37. 37. L’industrialisation Et vous ?L’instant participatif
    38. 38. http://j.mp/nkrisN Les data, c’est mon dadaL’industrialisation et vous
    39. 39. 4 %4 % 21 % 71 %Techos Fonctionnels Créatifs Administratif L’industrialisation et vous
    40. 40. Technique Fonctionnel CréatifAdministratif 0 25 50 75 100 Compétences déclarées L’industrialisation et vous
    41. 41. 29 % 34 % 38 % Positif Négatif Sans opinionL’industrialisation et vous
    42. 42. Vision positive Vision négative SSII Startup Service informatique IndépendantL’industrialisation et vous
    43. 43. L’industrialisationQu’en dit Robert ?Robert le dictionnaire
    44. 44. “Lindustrialisa)on
est
lensemble
du
processus
de
 fabrica)on
de
produits
 manufacturés,
allant
du
 prototype
à
la
série
en
 recherchant
une
forte
 produc)vité
du
travail.”
    45. 45. Normes + HomogénéitéRobert le dictionnaire
    46. 46. TaylorismeSynonyme
    47. 47. Homme =Machine physiqueTaylorisme
    48. 48. “Le
Monde
 Diploma)que”Mai
2011
–
hGp://bit.ly/pGEJk7
    49. 49. “Renvoyé
à
un
rôle
dagent
de
produc)on.”
    50. 50. “Il
développe
des
projets
dont
il
ne
maîtrise
pas
toujours
les
tenants
et
abou)ssants.”
    51. 51. “CeGe
incapacité
à
nommer
nos
mé)ers
est
spécifique
aux
SSII.
Un
peu
comme
si
nous
é)ons
interchangeables.”
    52. 52. “Une
fois
le
commercial
imposé
comme
le
supérieur
hiérarchique,
la
créa)vité
est
reléguée
au
second
plan,
au
profit
de
la
rentabilité.”
    53. 53. “Toute
conquête
de
la
réduc)on
sest
payée
 en
réalité
par
une
 complexifica)on
 — Edgar Morin
    54. 54. Programme vs. StratégieDilemme
    55. 55. L’Homme !Il suffisait de l’inventer
    56. 56. Sécurité vs. AdaptationChoisir son objectif
    57. 57. TailleGrandir pour (survivre|mourir)
    58. 58. Outils vs.Réussite
    59. 59. “La
logis)que
commerciale
 au
service
du
consommateur
domine
sur
la
stratégie
commerciale
de
 lentreprise,
au
dépens
des
 travailleurs.” — Paul Virilio
    60. 60. La clé del’industrialisation ?
    61. 61. Les hommes Les femmesLeurs interactions
    62. 62. “Dernière
anecdote”
    63. 63. Merci. Des questions ?
    64. 64. Introduction à la penséecomplexeLa vitesse de libération— Paul VirilioLes transformations silencieuses— François Jullien Bibliographie

    ×