La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

1 Technologies Web et travail collaboratif François Boutin.

Présentations similaires


Présentation au sujet: "1 Technologies Web et travail collaboratif François Boutin."— Transcription de la présentation:

1 1 Technologies Web et travail collaboratif François Boutin

2 2 Plan du cours Technologies web Technologies web Web Statique 1.0 Web Statique 1.0 Web Statique 1.0 Web Statique 1.0 Web Dynamique 1.5 Web Dynamique 1.5 Web Dynamique 1.5 Web Dynamique 1.5 Web Social 2.0 Web Social 2.0 Web Social 2.0 Web Social 2.0 Futur : Web Sémantique 3.0 ? Futur : Web Sémantique 3.0 ? Futur : Web Sémantique 3.0 ? Futur : Web Sémantique 3.0 ? Travail collaboratif Travail collaboratif Communiquer Communiquer Communiquer Partager des documents Partager des documents Partager des documents Partager des documents Gérer un projet Gérer un projet Gérer un projet Gérer un projet

3 Evolution du web sur un exemple

4 4 Technologies Web Web Statique 1.0 Web Statique 1.0 Web Dynamique 1.5 Web Dynamique 1.5 Web Social 2.0 Web Social 2.0 Futur : Web Sémantique 3.0 ? Futur : Web Sémantique 3.0 ?

5 5 Web Statique 1.0 Des pages statiques Des pages statiques Créées en HTML (par un « gourou »…) Créées en HTML (par un « gourou »…)HTML … ou avec un logiciel de création web … ou avec un logiciel de création web Mises en forme (ou non…) par des feuilles de styles Mises en forme (ou non…) par des feuilles de stylesfeuilles de stylesfeuilles de styles Avantages Avantages Une seule personne est « responsable » du site Une seule personne est « responsable » du site Le site peut être librement personnalisé (graphique, ergo) Le site peut être librement personnalisé (graphique, ergo) Utilisation typique : site vitrine dune petite structure Utilisation typique : site vitrine dune petite structure Inconvénients Inconvénients Difficile de créer et mettre à jour de nombreuses pages Difficile de créer et mettre à jour de nombreuses pages Installation dun logiciel FTP pour mettre les pages en ligne Installation dun logiciel FTP pour mettre les pages en lignelogiciel FTPlogiciel FTP

6 6 Création dune page Web en HTML Page Web Code HTML

7 7 Feuille de style CSS Page Web Code HTML Feuille CSS

8 8 Mise en ligne du site avec FTP Serveur Web Disque local Mise en ligne

9 9 Web Dynamique 1.5 Des pages dynamiques Des pages dynamiques Créées « à la demande » Créées « à la demande » À partir dune base de données À partir dune base de donnéesbase de donnéesbase de données Une édition décentralisée Une édition décentralisée Des contributeurs formant une chaîne éditoriale Des contributeurs formant une chaîne éditoriale Information saisie au plus prêt de sa source ( workflow) Information saisie au plus prêt de sa source ( workflow)workflow Gestion de contenus grâce à une interface web Gestion de contenus grâce à une interface web Gestion de contenus Gestion de contenus Avantages Avantages Linformation est structurée (et facilement interrogeable) Linformation est structurée (et facilement interrogeable) Linformation est structurée Linformation est structurée Séparation entre « contenu » et « mise en forme » Séparation entre « contenu » et « mise en forme » Utilisation typique : gros site de vente (ex : Amazon…) Utilisation typique : gros site de vente (ex : Amazon…)

10 10 Navigateur Web Accès Base de données: PHP / MySQL Base de données MySQL Serveur Web PHP Envoi de la requête au serveur Requête SQL Select nom, cout FROM Produits WHERE origine = France AND produit = Fruit ORDER BY cout Interrogation de la base SQL Construction de la page résultat Navigateur Web Retour de la page résultat

11 11 Circuit de linformation : Workflow Formulaire Internet de saisie Formulaire de consultation / résultat Validation Base de données

12 12 Structuration de linformation : site UM1 Administration du site

13 13 Système de gestion de contenu : CMS

14 14 Édition dune page

15 15 Web Social 2.0 Linternaute : créateur de contenu Linternaute : créateur de contenu Wiki, blogs, réseaux sociaux, partage de photos, vidéos… Wiki, blogs, réseaux sociaux, partage de photos, vidéos… Wikiblogspartage de photos Wikiblogspartage de photos Annotation de page, évaluation, marque pages collaboratif, étiquetage Annotation de page, évaluation, marque pages collaboratif, étiquetage Annotation de pageévaluationmarque pages collaboratifétiquetage Annotation de pageévaluationmarque pages collaboratifétiquetage Objectif : fidéliser linternaute (ex : Yahoo!) Objectif : fidéliser linternaute (ex : Yahoo!) Des technologies innovantes Des technologies innovantes XML, XSL, Fil RSS, trackback (rétro lien) XML, XSL, Fil RSS, trackback (rétro lien) XMLXSLFil RSS XMLXSLFil RSS AJAX AJAX AJAX Services Web (météo, bourse, carte routière) Services Web (météo, bourse, carte routière) Nouveau modèle économique Nouveau modèle économique Des services gratuits qui génèrent de laudience Des services gratuits qui génèrent de laudience Des contenus rédigés par les internautes Des contenus rédigés par les internautes … qui induisent des revenus publicitaires … qui induisent des revenus publicitaires Risque : détournement dinformations personnelles (ex : Facebook) Risque : détournement dinformations personnelles (ex : Facebook)

16 16 Wiki : Wikipedia Encyclopédie collaborative

17 17 Création dun Blog Journal personnel en ligne Journal personnel en ligne

18 18 Blog : choix du modèle (template)

19 19 Blog : publication dun message

20 20 Blog : code HTML du message

21 21 Blog : ajout dune image

22 22 Blog : publication du message

23 23 Partage de photos avec Picasa & Flickr Dossiers photos Contenu dossier Outils disponibles Association de tags (mots clés) aux photos

24 24 Annotation de pages Web: Fleck

25 25 Évaluation de pages web Lutilisateur évalue la qualité dune page Lutilisateur évalue la qualité dune page Par un simple clic (sur + ou –) il participe au calcul du rang Par un simple clic (sur + ou –) il participe au calcul du rang Il peut bannir une page (si elle ne lui convient pas) Il peut bannir une page (si elle ne lui convient pas)

26 26 Partage de marques pages Rendre publique une référence

27 27 Google Bloc-notes : étiquetage

28 28 Structuration du contenu : XML Document XML Exploration sans feuille de style dans un navigateur

29 29 Sélection, tri et affichage Mise en forme XSL Feuille de style XSL Résultat HTML XMLXSL + HTML Document XML

30 30 Abonnement à un fil RSS Sabonner à un flux sous Firefox Choisir un agrégateur de flux

31 31 Agrégation de contenu: Google Reader Gérer mes abonnements

32 32 Code RSS basé sur le langage XML Code de la page Page RSS

33 33 AJAX: Asynchronous JavaScript & XML Base de données Récupère uniquement linformation nécessaire Recherche des parcours du master 2 Biologie Santé, spécialité Biotechnologies

34 34 Futur : Web Sémantique 3.0 ? Web Sémantique Web Sémantique Interprétation du sens de requêtes en langage naturel Interprétation du sens de requêtes en langage naturel Organisation automatique de documents Organisation automatique de documents Organisation automatique Organisation automatique Intelligence artificielle, analyse réseaux Intelligence artificielle, analyse réseaux Information personnalisé : one to one Information personnalisé : one to one Publicités ciblées (AdWords / AdSense) Publicités ciblées (AdWords / AdSense)AdWordsAdSenseAdWordsAdSense Prise en compte de lhistorique Prise en compte de lhistoriquehistorique Problèmes Problèmes Récupération dinfo à notre insu Récupération dinfo à notre insu Interprétation de ces informations Interprétation de ces informations

35 35 Moteur de recherche graphique Analyse réseau & sémantique Meta moteur Meta moteur Organise les sites pertinents concernant une requête Organise les sites pertinents concernant une requête En fonction des liens et mots clés quils partagent En fonction des liens et mots clés quils partagent

36 36 AdWords Publicités Google dans la page de résultats Publicités Google dans la page de résultats Des liens commerciaux apparaissent suivant les mots clés Des liens commerciaux apparaissent suivant les mots clés Les mots clés sont vendus aux enchères Les mots clés sont vendus aux enchères Lentreprise paie au clic Lentreprise paie au clic

37 37 Nature des requête Adwords / Overture Requêtes relatives au mot clé dentaire

38 38 AdSense Publicité Google intégrée aux sites personnels Publicité Google intégrée aux sites personnels Les publicités sont associées automatiquement Les publicités sont associées automatiquement Le propriétaire du site est payé au clic Le propriétaire du site est payé au clic Le coût par clic (ou pour 1000 clics) dépend denchères Le coût par clic (ou pour 1000 clics) dépend denchères

39 39 Historique Google Historique en ligne Historique en ligne Indépendant du poste sur lequel travaille linternaute Indépendant du poste sur lequel travaille linternaute Risque : lindividu peut être « fiché » suivant sa navigation Risque : lindividu peut être « fiché » suivant sa navigation Historique stocké sur un serveur de Google

40 40 Travail collaboratif Communiquer Partager des documents Partager des documents Gérer un projet Gérer un projet

41 41 Travail collaboratif avec Google Apps

42 42 Travail collaboratif Communiquer Communication asynchrone Communication asynchrone Communication synchrone Communication synchrone

43 43 Communication asynchrone Courrier électronique Courrier électronique Les champs A, CC, Cci, Objet, Texte Les champs A, CC, Cci, Objet, Texte Gérer contacts et boîtes mails Gérer contacts et boîtes mails Gérer le spam Gérer le spam

44 44 Communication synchrone Messagerie instantanée Messagerie instantanée Texte, son, vidéo Texte, son, vidéo Échange de fichiers, photos… Échange de fichiers, photos… Google Talk msn Skype

45 45 Travail collaboratif Partager des documents Tableur Traitement de texte Traitement de texte Présentation

46 46 Tableur en ligne Avantages Avantages Les documents peuvent être partagés ou publiés Les documents peuvent être partagés ou publiés Exportation au format xls, pdf, open office, txt, html Exportation au format xls, pdf, open office, txt, html

47 47 Publication du graphique sur un blog

48 48 Partage de document

49 49 Documents partagés

50 50 Modification du document partagé

51 51 Historique dun document : Révisions

52 52 Traitement de texte en ligne

53 53 Comparaison de versions

54 54 Suivi des modifications sous Word

55 55 Création dune présentation

56 56 Versions du document

57 57 Travail collaboratif Gérer un projet Agenda Gestion de groupe Gestion de groupe Planifier les tâches Planifier les tâches

58 58 Agenda

59 59 Demande de partage

60 60 Autorisation de partage

61 61 A ajoute un événement sur lagenda B

62 62 Vue de lagenda B

63 63 Gérer un groupe avec Google Groupes

64 64 Planifier les tâches : diagramme de Gantt


Télécharger ppt "1 Technologies Web et travail collaboratif François Boutin."

Présentations similaires


Annonces Google