1 + 1 = 3, le « pair programming » appliqué au web

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
12 h 25
Durée
15 mn
Thème(s)


Service(s)
LSF

Depuis la nuit des temps, de Laurel et Hardy à Olive et Tom en passant par Stone et Charden, les hommes et les femmes ont compris que l'union faisait la force. Pour autant, le sujet reste relativement tabou dans l'informatique et les métiers du web en particulier, et bon nombre d'entre nous n'osent pas franchir le pas et continuent de travailler chacun dans leur coin.

Cette mini-conférence a pour but de présenter les attraits du « pair programming », et de montrer ce que le concept apporte au quotidien quel que soit le métier, mais aussi ses limites.


Sujet présenté par Stéphane Angel et Mathieu Pillard.

Vidéo CCPDFTranscript.


13.0.0.0.0, ou toute la vérité sur le calendrier maya, internet et l’homo evolutis

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
jeudi 18
Heure
10 h 10
Durée
50 mn
Thème(s)
Service(s)
LSF

Nous sommes des créateurs privilégiés. Pendant des années, des femmes et des hommes se sont battus pour le web que nous avons aujourd’hui. Ils ont évangélisé une religion sacrilège, la standardisation. Ils ont joué aux savants fous en fusionnant plusieurs sciences en une seule, l’expérience utilisateur. Ils ont défendu les intérêts de personnes qui ne soupçonnent même pas leur existence. Et ils ont tissé les fils d’un futur où nous pourrons à notre tour en faire de même, moins les contraintes.

Ce futur est enfin arrivé. Nous avons les outils. Nous avons les supports. Les techniques. La science. L’art. La question que tout le monde est en train de se poser en ce moment, c’est : qu’en faire ? L’intelligentia du web réalise enfin que ce qui compte, ce ne sont ni les techniques dernier cri, ni la maestria des artistes digitaux ; ce sont les interactions qui naissent de leur combinaison, ce sont les expériences mémorables qui n’auraient pas été possibles sans elles.
Voyons cela en détail avant que l’univers n’implose.


Sujet présenté par Régis Kuckaertz.

Vidéo CCPDFTranscript.


2012, l'année où le web est devenu un ouvre-boite universel

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
15 h 10
Durée
50 mn
Thème(s)


Service(s)
LSF

Mobile, identité, Applications, AppStore : tous ces systèmes sont nés propriétaires. Voyons comment le web va révolutionner ces systèmes en les ouvrants à partir de 2012.

Fidèle à sa mission et toujours à la recherche des solutions qui feront que le web sera plus ouvert, plus innovant et au service de l'humain, Mozilla Foundation a lancé plusieurs initiatives qui vont dans ce sens : "Boot to Gecko", "WebAPIs", "Marketplace", "Persona".

Alors, « 2012, la fin d'un Internet, le début d'un autre ? » :

Oui pour le début d'un nouveau monde, sans pour autant abandonner un web libre, participatif et respectueux de l'utilisateur et de ses données personnelles.

Oui pour que le web devienne un vraie plateforme, mieux interfacée avec matériel y compris mobile : WebAPI.

Oui pour que les applications mobiles soient aussi écrites avec des technologies web (Boot 2 Gecko).

Oui pour un web dont l'auteur serait rémunéré, sans avoir à pister ses utilisateurs pour monétiser des données personnelles (la fin du « tout publicitaire », début d'un « business model » alternatif).

Oui pour un web personnalisé sans avoir à passer par Facebook (Persona / BrowserID, pour une identification décentralisée et universelle).

Oui pour un web qui permet de jouer, sans avoir recours à des technologies propriétaires.

Oui pour un web sans silos, qui permet de développer sur mobile ou desktop.



Sujet présenté par Anthony Ricaud.

Vidéo


Advanced Typesetting for Web

Format
Conférence
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
15 h 10
Durée
50 mn
Thème(s)
Service(s)
LSFVélotypieTraduction FREN

With the rise of web fonts, we are finally able to deliver sophisticated typographic experiences to our users. However, devil is in the details, so let’s investigate how far can we go to tweak for improved legibility covering wide variety of devices.

You will learn how to choose typeface for function over form, about font and pixel size across devices, how to set-up macro and micro white-space and how to design line, leading and word space.

Avec la percée des fontes web, nous voici enfin à même de fournir une expérience typographique raffinée à nos utilisateurs. Néanmoins, le diable est dans les détails, aussi examinons jusqu’où nos ajustements peuvent aller pour améliorer la lisibilité tout en prenant en charge une large variété de périphériques.

Vous apprendrez comment choisir une police sur base de la fonction plutôt que la forme, verrez la distinction entre taille de fonte et taille de police suivant les périphériques, découvrirez comment définir des espacements macro et micro et comment concevoir les rapports d’espacement entre les lignes et les mots.

NB : cette conférence sera en anglais avec traduction simultanée.


Sujet présenté par Marko Dugonjić.

Vidéo


Amélioration continue : retour d’expérience

Format
Conférence
Lieu
Salle Concorde
Date
vendredi 19
Heure
10 h 10
Durée
50 mn
Thème(s)


En 10 ans la topologie des projets web a radicalement changé. L’avènement du web 2.0 et des RIA a permis de bousculer la conception des sites en améliorant l’expérience utilisateur. En 2012 une nouvelle révolution est en cours : ce changement dépasse la notion d’ergonomie avec l’explosion des environnements techniques et des supports proposés.

Le développeur web doit se poser sur des concepts jusque là réservés au développeur back (Framework MVC, Design pattern, industrialisation, intégration continue) tout en réfléchissant à de nouvelles problématiques (performances, responsive design…).

Lors de cette conférence, Cyril Balit nous présentera les différentes pistes mises en place dans une équipe front-end pour accompagner cette transition.

En effet, de l’automatisation aux best practices en passant par des check-lists, tout au long de ce processus Cyril et son équipe ont essayé de répondre aux questions suivantes :

  • Comment pérenniser les développements ?
  • Comment améliorer la non régression au fil des évolutions ?
  • Comment optimiser les performances d’un site ?

Au final, cette conférence parle d’une équipe front qui adapte ses processus pour appréhender au mieux cette révolution.


Sujet présenté par Cyril Balit.

VidéoPDF


Application cache

Format
Conférence
Lieu
Auditorium René Descartes
Date
vendredi 19
Heure
14 h 10
Durée
50 mn
Thème(s)


Service(s)
LSFVélotypieTraduction FREN

The Application Cache is one of the cool bits of HTML5, allowing sites to work without a network connection brings us much closer to native app-like behaviour. However, from HTML5 roundup articles and talks you may be left with the impression that it's a magic-bullet fix. Unfortunately it isn't, the Application Cache is a douchebag.

I don't mean it's incompetent or difficult… it's just a douchebag. The Application Cache has skills we need, but if you asked him to paint your bathroom he'd somehow manage to flood your kitchen and break your TV in the process, and he wouldn't care.

We'll look at how to use the features of Application Cache without the horrible side effects, comparing techniques you'd use for a simple clientside app and a large content-driven site. We'll explore the many gotchas left out of most AppCache articles and how you can build your site to survive them.

Application Cache est un des morceaux sympa de HTML5, permettant aux sites de fonctionner sans connexion réseau pour nous rapprocher encore davantage d’un comportement de type app. Attention toutefois, car à en croire les articles et sessions autour d’HTML5, vous pourriez avoir le sentiment qu’il s’agit là d’une solution magique universelle. Hélas, il n’en est rien, Application Cache est un enfoiré.

Je ne veux pas dire par là qu’il est incompétent ou pénible… C’est juste un enfoiré. Application Cache a les savoir-faire dont nous avons besoin, mais si vous lui demandiez de repeindre votre salle de bain il arriverait probablement à inonder la cuisine et à casser la télé au passage, et ça ne le gênerait même pas.

Nous allons examiner comment bien employer les fonctionnalités d’Application Cache sans les horribles effets de bord, comparer les techniques à employer pour une app côté client simple et pour un site massif de contenus. Nous explorerons les nombreux pièges passés sous silence par la plupart des articles sur AppCache, et verrons comment construire un site qui leur survive.

NB : cette conférence sera en anglais avec traduction simultanée.


Sujet présenté par Jake Archibald.

VidéoPDF


Applications mobiles : utiliser le web

Format
Conférence
Lieu
Salle Concorde
Date
jeudi 18
Heure
14 h 10
Durée
50 mn
Thème(s)


Développer une application métier complexe à destination de terminaux mobiles : et si nous la développions à base de technologies web, une seule fois pour tous les terminaux, pour une application qui n’a pas besoin d’être installée ?

C’est le choix que nous avons fait. Nous aborderons lors de ce retour les enjeux et les raisons d’un tel choix, les spécificités d’une application mobile comme le mode déconnecté, la valeur ajoutée du web par rapport au natif, les technologies que l’on peut mettre en œuvre ainsi que les difficultés rencontrées.

  • Qu’est-ce qu’une application mobile ?
  • Pourquoi faire du web et non du natif ?
  • Quels sont les enjeux ?
  • Quelle différences ?
  • Peut-on tout faire ?
  • Quelles sont les difficultés ?
  • Qu’est-ce que ça implique côté technique ?
  • Ce que nous avons tenté, pourquoi
  • Ce que nous avons réussi ou échoué
  • Notre retour d’expérience

Sujet présenté par Bruno Michel et Anne-Sophie Tranchet.

Vidéo


Comprendre l'autisme pour améliorer les projets transmédias

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
jeudi 18
Heure
16 h 50
Durée
50 mn
Thème(s)

Service(s)
LSF

L’explosion des réseaux sociaux, des plateformes et des contenus a entre autres permis l’émergence d’une forme de diffusion qui passionne autant les créateurs que les consommateurs : le transmédia.

Seulement, voilà que l’évidence ne suffit pas pour que cela fonctionne réellement. Pourtant tout y est. Que manque-t-il que nous ne voyons pas pour que la réussite de ce mode de narration s’impose ? Peut-être faut-il chercher du côté des champions du sens, les autistes. Vous allez être surpris…


Sujet présenté par Véronique Marino.

Vidéo CCDiaporamaPDF


Creative Technologist, Web Evangelist, Developer Advocate !?!

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
jeudi 18
Heure
12 h 25
Durée
15 mn
Thème(s)

Service(s)
LSF

Web Evangelist, Developer Advocate, Creative Technologist : Des métiers dont on ignorait encore tout en agence il y a peu.

Ces nouveaux profils ont dû se créer entre équipes de développement front grandissantes et clients de plus en plus technophiles et exigeants.
Ceux-ci n'arrivent plus simplement avec un besoin mais avec une véritable liste de course technique (ex: « Je voudrais un site en HTML5, Responsive Design, avec des animations CSS, qui est optimisé pour iPad ET IE6… » ) qu'il faut parfois démystifier et rationaliser.

Nos clients ont maintenant besoin de comprendre et les problématiques front-end doivent de plus en plus être anticipées et précisées.

Cette présentation a pour objectif de montrer combien ce rôle d'intermédiaire et d'accompagnement facilite la gestion de projets web et devient indispensable dans nos structures, mais aussi comment cela peut se traduire au quotidien.


Sujet présenté par Florian Harmel.

Vidéo CCPDFTranscript.


De l'art de prendre la fuite

Format
Mini-conf
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
17 h 05
Durée
15 mn
Thème(s)


Service(s)
LSFVélotypie

Savoir prendre la fuite est une compétence indispensable, et qui pourtant n'est jamais enseignée.

Manque d'opportunités, job pourri, routine abrutissante, relations nocives… Nombreuses sont les situations où la meilleure solution, c'est de se tailler en 4ème vitesse.

Le rapport avec le web ? De nombreuses applications pratiques. Quand quitter son job ? Quand virer son client ? Quand changer de situation professionnelle ? Quand abandonner une techno dans laquelle on a investi ? Autant de questions cruciales auxquelles cette conf apportera quelques réponses.

Cette présentation pratique (mais qui ne se prend pas trop au sérieux quand même) s'articulera probablement en trois points :

  1. Les bénéfices de la fuite ;
  2. Comment reconnaître une situation à fuire ;
  3. Comment fuire efficacement et dans de bonnes conditions.

Sujet présenté par Thibault Jouannic.

Vidéo


Du réel au réel, Internet des usages

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
10 h 10
Durée
15 mn
Thème(s)


Service(s)
LSF

Dans sa nouvelle “When sysadmins ruled the earth”, Cory Doctorow évoque une fin du monde plausible, en fait une presque fin du monde, mystérieuse qui ne laisse vivants que les sysadmins, seuls rescapés dans leurs datacenters hermétiques. Tout se passe alors en ligne. La vie ne peut plus être que connectée, le réseau étant seul moyen de communication, de partage, tandis que le monde revient peu à peu à la réalité, à la vie après les ravages d'un virus inconnu. Autre vision, autres temps, Barjavel quant à lui annihile la technologie pour un monde seul tourné vers la nature. Deux extrêmes : réseau or not réseau, technologie or not technologie.

C'est un monde mixte qui nous attend en fait, la fin du monde de Cory Doctorow, celui du réseau à l'ancienne, expérience vécue uniquement à travers l'écran, et la venue du monde de Barjavel mais où le réseau et la technologie se sont faits invisibles. Nos échanges au quotidien, notre mobilité le prouvent. Aujourd'hui, c'est du réel au réel. Le numérique s'efface pour ne laisser que les actes réels s'interconnecter avec des personnes, des lieux, des idées, des ressources, des connaissances. Nous numérisons notre vie pour en tirer le meilleur parti, pour construire des prothèses qui nous rendent mutants ici et ailleurs, présent ici et là, dans le monde entier, sur le réseau par notre double numérique. Le concept de « prothèses » est connu depuis longtemps mais aujourd'hui elles s'effacent, elles disparaissent peu à peu, tandis que le réseau est en, vit en nous et se développe tout autour de nous. C'est cela qui marque la fin d'un monde et l'arrivée d'un nouveau.


Sujet présenté par Jean-François Cauche.

Vidéo CCPDFTranscript.


Et si la fin du monde était causée par l'obésité du web ?

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
10 h 40
Durée
15 mn
Thème(s)

Service(s)
LSF

Le logiciel et les sites web respectent une loi toujours vérifié : l'entropie. Plus il y a de place et de ressource, plus le logiciel va l'occuper. Les impacts sont énormes : obsolescence du matériel, baisse de performance, consommation des data centers…

Pourtant des pratiques existent pour limiter ce phénomène : éco-conception, meilleure qualité, green pattern… Ces pratiques peuvent de plus être un atout économique et social pour le monde du web.

Alors pourquoi s'en priver ?


Sujet présenté par Olivier Philippot.

VidéoPDFTranscript.


Faire du web moderne à destination de tous

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
jeudi 18
Heure
15 h 10
Durée
50 mn
Thème(s)


Service(s)
LSF

Les navigateurs modernes ont des possibilités décuplées par rapport à seulement quelques années auparavant : graphiques bien sûr avec CSS3, du balisage dans HTML5, des APIs, des fonctionnalités Javascript. Une certaine monoculture dans le web mobile amène aussi certains développeurs à ne garder qu'une compatibilité envers quelques moteurs récents.

Dans cette présentation, Julien Wajsberg vous montrera qu'il est réellement facile de rester compatible dans une certaine mesure, et vouss présentera ses différentes astuces pour pouvoir utiliser les nouvelles fonctions tout en gardant le site ou l'application web utilisable sur des navigateurs plus anciens : duplication de fonctions (ou pas), mode dégradé ou rehaussé, Modernizr, et d'autres choses. Et si on pouvait non seulement obtenir un web plus compatible, mais aussi mieux préparé pour le futur ?


Sujet présenté par Julien Wajsberg.

VidéoPDFTranscript.


Fast Mobile UIs

Format
Conférence
Lieu
Auditorium René Descartes
Date
vendredi 19
Heure
15 h 10
Durée
50 mn
Thème(s)
Service(s)
LSFVélotypieTraduction FREN

I will show you how to use the new features in HTML5 to create mobile games and the hoops you have to jump through to build a sleek and responsive user interface while trying to avoid most of the headaches that come with the job when you are always an edge case.

Je vous montrerai comment utiliser les nouvelles fonctionnalités de HTML5 pour créer des jeux sur mobile, et les obstacles à franchir pour obtenir une interface utilisateur léchée et réactive, tout en essayant d’éviter la plupart des maux de tête qui accompagnent généralement ce type de travail puisqu’on est toujours en train de gérer un cas inhabituel.

NB : cette conférence sera en anglais avec traduction simultanée.


Sujet présenté par Horia Dragomir.

VidéoPDF


Future Reading : nouveaux espaces, patterns et tendances pour les architectes de l’information

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
jeudi 18
Heure
9 h 10
Durée
50 mn
Thème(s)


Service(s)
LSF

Bien que la fin du livre soit annoncée depuis aussi longtemps que la fin du monde, de nouveaux espaces de lecture sont en train de se créer. Les architectes de l'information auront le rôle de les aménager pour tirer le maximum de nouvelles opportunités d’expérience et d’interaction qu’ils ouvrent.

Dans cette conférence, un panorama complet de ces nouveaux espaces de lecture, des "patterns" d'interaction qui y sont associés et des tendances d’interaction qu’ils dégagent vous sera présenté. L’impact qu’ils peuvent avoir sur les pratiques de lecture et sur la manière de concevoir l'architecture de l'information des objets de lecture y sera bien sûr analysé.

Ainsi les sujets suivants seront abordés :

  • Les nouveaux espaces de lecture : les espaces classiques et leurs évolutions, les nouvelles opportunités du "native touch", les magazines personnalisés, l’indépendance du contenu par rapport aux supports ;
  • L’interaction pendant la lecture : les classiques de navigation et pagination revisités ; les règles d’interaction comme partie intégrante de l’expérience d’une marque ; l’enrichissement de l’espace de lecture ;
  • Les interactions autour de la lecture : l’extension de l’espace de lecture, la lecture géolocalisée, la lecture sociale.

Au cours de cette conférence Claudio Vandi et Grandin Donovan ne se limiteront pas à présenter une collection de cas mais avaliseront les opportunités qui s’ouvrent aux architectes de l’information et l’impact sur leur travail de conception et réalisation de produits destinés à la lecture.


Sujet présenté par Grandin Donovan et Claudio Vandi.

VidéoPDF


Hacktivisme : hacker la politique et les ONG

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
jeudi 18
Heure
14 h 10
Durée
50 mn
Thème(s)


Service(s)
LSF

Les hackers sont au cœur de son ADN autant que la décentralisation et l'horizontalité d'Internet est au centre de l'éthique hacker.

L'hacktivisme est né en même temps que le réseau téléphonique (phreaking) et qu'Internet mais il a considérablement évolué ces dix dernières années avec l'émergence et le développement d'Anonymous, de Wikileaks, de Télécomix, des fablab et autres hackerspaces…

La cyberculture est toujours aussi empreinte de contre culture. Aujourd'hui, elle existe de manière massive, partout dans le monde, s'est démocratisée et prend une part grandissante en politique 1 mais également dans le champ des ONG puisque : RSF, la FIDH, Greenpeace, Amnesty International, Human Rights Watch, MSF collaborent avec des hackers ou utilisent l'hacktivisme comme un mode de plaidoyer.

En tant qu'auteur de « Anonymous. Peuvent ils changer le monde ? »2 (FYP Editions) et que co-fondateur de l'Agence LIMITE spécialisée dans les ONG, je suis un fin connaisseur de la cyberculture et de l'évolution des rapports de force entre hackers, politiques, société civile et ONG.

  1. 1. Parti Pirate en Suède et en Allemagne.
  2. 2. nous avions publié à la sortie du livre une infographie sur l'évolution de l'hacktivisme depuis 1940.

Sujet présenté par Frédéric Bardeau.

PDF


How Designers Destroyed the World

Format
Conférence
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
14 h 10
Durée
50 mn
Thème(s)


Service(s)
LSFVélotypieTraduction FREN

You are directly responsible for what you put into the world. Yet every day designers all over the world work on projects without giving any thought or consideration to the impact that work has on the world around them. This needs to change.

Vous êtes directement responsable de ce que vous apportez au monde. Et pourtant, chaque jour dans le monde entier, des designers travaillent sur des projets sans accorder la moindre considération à l’impact que leur travail a sur le monde autour d’eux. Il faut changer cela.

NB : cette conférence sera en anglais avec traduction simultanée.


Sujet présenté par Mike Monteiro.

Vidéo


Il était une fois une maquette

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
16 h 25
Durée
15 mn
Thème(s)

Service(s)
LSF

Un intégrateur HTML pleure de joie.
C'est un grand jour pour sa maquette.
Elle qui avait été conçue de son union avec un graphiste.
Elle qui était née d'un besoin exprimé par un client.
Elle qui avait grandi jusqu'à être compatible sur de nombreux navigateurs.
C'est le jour J : elle va enfin rencontrer celui pour lequel elle était promise.
Elle va s'unir avec un code métier.

Sa vie ne sera plus jamais la même : on va désormais l'appeler thème (pour Wordpress), ou template (pour Symfony). Elle ne pourra plus jamais être lue dans un navigateur sans son code métier. L'intégrateur n'aura alors plus la main directe sur sa maquette…

Ceci arrive tous les jours, et ce n'est pourtant pas un événement anodin :

  • Quels sont les réels impacts de cet événement sur la vie de votre projet ?
  • Est-ce qu'il est possible de travailler par itération avec ce fonctionnement-là ?
  • Ne faudrait-il pas laisser une maquette vivre sa vie, même après son union avec du code métier ?
  • Comment concilier alors la vision modulaire du code métier et la vision hiérarchique de l'HTML ?
  • Quels sont les alternatives pour mieux respecter le travail de chacun ?

Ces questions, que je me suis posées, méritent de plus amples réflexions. Sans vous donner de solutions universelles, j'essaierai de vous donner des pistes de réflexion sur la collaboration entre intégrateurs HTML et développeurs back.


Sujet présenté par Thomas Zilliox.

VidéoDiaporamaPDFTranscript.


Influence du Bauhaus dans le digital par l’exemple

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
jeudi 18
Heure
16 h 25
Durée
15 mn
Thème(s)

Service(s)
LSF

Né en Allemagne en 1923, le Bauhaus est un courant qui toucha, l’architecture et le design, mais également la photographie, le costume et la danse.

L’un des objectifs de ce courant était d’unifier l’art, l’artisanat et la technologie. L’usage de la machine est considéré comme positive. Le design industriel et produit en sont donc des composantes importantes.

Après avoir inspiré certain succès en terme de design produit (Apple), beaucoup notent une tendance de fond dans les expériences digitales qui reflètent plusieurs principes et valeurs du design Bauhaus.

Dans cette intervention, il sera peu question de théorie sur le design Bauhaus, mais plutôt d'illustrer son influence par une série d’exemples de sites web, d'applications mobiles et tablettes.


Sujet présenté par Guillaume Abel.

Vidéo CCPDFTranscript.


L'audiodescription pour sauver l'humanité

Format
Mini-conf
Lieu
Salle Concorde
Date
jeudi 18
Heure
12 h 25
Durée
15 mn
Thème(s)

La fin du monde approche. Alors qu'une guerre informatique mondiale se joue en secret, un virus a été mis au point pour empêcher la diffusion des images sur le web, notamment dans les vidéos.

La solution ? L'audiodescription.

Démo en direct.
À refaire chez soi.


Sujet présenté par Armony Altinier.

VidéoPDF


Le jeu en vie

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
10 h 25
Durée
15 mn
Thème(s)
Service(s)
LSF

Le monde qui nous entoure et que nous traversons quotidiennement est riche et varié, plein d'une multitude de détails que nous ignorons. Il est souvent dit que le jeu vidéo nous coupe de la réalité et de notre environnement alors qu'il est un divertissement.

Internet et les smartphones nous offrent de nouveaux moyens qui ne sont pas encore pleinement utilisés.

Comment pouvons-nous utiliser les nouveaux outils mobiles pour permettre au contraire au jeu de nous aider à redécouvrir et reconquérir notre environnement immédiat en s'amusant ?


Sujet présenté par Thibault Cabanas.

Vidéo CCPDFTranscript.


Le livre numérique : et si c’était du web ?

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
11 h 55
Durée
15 mn
Thème(s)
Service(s)
LSF

Quel est le lien entre le livre numérique et le web, me direz vous ?

Beaucoup de choses !
Le livre numérique utilise les principales techniques du web pour son fonctionnement, en utilisant le HTML pour son contenu, le CSS pour sa mise en forme.

Nous allons soulever le capot pour y voir les technologies web, comment elles sont utilisées, les spécificités et les opportunités offertes.

Nous parlerons aussi standardisation, convergence de formats et des raisons d’avoir un format propre à certains types de contenu quand bien même il s’agit de technologies web standard.


Sujet présenté par Mikael Randy.

VidéoDiaporamaPDF


Le tournant des CSS vers le Layout

Format
Conférence
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
9 h 10
Durée
50 mn
Thème(s)
Service(s)
LSFVélotypie

Les CSS sont en train de changer à très grande vitesse en 2012 par introduction de nouvelles fonctionnalités majeures comme

  • les grilles,
  • les modèles,
  • les régions et exclusions,
  • les variables,
  • les fonctionnalités avancées de fontes…

Avec un engagement précoce des éditeurs de navigateurs, ces nouveauté vont arriver vite, très vite, non seulement sur la table de travail des designers mais également dans les sites en production.

Soyez à la @page ou soyez "visibility: hidden".


Sujet présenté par Daniel Glazman.

VidéoPDF


Le web sera sécurisé ou ne sera pas

Format
Mini-conf
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
16 h 25
Durée
15 mn
Thème(s)
Service(s)
LSFVélotypie

Un nouveau web. Un web qui hébergerait tous les services de la vie courante par le biais de webapps. Ceux qui sont devenus incontournables pour faire de nous des humains complets et intégrés dans la cité. Regarder la dernière saison d’une série décalée. Payer nos courses d'un clic. Déclarer nos revenus. Sur n’importe quelle plateforme, n’importe quel périphérique…

Le challenge est de taille. Le fossé qui nous sépare de cette réalité est grand. Aucun banquier, diffuseur de contenu HD ou gouvernement n’investira dans le format des webapps tant que ce support n’améliorera pas son modèle sécuritaire. Cette sécurité doit leur garantir le même niveau de sérénité que celui offert par les applications natives.

Cette présentation a pour vocation de sensibiliser les web développeurs aux exigences sécuritaires de ces industries chatouilleuses. Ces exigences reposent sur des principes simples tels que : l’open web platform ne doit pas permettre de voler les identifiants de clients, de contrefaire une transaction bancaire, de distribuer sans contrôle une œuvre artistique protégée, ou d’affaiblir l’accès sécurisé aux services publics. Seront également développés dans cette présentation, l’état de l’art de la sécurité dans les webapps, ainsi que les perspectives ouvertes par les récentes initiatives du W3C en matière d'API et de sécurité.


Sujet présenté par Virginie Galindo.

VidéoPDF


Les User Agents, c'est le mal !

Format
Mini-conf
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
12 h 25
Durée
15 mn
Thème(s)
Service(s)
LSFVélotypie

Savez-vous pourquoi depuis sa première version, Microsoft Internet Explorer se fait passer pour Mozilla aux yeux des serveurs web ?

Et savez-vous aussi pourquoi Opera tente désespérément de cacher à ces mêmes serveurs web qu’ils ont un jour sorti une version “10” ?

Il ne manque pas d’exemples de FAILs historiques dûs à ce petit espiègle qu’est le “User Agent”, entête HTTP destiné à laisser le navigateur se présenter comme il l’entend, mais en version bien souvent un peu mythomane sur les bords !

Et puisque montrer du doigt, c’est mal, alors que présenter des solutions, c’est mieux, nous verrons aussi ensemble les tentatives qui sont expérimentées aujourd’hui pour mieux maîtriser le rendu web, mais du côté du client, et en quoi ça va pragmatiquement être plus propre.


Sujet présenté par Rudy Rigot.

Vidéo CCTranscript.


Les icônes, qui sont-elles ? Quels sont leurs pictos ?

Format
Conférence
Lieu
Auditorium René Descartes
Date
vendredi 19
Heure
10 h 10
Durée
50 mn
Thème(s)



Service(s)
LSFVélotypie

À Paris Web 2011, CélineCélines parlait lors de sa conférence de la nécessité de repenser les icônes présentes sur nos sites. En 2012, allons plus loin en décryptant ces objets sur-utilisés que sont les pictogrammes !

Embarquez pour un voyage de 40 minutes entre histoire, accessibilité et design pour mieux concevoir ou choisir les icônes d'un site Internet. Au fur et à mesure, une liste de bonnes pratiques se construit pour permettre aux participants de repartir avec des idées applicables rapidement.

Cette conférence s'inspire de problématiques que j'ai rencontrées lors de diverses expériences de design web (icônes spip, clients…), de design pour la signalétique hospitalière et les contraintes multi-culturelles et d'analphabétisme, et également d'une intense veille sur le sujet.


Sujet présenté par Sébastien Desbenoit.

VidéoDiaporamaPDF


Les nouveaux horizons de la cartographie sur le web

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
jeudi 18
Heure
11 h 25
Durée
50 mn
Thème(s)


Les API cartographiques pour le web ont fait des cartes interactives et de la géographie en général un élément banal de l'expérience de navigation.

Google Maps en est le standard de facto, rarement remis en cause. Du moins jusqu'au début de cette année, où la nouvelle politique tarifaire adoptée par Google a poussé de plus en plus d'acteurs à regarder dans d'autres directions.

L'occasion de découvrir, au delà de l'aspect économique, de réelles opportunités de se libérer de cette hégémonie et de son uniformité imposée. Le domaine est même en pleine ébullition, notamment autour d'OpenStreetMap et de nombreux projets opensource.

Benjamin Becquet nous propose un état des lieux de ces outils, et de la façon dont ils peuvent s'intégrer dans des projets web modernes.


Sujet présenté par Benjamin Becquet.

VidéoPDF


Les objets se font internet

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
14 h 10
Durée
50 mn
Thème(s)

Service(s)
LSF

Comment sortir des catégories du web ?

Malgré son « jeune âge », le web est déjà pensé comme une continuité, un langage qui ne demande qu'à être développé, alors que nous en sommes à esquisser ses premières lettres, et donc encore loin de ces premiers mots.

Si l'on ne peut anticiper les discours du web de demain, au moins pouvons-nous décrire la manière dont la pensée créatrice des designers peut se mettre en mouvement, et surprendre.


Sujet présenté par Dominique Sciamma.

VidéoPDF


Les tendances dans le web design, faut-il les suivre ou les fuir ?

Format
Mini-conf
Lieu
Auditorium René Descartes
Date
vendredi 19
Heure
16 h 25
Durée
15 mn
Thème(s)
Service(s)
LSFVélotypie

D'où qu'elles viennent les tendances ont une influence toujours plus grande sur notre travail quotidien.

Sont-elles bénéfiques ou au contraire faut-il les fuir ? A travers cette conférence, nous apprendrons à mieux connaître ces tendances, à les appréhender. Nous verrons quand et comment les utiliser, mais aussi quand et comment s'en passer, et ainsi aller chercher la créativité loin de nos écrans.

Nous attirerons l'attention sur le fait qu'aujourd'hui, nous sommes très influencés par tout ce que nous voyons sur le web. A travers notamment tous ces sites qui nous proposent des listes interminables de tendances à suivre pour être « dans le coup » ou encore les galeries CSS.

Les tendances ont un sens et une utilité, dans le webdesign comme dans d'autres secteurs tels que la mode ou les beaux-arts.

Nous tenterons donc de livrer quelques idées et conseils pour apprendre à être un designer avec sa propre personnalité et qui sait tirer profit de ce qui l'entoure, que ce soit sur le web ou dans la vie de tous les jours.


Sujet présenté par Sébastien Desbenoit et Francis Chouquet.

VidéoDiaporamaPDF


Les tests utilisateurs à distance : intérêt et limites dans le cycle de conception centré utilisateur

Format
Conférence
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
9 h 10
Durée
50 mn
Thème(s)


Service(s)
LSF

La place des tests utilisateurs dans le cycle de conception centré utilisateurs est indéniable et indispensable pour assurer la bonne qualité ergonomique d'une application ou service web. La mise en place de ces tests a fait l'objet de nombreuses publications. Il s'agit d'une méthode éprouvée.

Depuis quelques années, de nombreuses publications scientifiques se sont employé à déterminer le nombre d’utilisateurs qu’il fallait observer pour identifier les problèmes d’utilisabilité. On se rend maintenant compte que les recommandations faites pour les applications interactives "traditionnelles", ne sont plus valides pour le web… Dans ce contexte, les tests à distance, parce qu'ils permettent de solliciter de nombreux utilisateurs, peuvent constituer une solution complémentaire intéressante et efficace pour solutionner ce problème.

Cette conférence permettra de faire le point sur les connaissances scientifiques relatives à la mise en place des tests utilisateurs à distance et de présenter l’outil que nous avons développé au sein du laboratoire.


Sujet présenté par Christian Bastien.

VidéoPDF


Lightning talks

Format
Conférence
Lieu
Auditorium René Descartes
Date
vendredi 19
Heure
16 h 50
Durée
50 mn
Service(s)
LSFVélotypie

9 Lightning talks, 4 minutes par présentation et pas une seconde de plus.

  • 4 minutes accessibles, par Sébastien Delorme
  • Confession ultime, par Remi Parmentier
  • L'intégration sortie des dogmes, par Nicolas Hoffmann
  • Comment rendre un mini-événement accessible avec les moyens du bord ?, par Sophie Drouvroy
  • Sur la route de http/2.0, par Stéphane Lebarque
  • Rupture technologique, par Vitor Junqueira
  • Plus de code, moins de licence, par Thomas Zilliox
  • Faut-il être "entertainer" pour avoir des choses à dire ?, par Stéphane Deschamps
  • Le projet, par Xavier Borderie

Sujet présenté par Robin Berjon et Daniel Glazman.

Vidéo


On a monté une équipe de zéro

Format
Conférence
Lieu
Salle Concorde
Date
jeudi 18
Heure
10 h 10
Durée
50 mn
Thème(s)


L'équipe technique reste le pilier central d'un projet pour assurer sa vie et son succès.

Ainsi, avant de commencer le projet, il est important de constituer une équipe qui saura le porter. C’est ce que nous avons essayé de faire en montant notre équipe technique de zéro en début d’année.

Cet atelier reviendra sur les différentes problématiques que nous avons rencontrés et de la manière dont nous avons choisi d’y répondre :

  • recrutement,
  • organisation et ambiance interne,
  • mise en place de méthodes agiles,
  • choix des outils techniques.

Nous parlerons ainsi de nos succès mais aussi des pièges que nous n’avons pas réussi à éviter.


Sujet présenté par Julien Fusco et Anne-Sophie Tranchet.

VidéoPDF


Open quality management : vers le tout ouvert !

Format
Conférence
Lieu
Salle Concorde
Date
vendredi 19
Heure
11 h 25
Durée
50 mn
Thème(s)


Open data, Open Web, Open source : l'époque est à l'ouverture des données, du code source et des formats. Mais est-ce si évident et quel bénéfice peut-on en attendre ? À quelles conditions ?

Le lâcher prise sur les savoirs et les savoir-faire bouleverse les modes de fonctionnement. Pour certains, l'ouverture est même vécue comme une tyrannie. Pour d'autres, c'est un simple effet de mode.

Mais l'ouverture ne se décrète pas. C'est une approche qui n'est pérenne que si elle est maîtrisée. Nul ne sait si ce mouvement est durable mais la question clé est celle de l'intégration éventuelle de cette approche dans le management des organisations.

En pratique, est-il possible de faire de l'ouverture des données, du code source des formats ou des savoir-faire un véritable levier d'amélioration de la qualité et de l'efficacité ? Existe-t-il des conditions propices à la réussite d'une telle approche et, si oui, lesquelles ?


Sujet présenté par Élie Sloïm et Pascal Romain.

VidéoPDF


README, un fichier nommé plaisir

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
11 h 25
Durée
15 mn
Thème(s)

Service(s)
LSF

Vendredi, mise en production. Vous annoncez à vos proches que pour l'apéro ce soir, c'est mort, vous êtes dé-bor-dé(e).

Un mauvais clic plus tard, le site est mort. Ambiance fin du monde pendant que vos amis s'amusent.

Si vous aviez su que la rédaction du README de votre projet vous aurait permis non seulement de préserver votre apéro sacré, mais en plus de livrer le cœur léger, vous l'auriez sûrement écrit plus tôt.

Avant que le monde ne s'effondre sur lui-même, nous ferons encore mieux : 15 minutes c'est juste ce qu'il faut pour créer un code robuste.


Sujet présenté par Thomas Parisot.

Vidéo CCDiaporamaPDFTranscript.


Responsive Web Design: Clever Tricks and Techniques

Format
Conférence
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
11 h 25
Durée
50 mn
Thème(s)

Service(s)
LSFVélotypieTraduction FREN

Responsive web design challenges web designers to adapt a new mindset to their design processes as well as techniques they are using in design and code.

This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.

Le design web responsive met au défi les designers web de s’adapter à un nouveau mode de réflexion tant pour la conception leurs designs que dans le choix des techniques employées pour le design et le code.

Cette session fournit un tour d’horizon des techniques pratiques, trucs et astuces que vous souhaiterez probablement connaître lorsque vous attaquez un nouveau projet responsive.

NB : cette conférence sera en anglais avec traduction simultanée.


Sujet présenté par Vitaly Friedman.

Vidéo


Scrum vu des petites tranchées

Format
Conférence
Lieu
Salle Concorde
Date
jeudi 18
Heure
15 h 10
Durée
50 mn
Thème(s)

Mélange d'un retour d’expérience, sur 3 années d’activités, pour mettre en place scrum au sein de petites équipes, et proposition concrète pour une mise en application de scrum à petite échelle.

Jusqu'au 18 octobre et pendant le déroulement de la conférence, le site prswb.fr sera ouvert au public afin d'échanger, contribuer et collaborer avec l'équipe à l'élaboration d'un produit.

Démarrage de la conférence par un plongeon dans le sprint zéro. L'occasion de définir la vision du projet et se préparer aux futurs sprints : rédaction du document vision, élaboration du backlog de produit, conception des personas, planification de la release, capture des users stories.
Nous partirons ensuite et ensemble, sur la réalisation du sprint 1 pour élaborer le produit.

Au programme : planification de sprint, développement, daily scrum, démo et rétrospective.

Particularités :

  • Le graphiste et l'intégrateur font partie de l’équipe et participent de facto aux estimations.
  • La DA et l'architecture apparaissent au fil du projet.
  • Les outils utilisés sont triviaux : Trello, gDoc (ou autre), Github.
  • La documentation est très légère et maintenable.
  • Le budget peut-être fermé, le curseur de réglage reste l'ajustement fonctionnel.
  • En amont et pendant la présentation, les clients (l’assistance) peuvent participer à l’élaboration du backlog de sprint et backlog de produit.
  • Les questions projets sont posées pendant la conférence.

Pour participer activement à cette conférence : prswb.fr - @prswb.

Cette conférence vous est proposée grâce à la collaboration de Vincent Agnano @vinyll, Nicolas Perriault @n1k0, Erick Gardin @newick, Benito, Stéphane Langlois @langlois_s et Amanda Martinez @MartinezAmandaa.


Sujet présenté par Stéphane Langlois.


Souriez (?) vous êtes trackés !

Format
Mini-conf
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
16 h 50
Durée
15 mn
Thème(s)

Service(s)
LSFVélotypie

Sites web, applications mobiles, webapp... et demain internet des objets, la question de la confidentialité des données personnelles et du tracking des usagers fait de plus en plus le devant de l’actualité.

Cette conférence vise à balayer les apports et les dangers de la convergence des données et des technologies :

  • Qu’est ce que le profilage (utilisation des cookies, publicité comportementale,...) ?
    D’où proviennent les données ?
    Enjeux, apports et dangers.
  • Vers une amplification du phénomène ? La preuve par l’exemple :
    • Évolutions technologiques (HTML5...) et convergence des sources de données
    • Apparition de nouveaux usages : services sans contact, tv connectées, usages de la tablette en complément de la tv...
    • Tendance au partage des données personnelles
  • Perspectives : quelles alternatives et pistes de solutions (initiative Do Not Track...) ?

Sujet présenté par Stéphane Lebarque.

Vidéo


The Real Me

Format
Conférence
Lieu
Auditorium René Descartes
Date
vendredi 19
Heure
11 h 25
Durée
50 mn
Thème(s)


Service(s)
LSFVélotypieTraduction FREN

While some companies use their brand as an opaque facade to hide their questionable practices, others are opening up to their audience and sharing their true personality. The result is a more honest relationship with customers. Through real world examples, you'll see the key benefits personality creates for companies.

We'll discuss how to create Design Personas, the starting point for brand personality, and discover the relationship between brand voice and tone.

Alors que certaines sociétés utilisent leur marque comme une façade opaque vouée à masquer des pratiques discutables, d’autres s’ouvrent à leur auditoire et partagent leur véritable personnalité. Le résultat : une relation plus honnête avec les clients. Au travers d’exemples réels, vous verrez quels sont les bénéfices clés à tirer d’une personnalité pour les entreprises.

Nous verrons comment créer des Design Personas, le point de départ pour une personnalité de marque, et comment découvrir la relation entre la voix d’une marque et son ton.

NB : cette conférence sera en anglais avec traduction simultanée.


Sujet présenté par Aarron Walter.

VidéoPDF


Une journée accélérée en pure mobilité : une idée fixe ?

Format
Mini-conf
Lieu
Auditorium René Descartes
Date
vendredi 19
Heure
12 h 25
Durée
15 mn
Thème(s)

Service(s)
LSFVélotypie

Lire les actualités, prendre le bus, tweeter, choisir son menu au resto, lire le dernier best seller, ne pas se tromper en rendant la monnaie, autant d'actes quotidiens qu'une personne aveugle peut désormais accomplir grâce à son smartphone.

Plus besoin de 15 kg de matériel. Vous verrez une journée en accéléré. Cramponnez-vous, c'est plus que mobile, ça décoiffe !


Sujet présenté par Tanguy Lohéac.

VidéoTranscript.


Utilisez les APIs Web d'aujourd'hui pour créer les interfaces de demain

Format
Conférence
Lieu
Auditorium René Descartes
Date
jeudi 18
Heure
10 h 10
Durée
50 mn
Thème(s)

Service(s)
LSFVélotypie

Cette présentation a comme but de démystifier les interfaces utilisateur futuristes.

On montrera comment les technologies disponibles aujourd'hui en tant que APIs Web peuvent être utilisées pour concevoir des expériences utilisateur qui sortent de l'ordinaire.

On présentera des exemples de ces interfaces dont on analysera le code point par point. On parlera d'APIs Web comme :

  • WebGL,
  • Web Sockets,
  • device orientation,
  • camera access,
  • etc.

Sujet présenté par Luz Caballero.

VidéoPDF


Web Design's Lego: visual grammar and lexicon of the web

Format
Conférence
Lieu
Auditorium René Descartes
Date
vendredi 19
Heure
9 h 10
Durée
50 mn
Thème(s)

Service(s)
LSFVélotypieTraduction FREN

With spoken language, fluency comes from constant exposure and practice. However, in order to truly master a language, all children must learn its grammar. Likewise, to masterfully tell stories, one must learn its lexicon.

The language of web design is no different. While we all are fluent in the lingua franca of our craft, do we know what we need to masterfully communicate Story visually?

Let's explore how we can begin to infuse our designs with the magic of storytelling by discovering the grammar of visual "linguistic" units of web design.

We will then look at how we can artfully connect these units to form eloquent visual phrases and sentences, and combine all of these techniques to communicate compelling stories through our creations.

Pour être à l'aise avec une langue parlée, il faut y être constamment exposé, en écoute comme en expression. Toutefois, pour la maîtriser véritablement, il faut en apprendre la grammaire. De la même façon pour raconter avec succès des histoires, il faut en apprendre le lexique.

Le langage du design web ne fait pas exception. Alors que nous sommes tous à l'aise avec la lingua franca de notre métier, avons-nous pour autant assez de connaissances pour transmettre une Histoire visuelle avec succès ?

Je vous propose d‘explorer les façons d'imprégner nos designs de la magie du conteur, en découvrant la grammaire des unités « linguistiques » visuelles du design web.

Nous pourrons alors déterminer comment combiner ces unités avec art pour produire des phrases visuelles éloquentes, et comment tirer parti de toutes ces techniques pour raconter de captivantes histoires au moyen de nos créations.

NB : cette conférence sera en anglais avec traduction simultanée.


Sujet présenté par Denise Jacobs.

Vidéo


WebGL, la 3D, c'est maintenant dans votre navigateur

Format
Mini-conf
Lieu
Auditorium Blaise Pascal
Date
vendredi 19
Heure
11 h 40
Durée
15 mn
Thème(s)


Service(s)
LSF

Stéphane vous propose de faire un petit tour d'horizon de l'arrivée de la 3D en temps réel dans le navigateur grâce à la finalisation récente de WebGL 1.0.
Les navigateurs modernes ont pour la plupart implémenté cette technologie et au-delà de l'expérimentation, les premières utilisations pratiques peuvent être aujourd'hui envisagées.

Après un bref retour historique afin de contextualiser WebGL, il vous fera entrer dans le vif du sujet et vous montrera rapidement son fonctionnement et son interaction avec le navigateur.
Quels sont les prérequis techniques pour que WebGL soit activé dans le navigateur ? Qu'est-ce qu'une image 3D et comment, par l'intermédiaire de Javascript et d'une bibliothèque telle que ThreeJS, les fonctions de WebGL sont activées pour former une image 3D dans le navigateur.

Pour illustrer le tout, il vous présentera des exemples d'expérimentations représentatives de WebGL en action, avec quelques exemples utilisés aujourd'hui en production.


Sujet présenté par Stéphane Verdier.

VidéoPDFTranscript.


  • Aller en haut de page