Atelier du mercredi 20/04/2011 de la Mêlée Numérique 15, co-animé avec Thomas van de Velde, DG de Webinage. L’aire du tactile est plus qu’enclenchée. En outre, face au délicat problème du développement mobile multi-plateformes, comment et pourquoi HTML5 deviendra la technologie standard du web et de l'internet mobile de demain ?

1. HTML 5 ou l'évolution majeure du web et de l'internet mobile Mercredi 20 avril 2011

2. Florent Garin Co-fondateur de DocDokuSociété innovante IThttp://www.docdoku.com Co-fondateur du JUG de ToulouseOuvert à tous, les technologies Javahttp://www.toulousejug.org Auteur du livre : « Concevoir et développer des applications mobiles et tactiles », 2ème édition

3. Agenda HTML5 Le cas d’usage Webinage HTML5 : Retour d’expérience Conclusion & Questions - Réponses

4. HTML : l’historique

6. S’appuie sur XForms, XML Events, etc…

7. Abandonne l’héritage SGML

8. Bonne internationalisationClairement orienté document

10. HTML5 poursuit le chemin

11. En formalisant les « bidouilles » ajaxiennes

12. En réduisant la barrière entre les applications web & desktopClairement orienté application et c’est ce qu’on veut !

13. Qu’est-ce qu’HTML5 ? HTML5 = HTML + CSS + JavaScript APIs

15. Facilite la montée en charge (gestion de l’état sur le client)

16. Web SQL Database

17. 1 seule implémentation SQLite(encore…)

18. Difficulté des migrations de schémas

20. API JS

21. Pour déterminer le mode courant

22. Déclencher la MAJ atomique du cache

23. Cache + Web Storage = Mode OfflineCACHE MANIFEST style/default.css images/logo.png NETWORK: buy.do

25. Comme toujours le thread en arrière plan ne peut pas manipuler l’IHM (ici le DOM)

26. La communication entre threads s’opère par messages

28. Remplace avantageusement Comet (long polling)

29. Communication Bidirectionnelle et full-duplex

30. Fonctionne sur une seule connexion TCP

31. Proxy et firewall friendly grâce au mécanisme d’upgrade HTTP…du moins en théorie !

34. Jetty7

35. Glassfish 3.1

36. Netty (Framework Java client-serveur)

37. JWebSocket

40. API JS

41. Tag canvas

42. Zone de dessin

43. Support du format SVG

44. WebGL

46. Eléments de présentation

47. Nouvelles polices

48. Dégradés

49. Bords arrondis…

50. Des animations

51. Agrandissement

52. Translation

54. Autocomplétion

55. Validation des données

56. La géolocalisation

57. mobile & desktop (basée sur l’IP, GPS)

58. Le glisser-déposer

59. A l’intérieur de la page

61. Nouvelles ergonomies abordables Le projet Applications innovantes & Communications associées à Internet Ré-enchanter à l’ère du numériqueles relations intergénérationnelles En échangeant et s’entraidant comme en présence RELATION fortifiée et efficace pour l’entourage local et distant BIEN ÊTRE & AUTONOMIE pour les personnes fragilisées

63. PC, MAC, Linux

64. Tablettes tactiles : Android, iOS, WebOS

65. Smartphones…

66. Réutiliser au maximum l’interface utilisateur

67. Design, Ergonomie, Esthétique

68. Gérer les spécificités du projet

69. Beaucoup de mise au point IHM => facile en HTML

70. Séparer métier / exécution => architecture JEE – JSON - JS

71. Appels entrants, évènements => push

72. Echanges M2M directs => websocket

73. Affichage vidéo, activités communes => video tag, canvas

74. Fondations pour de nombreuses années

76. Conclusion & Questions - Réponses DocDoku & Webinage recrutent