1.
100% javascriptWebHookIt<br />ParisJS #4<br />23 févr. 2011<br />Eric Abouaf<br />

2.
Yahoo! Pipes<br />

3.
Automator<br />

4.
Tarpipe<br />

5.
WebHookIt – Demo<br />

6.
WebHookIt - stack<br />UI<br />Editeur WireIt<br />Formulaires inputEx<br />Client jslibraryYUI 2.x<br />Backend<br />Server-sidejavascriptNode.js+ NPM<br />Web frameworkExpress.js<br />Stockage des procédures MongoDB<br />Moteur d’executionjavascript<br />

7.
Show me some code !<br />Server.js<br />Express.js<br />mongoDB<br /> (sorry offline readers…)<br />

8.
NPM<br />Gestionnaire de package pour Node.js<br />Gère les dépendances<br />Et les versions<br />Utilisable depuis Node.js<br />Sub-package manager: webhookit-*<br />

9.
Créer un module webhookit<br />Definition UI<br />Avec WireIt & inputEx<br />Execution<br />Fonction asynchrone<br />Publier un package webhookit-*<br />

10.
Share Code<br />Node.js + jsDom + YUI3<br />Client -> Server<br />Example avec canvas<br />Server -> Client<br />Moteur d’execution côté client<br />

11.
Conclusions<br />Outils<br />Node.js<br />NPM<br />Express.js / Connect.js<br />mongoDB<br />Bonus: YUI3<br />Encore quelques pièces manquantes<br />DB ? ORM ?<br />

12.
Questions ?<br />Docs: http://neyric.github.com/webhookit<br />Source: http://github.com/neyric/webhookit<br />http://github.com/neyric/inputex<br />http://github.com/neyric/wireit<br />Blog: neyric.com<br />twitter.com/neyric<br />

13.
In Progress<br />Import & execute Yahoo! Pipes<br />Compilation<br />Generate pipes from Spore/WADL/WSDL/SMD<br />Client-side (jsBox)<br />WireIt & YUI3<br />Modulaire<br />DD works on iP(.*)<br />SVG<br />Canvasserver-side<br />

14.
WebHookIt<br />programmableweb.com<br />

15.
Cas d’utilisation<br />