Ateliers

La future norme CSS 3 apporte de magnifiques nouveaux outils aux web designers. Malheureusement tout est loin d'être standardisé, les fabricants de navigateurs commencent tout juste à l'implémenter et les utilisateurs sont loin de tous utiliser un navigateur de dernière génération.

Et pourtant, malgré tous ces obstacles il est possible de commencer à utiliser CSS 3 dès aujourd'hui. Pendant cet atelier, je vous propose de voir ensemble concrètement ce qu'il est possible d'utiliser et comment cela peut être mis en œuvre.

---

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

Qui n’a jamais constaté combien les rédacteurs d’un site web étaient attachés à faire des pages ayant le look qui leur convienne. De vraies affiches de Kermesse !

L’objectif de cet atelier sera de donner les outils pour mettre en valeur l’intelligence des rédacteurs pour trouver le sens d’un texte et le rendre évident par sa mise en forme.

Du coup, nous parlerons de « mise en sens » d’un texte, c’est-à-dire, de mise en forme sémantique.

L’atelier s’adresse :

• À ceux qui se prennent encore la tête pour mettre un texte en ligne.
• À ceux qui forment des gens qui auront à mettre du texte en ligne (avec un CMS par exemple).

Pour en savoir plus, vous pouvez lire « Rédiger pour Internet : les grandes règles ».

---

Sujet présenté par Jacques Pyrat.

Chaque jour qui passe, la notion d'instantanéité du web prend de plus en plus d'ampleur.
Twitter et Facebook ont notamment participé à la vulgarisation de ces nouveaux usages.
Techniquement, l'arrivée des Websockets côté client et des frameworks événementiels (Node.js, EventMachine, Twisted) côté serveur font du web "temps-réel" un concept de plus en plus facile à mettre en place pour le développeur lambda.
Que ce soit pour un système de chat, de notifications en temps réel ou pour des outils de collaboration en temps réel, les usages se multiplient et le développeur Web de demain devra maîtriser ces techniques pour répondre au mieux aux besoins de ses clients.
A travers cet atelier nous apprendrons donc à utiliser ces nouvelles techniques ainsi que les outils disponibles pour faciliter leur usage.
Enfin nous étudierons les solutions à notre disposition afin de conserver un fonctionnement "normal" côté client pour les navigateurs ne supportant pas encore ces nouvelles technologies.

---

Sujet présenté par Jonathan Blanchet.

Aujourd'hui la quasi-totalité des CMS proposent des fonctionnalités d'internationalisation afin de réaliser des sites disponibles en plusieurs langues. Mais qu'en est-il du coté de l’intégrateur ? Celui-ci va aussi devoir internationaliser certaines images utilisées dans ses CSS, voir faire des changements de style suivant la langue qui sera affichée. Les fichiers javascript sont aussi concernés si ils sont amenés à générer du contenu textuel.

Cet atelier vous proposera de découvrir différentes méthodes afin d'organiser au mieux vos fichiers CSS, images et scripts javascript et de faciliter ainsi leur maintenance. Nous verrons aussi quels outils peuvent nous assister dans notre travail et ce que nous propose les frameworks javascript comme jQuery, Mootools ou encore YUI.

---

Sujet présenté par Yannick Croissant.

Les moteurs JavaScript récents sont ultra-rapides, on commence à pouvoir faire de vraies animations en CSS, on peut dessiner en bitmap comme en vectoriel dans plein de navigateurs, et la vraie 3D accélérée sans plugin est en train de poindre le bout de son nez…

En somme, Flash n’a plus guère d'argument côté effets visuels. D'autant qu'il prend, au final, beaucoup plus de ressources que ses alternatives.

Alors, qu'est-ce que vous attendez pour vous y mettre ? Cet atelier fera un tour d'horizon des possibilités, exemples à l'appui, afin de vous mettre le pied à l'étrier.

---

Sujet présenté par Christophe Porteneuve .

Contexte

Votre gestion de projet de développement informatique repose sur des cycles longs et des estimations en jours ou en heures.

Vous souhaitez vivre en accéléré le changement d’une approche itérative d’un projet XP.

Objectifs

Venez découvrir les pratiques d'une équipe XP, planning game, story points, vélocité et comment les différents rôles dans l'équipe collaborent pour ajouter de la valeur.

Cet atelier, un classique, est particulièrement utile lors du lancement d’une nouvelle équipe XP ou Scrum.

---

Sujet présenté par Laurent Morisseau.

Trop souvent dans un projet web, on se rend compte au moment de la rédaction qu’il y a trop de contenu, que l’on se répète, que l’organisation n’est pas fluide. Que faire pour définir les bonnes rubriques, employer des labels pertinents et organiser les informations afin que l’utilisateur trouve rapidement et facilement ce qu’il recherche ?

Deux possibilités :

• S’inspirer de la sagesse du Dr. House et tenter de s’immiscer dans le cerveau humain afin de trouver la solution ;
• Éteindre la TV et adopter le « card sorting » (tri de cartes).

A l’issue de cet atelier vous saurez comment :

• Optimiser l’architecture de votre site en fonction de la logique de vos utilisateurs ;
• Avoir un retour d’expérience concret et de nombreux guidelines sur le « card sorting ».

L’atelier permettra également aux trois intervenants de faire un « card sorting » en direct avec les personnes présentes dans la salle.

---

Sujet présenté par Eric Mazzone, Marie Baudy et Gautier Barrère.

Résumé : Le web sémantique combine un jeu de langages permettant de publier des données liées et la sémantique des schémas de ces données. De plus en plus d’organisations privées et publiques participent à ce web de données en publiant dans ces langages des données ouvertes et leurs modèles de données.

Cet atelier de 3 heures alternera introductions et sessions pratiques sur machine pour se familiariser avec quatre langages du web sémantique : RDF, SPARQL, RDFS et OWL. Il s’agit de faire à la fois une visite guidée des recommandations du web sémantique et à chaque arrêt de manipuler un peu ces standards sur machine pour se familiariser avec leurs modèles, leurs syntaxes et leurs pièges.

Cet atelier nécessite que chaque participant ait avec lui une machine avec Java 1.6 et un bon éditeur de texte ou IDE. La pratique sera réalisée sous l’atelier logiciel CORESE/KGRAM. L’intervention s’adressera à un public d’ingénieurs logiciel, développeurs, praticiens et techniciens du web, étudiants ou juste technophiles.

---

Sujet présenté par Fabien Gandon.

Le but de cet atelier est plus de partager un expérience que de transmettre des connaissances.

J'y présenterait comment et pourquoi la société dans laquelle je travaille – un grand groupe financier – à choisi de mettre en place la gestion de la qualité web.

Il s'agira ensuite de détailler les différents aspects de la mission du qualiticien web et en particulier l'exercice de l'audit : comment faire un audit de qualité web mais surtout, quelle analyse en faire et comment en exploiter les résultats.

---

Sujet présenté par Delphine Malassingne.

Contexte

Vous êtes impliqués dans la planification de projet, mais connaissez-vous la Valeur Métier qu’ils vous apportent et à vos clients ?

Comment priorisez-vous vos projets ?

Connaissez-vous le Modèle de Valeur Métier de votre organisation ?

Objectifs

Comprendre le point de vue du Directeur de Projet, du client et apprendre à produire les bons produits avec les bonnes fonctionnalités au bon moment avec un maximum de valeur.

---

Sujet présenté par Laurent Morisseau.

L'intégration HTML, et la qualité du livrable final, dépend essentiellement de l'intégrateur et de son expérience.
Qui n'a jamais réécrit une feuille de style parce qu'on n'aimait pas l'organisation de son prédécesseur ? Qui n'a jamais ajouté du code plutôt que modifier l'existant, afin d'éviter l'effet Mikado ?

Cet atelier technique a plusieurs buts :

• dresser un état de l'art de l'intégration HTML
• offrir une large tribune à l'audience, notamment en partageant ses propres retours d'expérience
• déterminer ce dont on dispose et ce dont on manque en terme d'outillage

Nous tenterons de répondre à ces questions :

• comment bâtir des CSS indépendantes et réutilisables ? − #frameworks, #oocss, #css
• quand et comment utiliser un préprocesseur CSS ? − #css, #preprocessor, #less
• comment dialoguer avec le graphiste ? − #industrialisation, #process
• comment dialoguer avec le développeur ? − #industrialisation, #process
• comment détecter les régressions et assurer une qualité de code en CSS ? − #tdd, #industrialisation, #qa

Chaque question sera introduite par quelques slides (max 5 minutes) afin de lancer la discussion et aider à formaliser un guide de bonnes pratiques, soyons utopistes, universelles.

---

Sujet présenté par Thomas Parisot.

Vous n’avez pas encore sauté le pas HTML 5 / CSS 3 ? Par manque de temps ? Par méconnaissance ? Par frilosité ? Juste pour nous contrarier ?

Pascale et Raphaël vous proposent d'en découvrir les grandes lignes (de code), démêleront le vrai du faux (et les nombreuses idées reçues) et partageront avec vous leurs expériences.

---

Sujet présenté par Raphaël Goetter et Pascale Lambert-Charreteur.

La qualité web est un tout, et si il est plus ou moins acquis qu'il faut faire un code propre, valide et accessible, il n'en est pas forcement de même pour les sources ou les livrables en design. Pourtant, tout comme pour le code, il existe des bonnes pratiques à mettre en œuvre dans vos fichiers, pour gagner en optimisation, qualité et productivité.

Cet atelier vise à vous faire découvrir des aspects méconnus de Photoshop qui vous permettront de gagner du temps et de livrer des fichiers efficace à l'intégrateur, ou de vous faciliter la tâche si vous intégrez vous même vos maquettes, ou si les maquettes nécessitent de nombreuses itérations.

Il ne s'agit pas de simples trucs et astuces mais d'une méthodologie orientée production web qui met à profit des fonctions poussées de Photoshop (variables d'images, scripts JavaScript…).

Le sujet Photoshop vs Illustrator en webdesign sera également abordé.

Une bonne connaissance de Photoshop est recommandée pour profiter au mieux de l'atelier. Il s'agit d'un atelier purement technique, et l'aspect création de sera pas abordé.

---

Sujet présenté par Julien Dubedout.

L’objectif de cet atelier est de faire découvrir une forme de conception participative et itérative simple à mettre en œuvre car ne nécessitant pas de développements lourds, l’essentiel de cette démarche se basant sur du découpage, des crayonnés, du collage, du pliage et un peu de système D.

Cette session de 3 heures se déroulera comme suit :

• Une introduction sur la conception centrée utilisateur (30mn)
• La présentation d’un brief fictif et des personas qui lui sont associées (30mn)
• En se fondant sur les objectifs associés à chaque personas les participants conçoivent puis réalisent sous forme de prototype papier leur réponse au brief. (1h30)
• En fin de session chaque prototype est testé et évalué par le groupe (30mn)

Cet atelier se destine à un public pouvant être complètement novice en conception, mais disposant malgré tout d’une petite culture interactive.

---

Sujet présenté par Vincent Mayol.

Cet atelier est destiné aux indépendants ainsi qu'aux entreprises ne disposant pas d'un service dédié à la prospection.

Entre le neveu du patron qui travaille pour rien et le concurrent qui casse les prix, il n'est pas évident de défendre ses tarifs.
Facilement remis en cause par le client, ils correspondent pourtant à la qualité de la prestation fournie.

• Comment la mettre en avant ?
• Quelles assurances le client a-t-il à travailler avec vous ?
• Comment peut-il être sûr que le produit fini réponde à ses attentes ?

Au cours de cet atelier, nous vous présenterons différentes méthodologies et process issus de notre expérience.
Faciles à mettre en œuvre, ils donneront un maximum d'assurance à votre prospect pour le rassurer quant à la valeur de la prestation qu'il achète.
Nous espérons pouvoir compter sur vos propres retours d'expérience pour enrichir la discussion et rendre notre présentation plus exhaustive.

---

Sujet présenté par Loïc Mathaud et Corinne Schillinger.

Le web mobile est en train d’exploser, d’autant que les principaux périphériques proposent désormais de « vrais » navigateurs, de l’iPhone à Androïd, de Mimo à PalmOS, et même les nouveaux Blackberry.

S’il est déjà bien d’exploiter des feuilles de style mobiles pour adapter l’expérience utilisateur, on souhaite souvent accéder aux capacités du périphérique (géolocalisation, vibreur, accéléromètre…) et offrir une expérience globale aussi « native » que possible.

Il n’est pas pour autant nécessaire de développer des versions natives distinctes ! Des frameworks existent pour un déploiement universel, et cerise sur le gâteau : ça se passe en JavaScript !

Cet atelier vous fera faire un tour d’horizon des principaux frameworks actifs, exemples et démonstrations à l’appui.

---

Sujet présenté par Christophe Porteneuve .

Référencement, utilisabilité et accessibilité n'ont pas les mêmes finalités. Le référencement vise à maximiser la visibilité des sites web dans les pages de résultats des moteurs, alors que l'utilisabilité et l'accessibilité cherchent à permettre un accès universel et à faciliter l'expérience utilisateur lors de la consultation des sites. L'optimisation pour les moteurs de recherche peut parfois être perçue comme allant à l'encontre d'une bonne accessibilité ou d'une bonne utilisabilité. L'objectif de cette conférence sera de vous montrer qu'il n'en est rien, et qu'accessibilité et référencement ont plus de points communs qu'il n'y paraît…

---

Sujet présenté par Sébastien Billard.

Certains prétendent que les sites Web se suivent, mais ne se ressemblent pas. Mais est-ce bien le cas? Au cours des sept dernières années, l'équipe d'AccessibilitéWeb a réalisé plus de 850 audits, basé sur différents standards d'accessibilité et ce, sur des centaines de sites Web publics ou privés. De ce vaste chantier d'évaluation se sont dégagées de très lourdes tendances en ce qui concerne les barrières rencontrées par les personnes handicapées sur le Web. Dans cet atelier de 90 minutes, le conférencier propose de partager avec l'audience de ParisWeb le résultat de cette vaste expérience d'évaluations et, au-delà des grilles techniques et des standards, propose d'amener les participants à développer des automatismes favorisant une saine application des principes élémentaires de l'accessibilité dans leur production Web.

---

Sujet présenté par Denis Boudreau.

Pour prendre en compte les handicaps lors de la conception d'un site Web, il convient de connaître la nature des différents types de déficiences et, surtout, les difficultés qu'ils peuvent engendrer pour les utilisateurs du site. Cette approche est particulièrement difficile pour les handicaps cognitifs.

Les directives pour l'accessibilité des contenus Web (WCAG 2.0) comptent de nombreux critères qui peuvent apporter des réponses aux déficiences cognitives. Certains sont très simples à mettre en œuvre, d'autres sont plus complexes. Cependant, que des pages soient techniquement accessibles (répondant à l'ensemble des critères) ne suffira pas. Il conviendra d'être particulièrement attentif aussi aux règles d'ergonomie.

L'atelier se déclinera en 4 temps :

• principaux types de handicaps cognitifs ;
• directives WCAG concernées ;
• règles d'ergonomie à respecter ;
• exemples et solutions.

---

Sujet présenté par Monique Brunel.

Votre page est envoyée en moins d'une seconde mais l'utilisateur attend plus de 4 secondes avant de pouvoir utiliser votre site ? Les utilisateurs google ne restent pas alors que votre contenu est pertinent ? Alors vous avez un problème de performances qui influe sur votre chiffre d'affaire, et que nous pouvons commencer à résoudre : venez apprendre des autres ou bien donnez moi une ou plusieurs pages à optimiser.
Après une présentation théorique sur les performances Web, nous étudierons vos cas, ou à défaut de volontaires, quelques grands sites.

Vous viendrez ou vous avez un site à soumettre ? Dites-moi ce qui vous intéresse ou remplissez ce formulaire. Nous étudierons en priorité vos sites, surtout si vous êtes capables de les modifier en direct.

---

Sujet présenté par Jean-Pierre Vincent.

L'objectif de cette session est de présenter de manière pratique les indicateurs à suivre et les types de mesures à effectuer sur un site afin d'améliorer sa performance :

• Présentation du Web Analytics : mesure d'audience et tracking de campagne
• les principaux KPIs et leur pertinence en fonction de cas pratiques :
  • consommation de l'information : taux de rebond, temps passé sur le site, PV/Visites…
  • parcours utilisateurs et identification de défaillances dans l'utilisation d'un site
  • définition des objectifs d'un site : inscription newsletter, flux RSS, demande de devis, contact, vente, atteinte d'une page en particulier…
• Segmenter les visiteurs en fonction de quels critères et pour quoi faire ?
  • critères de provenance : moteurs, referers, campagnes mail, epub, etc.
  • critères quali : membres / non membres, déjà client ou déjà visiteurs
  • critères technologiques : sous Chrome, FF, resolution, OS…
• Optimisation de la conversion : A/B testing et multivariable testing
  • présentation de Google Website Optimizer
  • que peut-on/faut-il tester ? Dans quel but ?
  • entrer dans un process d'optimisations itératives

Pour les participants qui souhaitent faire une analyse en live de leur compte Google Analytics, merci de me contacter sur olivier+parisweb@resoneo.com

---

Sujet présenté par Olivier de Segonzac.

La révolution HTML5 est en marche à la fois les navigateurs desktop et les navigateurs mobiles. Pourtant, peut-on développer les mêmes applications web HTML5 sur toutes les plateformes, et de la même manière? Nous verrons à-travers des exemples concrets, les possibilités offertes par les deux types de plateformes, et ce qui peut les différencier. Nous développerons une petite application dans l'esprit des Coding Dojo, donc si vous avez envie de prendre le clavier et coder une partie de cette application, vous serez les bienvenu(e)s.

---

Sujet présenté par François Petitit et Mickaël Morier.