https://cdn.v1v2.io/_next/static/chunks/pages/blog/conferences-html5-devoxx-2010-f72d479354d28f22.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4688],{14052:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/conferences-html5-devoxx-2010",function(){return t(57627)}])},46833:(e,s,t)=>{"use strict";t.d(s,{A:()=>a});var r=t(74848),n=t(21055),i=t(53924);let a=e=>{let{src:s,alt:t,...a}=e;return(0,r.jsx)(n.E9,{src:s,alt:t,center:!0,my:i.vU,...a})}},57627:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>h});var r=t(74848),n=t(46833),i=t(77083),a=t(1),l=t(21055),o=t(85044);let c={src:"https://cdn.v1v2.io/_next/static/media/conferences-html5-devoxx-2010.d0bb248d.png",height:80,width:205,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAElBMVEUeGxcUEQ8jIyIAAAAtLCo2NjZRxtv2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHUlEQVR4nB3BgQ0AAAjCsA3x/5dNbJmHWIgBNil6Aq4ALcVzx/wAAAAASUVORK5CYII=",blurWidth:8,blurHeight:3};var d=t(15741),u=t(53924);let p=()=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("header",{children:[(0,r.jsx)(o.A,{mb:u.vU,children:"Les conf\xe9rences sur HTML5 au Devoxx 2010"}),(0,r.jsx)(n.A,{src:c,alt:"Logo Devoxx",imageProps:{priority:!0},mb:u.rf}),(0,r.jsxs)("p",{children:["Du 15 au 19 novembre a eu lieu \xe0 Anvers en Belgique l'\xe9v\xe9nement"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://devoxx.com/display/Devoxx2K10/Home",children:"Devoxx 2010"}),". Il s'agit du plus grand salon europ\xe9en autour des technologies Java. Ce salon annuel a \xe9t\xe9 cr\xe9\xe9 par"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.devoxx.com/display/JV08/Stephan+Janssen",children:"Stephan Janssen"}),", pr\xe9sident du"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.bejug.org/confluenceBeJUG/display/BeJUG/Home",children:"BeJug"})," ","(Belgium Java User Group)."]}),(0,r.jsxs)("p",{children:["Cette ann\xe9e, pas moins de 3000 personnes ont eu le privil\xe8ge d'assister aux conf\xe9rences anim\xe9es par des dizaines d'intervenants tr\xe8s reconnus du monde Java. Parmi ces intervenants on peut par exemple citer"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://en.wikipedia.org/wiki/Joshua_Bloch",children:"Joshua Bloch"}),", ing\xe9nieur logiciel chez Google, et"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.curious-creature.org/",children:"Romain Guy"}),", un des ing\xe9nieurs travaillant sur Android."]}),(0,r.jsx)("p",{children:"Les conf\xe9rences ne se limitaient pas \xe0 Java, et traitaient plus g\xe9n\xe9ralement des grandes tendances actuelles du monde informatique telles que le Cloud, le NoSQL, les RIA, les Frameworks Web, les m\xe9thodes agiles ou encore l'HTML5."}),(0,r.jsx)("p",{children:"Je vais donc vous faire profiter de mes retours sur les conf\xe9rences HTML5."})]}),(0,r.jsxs)("section",{children:[(0,r.jsx)(l.H2,{children:"Keynote : The State of The Web"}),(0,r.jsxs)(l.nz,{children:["Cette keynote anim\xe9e par"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://almaer.com/blog/",children:"Dion Almaer"})," ","et"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://benzilla.galbraiths.org/",children:"Ben Galbraith"})," ","a trait\xe9 du potentiel des applications web. Apr\xe8s les avoir compar\xe9 les diff\xe9rents march\xe9s des applications natives et des applications web, l'accent a \xe9t\xe9 mis sur les frameworks capables de cr\xe9er des applications natives \xe0 partir d'HTML/CSS/JavaScript, sans se soucier des contraintes sp\xe9cifiques \xe0 chaque appareil. Deux projets en particulier :"]}),(0,r.jsxs)(l.uQ,{children:[(0,r.jsx)("li",{children:(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.phonegap.com/",children:"Phonegap"})}),(0,r.jsx)("li",{children:(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.appcelerator.com/",children:"Appcelerator - Titanium"})})]}),(0,r.jsx)("p",{children:"Ces deux projets prometteurs sont d\xe9j\xe0 en production et utilis\xe9s. S'il est en effet pour le moment risqu\xe9 favoriser les applications web par rapport aux applications natives, l'utilisation de tels frameworks permet de faire une transition en douceur vers les applications web, tout en conservant une portabilit\xe9 maximum sur les t\xe9l\xe9phones et OS mobiles actuels."})]}),(0,r.jsxs)("section",{children:[(0,r.jsx)(l.H2,{children:"Les WebSockets HTML5 avec Kaazing"}),(0,r.jsxs)("p",{children:["Cette conf\xe9rence a \xe9t\xe9 anim\xe9e par par"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.jroller.com/jonasjacobi/",children:"Jonas Jacobi"}),". Jonas Jacobi travaille sur le projet"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.kaazing.com/",children:"Kaazing"}),", qui se focalise enti\xe8rement sur l'exploitation des WebSockets HTML5 afin de fournir un protocole de liaison client-serveur \xe0 haute vitesse. Voici une"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://kaazing.me/",children:"d\xe9monstration des capacit\xe9s des WebSockets avec Kaazing"}),"."]}),(0,r.jsx)("p",{children:"Pour r\xe9sumer, les WebSockets permettent le full-duplex entre le client et le serveur, c'est \xe0 dire que le serveur sera capable d'envoyer des informations au client en temps r\xe9el, sans que le client ne fasse de requ\xeate serveur pour v\xe9rifier si le serveur a une nouvelle information \xe0 lui envoyer. Ce syst\xe8me remplacera \xe0 terme le \"polling\", r\xe9alis\xe9 par appels AJAX effectu\xe9s toutes les n secondes pour actualiser un contenu."}),(0,r.jsx)("p",{children:"Les WebSockets permettent uniquement l'\xe9change de cha\xeenes de caract\xe8res entre le client et le serveur. Cette limitation vient du fait que les \xe9changes via WebSockets sont tr\xe8s bas niveau. Si l'on souhaite travailler avec une couche d'abstraction suppl\xe9mentaire il faut utiliser un protocole plus haut niveau, ce que propose Kaazing."}),(0,r.jsxs)("p",{children:["D'autres d\xe9monstrations sur les websockets sont disponibles sur"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://websocket.org/",children:"websocket.org"}),"."]})]}),(0,r.jsxs)("section",{children:[(0,r.jsx)(l.H2,{children:"HTML5 Fact and Fiction"}),(0,r.jsxs)("p",{children:["Cette conf\xe9rence orchestr\xe9e par"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://ntschutta.com/jat/",children:"Nathaniel Schutta"})," ","a pr\xe9sent\xe9 de nombreuses nouveaut\xe9s apport\xe9es par l'HTML5. Elle reprend dans l'ensemble le contenu de l'ebook de"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://diveintomark.org/",children:"Mark Pilgrim"}),","," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://diveintohtml5.org/",children:"DiveIntoHTML5"}),". La plupart des nouveaut\xe9s pr\xe9sent\xe9es concernaient les nouvelles balises HTML5 ainsi que la v\xe9rification de la capacit\xe9 du navigateur \xe0 les supporter. Celle-ci est grandement simplifi\xe9e par l'utilisation de la biblioth\xe8que JavaScript"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.modernizr.com/",children:"Modernizr"}),"."]}),(0,r.jsx)("p",{children:"La d\xe9tection de la capacit\xe9 \xe0 utiliser le canvas HTML5 peut \xeatre par exemple effectu\xe9e avec la simple ligne :"}),(0,r.jsx)(a.A,{children:"if (Modernizr.canvas)"}),(0,r.jsx)("p",{children:"La cr\xe9ation d'un site en production utilisant les fonctionnalit\xe9s de l'HTML5 requiert de g\xe9rer convenablement le cas des navigateurs non compatibles, et 

1c'est ce que fait Modernizr. Un incontournable donc."})]}),(0,r.jsxs)("section",{children:[(0,r.jsx)(l.H2,{children:"L'application Devoxx avec GWT et HTML5"}),(0,r.jsxs)("p",{children:[(0,r.jsx)(l.A,{isExternal:!0,href:"http://twitter.com/#!/salvadordiaz",children:"Salvador Diaz"})," ","de chez"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.sfeir.com/",children:"Sfeir"})," ","a pr\xe9sent\xe9 le fonctionnement de son client Devoxx r\xe9alis\xe9 sous GWT. Il s'agit d'une application web fonctionnant sur Google App Engine qui permet d'acc\xe9der \xe0 l'ensemble des informations des conf\xe9rences et intervenants du Devoxx 2010. Cette application utilise les WebServices REST fournis par Devoxx et a \xe9t\xe9 coupl\xe9e avec la capacit\xe9 offline de l'HTML5 qui est particuli\xe8rement pratique afin de maintenir une consultation du contenu m\xeame en cas de d\xe9connexion. Ceci est possible gr\xe2ce a l'utilisation du"," ",(0,r.jsx)(l.A,{href:d.p7,children:"cache manifest HTML5"}),"."]}),(0,r.jsxs)("p",{children:["L'application est disponible"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://devoxxschedule.appspot.com/",children:"ici"})," ","et son code source est accessible sur"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://code.google.com/p/salvadordiaz/source/browse/#svn/trunk",children:"Google Code"}),"."]}),(0,r.jsxs)("p",{children:["On peut d'ailleurs noter que les boutons de l'applications sont enti\xe8rement r\xe9alis\xe9s en CSS3, sans utilisation d'image. Un tel r\xe9sultat peut \xeatre obtenu en suivant mon"," ",(0,r.jsx)(l.A,{href:d.Hm,children:"tutoriel des ombres en CSS3 avec box-shadow"}),"."]})]}),(0,r.jsxs)("footer",{children:[(0,r.jsxs)("p",{children:["Enfin je remercie"," ",(0,r.jsx)(l.A,{isExternal:!0,href:"http://www.application-servers.com/",children:"Didier Girard"})," ","de chez Sfeir, qui m'a permit d'assister \xe0 ce Devoxx 2010. J'effectuerai d'ailleurs mon stage chez Sfeir \xe0 partir de f\xe9vrier sur le th\xe8me de l'HTML5, ce qui me permettra de me focaliser \xe0 100% sur cette technologie, et de vous tenir inform\xe9s de toutes mes d\xe9couvertes gr\xe2ce \xe0 des tutoriels sur ce site."]}),(0,r.jsx)("p",{children:"A tr\xe8s bient\xf4t !"})]})]});p.wrappers=e=>(0,r.jsx)(i.A,{children:e});let h=p}},e=>{var s=s=>e(e.s=s);e.O(0,[8916,5422,6379,7351,8593,1940,4339,2503,3526,636,6593,8792],()=>s(14052)),_N_E=e.O()}]);