Add an eventSessions at Paris-Web 2011 in Télécom ParisTech
Your current filters are…
- Venue: Télécom ParisTech
Saturday 15th October 2011
-
Vive les tableaux de mise en page !
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.
-
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.
-
La lisibilité des contenus
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.
-
Premier pas pour le développement accessible
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.
-
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 ?).
-
Vive les tableaux de mise en page !
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.
-
Comment gérer ses relations client simplement quand on débute
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.
-
SVG et le web design moderne
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é.
-
Typography for Programmers
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.
-
Améliorer le confort d'utilisation des sites web
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.
-
Création et partages d'archives Web personnelles
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.
-
Flash ou HTML5 ? Quelle techno choisir et pour quel prix.
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.
-
Stockage anodin de données personnelles : conciliez légal et éthique
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 !
-
Client-développeur : comment bien rédiger un contrat de développement de site ou d'application pour éviter de perdre de l'argent
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. -
Dompter le Web Mobile
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.
-
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 -
Intégrateur : entre le marteau et l'enclume
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.
-
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.
-
CoffeeScript, le Javascript simple et élégant
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.
-
Comment argumenter en faveur d'un poste de responsable qualité web
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 ?
-
Développer pour le mobile en pratique : outils et techniques
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.
-
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 ?
-
Simply Responsive CSS3
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.
Schedule incomplete?
Filter by Day
Filter by coverage
- Link 2