[Meetup] HTML5, CSS3 et pizzas : Quatrième édition

Comme annoncé hier, voici la quatrième édition du meetup HTML 5. On ne change pas une équipe qui gagne, avec John Karp et Sylvain Weber aux commandes. Nous étions encore plus de 100 personnes pour cette édition, et chose amusante, plus de la moitié de la salle venait pour la première fois ! Comme quoi la communauté HTML5 est active, et ça intéresse du monde (surtout quand on voit le programme de la semaine à Paris…).

 

Quoi de neuf sur la planète HTML5 ?

http://sylvainw.github.com/HTML5-Future/juin.html#/home
Par Sylvain Weber, CEO et co-fondateur de Kontest, ancien Googler.
Chaque mois, Sylvain explore le web et l’univers HTML5 à la recherche des dernières pépites et démos sorties récemment. Il vous partagera ses dernières découvertes.

Nous avons retrouvé avec plaisir Sylvain Weber, pour sa coutumière présentation des dernières nouveautés et sites cools sur lesquels il a pu tomber ces derniers temps. Sa présentation est toujours disponible sur Github, et comme toujours, il FAUT la parcourir et cliquer sur tous les liens ! Ce qu’il faut surtout retenir, c’est que plus on avance et plus la 3D prend une place importante dans le web design, que ça soit avec les effets CSS, ou le WebGL. On peut faire des effets vraiment chouettes, et exploitables (paperfold : https://developer.mozilla.org/en-US/demosdetail/paperfold-css/launch ou encore les effets de lumière : http://attasi.com/labs/ipad/ ).
Un niveau de 3D au dessus, on peut voir émerger ce qui est faisable en WebGL, avec de la motion capture.

Une fois n’est pas coutume, mon site bluffant de la semaine en WebGL, c’est la visite de Versailles… Chapeau à l’équipe qui l’a fait : http://www.chaostoperfection.com/

 

Les derniers jouets CSS3 et HTML5 au service d’un jeu basé sur Canvas

http://blogs.msdn.com/b/davrous/archive/2012/04/10/modernisez-vos-jeux-html5-canvas-partie-1-mise-224-l-233-chelle-mat-233-rielle-amp-css3.aspx
Par David Rousset, Windows 8 & HTML5 Developer Evangelist chez Microsoft France.
Nous verrons comment utiliser CSS3 Grid, transitions & 3DT ainsi que l’offline, le drag’n’drop et les Files APIs pour améliorer l’expérience d’un jeu basé sur la balise <canvas>.

David n’a pas été du tout vernis avec les dieux du code… Il s’est risqué à vouloir faire du live coding pour nous montrer comment il avait résolu ses différentes problématiques, et évidemment, rien n’a marché. Un bête problème de cache surement, mais il avait tout prévu, et avait sous la main une version terminée qu’il a pu nous montrer et nous expliquer ! Bref, malgré l’effet démo, on voit tout de suite qu’il y a du chouette travail derrière tout ça, avec de bons conseils pour l’interopérabilité entre les différents navigateurs. Je vous encourage donc vivement à aller lire son blog qui est aussi instructif que détaillé.
Pour l’anecdote, c’était rigolo de voir un speaker faire une présentation sous Windows, avec Visual Studio, en utilisant Internet Explorer… On a pu apprécier le sens de l’humour et l’autodérision du speaker, c’est plutôt agréable dans un monde où les gens sont assez bornés à un seul outil et une seule techno !

 

HTML5 et la Vidéo

http://pierreloicdoulcet.fr/video/#/
Par Pierre-Loic Doulcet, Responsable Pédagogique, Section Game Design & Programming à Isart Digital.
L’un des apports d’HTML5 qui a fait le plus parler de lui est le support de la vidéo. Qu’en est-il aujourd’hui et comment pouvons nous intégrer la vidéo de manière innovante dans les pages web ?Durant ce talk nous ferons un tour d’horizon des usages innovants de la vidéo en ligne et des librairies permettant ces innovations.

Pierre-Loic a commencé par nous faire un petit historique des technologies possibles pour intégrer de la vidéo dans une page Web. On retiendra surtout qu’avant l’arrivée de la balise Video d’HTML5 en 2008, Flash avait un quasi monopole depuis 1996. Depuis 2008, les principaux sites de vidéo en ligne migrent progressivement vers l’HTML5. Mais quid de l’innovation ? Pour Pierre-Loic, on est en train de perdre du temps. La migration, poussée par le refus d’Apple d’embarquer Flash, aurait du être l’occasion d’innover en utilisant toute la richesse qu’offre la balise Video. En effet, il est maintenant possible de manipuler la vidéo, d’intéragir avec elle, comme élément natif du DOM. Alors Youtube en profite juste pour superposer de la pub, mais on peut aller beaucoup plus loin. Quelques liens : http://pierreloicdoulcet.fr/video/#/5/4
La suite de la présentation est l’occasion de parler de Popcorn.js qui doit rendre les vidéos « programmable, interactive, immersive et pilotable par des évènements ». Quelques liens encore : http://pierreloicdoulcet.fr/video/#/9
L’objectif de sa présentation était vraiment de nous montrer qu’en quelques lignes on peut faire des choses assez spectaculaires, et qu’il est temps de se lancer… Encore faut-il avoir un cas concret d’intégration ! Mais l’intéraction avec le contour de la vidéo, le texte, des ressources qui viennent enrichir une vidéo à des moments clés, ce sont des choses que l’on devrait retrouver de plus en plus.

 

Bref, des idées plein la tête, pour une session encore bien sympathique. Ils ne savaient pas encore si on referait une session cet été, mais au pire des cas, j’y retournerai avec plaisir à la rentrée, avec pourquoi pas, des choses à présenter !

LB.

[Meetup] HTML5, CSS3 et Pizzas : Troisième édition

Et voilà la troisième édition du Meetup HTML5 ! On va faire un compte rendu qui sera un peu moins détaillé que celui de la dernière fois, mais c’est au moins l’occasion de mettre à disposition les différents slides.

Ce coup-ci, même si Intel a encore gentiment sponsorisé la soirée, pas de speech d’introduction de leur part. Nous rappellerons quand même qu’ils lancent un « Application Store » basé sur HTML5, appelé AppUp.
Continuer la lecture de « [Meetup] HTML5, CSS3 et Pizzas : Troisième édition »

[Meetup] HTML5, CSS3 et Pizzas : Seconde édition

Seconde édition pour le meetup HTML 5 ! Pour rappel, la première édition, il s’est passé ça : CLIC La première édition étant rigolote et intéressante, et tout le monde étant du même avis, l’organisateur John Karp a décidé de repartir pour une nouvelle aventure avec au programme :

QUOI DE NEUF SUR LA PLANETE HTML5 ? (10 min)
Par Sylvain Weber, CEO et co-fondateur de Kontest, ancien Googler
Chaque mois, Sylvain explore le web et l’univers HTML5 à la recherche des dernières pépites et démos sorties récemment. Il vous partagera ses dernières découvertes (voir sa présentation précédente).

FOCUS CHROME DEVELOPER TOOLS (15 min)
Par Thomas Bassetto, développeur chez Joshfire.
Durant ces 15 minutes nous ferons le tour du minimum à savoir sur les Chrome Developer Tools (aussi WebKit Inspector). Nous verrons aussi une poignée de fonctionnalités très pratiques mais souvent méconnues.

DEVELOPPEMENT D’UN JEU WEBGL EN 48H (15 min)
Par Cedric Pinson, développeur 3D/WebGL indépendant.
Présentation « heure par heure » des étapes de la création du jeu MIOP développé lors de la dernière Global Game Jam.

ADOBE ET W3C (15 min)
Par David Deraedt, Web Consultant chez Adobe
Tour d’horizon des dernières spécifications HTML5 proposées par Adobe au W3C (css regions, css shaders, image progess events…).

Continuer la lecture de « [Meetup] HTML5, CSS3 et Pizzas : Seconde édition »

De la pertinence de GWT

Cette semaine je suis tombé sur deux articles de deux toulousains bien connus qui parlaient de GWT. Je n’ai pas un très grand recul sur GWT, mais les articles sont intéressants, alors autant vous les faire partager et donner mon humble avis en quelques mots.

Le premier article, écrit par Florent Garin de la société DocDocku (et membre du ToulouseJUG of course), a un titre des plus explicites : « GWT est-il toujours pertinent ? » Bon, qu’est ce qu’il veut dire par là ? En quelques mots, en mettant en avant une abstraction totale du Javascript, GWT est un frein à la mise en avant des fonctionnalités HTML5 innovantes des navigateurs. Bref, pour le côté métier c’est bien, mais pour l’innovation pure, non. Quid des bibliothèques de Widget ?

Ainsi Ex GWT, SmartGWT, Vaadin pour ne citer qu’eux disposent de composants de plus haut niveau, prêt à l’emploi. Malheureusement ces bibliothèques n’ont jamais donné pleinement satisfaction : licence peu « business friendly », adhérence importante, problème de qualité. Au final, la sagesse recommande de se contenter de GWT et de tout développer soi-même…

Donc, pour Florent Garin, GWT a ses atouts, mais une complexité grandissante (activities / place), ne permet pas d’abstraire le CSS, et est un frein à l’innovation HTML5. Bref, c’est « imparfait ».

Pour répondre à cet article, Sami Jaber (auteur d’une des bibles de GWT )a écrit ceci : « Oui, GWT est plus que jamais pertinent« .
Au moins c’est clair 😉 Si je devais résumer en quelques mots ses arguments:

  • Au moins GWT offre un socle HTML 5 solide, et indépendant des frameworks Javascript à la mode et non pérenne. Et d’un point de vue stratégie d’entreprise, c’est important.
  •  » la richesse de GWT est dans des API telles que ClientBundle qui permet de créer des scripts JS téléchargés avec les spécificités CSS propres à chaque navigateur ou moteur de rendu en fonction des règles du DeferredBinding« 
  • «  La richesse de GWT est dans sa capacité à diviser le code (énorme) JavaScript en plusieurs fragments à la manière d’un ClassLoader Java« 
  • La richesse de GWT est dans sa capacité à fournir un environnement de développement hors pair permettant de débogguer comme en Swing, de tester avec JUnit et de refactorer sous son IDE fétiche. Imaginer un instant développer une application JavaScript de 200.000 lignes de code comme on le fait aujourd’hui en Java est tout simplement insensé

Je vous encourage à lire les articles qui sont bien évidemment plus nuancés que NON / OUI. Par exemple, Sami Jaber ne nie pas la complexité du pattern Activities / Place. Pour l’avoir découvert au cours de ce dernier mois, j’avoue qu’il n’est pas si simple de l’appréhender, et que ça demande un peu de pratique et beaucoup de rigueur. Je doute de son utilisabilité dans une équipe de niveau un peu trop hétérogène… Pour le reste de mon expérience, j’avoue que l’abstraction du Javascript m’a fait énormément plaisir! UiBinder par exemple, pour dessiner ses widgets et leurs donner vie, un vrai super outil! Sans compter l’énorme plus : le débuggage…
Et puis c’est un peu hors sujet, mais la facilité de déploiement sur l’AppEngine avec le plugin Eclipse, c’est quand même énorme… Adieu tous mes scripts ANT ! 🙂

A vrai dire, je pensais que GWT serait plus simple à appréhender dans sa globalité. En effet, la documentation est chouette mais peut-être un peu floue à certains moments (toujours sur A&P, j’ai pu voir différentes implémentations sans en comprendre les nuances et les intérêts.) Mais une fois passés les premiers tâtonnements, j’ai vraiment apprécié utiliser GWT au jour le jour grâce à sa multitude d’outils très chouettes (RPC, UiBinder…)

Et puis si on se projette beaucoup plus loin, ne peut-on pas imaginer que nos deux auteurs vont faire converger leurs avis si Dart arrive à s’imposer comme un langage natif dans nos navigateurs, et comme socle de GWT ? N’est ce pas le chaînon manquant ? (pour se tenir au courant sur Dart, ça se passe ici…)

LB.

HTML5 Meetup

Jeudi 16 février a eu lieu l’évènement HTML5, CSS3 & Pizzas à l’IESA dans Paris. Ma première soirée geek à la capitale ! Organisée par le biais du site meetup.com, je me suis inscrit à cette soirée un peu par curiosité avec quelques collègues. Quelques mots sur l’organisation, qui apparemment était une première sur ce format : l’IESA est en plein dans Paris (2ème arrondissement), dans de chouettes locaux, avec plein de matos. En tout cas ils ont l’air gâté ! L’organisation promettait de l’HTML 5 et des pizzas, et franchement niveau pizza on n’a pas été en reste non plus, c’était vraiment très bien, bravo à eux, surtout qu’on devait être une bonne centaine (et je crois qu’ils n’imaginaient pas autant).
Continuer la lecture de « HTML5 Meetup »