Ateliers

L'une des contraintes les plus complexes à résoudre lorsqu'on développe une application web consiste à ne pas générer deux fois la même page. Pour y parvenir, la plupart des développeurs ont recours à des solutions de cache propriétaires qui montrent rapidement leurs limites lorsqu'il s'agit de cacher des pages très dynamiques. Un article et ses commentaires, accompagnés d'un flux Twitter actif par exemple. Heureusement, le protocole HTTP offre depuis très longtemps des outils adaptés pour contrôler la mise en cache côté navigateur. Au cours de cet atelier, nous étudierons tout d'abord les modèles fondamentaux du cache HTTP côté client grâce à l'expiration et la validation. Enfin, nous découvrirons comment améliorer les performances tout en restant le plus dynamique possible grâce aux Edge Side Includes, ESI, et les reverse proxy caches tels que Varnish.

Sujet présenté par Hugo Hamon.

SlideSharePDF

Pendant près de 10 ans, j'ai eu l'opportunité de travailler à distance dans des organisations internationales (avec Opera et le W3C). Je partagerai pendant cet atelier les astuces, les trucs, les techniques simples permettant de rendre le travail à distance plus agréable et efficace. Cet atelier pourrait être l'occasion pour que collectivement nous créons ensemble un petit guide utilisable par la communauté francophone (sur github, ou bitbucket ?).

Sujet présenté par Karl Dubost.

Le design web en 2011 consiste encore à se battre avec des positionnements flottants, absolus, relatifs, des clear, des problèmes de compatibilité, des hacks, des bidouilles, des bugs d'affichage et autres frameworks CSS encombrants.

On ne devrait plus en être là aujourd'hui. C'est du rôle des CSS de nous offrir des solutions simples, intuitives et stables (NDLR : genre "KISS" quoi).

Les propositions CSS3 avant-gardistes telles que Flexible box model et Grid Layout ne seront pas utilisables en production avant un bon bout de temps. En attendant, si la solution était sous nos yeux depuis des années ? Et si l'avenir (proche) des CSS étaient les tableaux de mise en page ?

Note : ça parlera (un peu) de tableaux HTML bien fichus, linéarisables, toussa et aussi (surtout) de CSS display: table, de ses avantages et inconvénients.

Sujet présenté par Raphaël Goetter.

SlideSharePDF

Comment rendre la lecture de vos contenus textuels efficace, confortable, agréable et accessible à tous ?

L'atelier comprendra 3 volets :

1. Quels sont les points communs ou différents entre
   • la lecture papier et la lecture à l'écran
   • la lecture à l'écran et la lecture via des aides techniques
   • les contenus ponctuels et les longs textes
2. Quelles sont les qualités d'un contenu textuel
   • la lisibilité
   • l'intelligibilité
3. Comment atteindre ses objectifs via
   • les directives d'accessibilité
   • les règles d'ergonomie
   • les principes d'utilisabilité

Avec de bons ou mauvais exemples, et quelques outils qui peuvent aider à l'évaluation de la lisibilité d'un contenu textuel.

Sujet présenté par Monique Brunel.

Les recommandations pour la production de contenus accessibles (WCAG) existent maintenant depuis plus de 10 ans mais l'accessibilité fait
toujours cruellement défaut dans la majorité des productions web en France et dans le monde. Manque de volonté ? Manque de compétences ? Manque de temps ou d'argent ? Les raisons invoquées sont multiples et variées, certaines à tort, d'autre à raisons.

Certes il existe des listes de tests de conformité WCAG (RGAA, Accessiweb, UWEM...) mais celles ci sont surtout orientées vérification à postériori de la production. Il reste cependant à inventer des outils tels qu'une liste permettant de savoir simplement quels sont les premiers pas nécessaires pour se mettre sur la voie d'un site accessible. Peu importe le test qu'ils permettent de satisfaire, ces premiers pas sont des choses à faire impérativement lors de la production d'un site, ils pourraient par exemple indiquer précisément les éléments ou attributs indispensables et la façon de les utiliser.

Nous débattrons au cours de cet atelier d'une première liste et essayerons ensemble de l'enrichir.

Sujet présenté par Aurélien Levy.

Lorsqu'un développeur web front-end expérimenté récupère un ancien projet, il lui faut souvent quelques minutes seulement pour sentir si le projet va être problématique, car certains indices permettent de sentir cela.

Lors de l’atelier, nous nous baserons sur l'échange et l'expérience des les participants pour essayer de faire émerger quelques règles simples et facilement utilisable par un non spécialiste permettant de signaler que quelque chose ne va pas dans le projet, et nous proposerons quelques pistes de travail pour remédier au problème rencontré.

Sujet présenté par Olivier Gendrin.

Une grande partie des travailleurs du web exercent leur métier en freelance, et si le savoir faire coté "métier" est bien présent, ça n'est pas toujours une partie de plaisir de gérer l'aspect juridique et relationnel avec son client. Combien de fois nous avons entendu que "le commercial" ou "la paperasse" ça n'est "vraiment pas votre truc". Il existe pourtant des astuces et une méthodologie pour gérer plus sereinement vos projets et vos clients, sans négliger les aspects juridiques de notre métier. Julien vous apportera des petits trucs et conseils pour gérer au mieux une prestation de A à Z, avec des exemples concrets, en abordant également le droit d'auteur et le droit à l'image, pour que le maitre mots de vos futures prestations soit "keep it simple".

Sujet présenté par Julien Dubedout.

Sujet présenté par Marko Dugonjic.

SlideSharePDF

Envie de découvrir SVG ? De savoir comment ça marche ? Et surtout de voir comment on peut s'en servir "en vrai" ? Vous allez voir que ce n'est pas bien difficile. Des bases de la technologie à la gestion multi-navigateur en passant par les combo gagnant avec CSS, HTML et Javascript, vous saurez tout ce qu'il est nécessaire de savoir pour faire des site ultra-graphiques qui respectent les standards du Web... en toute simplicité.

Sujet présenté par Jérémie Patonnier.

PDF

Les fameuses "erreurs 404" et plus généralement les liens qui disparaissent sont un problème majeur pour tout site web qui cherche une certaine pérennité.

S'il est difficile d'archiver tout le web, ce problème peut être résolu de manière assez simple s'il s'agit uniquement d'archiver les pages liées à un site.

Dans cette présentation, je montrerai comment créer de telles archives "personnelles" et comment la fédération de ces archives pourraient conduire à un archivage du web qui, étant décentralisé, s’appuierait pleinement sur l'architecture du web.

Sujet présenté par Éric van der Vlist.

Tous les gens qui font du web savent comment régler l'affichage d'un site web, connaissent les CSS utilisateurs, les options de zoom. Mais dans le monde réel, qui sait fixer ce genre de préférences, entre autres ?

Stéphane Deschamps partagera un retour d'expérience tiré d'une question a priori simple : peut-on aller plus loin que simplement travailler sur l'accessibilité des sites web pour augmenter le confort d'utilisation ? Il montrera comment, sur la base de cette question, on peut tirer une bibliothèque distribuable en Javascript.

Sujet présenté par Stéphane Deschamps.

Avec l'avènement des navigateurs performants intégrants les dernières technologies, HTML5 - au sens large - devient une alternative viable en lieu et place de Flash. Je rappellerai ce qu'est HTML5, ce qu'il n'est pas et pourquoi il constitue une alternative viable à Flash. Nous verrons également dans quels cas nous pouvons le pousser auprès de nos clients et à quels prix. Je conclurai sur les avantages de l'utilisation des technos standards.

Sujet présenté par Adrien Leygues.

SlideSharePDF

Vos utilisateurs se montrent probablement méfiants avec vos cookies. Combien d'applications web sont-elles cassées parce qu'un de vos clients utilise une extension bloquant les cookies ? C'est le reflet de leur volonté de contrôler leur vie privée, sans vraiment comprendre la porte technique de leurs actions.

Le cookie n'est pourtant qu'un glaçon posé sur un iceberg. Il ne contient que quelques octets de données et l'utilisateur a un contrôle total sur sa durée de vie. Au contraire, vos clients remplissent vos fichiers journaux et ceux des régies publicitaires opérant sur votre domaine.

Dès que vous collectez une information personnelle, vous avez le devoir d'en assurer sa sécurité, son intégrité mais aussi sa péremption. Ensemble, nous nous pencherons sur plusieurs moteurs de blogs, CMS et autres plate-formes de publication en ligne.

Nous établirons une stratégie et des outils pour instaurer un droit à l'oubli automatique et prouver à tous que vous prenez la confidentialité de vos internautes très au sérieux !

Sujet présenté par Florian Le Goff.

Comment proposer une expérience à la fois simple, facile et réellement innovante à vos futurs utilisateurs ?
Comment tester la pertinence de sa solution au plus tôt en utilisant le prototypage papier ?

Comment définir et vérifier ses hypothèses à partir d'indicateurs mesurables ?

Nous vous proposons de travailler sur ces 3 questions sous la forme d’un atelier vous permettant d’utiliser certaines pratiques issues du mouvement lean-startup, mais aussi du systems thinking et du design thinking pour lancer au plus tôt des produits web qui attaquent de vrais enjeux.

Dans cet atelier vous allez :

• Identifier un problème et proposer une nouvelle idée de produit permettant de corriger ce problème
• Définir des hypothèses de travail et les indicateurs que vous souhaitez mesurer
• Concevoir les premiers écrans de votre MVP en réalisant un prototype papier
• Recueillir les premiers résultats de votre MVP
• Inspecter les résultats et adapter votre stratégie en fonction

Sujet présenté par Mathieu Gandin et Thomas Lissajoux.

Ce sujet est né de la coïncidence de deux événements, mi-mai 2011.

Premier événement : deux nouveaux clients m'ont contacté la semaine passée. Ils ont, l'un et l'autre, perdu environ un an et dépensé plusieurs dizaines de milliers d'euros pour obtenir un site ou une appliction que finalement ils n'obtiendront pas. Il en découlera des procédures judiciaires, des expertises, du temps écoulé, de l'argent supplémentaire dépensé et, pour les professionnels, une réputation ruinée.

Second événement : à Sud Web l'un des orateurs avait pour thème l'achat de prestations IT et Web. Mais à aucun moment il n'a évoqué la question de comment s'écrit un contrat.

Or, un contrat bien négocié, qui ménage les intérêts des parties, est gage de réussite du projet et, donc, de réduction des risques contentieux.
Et rédiger des contrats ou traiter des contentieux IT, c'est ce que je fais tous les jours.
J'ai donc quelques trucs, astuces et idées à transmettre.

Sujet présenté par Marc Lipskier.

Vous réalisez vos intégrations avec soin et amour : idéalement valides, sémantiques et accessibles. Mais pourquoi faut-il que le 'dev' saccage cela !? À partir d'exemples concrets nous essayerons de décortiquer ensemble ce qui coince, entre le code idéal produit par l'intégrateur et le code effectivement développé, afin d'en tirer la leçon et lister les concessions prévisibles de part et d'autre pour un mariage réussi. Venez donc avec votre intégrateur, avec votre dev, favori ou maudit, et surtout avec votre code. Souple sur les pattes arrières  

Sujet présenté par Romy Duhem-Verdière.

PDF

Le Web Mobile apporte des problématiques aussi nouvelles qu'inombrables ainsi que son lot de bugs inconnus… Nous verrons dans cet atelier les différents outils qui sont à notre disposition et comment en faire bon usage pour tacler ces nouveaux challenges.
Cet atelier abordera les équivalents des inspecteurs sur navigateur desktop, les manières de loguer, les émulateurs, etc…

Du matériel sera à votre disposition, cependant si vous disposez d'un PC/Mac et d'appareils dotés de navigateurs (iPhone, Android, WebOS, Nokia, Windows, etc…) vous êtes invité à les amener.

Sujet présenté par Yves Van Goethem.

SlideSharePDF

S'il y a une chose que j'ai appris en travaillant sur de gros projets du type Météo France ou Le Louvre avec des dizaines voir des centaines de pages à déployer, c'est la nécessité d'une méthode.

Bien sûr, un site grand compte de type portail est toujours considéré comme un nouveau challenge par le ou les intégrateurs : des nombreux blocs, déclinaisons de pages et gestion multilingue jusqu’aux évolutions permises et à la livraison d'un code compréhensible pour les prochains intervenants du projet.

Alors comment bien débuter un gros projet qui se veut déclinable et modulable ?

Il s'agira d'aborder les étapes clés d'un gros projet réussi depuis l'analyse de maquettes jusqu’à la place de l'intégrateur dans un process de grosse agence en passant par l'organisation de ses fichiers et la production de gabarits les plus modulables possible.

Sujet présenté par Florian Boudot.

Si le poste de Responsable qualité web commence - à peine - à se faire connaître, il est important de se poser la question de sa rentabilité. Comment peut-on "vendre" un tel poste support (qui n'englobe pas que des tests, joue en parallèle de la production, etc.) ? Comment argumenter et convaincre sa hiérarchie ? Comment vendre cette compétence auprès du client ?

Sujet présenté par Delphine Malassingne.

PDF

Au travers de jeux, dont on sait qu'ils sont un moyen d'apprentissage très performant, expérimentons certains concepts proposés par les méthodes agiles. Nul doute que vous pourrez mettre en application rapidement ce avec quoi vous vous serez amusé ici. Alors planification ou itération ? spécialisation ou hétérogénéité ? transmission orale ou écrite ?

Sujet présenté par Pablo Pernot.

Concevoir un site ou une application web pour le mobile n'a rien à voir avec le web classique. Pourtant, les techniques et processus débordent aujourd'hui sur le web de bureau !

Cet atelier commencera donc par un rappel des notions et contraintes qui font la particularité du web mobile, suivi par un tour d'horizon des différents frameworks et outils disponibles. Enfin, l'analyse de différents sites et applications nous permettra de réfléchir à ce qui fonctionne bien ou pas, et pourquoi.

Sujet présenté par Goulven Champenois.

SlideSharePDF

Sujet présenté par Denise Jacobs.

SlideSharePDF

La critique principale adressée à l'encontre de Javascript est sa syntaxe parfois obscure.

Jeremy Ashkenas, est parti de ce constat pour créer Coffeescript. Ce langage qui compile en Javascript et qui n'aura pas encore 2 ans à l'heure de Paris Web 2011, ne cesse pourtant de faire parler de lui. La preuve, Brendan Eich, créateur du Javascript, avoue s'en inspirer fortement pour les prochaines versions de Javascript.
Ruby on Rails, un des frameworks web les plus avant-gardistes, l'intégrera par défaut dans sa nouvelle version (3.1)...

Cet atelier se propose donc d'expliquer les grands principes de ce langage, ces avantages par rapport au Javascript classique et les outils qui gravitent autour.

Sujet présenté par Jonathan Blanchet.