Octobre 2010 − Thomas Parisot (@oncletom)http://www.slideshare.net/oncletom/industrialiser-lartisanat-de-lintgration-web

Industrialiser l'artisanat de

l'intégration Web

Qui suis-je ?Qui suis-je ?

Thomas Parisot

→ @oncletom

→ http://case.oncle-tom.net

Précédemment, à Paris-WebPrécédemment, à Paris-Web

Atelier − Frameworks CSS (2008)

Atelier − Web Offline avec Gears & HTML5 (2009)

Pourquoi cet atelier ?

Pourquoi ?Pourquoi ?

→ Envie de revenir aux sources

→ Sensation d'intégration artisanale

→ Manque de structure (et d'outillage ?)

→ Occasion rêvée de voir autant

d'intégrateurs ;-)

Qui utilise des frameworks ?Qui utilise des frameworks ?

Industrialisation ?Industrialisation ?

Industrialisation :-(Industrialisation :-(

Industrialisation :-)Industrialisation :-)

Ce dont on ne parlera

pas

Comic SansComic Sans

Patrick StewartPatrick Stewart

Jouons !

Règles du jeuRègles du jeu

Phases de travailPhases de travail

→ Production du HTML

→ Habillage CSS

→ Interactions JavaScript

Vos propositions (post-it)Vos propositions (post-it)

→ Bonne pratique

→ Mauvaise pratique

→ Outil technique

Contextes de travailContextes de travail

→ Production / réalisation

→ Organisation / équipe

→ Documentation

→ Tests

Au boulot (j'ai menti)Au boulot (j'ai menti)

HTMLHTML

Production Équipe

Doc. Tests

CSSCSS

Production Équipe

Doc. Tests

JavaScriptJavaScript

Production Équipe

Doc. Tests

Et maintenant ?

D'autres phases ?D'autres phases ?

Continuer en ligne ?Continuer en ligne ?

Co-publier un livre blancCo-publier un livre blanc

(Paris|Sud)-Web 2011(Paris|Sud)-Web 2011

Merci ! (poutous !)Merci ! (poutous !)

CréditsCrédits

http://www.flickr.com/photos/ddotphotos/4776725513/

http://www.iconfinder.com/icondetails/31214/128/help_question_mark_support_icon

http://www.flickr.com/photos/cayusa/2400036446/

http://www.flickr.com/photos/extranoise/278465198/

http://www.flickr.com/photos/nettsu/3712697768/

http://www.flickr.com/photos/andreasmb/3988074753/

http://www.iconfinder.com/icondetails/15489/128/bookmark_favourite_heart_love_icon

http://www.flickr.com/photos/ultimateslug/416170998/

http://www.flickr.com/photos/2create/2170597742/

http://www.iconfinder.com/icondetails/6028/128/emoticon_good_happy_smiley_icon

http://www.flickr.com/photos/44442915@N00/4667535253/

http://www.flickr.com/photos/andih/115781801/ http://www.flickr.com/photos/jeff-

bauche/2230236391/ http://www.flickr.com/photos/the-jedi/4926708060/

http://www.flickr.com/photos/rakka/160606951/