Les briques de construction du Web. Introduction

1. #1
Explorons
eb
le

2. Luc Legay
Explorateur du web
Information Designer
Formateur NTIC
Associé chez Rampazzo & Associés
Cofondateur des Explorateurs du Web
Consultant Ifra
eMail : luc@ru3.com
Tél. : +33 (0) 6 32 22 66 02 (France)
Cette création est mise à disposition selon le Contrat Paternité-Pas d'Utilisation Commerciale 2.0 France
Disponible en ligne http://creativecommons.org/licenses/by-nc/2.0/fr/ ou par courrier postal à :
Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.

3. Luc Legay - luc@ru3.com
“ Don’t fight
”
the Internet
Eric Schmidt
PDG de Google

4. Luc Legay - luc@ru3.com
comprendre
les changements

5. Luc Legay - luc@ru3.com
apprivoiser le chaos

6. Photo : Ryan Gallagher http://www.flickr.com/people/clickykbd/ - Licence CC BY-Non-commercial-Share-Alike

7. Luc Legay - luc@ru3.com
cela peut être
simple

8. Luc Legay - luc@ru3.com
si l’on conçoit le Web

9. comme un
assemblage

10. de briques
de construction

11. Photo : Holger Zscheyge
http://www.flickr.com/people/zscheyge/
Licence : CC BY

12. Luc Legay - luc@ru3.com
Cinq principes
Adapté d’une idée originale de Tantek Çelik http://tantek.com/presentations/2006/03/building-blocks/

13. Luc Legay - luc@ru3.com
1 Les briques sont
des technos,
des outils
et des usages

14. Luc Legay - luc@ru3.com
2 Les technologies
et les outils
sont construits
par les experts

15. Luc Legay - luc@ru3.com
3 Les briques sont
utilisables
par les
non-experts

16. Luc Legay - luc@ru3.com
4 Les briques
s’assemblent
entre elles

17. Luc Legay - luc@ru3.com
5 Ont construit
de plus grosses
briques avec
les plus petites

18. Luc Legay - luc@ru3.com

19. technos

21. HTTP

22. HTML HTTP

23. PHP
HTML HTTP

24. CSS PHP
HTML HTTP

25. XHTMLCSS PHP
HTML HTTP

26. XML
XHTMLCSS PHP
HTML HTTP

27. XML AJAX
XHTMLCSS PHP
HTML HTTP

28. RSS XML AJAX
XHTMLCSS PHP
HTML HTTP

29. API RSS XML AJAX
XHTMLCSS PHP
HTML HTTP

30. JAVA
API RSS XML AJAX
XHTMLCSS PHP
HTML HTTP

31. RIA JAVA
API RSS XML AJAX
XHTMLCSS PHP
HTML HTTP

32. SOA RIA JAVA
API RSS XML AJAX
XHTMLCSS PHP
HTML HTTP

33. FLASH
SOA RIA JAVA
API RSS XML AJAX
XHTMLCSS PHP
HTML HTTP

34. FLEX FLASH
SOA RIA JAVA
API RSS XML AJAX
XHTMLCSS PHP
HTML HTTP

35. WIDGET FLEX FLASH
SOA RIA JAVA
API RSS XML AJAX
XHTMLCSS PHP
HTML HTTP

36. outils

38. BLOG

39. WIKI BLOG

40. IM
WIKI BLOG

41. IM MASHUP
WIKI BLOG

42. LECTEUR RSS
IM MASHUP
WIKI BLOG

43. LOGICIEL SOCIAL LECTEUR RSS
IM MASHUP
WIKI BLOG

44. PLATE-FORME VIDEO
LOGICIEL SOCIAL LECTEUR RSS
IM MASHUP
WIKI BLOG

45. PLATE-FORME VIDEO PODCAST
LOGICIEL SOCIAL LECTEUR RSS
IM MASHUP
WIKI BLOG

46. CARTOGRAPHIE
PLATE-FORME VIDEO PODCAST
LOGICIEL SOCIAL LECTEUR RSS
IM MASHUP
WIKI BLOG

47. CARTOGRAPHIE WEB ANALYTICS
PLATE-FORME VIDEO PODCAST
LOGICIEL SOCIAL LECTEUR RSS
IM MASHUP
WIKI BLOG

48. BOOKMARKING
CARTOGRAPHIE WEB ANALYTICS
PLATE-FORME VIDEO PODCAST
LOGICIEL SOCIAL LECTEUR RSS
IM MASHUP
WIKI BLOG

49. BUREAUTIQUE BOOKMARKING
CARTOGRAPHIE WEB ANALYTICS
PLATE-FORME VIDEO PODCAST
LOGICIEL SOCIAL LECTEUR RSS
IM MASHUP
WIKI BLOG

50. usages

52. PUBLIER

53. DIFFUSER
PUBLIER

54. PARTAGER
DIFFUSER
PUBLIER

55. PARTAGER COMMUNIQUER
DIFFUSER
PUBLIER

56. COLLABORER
PARTAGER COMMUNIQUER
DIFFUSER
PUBLIER

57. COLLABORER RENCONTRER
PARTAGER COMMUNIQUER
DIFFUSER
PUBLIER

58. RECHERCHER
COLLABORER RENCONTRER
PARTAGER COMMUNIQUER
DIFFUSER
PUBLIER

59. OPTIMISER RECHERCHER
COLLABORER RENCONTRER
PARTAGER COMMUNIQUER
DIFFUSER
PUBLIER

60. ARCHIVER
OPTIMISER RECHERCHER
COLLABORER RENCONTRER
PARTAGER COMMUNIQUER
DIFFUSER
PUBLIER

61. ORGANISER ARCHIVER
OPTIMISER RECHERCHER
COLLABORER RENCONTRER
PARTAGER COMMUNIQUER
DIFFUSER
PUBLIER

62. VEILLER ORGANISER ARCHIVER
OPTIMISER RECHERCHER
COLLABORER RENCONTRER
PARTAGER COMMUNIQUER
DIFFUSER
PUBLIER

63. jouons
avec les briques

64. Photo © Paul Hollingworth / APAG / UNICEF

72. Photo © Paul Hollingworth / APAG / UNICEF

74. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

75. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

76. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

77. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

78. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

79. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

80. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

81. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

82. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

83. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

84. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

85. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

86. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

87. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

88. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

89. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

90. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

91. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

92. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

93. Adapté d’une idée de Fred Cavazza Photo : http://www.bhophoto.com /

94. technos

95. outils

96. usages

97. échanges

98. participation

99. intelligence collective ?

101. Luc Legay
Explorateur du web
Information Designer
Formateur NTIC
Associé chez Rampazzo & Associés
Cofondateur des Explorateurs du Web
Consultant Ifra
eMail : luc@ru3.com
Tél. : +33 (0) 6 32 22 66 02 (France)
Cette création est mise à disposition selon le Contrat Paternité-Pas d'Utilisation Commerciale 2.0 France
Disponible en ligne http://creativecommons.org/licenses/by-nc/2.0/fr/ ou par courrier postal à :
Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.