BootLeygues

Adrien Leygues - Sandbox - Intégrateur / Chef de Projet - HTML - CSS - Javascript - Ajax

Aller au contenu | Aller au menu | Aller à la recherche

15juil

Webdrections At Media 2010 : Point de vue sur l'organisation

 J'ai eu la chance de partir à Londres les 10 et 11 juin 2010 par le biais de mon Agence, Digitas France, pour assister à deux jours de conférences aux Webdirections At Media 2010.

Comme je fais parti de l'équipe qui organise les conférences Paris-Web, je ne ferais pas ici un compte rendu des conférences mais un retour sur l'organisation au sens large du terme. Pour les détails des conférences, vous pouvez consulter le blog de Jérémie Patonnier qui s'en est donné à cœur joie. Je me concentrerais sur les conférences, n'ayant pas assistés aux ateliers.

Les conférences se sont déroulées dans le hall "Queen Elizabeth" du "Southbank Centre", composé d'un grand hall et de deux salles de conférences. Les participants sont accueillis par deux files d'attente distribuant les arrivants par ordre alphabétique.

Crédit Photo : Emilie Pistorius (CC)

Nous recevons une sacoche argentée arborant "Webdirection At Media" comportant des plaquettes des partenaires, un cahier présentant les différentes conférences et un cahier de note. Le cahier de conférence est bien fait puisque en face de chaque présentation on dispose d'une page blanche pour prendre des notes. Un tour de cou à la Marque "Opéra" et un badge me sont remis, il est grand et comporte mon nom, mon prénom, le nom de mon entreprise ainsi que mon contact Twitter (enfin non pas moi parce que j'ai la poisse), c'est très lisible et très pratique.

Crédit Photo : Emilie Pistorius (CC)

Au dos du badge se trouve le programme, pas besoin de chercher dans son sac, il suffit de tourner le badge pour voir en clin d'œil où se déroule la prochaine conférence où à quelle heure se font les pauses.

Crédit Photo : Emilie Pistorius (CC)


Crédit Photo : Emilie Pistorius (CC)

Les salles de conférences sont de tailles différentes. La première que l'on peut qualifier de principale doit pouvoir accueillir 700 voire 800 personnes. Seule la moitié basse sera occupée, c'est agréable d'avoir de l'espace. Les sièges sont relativement confortables, mais arrive mi-dos, rien à voir avec ce que l'on peut connaitre chez IBM. Accessoirement quelques prises électriques sont disponibles en début de rangée. La salle dispose d'une très grande scène, avec sur sa gauche un pupitre et dans le fond un écran géant pour dérouler les slides. L'acoustique est très bonne ! L'autre salle est deux fois moins grande mais tout aussi agréable avec une scène surélevée.

Le programme est découpé en deux types de conférences, pour les développeurs et pour les designers, clairement identifiés par des couleurs sur les badges. Les journées démarrent par une première intervention d'1h05 dans la grande salle. Il n'y a pas de track parallèle, ce qui rassemble tous les profils. C'est une bonne idée, dans un monde où ces derniers ont du mal à communiquer, cela nous rappelle que nous sommes bien là pour avancer ensemble et partager. Ceci dit je pense aussi que la présentation d'Andy Clarke était exceptionnelle et qu'il aurait été peut pertinent de faire un track dans l'autre salle. Le "Thé du matin" coupe la matinée et permet de discuter tout en se restaurant : café, thé, grenadine et gâteaux sont disponible en quantité suffisante. Détail léger mais qui a son importance, les toilettes sont grandes ! Deux conférences de 55 minutes suivront avant le déjeuner. A une exception près, les sujets sur le design et le développement sont alternés dans chacune des salles, ce qui implique un gros mouvement de foule entre les deux. Bien qu'il y ait surement une bonne raison à cela j'ai du mal à comprendre ce fonctionnement. Chacune des salles pouvant accueillir la totalité des participants, ce changement n'était pas obligatoire.

Le déjeuner se déroule dans le hall qui comporte plusieurs espaces pour se restaurer. Des repas sont disposés sur des tables à la sortie des salles, des menus végétariens sont également disponibles. Je ne me souviens pas si cette information avait été demandé lors de l'inscription mais c'est bien vu. Une petite barque en plastique ainsi qu'une bouteille d'eau seront le repas. La nourriture est fraiche et bonne mais j'avoue être un peu resté sur ma faim, en bon français j'aurais aimé un morceau de fromage, en bon anglais un muffin !

La pause d'une heure est courte mais suffisante à mon goût. Des stands des partenaires sont disposés et permettent de faire des démos et de pouvoir discuter avec les éditeurs de navigateurs et les éditeurs de services comme Opéra, Yahoo! ou Microsoft. C'est très chouette de pouvoir discuter avec eux des prochaines évolutions / sorties.

L'après-midi sera le miroir du matin avec deux conférences successives, une pause puis une conférence de clôture. A noter que le vendredi midi une session de discussion avec un intervenant, Andy Clarke en l'occurrence, avait lieu dans la petite salle. C'est un format très intéressant où chacun peu intervenir librement et échanger sur ses problématiques. J'aimerai vraiment voir ce format pour Paris-Web car nous avons peut l'occasion d'être physiquement rassemblés entre professionnels et de discuter ouvertement.

Une session de table ronde organisée sous forme de discussion animé par Jeremy Keith se déroule en fin de journée jeudi. J'ai trouvé vraiment dommage que le micro ne circule qu'au bout de 45 minutes. La table ronde ressemble plus à discussion privé de la hype qu'à un réel échange avec le public.

Une petite note sur l'infrastructure réseau : trois réseaux Wifi étaient disponible, un pour le public, un second pour les stands et un troisième pour les organisateurs. Vous ne le savez peut-être pas mais offrir un réseau wifi de qualité à plusieurs centaines de geeks est une mission quasiment impossible, entre ceux qui postent sur les réseaux sociaux, ce qui prennent des notes dans le Cloud, ceux qui blogguent et j'en passe, le réseau fini toujours par s'écrouler. L'idée de fournir différents réseaux et de couper le réseau public afin de privilégier les démos m'a semblé une excellente idée !

L'apéritif communautaire prend place jeudi soir dans le hall accompagné d'une vente à prix cassés des livres rédigés par les conférenciers. Une soirée de clôture aura lieu dans un bar privation juste à côté. Malheureusement nous pourrons pas y participer car notre train nous attend !

Globalement l'organisation est très bonne, pas de retards sur les horaires, des informations claires et précises pour profiter pleinement de l'événement !

25mar

Paris-Web 2010 : appel à orateurs

(english version below)

Bonjour à tous,

Paris Web est une conférence française organisée chaque année autour des questions d'accessibilité, de qualité et de design web. Pour sa cinquième édition, la conférence veut élargir son sujet et vous propose de réfléchir sur la question suivante : « Améliorer l'expérience utilisateur à travers un design et des contenus appropriés » (question non limitative).

Paris Web 2010 se tiendra du 14 au 16 octobre 2010, et nous invitons tous les orateurs potentiels à se manifester par un email à l'adresse propositions@paris-web.fr.

Vous pouvez proposer un ou plusieurs sujets dans les formats suivants :

  1. Conférence : 50 minutes, questions comprises.
  2. Mini-conférence : 15 minutes, sans questions du public.
  3. Atelier : 1 heure 30 (ou 3 heures pour un atelier double).

Les conférences et mini-conférences auront lieu dans les amphithéâtres les jeudi et vendredi. Les ateliers auront lieu dans des salles de 40 à 60 personnes le samedi. Ils sont l'occasion d'une grande interactivité, et peuvent être soit sous une forme théorique, soit sous une forme pratique (le cas échéant, des salles équipées d'ordinateurs seront prévues).

La date limite de dépôt des propositions de contributions est fixée au 31 mai 2010.

Idéalement, merci de présenter votre proposition de la façon suivante :

  1. Vous, en quelques lignes
    Qui êtes-vous ? Quel est votre parcours ? Votre spécialité ?
  2. Votre sujet
    En dix lignes maximum, un titre (qui n'a pas besoin d'être définitif) et un résumé de ce que vous allez traiter. Merci d'indiquer le niveau du public estimé.
  3. La forme de votre intervention
    Selon vous, cette intervention sera-t-elle plutôt une conférence, une mini-conférence, un atelier ? (nous pouvons en rediscuter ensemble)

Les personnes qui ont fait une proposition seront avisées personnellement de la suite donnée, que leur proposition soit retenue ou non.

Si vous êtes retenu, vous aurez la possibilité d'être défrayé pour vos transports et logé à l'hôtel par nos soins. Pour rappel, vous serez filmé et les vidéos seront mises à disposition gratuitement sur internet (sous licence CC-By-NC).

Vivement octobre !


Hello all,

Paris Web is a French conference organised each year and revolving around questions of web accessibility, quality and design. For its fifth edition, the conference wants to broaden its subject base and suggests that you think of this question: “Improve the user experience through appropriate design and contents” (non-limiting question).

Paris Web 2010 will take place on the 14-16th of October 2010, and we invite all the potential speakers to speak out and get in touch with us at propositions@paris-web.fr.

You can submit one or more topics under the following formats:

  1. Conference:  50 minutes, Q&A included
  2. Mini-conference: 15 minutes, without Q&A
  3. Workshop: 1 hour 30 (or 3 hours for a double-length workshop)

Conferences and mini-conferences will take place in amphitheaters on Thursday and Friday. Workshops will take place in 40 to 60 people rooms on Saturday. They are a moment of intense interactivity, and can be either theoretical or practical (rooms with computers will be provided if necessary).

The deadline for proposals is set to the 31st of May 2010.

Ideally, here is the form your proposal should have:

  1. You, in a few lines
    Who are you? What is your experience? Your specialty?
  2. Your subject
    In up to ten lines, a title (doesn't need to be the definitive choice) and a summary of what you wish to deal with. Please indicate the estimated level of the audience.
  3. The form of your intervention
    According to you, will this be better suited for a conference, a mini-conference, or a workshop? (We can talk about it.)

People who have submitted a subject will be notified personally, whether their subject is selected or not.

If you are selected, you will be able to have your travel expenses and hotel paid. Please bear in mind that videos will be recorded and will be made available for free on the internet (under the CC-By-NC licence).

We can't wait for October!

21jan

Organisation des pôles Front-End

Un excellent article intitulé "Dégage, Sale programmeur" chez Codingly fait état du programmeur aujourd'hui en france.

Au-delà de ce constat, j'aimerais rebondir sur la question de l'organisation des équipes Front-End dans les entreprises. Les développeurs Back-End n'ont pas subi de changements majeurs dans leur organisation qui existe depuis nombreuses années dans les sociétés de services informatiques. Le passage vers les technologies web s'est faite naturellement avec par exemple la naissance de langages comme JAVA, facile à manipuler pour les développeurs C++, afin de produire des applications web.

Je pense que l'on peut établir la structure suivante :

  • Développeur
  • Analyste
  • Architecte
  • Expert technique
  • Chef de projet technique
  • Directeur de projet technique
  • Directeur de pôle technique

Cette structure varie en fonction de la taille de l'entreprise et me semble appropriée.

Du côté du Front-End, c'est complètement différent, peut-être parce que la culture est encore jeune, une quinzaine d'années tout au plus. Par ailleurs, la notion de programmation est très récente car on parle depuis peu de développeur Front-End au lieu de "monteur" ou d"'intégrateur". En effet, l'implémentation de Javascript semblait réservée aux dev. Back-end comme le définit le Portail des métiers du Web pourtant je vois que de plus en plus d'intégrateurs qui aiment ouvrir leurs compétences sur l'utilisation de ce langage de programmation.

Le métier a largement évolué et la programmation a sa place dans le profil du développeur Front-end avec l'utilisation massive d'Ajax et des connaissances qui sont nécessaires à son utilisation. Je pense en particulier à HTML / CSS / XML / Accessibilité mais également à Javascript / JSON, HTTP et les notions de performances qui font que votre application est utilisable. Il me semble que l'implémentation de Javascript a tout à fait sa place dans les compétences du dev. Front-End.

Nous sommes de plus en plus confrontés à des sites web qui sont de véritables applicatifs, comme par exemple Netvibes pour ne citer qu'eux, et qui nécessitent une organisation sur le même mode que les développeurs Back-end.

Je vous encourage vivement à vous positionner en tant que tel sur vos CV et à motiver cette idée dans vos structures. Comme le disait Stéphane, lors de sa conférence à Paris-Web 2009, "Intégrateurs, montez au Front", communiquez et répétez sur l'évolution de notre métier. Nous avons besoin d'experts pour intervenir en amont des projets pour établir et corriger la faisabilité des projets. Nous avons besoin d'architectes et de chefs de projet technique pour spécifier et s'interfacer avec les équipes fonctionnelles et les développeurs Back-End.

07jan

Bien débuter le développement Front-End

Le développement Front-Office ou Front-End (en opposition au Back-Office ou Back-End) concerne les technologies qui vous sont nécessaire pour nécessaire pour construire une ou plusieurs pages web.

On retrouve des protocoles comme par exemples HTTP, des langages de script comme HTML ou CSS ou encore des langages de programmation comme Javascript. La plupart des ces ressources sont en anglais, certaines sont traduites en français.

Je vous recommande d'abord la base sous forme d'un guide de démarrage sur HTML écrit par David Ragett : http://www.w3.org/MarkUp/Guide/ et celui de Normand Lamoureux : http://normandlamoureux.com/cours/xhtml/page-002.html pour les francophones.

Les documents officiels


Voici une liste non exhaustive des ressources que vous devez consulter pour appréhender le développement Front-Office :
Lire ces document prend du temps, ils sont souvent longs, touffus mais ils ont le mérite d'être assez clair. Je ne les connais pas personnellement par coeur mais j'ai dans un coin de mon bureau, un dossier qui me permet d'atteindre ces références rapidement. Je vous conseillerais de commencer par regarder les sommaires afin d'avoir une impression générale et de pouvoir recherche plus rapidement une information par la suite.

De bonnes lectures


Il existe également des ressources qui donnent des exemples concrets d'implémentations, par chance il en existe de très bonnes dans le monde francophone, je vous laisse découvrir par vous même ces sites, la curiosité vient en complément de vos lecture !

De bons outils


Maintenant que nous savons ce que nous devons utiliser voici de bons outils pour les implémenter et les afficher :
Et bien évidemment les conférence Paris-Web : http://www.paris-web.fr/ qui permettent de baigner dans les discussions autour de ces technos.

11oct

Eye-Tracking - Occulométrie : J'ai testé pour vous

A l'occasion des ateliers Paris Web qui se sont déroulés ce samedi 10 Octobre 2010, j'ai pu tester pour vous un système d'oculométrie. Ce système présenté par Antoine Luu représentant de la société Tobii permet via une caméra et une carte périphérique spécialisée de suivre le mouvement des yeux.

L'objectif est double. Il permet d'une part de filmer les mouvements de l'oeil sur l'écran pour identifier le parcours d'un utilisateur lors de sa visite sur une application et d'autre part de commander une interface. L'enregistrement est restitué sous forme de zones de chaleurs ou retrace le parcours effectué par les yeux de l'utilisateur :


Crédit photo : Monty Metzger - Licence CC

Une partie de cet atelier a été filmé et mis à dipos sur Viméo via Maurice Svay, la voici : 

Paris Web 2009 : Atelier Eye Tracking (extrait) from Maurice Svay on Vimeo

.

Après un rapide calibrage de l'appareil, j'ai commencé par faire défiler du texte sur la droite de l'écran de haut en bas, puis de bas en haut. La vitesse de défilement varie en fonction de la distance entre l'axe horizontal médian de l'écran et les bords supérieurs ou inférieurs de l'écran. Le même test est effectué pour faire défiler horizontalement des pochettes de CD (Non ! pas Tokyo Hotel ><) sur un axe horizontal.

La prise en "oeil" est très rapide, le défilement se contrôle facilement et j'avoue être bluffé par une telle technologie. La système est disponible pour 20 000 euros environ et est également disponible à la location.

16sep

Paris Web 2008 : Les inscriptions sont ouvertes !

Bannière de Paris Web 2008

Les inscriptions pour Paris Web 2008 sont officiellement ouvertes. Les tarifs seront à moitié prix jusqu’au 15 octobre.

Cette année, l’offre se découpe en 3 "pass" :

Pour les ateliers, il faudra encore patienter un peu, et ils seront à un tarif ultra-compétitif. Toutefois, surveillez bien l’ouverture des inscriptions, il ne sera pas possible de payer sur place.