Paris Web 2012
20 Oct 2012
J’ai eu l’immense plaisir de participer à Paris Web, qui s’est déroulé du 17 au 19 octobre 2012, en tant qu’orateur.
Pour ceux qui ne savent pas ce qu’est cet évènement,
Paris Web est la conférence francophone des gens qui font le web. Elle explore les thèmes de l’accessibilité Web, du design numérique et des standards ouverts. www.paris-web.fr
Accompagné d’Anne-Sophie, j’ai présenté comment on a monté l’équipe technique de «TEA, The Ebook Alternative». Je ne vais pas vous re-faire la conférence ici mais si cela vous intéresse vous trouverez la vidéo ainsi que les slides sur le site de Paris Web.
Première journée
Les nouveaux horizons de la cartographie sur le web
Benjamin nous parle de Google Maps et des API. J’en ai déjà fait et je le rejoins sur le fait que c’est puissant et déconcertant de facilité.
On parle d’Open Street Map. Et là, il part dans des explications trop complexes. Quoi qu’il en soit, je sais dorénavant qu’il existe de vraies solutions pour ne plus dépendre de Google et de son nouveau système de licence absurde.
Les User Agents, c’est le mal
Rudy est un orateur de génie. Ses répliques sont percutantes. Il nous explique pourquoi IE se fait passer pour Mozilla, pourquoi Opera tente désespérément de cacher aux serveurs web qu’ils ont un jour sorti une version “10”. Bref, sa conférence est excellente.
WebApps
C’était l’occasion pour Bruno et Anne-Sophie de mettre en avant le teabook open reader et de nous faire une démonstration. C’est vraiment un superbe projet sur lequel AF83 et TEA ont collaboré ensemble. Ce genre d’initiative fait vraiment plaisir.
Certaines personnes demandent pourquoi ne pas avoir fait du natif et évoque l’échec de Facebook. Je pense que le débat n’a pas lieu d’exister. Je vous invite à aller lire « Native vs Web is total bullshit ».
Le web sera sécurisé ou ne sera pas
Virginie a parlé essentiellement de la WebCryptoAPI. C’est une API JS pour aider les développeurs à créer des modèles sécurisés et intéropérables. On parle de :
- p2p communication
- signing legal document
- protection video content
- checking authenticity of code/library
- secured cloud data backup
- user authentication
Il est d’ores et déjà possible de :
- générer un vrai nombre aléatoire
- signer avec des clés
Je vous conseille d’aller voir les exemples.
Souriez (?) vous êtes trackés !
Stéphane a essentiellement parlé des privacy icons et de l’entête HTTP Do Not Track. Très bien sur le papier mais non respecté dans la réalité. Aucune solution tel que Ghostery n’a été évoqué pour savoir par qui on est traqué et comment bloquer efficacement ce tracking insupportable.
L’art de prendre la fuite
Excellente conférence pleine d’humour de la part de Thibault. Globalement, il explique que dans notre société il est mal vu de changer de travail, de quitter un CDI et que pourtant parfois c’est indispensable pour mieux rebondir. J’en ai retenu quelques excellentes répliques :
- “Une introspection nocturne” = Une beuverie entre potes
- “Nous sommes tous des handicapés de la fuite”
Deuxième journée
Les tests utilisateurs à distance
Christian nous explique que les tests utilisateurs à distance requièrent beaucoup de personnes et de temps. Il faut absolument donner des objectifs aux testeurs sur le site, via des bandeaux ou autres.
Plusieurs outils :
Les avantages d’Evalyzer : pas de scripts à installer, pas de logiciel client, techno transparente. Les fonctionnalités : Capture des comportements (écran, clics, scrolls), outils d’analyse.
README, un fichier nommé plaisir
Thomas démarre sa présentation sur un superbe trait d’humour :
N’écrivez jamais un mot court si un paragraphe entier améliore les affaires. Senior Business Consultant IBM
Pour ceux qui ne comprennent pas, il s’agit d’une parodie de la citation de George Orwell.
N’écrivez jamais un mot long si un mot court fait l’affaire. George Orwell
Un fichier README est indispensable a un projet. Il doit être concis et contenir les informations suivantes : Quel est le but du projet ? Comment ? Détails techniques : installation, mise à jour, développement, déploiement ?
Un fichier README ne nécessite aucun apprentissage. On se moque de la syntaxe, de la grammaire, il faut juste écrire des trucs intéressants et utiles. KISS!
WebGL
Stéphane nous explique qu’avant, pour faire de la 3D, on utilisait DHTML mais c’était difficile, long, peu performant et moche.
On pouvait également faire appel à des plugins : Flash, Java…
WebGL, c’est cool mais ça nécessite toutefois d’avoir une carte graphique supportant la 3D, des pilotes OpenGL récents et un navigateur récent et à jour. Seulement 65% des utilisateurs ont WebGL d’activé.
Quelques librairies JS :
Quelques démos :
Le pair programming
Stéphane et Mathieu forment un très bon duo.
Quelques rappels intéressants :
- Le pair-programming, c’est fatiguant. Il faut prendre des pauses et ne pas hésiter à couper une session en cas de désaccord.
- C’est adapté à des petites tâches, des algorithmes complexes, mais aussi à des proof of concept.
- Vous êtes tout seul ? Technique du canard en plastique !
Application cache is a douchebag
Jake est tout simplement génial. Il démarre sa conférence sur cette image et ces quelques paroles.
Il y a un moment, là où je travaillais, je devais aller faire la grosse commission aux toilettes. Il y avait cinq cabinets à l’intérieur. Malheureusement, les quatre premiers étaient occupés. En général ce n’est pas grave, je n’ai besoin que d’un cabinet. Mais je savais par mes expériences passées que le Wi-fi du bureau n’allait que jusqu’au quatrième. J’y ai réfléchi un instant et je me suis dit : “Non. Je trouve cela totalement inacceptable.” Et j’ai fait demi-tour et je suis retourné à mon bureau et j’ai attendu. Je suis devenu quelqu’un qui a besoin d’une connexion Internet pour aller faire caca. Jake Archibald
J’ai beaucoup ri.
Prenez quelques instants et allez voir sa vidéo sur le site de Paris Web. Beaucoup d’humour, mais également de vrais retour d’expérience.
Lighting talks
Très grosse ambiance. Paris Web, c’est aussi des gros moments de fun.
Troisième journée
La journée des ateliers.
Le web fait du hors piste !
Jonathan nous sort plein de jouets et quelques lignes de javascript. Chouette !
Du bon gros WTF au programme. Interfacer une Kinect avec NodeJS, faire de la domotique avec Arduino et javascript, utilisation d’une manette de Xbox avec le jeu HexGL.
Tous les codes sources de son atelier sont disponibles sur son github.
1001 techniques pour faire exploser un projet web (et comment les éviter)
On entre dans la salle et là Maxime et Goulven nous attendent déguisé en ninja !
On se rassemble par groupe de 5-6 personnes et le but est de vivre un projet web de A à Z.
Le projet : “Monter un e-commerce de ventes d’armes de ninja”. Problématique : “Comment feriez-vous pour décrocher le projet ?”. On se concerte en équipe, on écrit nos idées sur pleins de post-it. Puis ils inversent la problématique “Comment feriez-vous pour ne pas décrocher le projet ?”.
Tout fonctionne par un système positif puis négatif.
Une chose est sûre. Tous autant que l’on est, on est beaucoup plus efficace pour trouver de mauvaises idées que de bonnes idées.
C’est assez logique, on a tous vécu de sales histoires en SSII. Des CV remaniés avec des compétences survitaminées, des chiffrages très bas qui obligent l’équipe technique à revoir à la baisse la qualité du produit, des ergonomies douteuses, des webdesigns ratés…
Le projet web dont vous êtes le héros agile
Le jeu se présente sous la forme d’un “livre dont vous êtes le héros”, c’est à dire que vous êtes un groupe d’aventuriers qui devra évoluer d’étape en étape dans une odyssée aux multiples pièges et difficultés.
J’ai complètement loupé cet atelier et je m’en mord les doigts. J’aime beaucoup les petits jeux autour de l’agilité. Tant pis, ça me fera l’occasion de faire maitre de jeu chez TEA pour tester ce dernier. Le jeu est disponible sur http://www.jabberwocky.fr/.
HTML5/CSS3 et l’effet “Waouh !” : les dessous de la magie
Jérémie et Corinne ont développé en quelques jours un petit site de blind test vidéo.
Technos employées :
- NodeJS : serveur applicatif javascript.
- express : framework web (inspiré de Sinatra en Ruby).
- socket.io : vous permet de faire la liaison entre vous et les autres personnes connectées sur l’application web, le tout en temps réel, via les web sockets.
- underscore : librairie d’utilitaires indispensable !
- mustache : moteur de template js.
- modernizr : librairie js permettant de savoir si le navigateur supporte les transformations CSS 3D, la vidéo HTML5, Canvas ou SVG, et de prévoir une alternative le cas échéant.
Ils nous ont disséqué techniquement le projet.
Ils nous ont aussi prouvés qu’il est possible de gérer beaucoup de navigateurs (ainsi que pas mal de versions), se soucier de l’accessibilité dans des temps raisonnables tout en faisant des trucs bien cool.
Le code est disponible sur github.
Avis personnel
Paris web 2012, c’était tout simplement super. J’ai appris pas mal de choses, j’ai rencontré beaucoup de personnes.
Je suis vraiment content d’avoir vécu cette expérience.
Share the love!