Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
HTML	  5	  ou	  lévolu-on	  majeure	  du	  web	  et	  de	  linternet	                                    mobile	          ...
Florent	  Garin	  Co-­‐fondateur	  de	  DocDoku	       Société	  innovante	  IT	       hJp://www.docdoku.com	  	  	  Co-­‐...
Agenda	  1.    HTML5	  2.    Le	  cas	  d’usage	  Webinage	  3.    HTML5	  :	  Retour	  d’expérience	  4.    Conclusion	  ...
HTML	  :	  l’historique	  
HTML5	  vs	  XHTML2	  XHTML2	       •  Focalisé	  sur	  la	  sépara-on	  de	  la	  présenta-on	          et	  de	  la	  st...
AJAX	  a	  tué	  XHTML2	  •  AJAX	  a	  prouvé	  qu’il	  était	  possible	  de	            développer	  de	  vraies	  appl...
Qu’est-­‐ce	  qu’HTML5	  ?	  HTML5	  =	  HTML	  +	  CSS	  +	  JavaScript	  APIs	  
Stockage	  de	  données	  •  Web	  Storage	  (session	  et	  local)	           •  Facilite	  la	  montée	  en	  charge	  (...
Ges-on	  fine	  du	  cache	  •  Se	  fait	  via	  un	  fichier	  manifest	             CACHE	  MANIFEST	             style/d...
Web	  Workers	  •  Enfin	  des	  threads	  en	  JavaScript	     •  Comme	  toujours	  le	  thread	  en	  arrière	  plan	  n...
Web	  Socket	  •  Offre	  une	  véritable	  fonc-on	  de	  push	  •  Remplace	  avantageusement	  Comet	  (long	     pollin...
Fonc-onnalités	  mul-média	  •  Tags	  vidéo	  et	  audio	           •  API	  JS	  	  	  •  Tag	  canvas	           •  Zon...
CSS3	  •  Nouveaux	  sélecteurs	  	  	  •  Eléments	  de	  présenta-on	           •  Nouvelles	  polices	           •  Dég...
Et	  aussi…	  •  De	  nouveaux	  champs	  de	  formulaires	     • 	   Autocomplé-on	     •  Valida-on	  des	  données	  • ...
HTML5	  :	  Retour	  d’expérience	      REX	  Webinage	  
Conclusion	  &	  Ques-ons	  -­‐	  Réponses	  DocDoku	  &	  Webinage	  recrutent	  
Prochain SlideShare
Chargement dans…5
×

Html5 par Florent Garin, au Toulouse JUG

4 415 vues

Publié le

Publié dans : Technologie
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Soyez le premier à aimer ceci

Html5 par Florent Garin, au Toulouse JUG

  1. 1. HTML  5  ou  lévolu-on  majeure  du  web  et  de  linternet   mobile   Toulouse  JUG,  jeudi  21  avril  2011  
  2. 2. Florent  Garin  Co-­‐fondateur  de  DocDoku   Société  innovante  IT   hJp://www.docdoku.com      Co-­‐fondateur  du  JUG  de  Toulouse   Ouvert  à  tous,  les  technologies  Java   hJp://www.toulousejug.org      Auteur  du  livre  :  «  Concevoir  et   développer  des  applica-ons  mobiles  et   tac-les  »,  2ème  édi-on  
  3. 3. Agenda  1.  HTML5  2.  Le  cas  d’usage  Webinage  3.  HTML5  :  Retour  d’expérience  4.  Conclusion  &  Ques-ons  -­‐  Réponses  
  4. 4. HTML  :  l’historique  
  5. 5. HTML5  vs  XHTML2  XHTML2   •  Focalisé  sur  la  sépara-on  de  la  présenta-on   et  de  la  structure   •  S’appuie  sur  XForms,  XML  Events,  etc…   •  Abandonne  l’héritage  SGML   •  Bonne  interna-onalisa-on    Clairement  orienté  document  
  6. 6. AJAX  a  tué  XHTML2  •  AJAX  a  prouvé  qu’il  était  possible  de   développer  de  vraies  applica-ons  sur  le  web      •  HTML5  poursuit  le  chemin   •  En  formalisant  les  «  bidouilles  »  ajaxiennes   •  En  réduisant  la  barrière  entre  les   applica-ons  web  &  desktop    Clairement  orienté  applica-on    et  c’est  ce  qu’on  veut  !  
  7. 7. Qu’est-­‐ce  qu’HTML5  ?  HTML5  =  HTML  +  CSS  +  JavaScript  APIs  
  8. 8. Stockage  de  données  •  Web  Storage  (session  et  local)   •  Facilite  la  montée  en  charge  (ges-on  de   l’état  sur  le  client)      •  Web  SQL  Database   •  1  seule  implémenta-on  SQLite  (encore…)   •  Difficulté  des  migra-ons  de  schémas  •  AJen-on  à  la  confiden-alité  des  données  
  9. 9. Ges-on  fine  du  cache  •  Se  fait  via  un  fichier  manifest   CACHE  MANIFEST   style/default.css   images/logo.png     NETWORK:   buy.do    •  API  JS   •  Pour  déterminer  le  mode  courant   •  Déclencher  la  MAJ  atomique  du  cache  •  Cache  +  Web  Storage  =  Mode  Offline  
  10. 10. Web  Workers  •  Enfin  des  threads  en  JavaScript   •  Comme  toujours  le  thread  en  arrière  plan  ne   peut  pas  manipuler  l’IHM  (ici  le  DOM)   •  La  communica-on  entre  threads  s’opère  par   messages  •  Permet  les  traitements  longs  côté  client  sans   figer  la  page      
  11. 11. Web  Socket  •  Offre  une  véritable  fonc-on  de  push  •  Remplace  avantageusement  Comet  (long   polling)  •  Communica-on  Bidirec-onnelle  et  full-­‐duplex  •  Fonc-onne  sur  une  seule  connexion  TCP  •  Proxy  et  firewall  friendly  grâce  au  mécanisme   d’upgrade  HTTP…du  moins  en  théorie  !  •  AJen-on  au  problème  de  -meout  !      
  12. 12. Fonc-onnalités  mul-média  •  Tags  vidéo  et  audio   •  API  JS      •  Tag  canvas   •  Zone  de  dessin  •  Support  du  format  SVG    •  WebGL   •  Portage  JavaScript  d’OpenGL  
  13. 13. CSS3  •  Nouveaux  sélecteurs      •  Eléments  de  présenta-on   •  Nouvelles  polices   •  Dégradés   •  Bords  arrondis…    •  Des  anima-ons   •  Agrandissement   •  Transla-on   •  Rota-on…  
  14. 14. Et  aussi…  •  De  nouveaux  champs  de  formulaires   •    Autocomplé-on   •  Valida-on  des  données  •  La  géolocalisa-on   •  mobile  &  desktop  (basée  sur  l’IP,  GPS)  •  Le  glisser-­‐déposer   •  A  l’intérieur  de  la  page   •  Depuis  l’extérieur  du  navigateur    
  15. 15. HTML5  :  Retour  d’expérience   REX  Webinage  
  16. 16. Conclusion  &  Ques-ons  -­‐  Réponses  DocDoku  &  Webinage  recrutent  

×