Aperçu des caractéristiques qui définissent le web2.0 ainsi que les technologies qui ont permis son évolution. Plusieurs exemples de services Web sont aussi présentés.

1. Web2.0: Les caractéristiques et les
technologies qui définissent la
nouvelle génération du Web.
Présentée dans le cadre des Réunions RBSC
par Jean-Michel Bouffard
<jean-michel.bouffard@crc.ca>

2. Sommaire
 Introduction
 Qu'est-ce que le Web2.0?
 Web1.0 versus Web2.0
 Caractéristiques du Web2.0
 Technologies principales du Web2.0
 Exemples
 Conclusion
2

3. Introduction
 Peut-êtresans le savoir, tout le monde qui assiste à
cette présentation:
 connais le Web2.0
 utilise le Web2.0
 bénéficie du Web2.0
 contribue au Web2.0
 Démystifier le terme « Web2.0 »
 Utilités du Web2.0 dans notre travail:
 faciliter nos communications
 faciliter la diffusion de l'information
 contribuer aux partage des connaissances
 orienter nos travaux futurs
3

4. Qu'est-ce que le Web2.0?
 Une mode pour la conception graphique?
-produit avec http://creatr.cc/creatr/
 Une technologie de programmation?
 Un site de réseautage social?
 et ?
4

5. Qu'est-ce que le Web2.0?
 Une mode pour la conception graphique?
-produit avec http://creatr.cc/creatr/
 Une technologie de programmation?
 Un site de réseautage social?
 et ?
5

6. Web1.0 versus Web2.0
 Le Web2.0 est un
courant qui caractérise le
passage du web d'un
mode « lecture seule »
au mode
« conversation »
 Ce passage à été:
 permis par l'apparition d'une
multitude de nouvelle
technologies Web
 accompagnée d'une
nouvelle mode dans le
« design » du Web
6

7. Web1.0 versus Web2.0
Web 1.0 Web 2.0
Lecture Écriture
Entreprise Communauté
Client-serveur Point-à-point (P2P)
HTML XML
Pages Web Blogues
Taxinomie Balises (tags)
Posséder Partager
Netscape Google
Formulaires en ligne Applications Web
« Screen scraping » APIs Web
Accès internet commutée Accès Internet haute-vitesse
7

8. 8

9. Caractéristiques du Web2.0
9

10. Caractéristiques du Web2.0
 LeWeb est devenu une plateforme qui permet
d'exécuter du logiciel et d'offrir des services
 Applications Web
 Les utilisateurs produisent et partages de
l'information
 C'est le « Web participatif »
 La valeur d'un site web provient en grande partie du contenu
qui provient des utilisateurs
 Pensez à ce que serait YouTube sans vidéos!
 Le défi est de créer la meilleur application pour encourager les
utilisateur à contribuer
10

11. Caractéristiques du Web2.0
 L'intelligence collective est mise à profit
 De l'information de qualité peut être produite
 Pages de type Wiki
 Ex. Wikipedia
 Les
données sont accessibles et les applications sont
modifiables et réutilisables
 APIs ouvert
 Ex. Préd. de couverture sur Google Maps (http://lrcov.crc.ca)
 Ex.
 Ex. Applications mobiles sur le iPhone
 « Mashups »
 Encourage l'innovation
 Bible de l'API: http://www.programmableweb.com/
11

12. Caractéristiques du Web2.0
 Les données dont partagés et réutilisées
 Flux RSS pour les blogues
 Base de données avec des API accessibles aux autres
applications
 Tousles utilisateurs peuvent maintenant être des
producteurs de contenu
 Apparition des blogues
 Podcasts
 Podcasts vidéo
12

13. 13

14. Technologies principales du Web2.0
- AJAX -
 « Asynchronous JavaScript
and XML »
 Combinaison des langages
JavaScript, xml, html, css
 Avantages
 L'interaction avec l'usager est
locale, les données restes sur
le serveur
 Les application web sont plus
dynamique et l'interaction est
comparable à une application
native
 Désavantages
 Difficile à utiliser
14

15. Technologies principales du Web2.0
- AJAX IDE -
 Lesenvironnement de développement AJAX
permettent de développer des application de manière
comparable aux langages traditionnels
 Google Web Toolkit


 etc...
15

16. Technologies principales du Web2.0
- AJAX IDE -
 Exemple de développement avec Google Web
Toolkit
 Programmation en Java dans Eclipse
 Compilation avec les outils GWT
 Hébergement à http://jmbouffard.webhop.net/crc/mail/Mail.html
 Accès dans le navigateur
16

17. Technologies principales du Web2.0
- RSS -
 « Really Simple Syndication »
 Re-distribution du contenu d'une site web
 Transport des données seulement
 Format simple et léger
basé sur XML
 Utilisations:
 blogues
 forums de
discussion
 sites de nouvelles
 Agrégation
 dans un lecteur RSS
 dans un « blogroll »
17

18. Technologies principales du Web2.0
-LAMP -
 « Linux, Apache, MySQL, PHP »
 Projets « open source »
 Démocratisation des technologies nécessaire au déploiement
des solution Web à un coût abordable
 Ont certainement contribué à l'explosion du Web2.0
18

19. Technologies principales du Web2.0
-Outils de collaboration -
 Wiki
 Pages d'informations modifiable pars tous les utilisateurs
 Simple syntaxe à base de balises
 Ex. Mediawiki
 Forum
 Des forums de discussion existes sur à peu près tous les
sujets possibles.
 Ex. phpBB, vBulletin, SMF, MyBB
 CMS (Content Management Software)
 Outils qui permettent de mettre en place un portail Web
facilement
 Ex. Joomla, Drupal, Wordpress
19

20. Technologies principales du Web2.0
- L'informatique nuage (!?!) -
 Services de base fournies aux développeurs pour
simplifier le déploiement et la maintenance
d'applications Web
 Bases de données
 Commerce en ligne
 Stockage d'information
 Etc...
20

21. Technologies principales du Web2.0
- Fureteur -
 Google Chrome promet  Flockest un fureteur
de contenir des spécialisé pour les
caractéristiques pour réseaux sociaux
optimiser l'utilisation des
applications webs
21

22. 22

23. Exemples
- Incontournables -
 Réseau sociaux

 Autres

23

24. Exemples
- Cartes -
24

25. Exemples
- Partage de médias -
 photos,vidéos,
 présentations
25

26. Exemples
- Plateforme de blogues -

 Service de micro-blogue
 Courts messages
 Compatible avec SMS
26

27. Exemples
- Partages de signets -

 StumbleUpon

 Delicious
27

28. Exemples
- Applications de bureautique -

 Google Docs
28

29. Exemples
- Stockage et sauvegarde en ligne -
 Types de services
 Service de base gratuit
 Escape réduit
 Vitesse de transfert
réduite
 Service entreprise payant
 Sécurité des fichiers est
assurée
 Le stockage est distribué
géographiquement
29

30. Exemples
- Conversions -
30

31. Exemples
- Musique -
  Listal
 Base de données de
 Caractérisation de la contenu multimédia
musique
 Génération automatique
d'un flux audio basé sur les
goûts musicaux

 Réseau social basé sur la
musique
 Génération automatique de
la station de musique en
fonction des goûts des
utilisateurs 31

32. Exemples
- Organisation -
 Planification d'évènement
 Système de vote entre les invités
32

33. Exemples
- Généalogie-
33

34. Exemples
- « APIs » and « Mashups » -
 Leservice Yahoo pipes
permet de simplement
connecter des données
provenant de différentes
sources, des les traiter et
de diffuser le résultat
34

35. Exemples
- « APIs » and « Mashups » -
 Résultat
 http://pipes.yahoo.com/jmbouffard/mobiles
35

36. Conclusion
36

37. Conclusion
37

38. Conclusion
 Qu'est-ce que sera le Web3.0?
 le web sémantique (semantic web)
 l'information stocké sous forme sémantique
 le contenu multimédia contient des métadonnées (mpeg-7)
 l'informatique nuage distribuée (cloud computing)
 Le concept sera poussé encore plus dans les prochaines
années
 la logique provient du réseau
 la présentation est locale
 le logiciel sous forme de service (software-as-a-service)
 l'informatique omniprésente (ubiquitous computing)
 tous appareils sont « connectés »
 l'accès à l'information est « omniprésente »
38

39. 39