Sessions at Paris-Web 2011 in Télécom ParisTech

Your current filters are…

Saturday 15th October 2011

  • Vive les tableaux de mise en page !

    by Raphaël Goetter

    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.

    At 9:00am to 10:30am, Saturday 15th October

    In Télécom ParisTech

    Coverage slide deck

  • Développeurs, cachez-moi cette page !

    by Hugo Hamon

    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.

    At 9:10am to 10:40am, Saturday 15th October

    In Télécom ParisTech

    Coverage link

  • La lisibilité des contenus

    by Monique Brunel

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

    L'atelier comprendra 3 volets :

    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
    Quelles sont les qualités d'un contenu textuel
    la lisibilité
    l'intelligibilité
    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.

    At 9:10am to 10:40am, Saturday 15th October

    In Télécom ParisTech

  • Premier pas pour le développement accessible

    by Aurélien Levy

    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.

    At 9:10am to 12:30pm, Saturday 15th October

    In Télécom ParisTech

  • Travaillons avec le Web

    by karl dubost

    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 ?).

    At 9:10am to 10:40am, Saturday 15th October

    In Télécom ParisTech

  • Vive les tableaux de mise en page !

    by Raphaël Goetter

    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.

    At 9:10am to 10:40am, Saturday 15th October

    In Télécom ParisTech

    Coverage slide deck

  • Comment gérer ses relations client simplement quand on débute

    by Julien Dubedout

    Julien Dubedout est directeur artistique chez The Roxane Company, après avoir été directeur artistique chez Publicis Modem, webdesigner freelance, et formateur sur les outils Adobe à Toulouse.

    Majoritairement autodidacte, il touche à tous les domaines afférents à la création web : front-end development, accessibilité, ergonomie, CMS. Photographe amateur, il s'intéresse aux aspects juridiques des métiers de la création et de l'image. Très présent sur les forums d'entraide de graphistes, il a créé le blog d'infos pour freelances mariejulien.com et est président de l'association métiers graphiques, à l'origine de l'initiative briefingroom.fr.

    At 11:00am to 12:30pm, Saturday 15th October

    In Télécom ParisTech

  • SVG et le web design moderne

    by Jérémie Patonnier

    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é.

    At 11:00am to 12:30pm, Saturday 15th October

    In Télécom ParisTech

  • Typography for Programmers

    by Marko Dugonjić

    A good proportion of web design today descends from print/graphic design and these influences are becoming even more prevalent. Typography for the web is now all the rage especially as we are (finally) able to use different fonts other than the tried and tested workhorses Arial, Verdana & Georgia. Therefore, solid knowledge of typography basics should really be a must for every internet professional today.

    This workshop should teach every programmer and possibly a few web design students about how to design a web page with type and impress fellow designers using just the good old HTML and CSS with a spice of simple mathematics.

    At 11:00am to 12:30pm, Saturday 15th October

    In Télécom ParisTech

  • Améliorer le confort d'utilisation des sites web

    by Stéphane Deschamps

    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.

    At 2:00pm to 2:30pm, Saturday 15th October

    In Télécom ParisTech

  • Création et partages d'archives Web personnelles

    by Eric van der Vlist

    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.

    At 2:00pm to 3:30pm, Saturday 15th October

    In Télécom ParisTech

  • Flash ou HTML5 ? Quelle techno choisir et pour quel prix.

    by Adrien Leygues

    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.

    At 2:00pm to 2:30pm, Saturday 15th October

    In Télécom ParisTech

    Coverage slide deck

  • Stockage anodin de données personnelles : conciliez légal et éthique

    by Florian Le Goff

    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 !

    At 2:00pm to 2:30pm, Saturday 15th October

    In Télécom ParisTech

  • Client-développeur : comment bien rédiger un contrat de développement de site ou d'application pour éviter de perdre de l'argent

    by Marc Lipskier

    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.

    At 2:50pm to 4:20pm, Saturday 15th October

    In Télécom ParisTech

  • Dompter le Web Mobile

    by Yves Van Goethem

    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.

    At 2:50pm to 4:20pm, Saturday 15th October

    In Télécom ParisTech

  • Fast and Furious Enough - Lean Startup Workshop define and test your first MVP to launch faster

    by Thomas Lissajoux and Mathieu Gandin

    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

    At 2:50pm to 6:10pm, Saturday 15th October

    In Télécom ParisTech

  • Intégrateur : entre le marteau et l'enclume

    by Romy Duhem-Verdière

    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.

    At 2:50pm to 4:20pm, Saturday 15th October

    In Télécom ParisTech

  • Intégration HTML : appréhender un gros projet en grosse agence

    by kazes

    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.

    At 2:50pm to 4:20pm, Saturday 15th October

    In Télécom ParisTech

  • CoffeeScript, le Javascript simple et élégant

    by Jonathan Blanchet

    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.

    At 4:40pm to 6:10pm, Saturday 15th October

    In Télécom ParisTech

    Coverage slide deck

  • Comment argumenter en faveur d'un poste de responsable qualité web

    by Delphine Malassingne

    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 ?

    At 4:40pm to 6:10pm, Saturday 15th October

    In Télécom ParisTech

  • Développer pour le mobile en pratique : outils et techniques

    by Goulven CHAMPENOIS

    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.

    At 4:40pm to 6:10pm, Saturday 15th October

    In Télécom ParisTech

    Coverage slide deck

  • Planification ou itération ? Spécialisation ou hétérogénéité ? Transmission orale ou écrite ? Deux jeux pour nous amuser et en p

    by pablo pernot

    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 ?

    At 4:40pm to 6:10pm, Saturday 15th October

    In Télécom ParisTech

  • Simply Responsive CSS3

    by Denise Jacobs

    Maybe you've wanted to dive in to CSS3, but have held back because you just didn't think it was ready. Don't be fooled, CSS3 isn't the future, it's the present, and is ripe for the pickin' and is ready to respond to display your sites in multiple devices right now. This session will touch upon the gamut of CSS3 properties from colors, web fonts, and visual effects, to transitions, animations and media queries. If you aren't yet using CSS3, this workshop will give you the inspiration and resources to go forth and implement the new properties with confidence.

    At 4:40pm to 6:10pm, Saturday 15th October

    In Télécom ParisTech

    Coverage slide deck