DES Web Developer IFOSUP@ WEB DEVELOPER/DESIGNER Veille Technologique Uétudiant sera capable : en disposant de la documentation appropriée, de matériels et logiciels informatiques, d’une connexion internet opérationnelle et par I'intermédiaire d'études de cas, ‘+ didentifier les outils et les méthodologies de la veil technologique ; de mettre en ceuvre les principes-clés de la veille technologique ; de définir les principales étapes d’un processus de veille ; de mettre en place une cellule de veille; de résoudre les cas proposés et de rédiger un rapport reprenant : © des critiques pertinentes, (© des solutions alternatives négociées en mode collaboratif, © des améliorations nécessaires a la réussite du projet de veille. Table des matiéres 1. Introduction 1.1 Définition... 1.2 Objectif de la veille technologique 1.3 Deux facons de rechercher I'information sur le web : 1.4 Etape d’une veille efficace ... 1.4.1 Outils pour collecter/analyser vos données, 2. PULL... 2.1. Les moteurs de recherche.. 2.1.1 Méthode de recherche 2.4.2 Recherche avancée... 2.1.3 Moteurs de recherche spécifique - backlink. 2.1.4 Les métamoteurs 2.1.5 Les métamoteurs sociaux 10 10 10 2.1.6 Moteurs de recherche sémantique 2.1.7 Moteurs de recherche de blog... 2.1.8 Moteurs de recherche d'images... 2.1.9 Moteurs de recherche de vidéos "1 iti 2.1.10 Moteur de recherche de la musique et du son... 2.1.11 Moteur de recherche visuels 2.1.12 Moteur de recherche cartographiques... 2.1.13 Moteur de recherche de présentation 2.2 Les systemes d'information wn. 2.2.1 Vactualité 2.2.2 Les outils de Buzz. ool 11 2.2.3 Tendances du webDES Web Developer IFOSUP@ 2.2.4 Nouvelles récentes ?.. 2.3 Collecte d’informations. 2.3.1 Outils de bookmarking... 2.4 Archives du web.. 3. PUSH., 3.1 Flux RSS. 3.1.1 Objectifs des flux RSS : 3.1.2 Création d’un fichier RSS.. “12 12 3.1.3 Générer un flux RSS / Web Scraping, 3.1.4 Plugin détecteurs de changements. 3.1.5 Afficher un flux RSS; 15 3.1.4 Les agrégateurs.... afl? 3.1.5 Yahoo! Pipes... =) 3.1.6 PHP : Affichage d'un document XML avec un SimpleXML.. 24 3.1.7 PHP : Affichage d'un document XML avec un les objets DOM .. 3.2 Alertes 3.2.1 Génération d'alerte. 4, Autres outils/sites utiles a la veille. 5. E-Réputation .. 5.1 Personal Branding. 5.1.1 Moteurs de recherche de personne 5.1.2 Outils pour « faire » parler de vous 5.1.3 Recruter sur internet ... 5.2 Conseils pour une utilisation professionnelle des réseaux sociaux. 5.2.1 Facebook. 5.2.2 Twitter 33 5.2.3 Linkedin 5.2.4 Google + 5.3 Outils pour les réseaux sociaux... 36 6 Capacités terminales — Evaluation... 37DES Web Developer IFOSUPos 3 1. Introduction 1.1 Définition « La veille technologique consiste 4 s'informer de facon systématique sur les techniques les plus récentes et surtout sur leur mise & disposition commerciale (ce qui constitue la différence entre le technique et le technologique). Cette activité met en ceuvre des techniques d'acquisition, de stockage et d‘analyse d'informations et leur distribution automatique aux différentes sections concernées de l'entreprise, ¢ la maniére d'une revue de presse. Ces informations peuvent concerner une matiére premiére, un produit, un composant, un procédé, l'état de l'art et révolution de environnement scientifique, technique, industriel ou commercial de 'entreprise. Elle permet aux bureaux d'études d'étre informés des baisses possibles de cot ou d'augmentation de qualité dans le cadre de analyse de fa valeur. L'entité de production connait mieux grace a elle ses limites de production et sa concurrence future, et peut donc s'organiser en conséquence. » © Wikipedia «La veille technologique est observation et analyse de l'environnement scientifique, technique et technologique et des impacts économiques présents et futurs, pour en déduire les menaces et les opportunités de développement » (lakobiak, 1992). « Ensemble d’activités orientées vers lobtention d’informations & caractére stratégique ou opérationnel, sur évolution de environnement pour viser la pertinence des processus de décision d court ou moyen terme » (Balmisse & Meingan) ‘A ces deux definitions, nous pouvons ajouter la notion d'E-réputation, intimement lige avec la veille technologique = « L'e-réputation, parfois appelée web-réputation, cyber-réputation, réputation numérique, sur le Web, sur internet ou en ligne, est la réputation, opinion commune (informations, avis, échanges, commentaires, rumeurs...) sur le Web d'une entité (marque, personne, morale (entreprise) ou physique (particulier), réelle (représentée par un nom ou un pseudonyme) ou imaginaire). Elle correspond a Videntité de cette marque ou de cette personne associée dla perception que les internautes s‘en font. » © Wikipedia On distingue plus précisément différents types de veille Veille concurrentielle : La veille concurrentielle est I'étude de I'évolution des concurrents directs et indirects, actuels et potentiels de I'entreprise (La politique de pri, le choix des fournisseurs, la stratégie d'entreprise, la politique de recrutement, les moyens de communication, .. - Veille commerciale : La veille commerciale fait référence & la surveillance d’informations relatives aux clients/prospects, aux fournisseurs et aux distributeurs (signature de contrats, nouveaux produits). (Permet de suivre ’évolution d’un marché, identifier de nouveaux prospects, optimiser ses achats (délais, prix..)) - Veille d’e-réputation : La velle d’e-réputation renvoie a image (positive ou négative) véhiculée par une marque. (Surveillance de la notoriété des dirigeants, établir éventuel décalage entre image voulue et image percue : transformer le « bad buzz » en « good buzz ».) - Veille marketing: La veille marketing s'intéresse & ’évolution d'un marché, au comportement des consommateurs, 8 la communication des entreprises, ainsi qu’a la retombée de ses propres campagnes marketing. (Identifier de nouveaux marchés, de proposer de nouveaux produits et d’accompagner le lancement d'un nouveau produit.) - Veille juridique : La veille juridique consiste a surveiller la législation, la jurisprudence et les contrefacons (étre en conformité avec la réglementation actuelle et d’utiliser & bon escient les décisions juridiques (ouverture des {frontiéres) pour lancer de nouveaux produits et services sur de nouveaux marchés.) ~Vellle stratégique : Approche plus globale qui doit fédérer les différents types de veille de I'entreprise et intégrer la dimension stratégique. Démarche plus orienté vers action. - Veille technologigue : La veille technologique permet de recueillir des informations concernant I’évolution des normes et lévolution des technologies (dépots de brevets, nouveaux process). Cette liste n’est pas exhaustive, il existe d’autre domaine de veille comme par exemple : Veille d’opinon, veille sociétale, veille sectorielle, veille événementielle, veille scientifique, veille RH, .. 1.2 Objectif de la veille technologique + Rechercher et collecter des informations stratégiques, économiques, universitaires, etc. © Gérer son e-Réputation (individu, marques, sociétés)DES Web Developer IFOSUPom 4 1.3 Deux fagons de rechercher l'information sur le web : ‘Le made « Pull»: internaute va lulméme ala péche aux le mode « Push » information va a internaute, et ce de maniére informations. automatisée. Favors fone ( Atertes pas Emails PULL \ site de vechacte PUSH tsormation | _oxrention (ttigenes) information (vel) bases de e Information précise car comme Fusager doit effectuer les recherches, il est en mesure d’écarteimmédiatement les résultats non pertinents Pas o’enregistrement requis auprés d'un éditeur ou d'un éditeur ov d’un bas de données Demande beaucoup de temps Processus lourd et ennuyant dont on se lasse rapidement Velleiréguliére 200 © 1.4 Etape d’une veille efficace 1) Definir la thématique de veille : mots clés, expressions, synonymes, etc. 2). Définir les sources Web documentaire, web profond (BD spécialisées), web social (blogs, réseaux social, etc.) web d'information (actualités), 3). Mettre en place les paramétres d'alerte par flux RSS, Email, . 4) Filtrer vos résultats : eons Flux RSS Economie de temps pour le chercheur Processus automatisé Signalement rapide Veile réguilére Risque de se fare submerger de résultats (s stratégie de recherche pas assez précise), de courrels, spam CChoix de utilisation d'un logiciel effcace e e 5) Diffuser éventuellement les résultats (blog, réseaux social). Vintérét de publier ses résultats sur un blog ou des réseaux sociaux est de permettre aux internautes d’interagir et donc d’apporter leur pierre a Védifice.DES Web Developer IFOSUPos 5 Remarque. ‘+ Ilest utile de « trouver la source » dune information (plut6t que de chercher 10 sites qui reprennent information d'un seul et méme site). ‘* Recouper toujours autant que possible l'information glanée sur le web avec d'autres sites (surtout sur le forum !): © Quel est le modéle économique derriére la source d’information ? (publicité, don, abonnement premium ? gratuit par philosophie ?) * utilisation d'un outil de mindmapping est fortement conseillée ici, Exemple La mara (Lenom de rentepnise [Le groupe cappartenance produits ‘Sunellezvotre marque J Les nomsiaesciptions des senices oferts / Les noms de campagnes / Les actionnaires principaux Les dirigeants Les abrévitions et termes techniqu Lamarque (Le nom de rentreprise spécinques Le groupe dappartenance \ "Les produits \ Sunveiezvos concurents J’ Les nomsidesciptions des senices oferts Afficher le code )_Les noms de campagnes source, observez Les aconnaires principaux. les métas. Les aingeants Les abréwations ettermes tech \ Les termes techniques: Les thématiques sociales ides (écologie,emplol,..)_ ent J Les marcnés u 8 sences rendus les leaders copinion © Site utile : http://caddereputation.over-blog.com/article-5-etapes-pour-une-tiffusion-efficace-de-sa-veille 105547327.htm! 1.4.1 Outils pour collecter /analyser vos données : http://snipd.com Web Clipping : Snipd est un outil qui permet de sauvegarder toutes sortes de contenus trouvés sur le Web. http://evernote.com/intl/fr/ Evernote et zoho Notebook sont des outils d’annotations, http://notebook.zoho.com https://www.pinfolio.com hhttps://www.memonic.com https://www.httrack.com Scrapbook Extension sous firefox pourla collecte information http://www.scoop.it/ Scoop-it permet de créer votre journal personnel (outils de «curation ») tte /w.ustream.ty Diffuser en direct votre évenement en vidéo streaming par webcam, https://www.d my Stocker des fichiers en ligne et les partager avec certains http://minus.comy utilisateurs. http://www.syncplicity.comDES Web Developer IFOSUPCR 6 http://www sugarsync.com hntto://www.tymproject.com/fr Tymproject (gestion de projet). http://storify.com/ Storify (Création d'un portfolio). http://eetereenshot.or Solution open source pour découper des parties d'écran. http://textalyser.net Permet d'isoler les mots clés d'un texte fournit également des informations sur les occurrences des mots, sur la comples d'un texte, etc. http://file2.ws Transforme n/importe quel document en page web et fournit une adresse URL. http://shrib.com Prendre des notes en ligne et obtenir une URL. http://notepad.ce Prise de note avec mot de passe www.tinyURL.com Service permettant de simplifier une adresse URL. http://g00.g http://bit.ly http://www.keyworddiscovery.com, Outils de génération de mot clé (idéal pour voir ceux de vos http://www google.cor/sktool concurrents !) kgen module pour firefox KGen liste tous les mots de la page et affiche leurs poids (un https://addons.mozilla.org/fr/firefox/addon/kgen/ mot dans un titre est plus “lourd” qu'un mot dans un paragraphe), répétition et position moyenne dans le document. http://www google.com/trends Permet de déterminer les besoins des consommateurs, mesurer et comparer le nombre de recherche effectuée sur des mots-clés pour une période, une région ou un pays donnés. http://www.alexa.com Moteur de comparaison de trafic. http://www.stumbleupon.com, ‘StumbleUpon est un systéme de recommandation gratuit permettant de découvrir des pages web en fonction de vos intéréts, de vos habitudes de navigation et des commentaires des autres utilisateurs. 2. PULL 2.1. Les moteurs de recherche 2.1.1 Méthode de recherche Le probleme de base qui se pose & linternaute est d’interroger correctement ces moteurs. De facon générale, les moteurs travaillent sur une base de données plus étendue que celle des annuaires et le recensement des sites sera plus rapide. Mais le contenu des sites n'est pas soumis & une vérification humaine, ce qui peut créer des surprises au niveau des résultats. Ainsi, risque-t-on parfois o'étre submergé par une avalanche de sites commerciaux.. Principes de recherche ~ _ Définissez votre sujet de recherche avec précision - _Identifiez clairement tous les mots ou concepts liés & votre sujet - _ Choisissez les termes qui pourront décrire ces concepts, des adjectifs par exemple = _ Repérez des synonymes ainsi que des dérivés des mots clés, sélectionnez les homonymes (il vous serviront & restreindre la recherche) - _ Vérifiez orthographe et la syntaxe de la requéte - Attention ordre des mots - Majuscules/minuscules (attention a la casse) = Pour rechercher une phrase placer la phrase ou I'expression entre guillemets - Pour rechercher un mot & partir de sa racine > prendre la racine du mot et le faire suivre d’un astérisque. ~ _ Utiliser les opérateurs booléens © ETOUAND ou+ © OUOUOR OU «espace » © PAS ou NOT ou-DES Web Developer IFOSUP@ ~ Et les parentheses et recherches imbriquées Exemples : (chats OR félins) AND comportement Les pages devraient concemer les comportements des chats ou des félins en général. (délinquance OR criminalité) AND (jeunes OR adolescents OR mineurs) NOT "communauté européenne" Lancera la recherche sur la criminalité (délinquance) des jeunes, mais pas dans la communauté européenne. 2.1.1.1 Carte mentale/heuristique utilisation de carte heuristique peut s‘avérer trés utiles pour représenter ses idées selon un principe d'arborescence. http://freemind.sourceforge.net Logiciel de Mind Mapping. http:/Awww.xmind.net bttp://sourceforge net/projects/freeplane htto://www.mind42.com Logiciel de mind mapping en ligne http://www.mindomo.com http://www.mindmeister.com/fe Par exemple, pour un sujet comme la géolocalisation nous pouvons obtenir la carte suivante : Historique __Spoutnik Utilisations pratiques Vie privée jslation / publi Réalisez la représentation heuristique des sujets suivants : « Faut-il légaliser le cannabis pour un usage thérapeutique » « Quelle est a derniére loi sur le commerce électronique et quels sont les principes qui en découlent ? » 2.1.2 Recherche avancée Dans la recherche avancée sous Google, celle-ci placera pour vous les bons mots-clés nécessaires a votre recherche : http:/Awww.google.fr/advanced search Voici un tableau récapitulatif des opérateurs possibles dans 5 des moteurs les plus utilisés* * sources: « Technique de veille et e-réputation : Comment exploiter les outils Internet ? » Jean-No&l Anderruthy, Eni EditionDES Web Developer IFOSUP@ Ask Yahoo! Live Search Exalead Googie exacte Inclusion + + prefer: ou OR OR OR OR Exclusion _|- : : = ou NOT Joker * Fe * = Intervalle de after: date ou de et before: nombres Format filetype: ou | filetype: filetype: Ge fichier originurlexten- intitie: Dans le titre | intitle: de la page ou allintitle: Dans le corps intext: de la page ou allintext: Dans inurl: inurl: iu: inurt: adresse ou allinurl: URL Dans les inanchor: inanchor: ou liens de altinanchor: la page Dans le site | site: site: site: site: site: ou domain: ou hostname: En cache ‘cache: Lien vers Tink: Tink Tink: ou finkdomain: Pages related: apparentées 2.1.3 Moteurs de recherche spécifique - backlink * Trouver les sites qui font un lien vers le votre = ‘Sur www.google.com tapez link:www.monsite.com © Majesticseo Ce site vous donne un graphique d’indexation des backlinks dans le temps et vous permet de visualiser vos meilleurs backlinks, vos domaines référents et vos pages les plus populaires. www majesticseo.com © Ahrefs Ahrefs permet une exploration de vos liens www.ahrefs.com ‘© Advanced Link Manager Un outil trés complet qu'il faut installer sur votre ordinateur (MAC ou PC) et vous fournit une liste de vos backlinks avec PR, Alexa rank, Outbound links... Une version d’essai aux fonctionnalités limitées est disponible. advancedlinkmanager.com advancedwebranking.com © Open Site ExplorerDES Web Developer IFOSUPCm 9 analyse de liens par Seomoz. Découvrez tous vos liens entrants et l'autorité de la page et du domaine sur lesquels ils se trouvent. Texte d’ancres, domaines référents, pages populaires... vous pouvez comparer le netlinking de 5 domaines différents. opensiteexplorer.org/ * Google Webmaster tools Le centre Google pour Webmaster vous permettra de récupérer tous les liens indexés par Google. Google centre pour les webmasters Augmestezte ti survote ste ‘Accédez 8 des données surexploration, indexation ete {rafiede recherche. Recevez das notfeatons en cas de probleme avec vote ste. ‘Se connecter aux Coed google.com/webmasters/ ‘Autres liens intéressants pour analyser vos backlinks http://webmaster-vandex.com http://www link-assistant,com/seo-spvel htto://www.linkresearchtools.com/. htto://sitexploration.com/ htto://www.bing.com/toolbox/webmaster htto://www.seoprofiler.com hi icker.com/great-altern: htto//www.linkdiaenosis.com http://backlinkwatch.com/ htto://www.ranks f/f htto://www.yooda.com/produits/soft 2.1.4 Les métamoteurs On appelle « métamoteur de recherche » un outil de recherche qui dirige une requéte unique vers plusieurs outils de recherche, rapatrie leurs réponses, et les organise pour fournir 8 l'utilisateur une présentation structurée des résultats. # www Soovie.com (recherche simultanée sur Googe, Amazon, Ask, Yahoo !, Youtube et Wikipédia) + www.Refseek.com + www.Deeperweb.com (Google Beta ~ permet d’effectuer un relevé de meilleures sources classées par thématiques) + wwnw.dogpile.com dogpule se base sur google, Yahoo !et Bing + winw.ixquick.com métamoteur qui protége votre vie privée (il s'engage a ne pas collecter des données personnelles) 2.1.5 Les métamoteurs sociaux Le web 2.0 offre de nombreux outils comme les métamoteurs sociaux pour mettre en place une démarche de veille. Surveiller son image, savoir ce qui se dit sur une entreprise, son dirigeant, protéger sa marque, etc. www.whostalking.com Moteur de recherche sociale qui vous permet dinterroger un tres grand nombre de sources. Liintérét réside dans le fait qu'on puisse récupérer le flux RSS correspondant 8 votre recherche et de sauvegarder votre recherche. (Ou encore via la plug in Firefox « Get Tools »). \www.socialmention.com (permet d’afficher les requétes les plus populaires et dispose d’un module avancé de recherche (expression exacte, opérateur d’exclusion, ciblage géographique et linguistique, etc.) 3] socialmention’DES Web Developer IFOSUPOm 10 2.1.6 Moteurs de recherche sémantique « La recherche sémantique a pour objectif d'ameliorer la précision de recherche par la compréhension de l'objectif de recherche et la signification contextuelle des termes tels qu'lls apparaissent dans l'espace de données recherché, que ce soit sur le Web ou dans un systéme fermé, afin de générer des résultats plus pertinentsr...] Dans la recherche sémantique, 'utlisateur fournit au moteur de recherche une phrase qui est destinée @ désigner un objet sur lequel 'utlisateur tente de recueilir de l'information et de la recherche. I! n'y a pas de document particulier que l'utilisateur connait d ce sujet. Au contraire, l'utilisateur tente de localiser un certain nombre de documents qui, ensemble, vont lui donner les informations qu'il essaie de trouver. »7 meee — www.jseek.com permet d'explorer les relations qu'entretiennent des entités trouvées selon votre recherche (Topics, People, Places, Organizations, Date and time, Abbreviations, Ns EEK Date published, Source) peace iat www.clusty.com regroupe les informations sous différentes rubriques (Clouds, Source, Site, Time) (Clusty) que vous pouvez développer. 2.1.7 Moteurs de recherche de blog Les blogs sont dexcellents indicateurs des tendances a venir ou de faits qui, dans le monde et quelle que soit la ‘thématique abordée, vont faire la une. Comme on trouve de tout sur la blogosphére, le crédit d’un blog tiendra essentiellement & la réputation de son auteur et a la validation par ses pairs (regardez donc les commentaires, nombre de visiteurs, source externe...) http://blogsearch.google.fr Utilisez les opérateurs suivants : Google inposttitle: (titre du message) | sO | inblogtitle : (titre du blog) blogurl : (url) inpostauthor : (rédigés par) http://www.twingly.com/search dans la recherche avancée, 3 options intéressantes Return posts within the blog: affiche les pages qui font un lien vers un blog en particulier. Return posts that link to the page or site: affiche tous les messages qui font un lien vers une page d’un blog en particulier. Return posts from the site or domain: affiche tous les messages d’un blog en particulier. Sur Twingly et googleBlog, il est possible de souscrire un flux RSS avec les résultats de la recherche. 2.1.8 Moteurs de recherche d'images Un moteur de recherche d'images vous permet : + de trouver, par exemple, les images similaires. C’est une manire aussi de rechercher les sociétés qui commercialisent les mémes produits. + de rechercher des images sous licence (excellent moyen de contréler utilisation d’ une image dont vous détenez les droits d’auteurs). www.tineye.com option intéressante : obtenir la méme image de meilleure résolution que celle que vous aver soumise (Biggest Image first). Possibilité d’ajouter un plug in dans firefox. www.flickr.com/search Permet de retrouver des images sous licence Creative Commons (Paternité, pas Flick tr.v d'utilisation commerciale, pas de modification, partage selon les conditions initiates) f.wikipedia.org/wiki/Recherche s%C3%AomatDES Web Developer IFOSUP@ 11 eens ‘Google http:/Awww.picsearch.com Picsearch http:/Awww.veezzle.com Images gratuites http://www. flickr.com, Flickr et Pinterest sont http://pinterest.com, des services de gestion et de partage de photos en ligne. 2.1.9 Moteurs de recherche de vidéos Les moteurs de recherche de vidéos sont d’excellentes fagons de se tenir au courant de l’actualité d’une technologie, d'une société ou, plus généralement, de tout type de thématique. htt://Video.google.com (possibile prendre efx RSS) oogle videos! http:/Awww.youtube.com Partager vos vidéos. 2.1.10 Moteur de recherche de la musique et du son http:/Awww.deezer.com Deezer http://www. spotify.com/fr Spotify http://wwwaliveplasma.com Liveplasma Musiques et bangues de sons libres en ligne : http:///www.jamendo.com/fr Jamendo http://www.dogmazic.net Dogmazic http://Amww.easyzic.com Easyzic http://www.auboutdufil.com ‘Aubout du fil http://soungle.com Moteur de recherche des sons libres 2.1.11 Moteur de recherche visuels http://spezify.com La recherche sous forme d’image post-it. 2.1.12 Moteur de recherche cartographiques Les moteurs cartographiques présentent les résultats sous la forme d’une carte (ressemblant a une carte mentale) http:/Awww.cluuz.com http://www. flokoon.com (spécialisé dans la musique) 2.1.13 Moteur de recherche de présentation http://www.slideshare.net Slideshare permet d'importer et de partager des présentations PowerPoint et des documents. 2.2 Les systémes d'information 2.2.1 Lactualité s/f. jhoo.com YAHOO! ACTUALITES Centralise les sites d’actualités sur un sujet ou une thématique (En étant connecté avec votre compte yahoo, vous pouvez personnaliser cette page). http://news.google.fr Site d’informations en continu Google News (En étant connecté avec votre compte google, vous pouvez personnaliser cette page).DES Web Developer IFOSUPom 12 http://www.newsmap.jp propose une visualisation de 'actualité sous forme de ‘treemap (rectangle de différentes couleurs en fonction des catégories). http://news.google.fr/archivesearch, Les archives de Google Actualités (classement en fonction des dates des articles). Google News' Archives ttp://fr.wasalive.com = d'actualités: sites traditionnels d'informations, blogs, forum. 2.2.2 Les outils de Buzz Ce sont les internautes qui grace a un systéme de vote mettent les articles a la une. Ce sont d’excellents détecteurs de tendance. http://diga.com/search di Portail communautaire qui combine social bookmarking et gg syndication. ht ww. paperblog.fr/ « Comment trouver de bons articles sur les blogs ? ». http://tapemoi.com/ ‘TapeMoil est un site Web qui vous permet d'envoyer une nouvelle qui sera révisée par tous et sera promue, ou non, & la page principale. TapeMoi! ‘htto://Awww.revolution-buzz.fr Révolution Buzz http://www flickr.com/ohotos/ta Visualisez les tags les plus populaires sur Flickr http://www. flickr.com/explore/interestin Images Flickr jugées comme les plus intéressantes en fonction de différents critéres (origine du cliché, date, etc.) 2.2.3 Tendances du web http://www.google.com/trends 2.2.4 Nouvelles récentes ? Pour savoir si les nouvelles sont fraiches, le moteur de recherche google permet de cibler la « date ». Le site httos://who.is indique la date de création d’un nom de domaine. 2.3 Collecte d’informations 2.3.1 Outils de bookmarking http://www. diigo.comy Diigo vous permet de classer, d'indexer vos favoris et d'accéder & ceux des autres utilisateurs (il existe une barre d'outils que vous pouvez intégrer dans votre navigateur : http://www,diigo.com/tools) htto:/Avww.pearltrees.com/ —_Pearltrees vous permet aussi de stocker et organiser vos liens favoris en ligne et surligner des passages importants - Idéal quand vous vous déplacez, vos favoris, sont toujours & portée de main. httos://delicious.com/ Delicious (aussi connu sous son ancien nom, del.icio.us) est un site web social permettant de sauvegarder et de partager ses marque-pages Internet et de les classer selon le principe de folksonomie par des mots clés (ou tags) http://delicious.com/popular/ sujets les plus populaires du moment httos://frfoursquare.com/ —_Permet de trouver des lieux intéressant prés d’un endroit.DES Web Developer IFOSUP Sm 13 2.4 Archives du web http://www.archive.org affiche les dates auxquelles ila archivé la page, déniche les versions antérieures d'un site web. « Resurrect Page » est une extension pour Firefox, qui va chercher dans le cache de plusieurs moteurs de recherche une page qui aurait disparu (erreur 404) 3. PUSH 3.1 Flux RSS Le RSS «Really Simple Syndication est un format initié par Netscape afin de présenter les titres des articles en publication de maniére standardisée. Chacun peut relire ce fichier XML’ pour connaitre les dernidres nouvelles et les intégrer & une interface personnelle dans son propre site. Avec une mise & jour dynamique du contenu sans avoir & visiter manuellement le site distant. On parle de « syndication de données ». 3.1.1 Objectifs des flux RSS : Proposer a vos lecteurs de recevoir automatiquement dans leur logiciel de lecteur de mail, ou dans leur navigateur tn résumé de derniéres infos ajoutées. Un flux RSS, c'est comme une page web qui se mettrait & jour toute seule en arrigre-plan et vous signalerait lorsquil y a eu des changements. Le deuxidme intérét d'un flux RSS, c'est que d'autres sites peuvent le récupérer et afficher sur leur site les derniéres nouvelles du votre. Ils ne récuperent pas le contenu de votre site, ils affichent seulement votre flux. En cliquant sur les nouvelles, leurs lecteurs arriveront sur votre site. Lintérét, c'est que des sites web traitant du méme sujet peuvent ainsi mettre en commun des nouvelles fraiches, on dit quils se syndiquent. Les webmasters des autres sites ne viendront pas eux-mémes chercher les fichiers nécessaires chaque fois quiils seront mis & jour. Ce processus est géré de fagon autonome. Les avantages des flux sont donc + Gain de temps © Vue synthétique «Tris et filtres + Lecture transversale d'une méme thématique 3.1.2 Création d'un fichier RSS A titre informatif, voici la structure d'un fichier flux rss est écrit avec le langage XML, les balises en gras sont obligatoires. ‘ linkontto://www... lien verse site «bréve description du contenu général du site -clanguage>fré/language> apparait tout en bas a droite ‘encoding="ISO-8859-1" ?> chemin absolu de l'image http://.... (pas plus de 88px de haut} ? XML est un acronyme d’eXtensible Markup Language. Le langage XML est utilisé pour le stockage, la préparation et la livraison d'informations sur le net. C'est une solution idéale pour le traitement de information qui ne cesse d’évoluer en quantité et complexité. Ce langage permet de décrire virtuellement tout type d'information, depuis une simple recette de cuisine 8 un arbre généalogique. Le principal objectif d’XML est I'échange de données ou documents entre sites distants ou applications différentes. (On pourrait dire que c'est un « langage universel permettant d’interfacer des systémes ne parlant pas la méme langue ».DES Web Developer IFOSUP Sm 14 ‘Sat, 30 Apr 2005 21:19:19 +0100 Thorgal : BOVD «/title> -http://www.bdvd.net/ Set, 23 Spet 2005 00:00:00 +0100 La fusion du cinéma et de fa bande dessinée ‘title>... stink. flink> ... “description... «/description> Vous pouvez remplir a la main ce genre de fichier. II vous suffit ensuite de lenregistrer sous un format xml, par exemple, « fluxrss.xml » et de le transférer sur votre site. Donec, pour résumer, le bloc channel doit obligatoirement contenir Q_ une balise title, contenant le titre du flux RSS une balise link, contenant le lien (URL) principal du flux RSS une balise description, contenant la description du flux RSS au moins un bloc item Le bloc item doit obligatoirement contenir au moins une balise title (titre de l'article du flux) ou description (description de l'article du flux) Le bloc channel peut étre enrichi avec les informations suivantes: une balise language précisant la langue du flux RSS Q_ une balise copyright précisant une information de copyright Q une balise managingEditor précisant 'adresse email du responsable éditorial du flux RSS une balise webMaster précisant 'adresse email du responsable technique du flux RSS une balise pubDate précisant la date de publication, au format RFC 822. Autrement dit, au format: [Nom du jour en anglais sur 3 lettres ("Mon", "Tue", ..) Suivi d'une virgule,] jour sur 2 chiffres, espace, mois en anglais sur 3 lettres ("Jan", "Feb", etc.), espace, année sur 2 chiffres, espace, heures sur 2 chiffres, deux-points, minutes sur 2 chiffres[, deux-points, secondes sur 2 chiffres], espace, fuseau horaire ("UT", "GMT", "EST", etc,). Les données entre crochets sont optionnels. L'année peut également étre précisée avec 4 chiffres. une balise lastBuildDate précisant la date (au format RFC 822) de derniére modification du contenu. Q une ou plusieurs balise(s) category précisant 4 quelle catégorie appartient (i.e. a quel sujet se rapporte) le flux RSS. une balise generator précisant le nom du programme ayant généré le flux RSS. G_ une balise docs précisant 'adresse (URL) du document décrivant le format RSS utilisé Dune balise tt! précisant ia durée (en minutes) pendant laquelle le contenu du flux RSS peut étre conservé en cache avant qu'une mise a jour ne soit nécessaire un bloc image contenant Une balise url précisant I'adresse (URL) du fichier image, Une balise title précisant le titre de image, Une balise link précisant une URL associé a image (8 priori Une balise width précisant la largeur (en pixels) de l'image, Une balise height précisant la hauteur (en pixels) de l'image, Une balise description ajoutant une description a l'image. Les blocs item peuvent étre enrichis avec les informations suivantes: une balise author précisant I'adresse email de l'auteur de l'article, une ou plusieurs balises category précisant le sujet auquel se rapporte l'article, une balise comments précisant I'adresse (URL) d'un document contenant les commentaires associés & a 'URL du flux RSS), oooooo Varticle, une balise guid definissant un identifiant unique pour l'article,DES Web Developer IFOSUP@ 15 une balise pubDate précisant la date (au format RFC 822) de publication de l'article, une balise source précisant adresse (URL) du flux RSS d'oi vient l'article. 3.1.3 Générer un flux RSS / Web Scraping Le Web Scraping désigne les outils qui vous permettent de générer un flux RSS : http://feedity.com est un outil en ligne trés simple pour créer automatiquement un flux RSS pour n’importe quelle page Web. http://Awww.webrss.com/ permet de créer et de manipuler des flux RSS. http://feed43.com/ effectue la conversion de tout document HTML ou XML en flux RSS en isolant des extraits texte. Ce service n’est pas simple 8 manier mais il donne un contréle complet sur les flux générés. http://Awww.feedves.com/ génére des flux pour tout site Web ou page individuelle, on peut méme combiner plusieurs flux pour n’en faire plus qu'un. hte w.page?rss.com Diphur : Remarque : La plupart des CMS (Joomla, Worpress, etc.) vous proposent automatiquement de générer un flux 8 partir de votre contenu, Générer un flux de votre site préféré. 3.1.4 Plugin détecteurs de changements UpdateScanner et Check4Change dont des extensions pour firefox qui permet de détecter des changements dans une page 3.1.5 Afficher un flux RSS Une fois que vous connaissez une adresse RSS ou XML, que ce soit la votre ou celle d'un autre site, vous pouvez : soit en faire afficher le contenu sur un lecteur RSS, auquel cas vous télécharger un de ces lecteurs, le plus souvent gratuits (Par exemple : Newsgator, Pluck, Rss Explorer, Lektora, Et ensuite vous ajouterez 'URL de ce fil RSS dans ceux que ce lecteur surveillera pour vous. soit en faire afficher le contenu sur votre propre site, auquel cas vous devrez ajouter du code dans votre page selon la mise en page désirée, 3.1.5.1 Utilisation d'un lecteur RSS intégré au navigateur Vous pouvez simplement utiliser le lecteur de flux intégré a votre navigateur. Rendez-vous sur un site contenant un flux RSS (exemple www.lesoir.be) choisissez une « catégorie » de flux (exemple politiclub) et dans la liste déroulante «S'abonner & ce flux en utilisant » sélectionnez l'option « Marque-pages dynamique ». Cliquez sur s'abonner «maintenant » puis « ok ». (8) mccrot Outcok BB crs aneappcation II faut confirmer l'emplacement : « barre personnelle ». Cette barre doit étre visible, autrement faites-la apparaitre par le menu « affichage », puis « barres d'outils ».DES Web Developer IFOSUPCm 16 Vous aurez dés & présent la possibilité de voir dans votre barre personnelle, les « titres » des nouvelles de la rubrique a laquelle vous vous étes abonné. Fichier Edition Affichage Historique Marque-pages Outils de développement 2 | coogie © > [A titox//om-googietbe 2a B Les plusvistes ) Debuer avec Fiefor) Pats worn fon] (© Désactiverr dh Cookies 7 CSS" LY | Ouvtr« Politiclub - www lesoir.be » @ Le CDsamp¥mffat pas dette de ste Leterme La Belgique va créer un Insttut des Orit de homme Un gouvernement avec la N-VA sans les socialists: Phypet. Elections 2014 Wes Leterme passe zon tour Les pois vont mser sur Brulles ‘Non, lefédkralisme belge nest pas banca Lestétes de ites presseties pour 2014 Cours de phil Richard Mire le coit mangué Yves Leterme, le retour en 20147 ‘laquo:Le COH » un projet, une vision, Les autres serra, BH: renégociation en ue la rentiée LaN-VA exige un nouvel accord ur HY Un nouveau bras de fer annonce autour de BHY a a a a a Hausse des acces Le gouvernement n'obtiendrs jamais ‘Theo Francken (N-VA) « La Flandre seraindépendante » Le11H02:eLe Speedy Pass d'Anvers srt aussi flateréect.. Le speedy pes, version N-VA: cap sur 2014 Un espeedy pass» pourles trangers &Anvers: «On va vers Un code de déontologie pour le us Deleuze «Le gouvernement fit un cadeau injustifie& Elect. Le flux est maintenant dispose dans la barre personnelle du navigateur, qui sert a mettre en valeur les favoris et les flux RSS/marque-pages dynamiques. @o8n0e8o En passant la souris sur le flux (voir Fillustration) des liens vers les sommaires des différents numéros apparaissent. Liicdne du lien est orange sila page n’a pas été consultée, grise si elle a été consultée. Ce premier outil est minimal. Ainsi, qu’ils aient été consultés ou non, les 5 flux présents sur Illustration apparaitront de la méme fagon. D’autre part, les flux, au-dela de dix deviendront difficilement visibles sur la largeur de la barre. 3.1.4.1.1 Extension pour Firefox RSS Icon Grace 8 une extension RSS Icon, une alerte visuelle apparait si un flux est présent sur la page (Organisation des Nations Unies BB won.unesco.org/ne r/unesco/ hhttps://addons. mozilla rrefox/addon/rss-icony Peu importe l'agrégateur RSS que vous adopterez, lorsque vous serez sur un site, cette exten: remarquer facilement la présence d'un flux. Sage Sage est un lecteur performant et simple des flux RSS sous Firefox. n vous permettra deDES Web Developer IFOSUPom 17 hi sddons.mouil Simple d'utilisation, Sage est un agrégateur RSS bien plus performant que les marque-pages dynamiques de Firefox. lest possible d’y classer les flux, de les lire dans un dispositif particulier, de les exporter vers un autre outil, ou pour sauvegarde. Cest un trés bon outil pour qui surveille moins d’une quarantaine de flux RSS (au-dela, il faudra passer & des solutions plus robustes) Sage pour Firefox apparatt soit par le menu « outils » puis Sage, soit grace une icdne en forme de feuille située & gauche de la barre d’adresse Sage se présente sous la forme d’un panneau latéral. Aprés installation, des flux sont déja présents. 1 lcénes pour : mettre & jour les flux, lese capturer ». 2 La liste des flux présents dans Sage. 3 Le navigateur permet d’accéder a l'ensemble des informations du flux (textes et images) avec une mise en. forme facilitant la lecture. 4 Le quatrime panneau permet d’accéder aux informations unes par unes, c'est-a-dire page web par 3) | Page web, mais dans leur mise en forme. Pour supprimer un flux,, clic droit, puis choisir option supprimer. En cliquant sur 'icéne en forme de double-fleche, les flux mis 8 jour depuis votre derniére visite (du point de vue de outil, ceux qui contiennent des informations non accédées en lecture) apparaissent alors en gras. Crest trés utile car, parmi vos flux qui peuvent &tre nombreux, vous saurez diriger votre lecture vers les seules nouveautés. Vous pouvez aussi classer les flux dans des dossiers, pratique si vous en avez beaucoup. Pour cela, clic droit sur la liste des flux, choisir option nouveau dossier. Les flux peuvent étre importés ou exportés, par le menu option, puis import export. Un fichier dit OPML (c'est le nom du standard) est alors produit. Cela peut servir pour faire passer les flux vers un autre agrégateur, ou pour les sauvegarder. Sage est un trés bon outil, mais vous paraitra limité si vous suivez plus de quarante flux (ce qui est déja beaucoup). 3.1.4 Les agrégateurs 3.1.4.1 les agrégateurs en ligne Feedly http://cloud feedly.com Pour démarrer, sélectionnez les thémes et sites que vous souhaitez « observer ». To get started, find 6 sites you love to read and add them to your feedly. You can search by ttle, ur or #topic. Par exemple, ajouter les sorties cinéma de la semaine du site lesoir.beiy BES Web Developer IFOSUPOm 18 os Cinema - Wwwlesoirbe Bi caterfgatnine « Feedly n'a cessé d’évoluer pour devenir le remplacont numéro 1 de Google Reader. Passé maintenant sous sa propre techno, Feedly dispose d'applications mobiles, en plus de sa version web. Assez simple 6 utiliser, notamment pour importer vos données, Feedly propose des fonctions de partage, de personalisation et de recommandation. Si pour moi, Feedly n’est pas encore 100% optimisé comme I’était Google Reader, le nombre d’utilisateurs croissant devrait faire rapidement évoluer le service et effacé les erreurs de jeunesse. Attention, Vinterface n’est pas intégralement en francais et une version payante devrait prochainement arriver. »* Netvibes « Pionnier dans le domaine, Netvibes a toujours été le principal concurrent de Google Reader. Cette start-up francaise, rachetée par Dassault System propose un lecteur de flux aussi performant que Google Reader, avec de nombreuses fonctionnalités, personnalisation, partage, organisation... Mais Netvibes a aussi un autre atout, c'est sa partie « Dashboard » Hie | sur laquelle vous pourrez avoir de Bove | nombreux widgets et organiser vos flux ae différemment (thématiques, envies, ae | intérét.... Depuis toujours Netvibes a yap dee | développé sa propre technologie et ne Pesan soa dépendait absolument pas de I'API Google Reader. Point négatif la version mobile est trés moyenne alors qu’aucune application mobile n’est disponible. » Ajouter des widgets Netvibes vous propose alors de choisir parmi une banque de widgets. Un widget (contraction des mots window, fenétre, et gadget) est ici un élé ment d’interface interactif, une sorte de mini-application web qui permet diafficher et d'utiliser un service dynamique sur un autre site. Pour éviter de vous perdre dans la multitude de widgets disponibles, piochez dans un http:/Auww journaldugeek.com/2013/07/01/googhDES Web Developer IFOSUP™ premier temps dans la rubrique Widgets essentiels. Vous pourrez ajouter par exemple: + les notes (ce widget textuel pourra servir, par exemple, & présenter le contenu de votre page) ; + Web Page, pour ajouter une page web externe (la page du site externe Saffichera sur votre page Netvibes). Ficune20-1 Widgets essentiels sur Netvibes Quand vous repérez un widget qui vous plait dans univers Netvibes d'un autre utilisateur, n’hésitez surtout pas a le récupérer! Pour cela, cliquez sur Partager, puis Copier vers votre page. Vous avez le choix de le copier soit vers votre page publique, soit vers votre page privée. Si le widget se place sur la mauvaise page, il suffit de le glisser-déposer au bon endroit. Pour visualiser le widget sur votre page, appuyez sur la touche FS de votre dla- vier, afin de rafraichir Fécran. Digg Reader digg (coder oo Cie mewiesor be = ste cent, ante ison cla a pmanqeer eames eee sCongin i Flan rat ge des sxe tina “he Looe Ranger: noecnAD de serine docs 19 « Nouveau venu, Digg Reader a fait une entrée remarquée avec une interface épurée et ergonomique. Bien pensé, Digg Reader souffre encore de quelques bugs liés 6 sa jeunesse, notamment au niveau du rafraichissement des flux, et d'un manque de certaines fonctionnalités essentielles, mais on espére que cela sera rapidement réglé. Comme les autres, import de vos données se fait sans souci. Digg Reader dispose également d'une application iOS mais pas encore Android. » Feed Rinse http://www. feedrinse.com 3.1.4.2 les agrégateurs classiques RSSOwl - www.rssowLorg RSSOw! est un lecteur de flux gratuit.DES Web Developer IFOSUPCm Vous pouvez I'utilisez en lui donnant directement 'adresse d’un flux : oo Flax iter un nouen ha pour ees nour (9 Crer un fren fourissant lest web olen dee: [Doster etre du fercomme nom (© Crer un cen pant un motcé ou une pave chant vote cee dine: © Tp User azar cimpenation pour wourer pls eam, Unt nomen Cinna - ibe 2c le mime en ested. (© Coen fie foumiet ess we olen et: (poser fons Corl CnSCOSABna/demnaon pnp Back) 3 Ute uf comme nam © Crerunftacenpantun mt-c ou une phase drat vote cee dirt ‘oni cnt © Yo ilies timpstacnpourtrourer pr de (stash (Game) (Teneo) amt) Eten précisant dans quel moteur de recherche il doit rechercher l'informationDES Web Developer 21 gt esice oft j— (Glertes © fh mraerin © 08 nerren Dés que RSSOw! trouvera une nouvelle information traitant des mots clés demandés, il affichera le résultat sous forme de flux : ‘Vous pouvez & tout moment définir les « propristés » de votre flux (clic droit > propriétés) (délai de mise & jour, nombre d’article & garder, afficher les, articles comme « lus » aprés X secondes, etc. ) mph Det es Mes Ue weeratigumentoae ke 52 Mis =) EMail fac pr ertiquenent a denarge lamer drag Co Gee) RSS Bandit est une autre application open source pour lire vos flux RSS http://rssbandit.org/DES Web Developer IFOSUPOm 22 3.1.5 Yahoo! Pipes Un « pipe » fonctionne comme un tuyau par lequel nous pouvons faire passer différents flux. 1) faites glisser le module « fetch feed » et ajouter les URL suivantes : (en cliquant sur « + ») http://rss.allocine.fr/ac/cine main http://rss.feedsportal.com/c/864/f/11102/index.rss http://www.premiere.fr/var/premiere/storage/rss/sorties semaine films.xm! Cépipes janie Layout Expand Collapse Al Reliez ensuite le point visible sous la fenétre «Fetch feed » au module « Pive Output » : © nacesinaon pins oie © atone Wactnscetesemaine > User inputs > operators > ur > string > bate > Location 4 > number Favorites > ty pipes > Deprecated Dans la fenétre du bas, cliquez sur « Refresh » pour voir lapercu des flux (debugger): Time taken 0744s Rottysh } Percy Jackson : bg Mer des Monstres ‘4a Oversimplification of Her Beauty ‘45 more... Enregistrez votre « pipe » (SAVE) Cliquez sur « properties » puis « run pipe » afin d’obtenir le résultat escompté :DES Web Developer IFOSUPOm 23 [EBBIpPES Heme uy roe brow Deciss Oocunerson seaene B ene cinoma Pomewe ce résultat, etc. Ou encore de filtrer ces données : 1) cliquez sur « Edit source » pour revenir a la construction de votre « pipe » 2) Ajoutez le module « filter » (sous la rubrique « operator ») 2Bipes pena Layout pena _Cotapse At > User imparts ‘ua. © inp arrest © hpi atoonewaccnesete © rtp mantesorsetecacured lock = famsmatmaen a» ote towing Oruies ° enti Tram Mewoana a= tne Omni Beene site (sort, de définir un intervalle de date, etc.) Remarque : il est aussi possible de trier les articles ‘Vous avez la possibilité de I'intégrer 8 une page HTML, a votre page personnelle Yahoo |, de créer un flux & partir deDES Web Developer IFOSUP@ 24 3.1.6 PHP : Affichage d'un document XML avec un SimpleXML ‘Avec 'arrivée de PHP 5, le module SimpleXML permet de manipuler simplement des fichiers XML. Son utilisation est adaptée pour relire ou modifier facilement des fichiers XML simples. (Pour une utilisation de fichiers plus complexes, ‘nous utiliserons la technologie DOM voir point suivant). Remarque : Pour pouvoir utiliser les caractéres spéciaux ou accentués, vous devez utiliser la fonction utf8_encode() et utf8_decode() Ouverture d’un fichier XML Sracine=simplexml_load_file(’monfichier.xml) ; Afficher ou exporter une partie du document XML Sracine=simplexml_load_file(’monfichier.xm1’) ; Sracine->asXMIL{‘copie.xm\') ou echo $racine->asXMIL() Ici, tout le document sera renvoyé, si vous "employez sur un nceud du document, seul le sous-arbre concerné sera renvoyé. Accéder 8 un noeud par son nom Sracine=simplexml_load_file(’monfichier.xm\’) ; Slivre = $racine->livre; Sauteur=Slivre->auteur; echo Sauteur ; foreach() Sracine=simplexml_load_file(‘monfichier.xm’) ; Slivre racine->LIVRE; Spremier_livre=Slivre->TITRE[O] ; foreach\Glivre->TITRE as Stitre){ echo utf8_decode(Stitre), ‘
' ; } Lister les noouds fils Sracine=simplexml_load_file(’monfichier.xmt’) ; Slivre=Sracine->LIVRE; Sliste=Slivre->children(); echo Sliste[0] Afficher le contenu textuel d’un nceud Sracine=simplexml_load_file(’monfichier. xml’); Slivre=Sracine->LIVRE; echo Slivre->TITRE; Remarque : PHP doit décider sil traite la variable comme un objet (noeud XML) ou comme une chaine de caractéres. Celui-ci ne saura pas toujours faire la distinction (sur d'autres fonctions par exemple), vous pouvez alors forcer utilisation du contenu textuel Sracine=simplexml_load_file(’monfichier.xmt) ; Slivre=Sracine->LIVRE; echo htmlentities((string) Slivre->TITRE); Accéder 8 un attribut Sracine=simplexmi_load_file(’monfichier.xmt’); Slivre=Sracine->LIVRE; echo Slivre->AUTEUR['Naissance’];iy BES Web Developer IFOSUP™ 25 Remarque : Vous trouverez des méthodes (simpleXML) utiles aux adresses suivantes http://developpeur journaldunet,com/tutoriel/php/040921-php-seguy-simplexml-1a.shtml http://be.php.net/simolexml Aaide du flux http://rss.feedsportal.com/c/864/f/11099/index.rss (vie du net) © Afficher uniquement le titre du flux en simplexm! * Afficher les titres et contenu des articles en simplexml 3.1.7 PHP : Affichage d'un document XML avec un les objets DOM Le modéle de programmation DOM (Document Object Model) permet, avec l'utilisation de scripts, de gérer la mise en forme d'un document XML 8 partir d'une page HTML. Il permet Iaffichage de tous types de documents XML, méme ceux qui ne sont pas structurés de facon symétrique. Il est composé d'objets, de propriétés et de méthodes permettant la gestion des différents composants d'un document XML. Liste des principaux objets DOM pour un document XML Objet (type de noeud) Description Document Représente le document XML dans sa totalité. Element Représente un élément de l'arborescence. Attribute Représente un attribut. Text Représente le contenu texte d'un élément ou d'un attribut. Méthode Objet Des ‘documentElement Document Contient le nceud racine du document XML. url Document Renvoie 'URL du document XML. readyState Document Renvoie I'état du document XML lors du chargement ou du traitement. Etats possibles : 0=> UNITIALIZED , 1 => LOADING , 2 => LOADED , 3 => INTERACTIVE, 4=> COMPLETED length NodeList - Attribute-Text _Renvole le nombre de nceuds d'une collection ou le nombre de caractéres dans le texte d'un neeud. attributes. Propriété commune Contient la collection de tous les noeuds attributs d'un nceud parent. Le nom de cette collection est : NamedNodeMap attributes(numindice) ou attributes.item{numindice) Propriété commune Contient le noeud attribut dont l'indice a été spécifié en argument (a partir de 0). childNodes(numindice) ou childNodes.item(numindice) _| Propriété commune Contient la collection de tous les noeuds enfants (hors attributs) d'un nceud parent dont I'indice a été spécifié en argument (a partir de 0). Le nom de cette collection est : NodeList. firstChild Propriété commune Contient le premier nceud enfant (hors attributs) d'un noeud parent. lastChild Propriété commune Contient le dernier nceud enfant (hors attributs) d'un nceud parent. ‘commune Contient le noeud suivant d'un nceud de méme niveau. nodeName Propriété commune Renvole le nom du noeud courant, c'est a dire Propriy BES Web Developer IFOSUPEm Te nom de élément XML. nodeTypeString Propriété commune Renvoie le type du nceud courant. (document, element, attribute,...) nodevalue Propriété commune Retourne la valeur du nceud. Essentiellement our des nosuds de type Attribute ou Text. ParentNode Propriété commune Contient le noeud parent du nceud courant (hors attributs). previousSibling Propriété commune Contient le noeud précédent d'un naeud de méme niveau. text Propriété commune Renvoie le contenu texte d'un noeud et de tous ses descendants. xml Renvoie le contenu XML d'un nceud et de tous ses descendants. nextNode() Nodelist-NamedNodeMap _Contient le noeud suivant de la collection. nodeFromiD("id") Document Contient le nceud dont I'attribut de type ID posséde la valeur spécifiée en argument. getAttribute("attr") Element Renvoie la valeur de l'attribut spécifié en argument de I'élément courant. getAttributeNode("attr") Element Contient le ncoud attribut dont le nom est spécifié en argument. getElementsByTagName("elmt") |/Document “Element Contient le noeud attribut dont le nom est spécifié en argument. NamedNodemap Contient le neud attribut dont le nom a été spécifié en argument pour la collection NamedNodeMap courante. Remarque : Vous trouverez des méthodes (DHTML] utiles aux adresses suivantes| http://www laltruiste.com/document.php?urlshttp://www.laltruiste.com/coursdomxm|/sommaire.html http://www.w3schools.com/dom, « Llextension DOM de PHP 5 permet de manipuler des documents XML avec une collection d'objets et leurs méthodes et propriétés associées. L'extension DOM de la version 5 de PHP respecte assez fidélement les spécifications XML (Document Object Model Level 2) du W3C. Les interfaces fondamentales et étendues proposées par le W3C sont toutes présentes dans le modele objet de I'extension DOM. » getNameditem("attr” Gestion des erreurs try { // code DOM avec erreurs potentiells, } catch(DomException $e){ /itraitement de Verreur } Codages caracteres : utf8_encode() utf8_decode() Création (instanciation) d'un objet OM Sdocument = new DomDocument; Chargement d'un fichier XML $document->load('monfichier xmI'); Import depuis SimplexML ‘Smonfichier = simplexml_load_file(’monfichier xml); * http://www [altruiste,com/document,php?uri=http://www laltruiste.com/coursphp/domxm| htmlDES Web Developer IFOSUP@ 27 ‘Smonfichierdom = dom_import_simplexmi(Smonfichier); Accéder a élément racine Sracine = Sdocument->documentElement; Type de noeuds Sdocument = new DomDocument; $document->load{‘monfichier.xml'); Selement = Sdocument->documentElement; echo Selement->nodeType; nodeType renvoie un chiffre de type « entier » = Valeur | Signification Constante a élément XML_ELEMENT_NODE 2 attribut XML_ATTRIBUT_NODE 3 noeud de texte XML_TEXT_NODE 4 section CDATA XML_CDATA_SECTION_NODE 5 référence d'entité externe XML_ENTITY_REF_NODE 6 entité XML_ENTITY_NODE i instruction de traitement XML_PL_NODE 8 ‘commentaire XML_COMMENT_NODE 9 document XML_DOCUMENT_NODE Nom d'un noeud Sdocument = new DomDocument; $document->load(’monfichier.xm!’); Selement = $document->documentélement; echo $element-> nodeName; Contenu d'un noeud Sdocument = new DomDocument; $document->load('monfichier.xmt’); Selement = Sdocument->documentElement; echo $element-> nodeValue; Navigation dans arbre : Snodelist; // liste de noeud foreach( Snodelist as $node) print_r(Snode) Premier noeud de la liste : Snodelist->item(0) Nombre de noeuds : Snode->childNodes->length Liste de noeuds fils Sdocument = new DomDocument; $document->load(’monfichier.xmt’); Selement = $document->documentélement; foreach(Selement->childNodes as $node) { if ($node->nodeType == XML_ELEMENT_NODE)DES Web Developer IFOSUP@ 28 { echo $node->tagName; echo utf8_decode(Snode->firstChild->nodeValue); } } Premier fils Selement = Sdocument->documentElement; Spremier = $element->firstChild; Dernier fils Selement = Sdocument->documentélement; Noeud parents Sparent; Sfils = Sparent->firstChild; Sparent = Sfils->parentNode; Noeud frere : Snode->nextsibling; Snode->previoussibling: getElementByTagName: $document = new DomDocument(); Sdocument->load('monfichier.xm!'); Sauteur = Sdocument->getElementsByTagName(’AUTEUR’); Lecture d'un attribut Snode->getAttribute('naissance’); Modification d'un attribut : Snode->setAttributel naissance’,’14/12/1970'); Effacer un attribut Snode->removeAttribute('naissance'); Le moteur DOM, permet de modifier en profondeur le document et de créer de nouveaux nceuds. Création ’un élément : Sdocument = new DomDocument; Snode = Sdocument -> createElement(’LIVRE’) ; Création de noeuds de texte : Sdocument = new DomDocument; Slivre = $document -> createTextNode("Thorgal et Aaricia') ; Insertion d'un noeud fils (le fils est ajouté en dernier de la liste si d’autre fils existent deja) : Snode->appendChild{'Stexte’); Effacer un noeud Slivre->removeChild(Slivre->lastChild); Création d'un document XML complet :DES Web Developer IFOSUP™ Pour créer le document suivant [ i La Magicienne trahie 29 Jean Van Hamme Le Lombard ' Slivre = $document ->createElement(‘LIVRE’) ; Sdocument->appendchild(Slivre) ; /fon ajoute un Stitre = document ->createElement("TITRE’) ; Slivre->appendChild( titre) ; //et son contenu : $txt=utf8_encode('"La Magicienne trahie”) ; Stxt =Sdocument->createTextNode(Stxt) ; Stitre->appendchild(stxt) ; //on ajoute un Sauteur = Sdocument ->createElement\’AUTEUR’) ; Slivre->appendchild(Sauteur) ; Het son contenu : $txt-utf8_encode(‘Jean Van Hamme”); Sixt =Sdocument->createTextNode($txt) ; Sauteur->appendchild(Stxt); //on ajoute un Sediteur = $document ->createElement(‘EDITEUR’) ; Slivre->appendChild($editeur) ; //et son contenu Stxt=utf8_encode(‘Le Lombard”); Stxt =Sdocument->createTextNode(Stxt) ; Sediteur ->appendChild($txt) ; // affichage du résultat echo $document->savel fichier.xmt’); 11) Objet DOM - PHP : avec le flux htto://rss feedsportal 11098/indexrss (vie du net) * Créez un fichier « fluxdom.php » qui affiche uniquement les « titres » (8 l'aide de la méthode getélementsByTagName) © _Créez un fichier « fluxdom2.php » qui affiche le titre et la description des articles. 2 Alertes Surveillez le Web et soyer alerté de I'apparition de nouveau contenu intéressant. Par exemple, le suivi de I'évolution d'un sujet d'actualité, la réception d'informations sur les activités récentes d'un concurrent ou d'un secteur, le suivi de lactualité d'une personnalité ou encore le suivi des résultats d'une équipe sportive, etc, http:/Awww.google.fr/alerts Avec les alertes Google, vous étes averti par e-mail (ou via un flux) lorsque de nouveaux résultats correspondant aux termes que vous recherchez sontDES Web Developer IFOSUPOm 30 publiés (Web, actualités, etc.) . htto://www.video-alerts.com Alertes vidéo. http://fr.mention.net Créez des alertes sur votre nom, votre marque, votre entreprise, vos concurrents et soyez informé de toutes les mentions sur le web et les réseaux sociaux. hittp://www.twilert.com Génére une alerte par mail dés qu’un message sur Twitter contient le mot-clé de votre choix est posté. http://fr.alerti.com Alerti http://alert.vahoo.com Yahoo !Alertes (info : htto://www.wikihow.com/Set-Up-Yahoo-Alerts) http://www.talkwalker.com/fr/alerts Talkwalker Alertes « Talkwalker Alertes - a meilleure alternative & Google Alertes, simple et gratuite » 3.2.1 Génération d'alerte Outre les outils qui permettent de générer automatiquement vos flux RSS, il existe des outils qui propose une alerte mail 8 partir de pages web ou de sites tel que : ‘© WatchThatPage (www.watchthatpage.com) permet de surveiller les changements intervenus sur une page. * ChangeDetect (http://ww.changedetect.com) envoie une alerte Email ds qu’il trouve un changement sur une page (gratuit pendant 1 mois !) © htto://www.changedetection.com Alerte Email automatique. © http://www.followthatpage.com © http://www.infominder.com 4. Autres outils/sites utiles la veille http://Awww.abondance.com Vactualité et information sur le référencement (SEO) et les moteurs de recherche, https://fr.surveymonkey.com, Survey monkey (création de sondage). http://fr.jimdo.com/ Jimdo (création d'un blog - tres facile & prendre en main). hhttp://mailchimp.com, Mailchimp (création de newsletter) y trond, Créer des pdf. http://Awww.dopdf.com htto:/Awww.pdfunlock.com Lave les protections des documents pdf. 5. E-Réputation « Ilest important d’intervenir rapidement et de maniére appropriée au risque encouru. Donner des explications nécessaires de maniére simple, pragmatique et sans agressivité. Le recours juridique est une option mais elle doit, étre envisagée en dernier lieu, car impact en terme d’image pourrait s‘avérer encore plus négatif. Dans la réponse entreprise devra toujours rester directe et transparente : reconnaitre ne pas avoir ou avoir commis une erreur, plutot que de nier ou ne pas répondre. » http://www.reputation.axiopole.info/wp-content/uploads/2008/11/AECOM dos: sr reputation numerique.pdf 5.1 Personal Branding « Le marketing personnel exprime le fait de créer et de gérer sa propre marque, rattachée a un individu et non a un produit. Cette marque personnelle est I'addition d'une réputation et d'une identité professionnelle. » http://fr.wikipedia.org/wiki/Marque_personnelle Alex Tiirk : « Concernant Facebook, je suis extrémement inquiet, affolé méme » par Christophe Alix «Alex Turk, le président de la CNIL, la Commission nationale de Finformatique et des libertés réagit & la nouvelle affaire Facebook qui entendait s‘arroger un droit de propriété a vie des données des internautes, y compris des années apres avoir quitté le réseau social. Ce sénateur du Nord (divers droite), mattre de conférence de droit public, dit son pessimisme devant le peu de considération des acteurs de I'internet pour la protection et lintégrité des données personnelles.BES web Developer IFOSUP Sm 31 Quelle est votre réaction lorsque vous entendez qu’un réseau social fréquenté quotidiennement ou presque par 175 millions d’utilisateurs déclare que les données publiées seront désormais sa propriété & vie ? Je suis extrémement inquiet, affolé méme. 1! faut que les jeunes qui utilisent ces réseaux sociaux comme Facebook comprennent qu'il n’y a aujourd'hui aucune garantie de maitrise des informations qu’ils mettent @ disposition sur ces sites, aucune protection juridique d’aucune sorte. Licence ou pas, ma premiere réaction est de recommander & tout le monde la plus grande attention. Que peut-on faire de plus ? Si Fon va plus loin, ce qui est notre réle 4 la CNIL, il faut s‘attaquer & ces questions sous angle juridique. Et le probleme, Cest qu'il y a un fossé abyssal aujourd'hui entre la conception américaine des données personnelles qui sont pour eux des données purement commerciales et la conception européenne oui i! s‘agit dattributs de nos personnalités. Chez eux, on fait du « profiling », on ne fixe pas de durée ou de limite lexploitation de ces données ou @ leur propriété. On ne peut pas les amener & changer d’avis ? Les sociétés de droit américain qui dominent internet ne se sentent pas tenues par les réglementations européennes et la moitié de mon activité aujourd'hui consiste justement & solutionner ce probleme en parvenant é un « modus Vivendi » juridique avec les Américains. Avec le groupe « Article 29 » qui regroupe les 27 CII de I'Union européenne, on essaie actuellement de se mettre d'accord sur une recommandation qui pourrait sortir au printemps. Que dit-elle ? Elle fixera des regles en indiquant & tous ces réseaux sociaux ce qui nous parait raisonnable. Ce ne sera pas une oi contraignante mais pas non plus un simple cadre informatif. Ce sera la norme européenne en la matiere et on ne peut qu’espérer que ces acteurs économiques l'appliqueront avec fair-play afin notamment, de ne pas nuire & leur réputation. En attendant, prudence. Quels sont les domaines ois absence de contréle et de protection des données personnelles ont les conséquences les plus dommageables ? Depuis quelques semaines, nous sommes submergés par les affaires liées aux problémes de recrutement. Les recruteurs, et comment pourrait-on leur en vouloir d part sur un plan strictement éthique, utilisent de maniére systématique les moteurs de recherche et les réseaux sociaux pour pister leurs candidats & un emploi. Le CV devient quelque chose de completement accessoire. Or, ce que ’on a fait 6 20 ans ne doit pas vous géner dix ans plus tard lorsque vous cherchez un boulot, alors méme que vous avez changé, évolué. C'est ce que J‘appelle Ja menace de Ia dilatation du présent numérique, une véritable bombe a retardement dont on commence @ peine prendre conscience. A la CNIL ot nous recrutons beaucoup en ce moment, nous avons pris un engagement : ne « facebooker » personne. Méme si cest parfois trés tentant ! Chacun en somme doit avoir le droit & un oubli numérique.. Mais c’est la loi en Europe, pas un concept philosophique ! La maitrise des informations publiées dépend de vous ou de vos amis mais pas leur durée de conservation qui dépend des sites. est pourquoi nous avons des discussions avec les moteurs de recherche pour les amener @ réduire cette durée. On pense que six mois est quelque chose de bien pour Google par exemple, alors qu’eux restent sur 9 mois. L'important, est que l'on discute et c’est ce é quoi il faut orvenir avec ces nouveaux réseaux sociaux afin de parvenir la aussi & des durées de conservation des données raisonnables. Ce phénomene n’est-il pas accentué par la gratuité quasi-généralisée de tous ces sites qui n’ont d’autre moyen, pour rentabiliser leurs activités, que d’exploiter de maniére systématique et parfois abusive ces données ersonnelles ? Cest trés révélateur, on parle toujours d'tilisateurs sur ces sites, ou de membres, jamais de clients. Et é la différence du droit commercial classique, les choses ne sont pas claires du tout alors que l'on est dans un échange quasi- contractuel. Vous me donnez vas données personnelles, vous acceptez que je puisse les commercialiser et en échange vous ne me devez rien pour accéder au service ! Les acteurs de lInternet jouent aujourd'hui sur cette ambiguité et est malsain. Il faut d’urgence inventer les nouveaux concepts juridiques qui permettront de clarifier cette situation, de définir un droit de Vinternaute. Mais je le répéte: ce que je vois aujourd'hui ne me pousse pas du tout é Yoptimisme. » 5.1.1 Moteurs de recherche de personne Le premier réflexe sera de chercher une personne via un moteur de recherche comme google: La recherche efficace consiste a utiliser correctement 'opérateur booléen « OR », par exempleDES Web Developer IFOSUP Sm 32 pipl batou/webmi.com/ WebMii . eee PeekYou http://www.youseemil.fr YouSeeMil http://www.200minfo.com/search Zoominfo htto://Awww,zabasearch.com/ « People Search. Honestly Free! Search by ‘Name. Find People in the USA. Free People Finder » ‘htto://www.lullar.com Recherche une personne a partir de son adresse Email http://www.1307.be Recherche par numéro de téléphone « Social Friend Finder (SFF) » -> extension firefox pour rechercher des informations sur une personne Googler vos patronymes, entourage, adresse et numéro de téléphone, Email, pseudonyme sur Internet avoir de voir quels sont les informations qui circulent sur vous. Ce que vos amis révélent de vous.. Un chercheur® a émis I'hypothése qu’on peut déterminer lidentité d’un individu en fonction du principe d'Homophilie (qui se resemble, s'assemble...) : Méme si on ne dévoile aucune information sur les réseaux sociaux, analyse de son réseau de contacts pourra donner des indices sur la personne (age, religion, etc... http://atelier.nety/fr/articles/lidentite-deinterna ial -couvre-relations 5.1.2 Outils pour « faire » parler de vous Blog, vidéo, site dédié, réseaux sociaux, indiquer son commerce sur google Maps, donner des avis sur vos services... 5.13 Recruter sur Internet Selon une collaboratrice d’une agence de communication de Geneve : «Nous hésitions entre deux candidats de qualité équivalente. Par curiosité, je suis allée voir leurs profils sur Facebook. Le premier était privé, je n'ai donc pas pu le consulter. Le second était public. Le candidat avait plus de 300 amis, dont une vingtaine de Journalistes spécialisés dans les domaines qui nous intéressent. Difficile de dire dans quelle mesure cela a influencé la décision finale, mais c'est lui qui a été choisi.» Tribune de Genéve, 5 mai 2008 5.1.3.1 Trouver un emploi avec les réseaux sociaux tes réseaux sociaux modifient les entretiens de recrutement © Dominique Santrot /C1Dd tes réseaux sociaux, Facebook, Twitter, Video ou Linkedin, commencent & changer le regard des recruteurs ors des entretiens. Avant de vous rencontrer, en visitant vos comptes et publications en ligne, ils ont déjd une petite idée de vos compétences et de votre personnalit. Des entretiens plus directs et plus personnels en perspective. "Meme si la majorité des recrutements ne se font pas sur les réseaux sociaux, ces nouveaux outils changent les régles du jeu entre les entreprises et les candidats”, vance Franck La Pinto, responsable marketing web et RH 2.0 du Groupe Société Générale. En consultont vos profils Facebook, Twitter, Viadéo ou Linkedin, en vérfiant ce que Google remonte de vous, en lisant vos commentaires et tweets sur actualité d'un secteur, les recruteurs peuvent vérifier votre intérét et votre pertinence dons un domaine. Les échanges lors de entretien d'embauche sn trouvent alors plus directs et intéressants. Aller plus vite I'essentiel lors de Ventretien "avant de rencontrer un candidat en entretien, nous voyons rapidement ses profi et publications sur les réseaux sociaux, ce qui donne souvent 'occasion de rebondir sur une initiative ou un projet que le candidat a mené a bien," explique Julien Cotte, directeur du recrutement et de la moblité de Logica France. * David Gayo-Avello, Université d’Oviedo, EspagneDES Web Developer IFOSUPCm 33 Votre présentation sur les réseaux sociaux compte done beaucoup et permet aux recruteurs daller plus rapidement é essentiel ou d'aller plus Join sur certains aspects lors de Ventretien, \Nhésitez pas & avoir un dialogue sur les pages Facebook ou Viadeo de I'entreprise, cela vous préparera aux entretiens qui suivront. "Si vous avez postulé dans lentreprise grdce 0 ce que vous over wu d'elle ou aux échanges que vous avez avec elle sur les réseaux sociaux, signalez-le pendant I'entretien. Cela montrera une capacité d'innovation dans votre maniére de communiquer et de postuler", ajoute Julien Cotte. Concrétiser la relation commencée sur les réseaux sociaux "Ye pense que d'ici peu, lentretien deviendra la concrétisation de la relation eréée sur les réseaux socioux, analyse Julien Cotte, Méme si pour le moment tous les recruteurs ne sont pas encore trés actifs sur les réseaux sociaux, nous sommes ‘au début de ce grand changement”. 1 sera donc plus simple et ropide de savoir si la collaboration peut fonctionner ou pas, puisque chaque partie se connaitra mieux et comprendra les attentes de l'autre. Peut-on imaginer qu'un jour le processus de recrutement ne se passe que sur Internet ? Pos sir... Selon Franck Lo Pinta, les échanges virtuels ne remplaceront pas les échanges réels car "les recruteurs ont besoin de rencontrer les personnes pour savoir quielles sont ". "A compétence égale"{http://www.acompetenceeqale.com) est une association Francaise regroupant des cabinets de recrutement autour de la lutte contre les discriminations. Elle a créé lo "Charte réseaux sociaux, Internet, vie privée et recrutement”. Les 109 signataires de cette charte, dont Manpower Professional, Adecco Medical, I‘Apec, Viadeo..., s‘engagent 0 utiliser les réseaux sociaux exclusivement pour la seule diffusion d'offres , d ne pas les utiliser @ des fins denquéte sur des candidats, & ne pas collecter d’informations d’ordre personnel et & sensibiliser et former les recruteurs sur la nécessité de ne pas collecter ni tenir compte de telles informations. http://www. comjeune.com/trowver-un-emplo!.qrace-aux-reseaux-socioux/en-quol-les-reseaux-socioux-changentis-l- entretien-d-embouche 5.1.3.1.2 Linkedin, Facebook, Google+ : importance du profil lest important de remplir précisément sa fiche descriptive pour donner envie aux personnes du réseau de vous contacter et donner la possibilité de savoir rapidement ce que vous cherchez. * Sous linkedin, dans sa fiche, le cadre peut décider de faire remplir 'onglet « Recommendations » : il s'agit de références professionnelles. Un ancien manager ou contact professionnel peut rédiger dans cet espace une recommandation. http://www. jcomjeune.com/trouver-un-emploi-grace-aux-reseaux-sociaux/viadeo-linkedin-|importance-du- profil * Sur Facebook, pensez a bien gérer votre vie privée si vous cherchez un emploi « Facebook, gérer sa vie privée quand on cherche un emploi » http://www. jcomjeune.com/trouver-un-emploi-avec-les-reseaux-sociaux/facebook-gerer-sa-vie-privee- quand-on-cherche-un-emploi + Poster comme un pro sur Google+ htto://fr.slideshare.net/lepagegilles/gplus-poster-tutoriel1 30117 5.2 Conseils pour une utilisation professionnelle des réseaux sociaux 5.2.1 Facebook 1) Pourquoi créer une page Facebook professionnelle? + ECHANGER pour créer de interaction avec vos clients, partager sur vos produits, vos projets, vos coups de coeur et les faire réagir. + ECOUTER pour mieux comprendre les attentes de vos clients : recueillir leurs témoignages, leurs questions, leurs critiques ou leurs éloges. ‘FAIRE GRANDIR VOTRE RESEAU pour gagner en visibilité. i vous parvenez 8 développer une véritable communauté avec vos Facebook fans, ils seront fiers de partager @ leur tour vos informations sur leur profil 2) Est-ce que c'est compliqué ? ‘© Non, une page Facebook professionnelle se créée en quelques clics. Ensuite, il suffit de 'alimenter avec un contenu de qualité, 3) Est-ce que ca prend du temps ? * 5 min par jour! Le plus important est de Lanimer réguliérement pour développer sa communauté et la faire vivre. Inutile d’y passer des heures, un lien, une question, une information sur un nouveau produit suffisentBES web Developer IFOSUPom 34 ‘+ La fréquence est importante. Donnez de vos nouvelles minimum 3 fois par semaine pour garder contact avec vos adeptes. 4) Est-ce que cest cher ? ‘+ Totalement gratuit, vous faites jeu égal avec les grandes entreprises et leurs budgets faramineux. En revanche, si vous souhaite? faire de la pub pour votre page, il faut ouvrir un peu le porte-monnaie. 5) Encore des conseils ? 1) Créez une page d’accuell/landing page (httn://easy-socialmedia.com/comment-creer-votre-landing-page- facebook-gratuitement-et-facilement/ ) 2). Soignez votre photo. 3) Invitez vos amis pour vous lancer. 4) Interagissez minimum 3x par semaine! 5) Interpellez vos fans: sondages, questions, appel témoignage. 6) Donnez, donnez, donnez! Des articles, des anecdotes, des vidéos. 7) Variez le contenu. 8) Suivez vos statistiques. 5.2.2 Twitter 1) Pourquoi créer un profil Twitter en tant que professionnel? ‘* GAGNER EN VISIBILITE : Twitter est un mégaphone qui permet via quelques mots d’accroitre sa notoriété et de solliciter les foules en temps réel. Idéal pour créer du trafic autour de votre entreprise ‘¢ CREER UNE PLATEFORME D'EXPERTS : Twitter est un outil d'échange d'informations, entourez-vous d'experts et posez-leur vos questions pour bénéficier de leur savoir-faire 2). Est-ce que Twitter vaut le coup pour un entrepreneur? * Unseul chiffre : 105 000 000. ‘Avec 105 000 millions d'utilisateurs Twitter est le réseau social qui connait la plus forte croissance. L'objectif pour 2013 est d'atteindre 1 milliard de membres: 1 personne sur 7! 3) Est-ce que c'est compliqué ? ‘Twitter est encore plus facile que Facebook, c'est dire. Un profil Twitter se crée en quelques clics, une photo et quelques lignes de description et vous voila préts. Ensuite, il suffit de ’alimenter avec vos tout premiers tweets. 4) Est-ce que ¢a prend du temps ? * lest tres rapide de créer un profil Twitter, mais le plus important est de l'animer réguliérement pour maintenir sa visibilité et continuer & recruter. Pour cela, la fréquence est importante, en particulier sur Twitter ot! les gens interviennent plusieurs fois par jour. Plus vous tweetez, plus vous aurez de personnes qui vous suivent, Utiliser Twitter de maniére professionnelle : http://www. comjeune.com/trouver-un-emploi-grace-aux-reseaux- sociaux/utiliser-twitter-de-maniere-pro 5.2.2.1 Outils pour twitter : http://Awww.tweetbinder.com/ statistique hashtag htto://twittercounter.com/ statistique http://followerwonk,com/ trouver des contacts pertinents a suivre htto://manageflitter.comy https://tweetdeck.twitter.com/ diffuser et suivre sa veille http:/Awww.tweetalarm.com email avec alerte selon certains mots-clés. Liste des principaux opérateurs pour le moteur de recherche de Twitter :DES Web Developer IFOSUPos 35 Opérateur —Exemple ‘Trouve lestweets Sansopérateur Informatique CContenant&lafos « informatique» (pardéfaut) réseau ecaréseau> Guillemets* = "intelligence Avec lexpresson eacte « intligence économique économique» oR digital oR CContenant soit « digital » soit umerique numérique »(oulesdewx) ‘ fveille CContenant le hasheag « vel» From From:hanaka Envoyé par Futiisateur «hanaka » To: ‘To:hanaka Envoyé a Tutilisateur « hana » e @hanake ‘Avec comme référence utilisateur schanaka » (cet utlisateur est men- tionné dans le tweet) - veille -ecran Contenantlemot «elle» maispas lemot«écran».Lopérateur— va etre particulizremenc utile pour reduire lebruit généré parlesretweets (exemple: veille -R7). hittps://search twitter.com permet de créer un flux RSS & partir d'une recherche sur Twitter (Feed for this query ‘Aprés avoir fait la recherche.) 5.2.3 Linkedin 1) Pourquoi créer un profil Linkedin? ‘© Développer votre réseau professionnel : Intégrez vos connaissances & votre réseau puis suivez leur parcours professionnel en direct: nouveau poste, changement d'activité, participation a un groupe diintéréts communs... + Augmenter votre visibilité en ligne via leur excellent référencement sur les principaux moteurs de recherche. * Accéder & des groupes d'expertise: vous pouver adresser vos questions ou démontrer votre savolr-faire. 2). Linkedin en quelques chiffres? * Linkedin c'est le numéro 1 mondial dans son domaine avec 100 millions d'utilisateurs représentants 170 industries. inutile de vous dire que toutes les grandes marques internationales et les experts y sont présents. 3) Est-ce que ca prend du temps ? + Iln'est pas compliqué de créer un profil Linkedin en revanche pour quil soit efficace, il faut prendre le temps de bien le remplir. S'adapter au modéle en ligne, trouver les mots justes pour étre a la fois percutant et coneis, travailler les mots-clés pour gagner en visibilité. * Parla suite, une visite hebdomadaire suffit pour suivre les activités de votre réseau, participer & vos groupes et inviter vos nouveaux contacts. 4) Est-ce que c'est cher ? + Ilexiste plusieurs niveaux, un niveau gratuit qui suffit amplement et des niveaux payants si vous souhaitez bénéficier de fonctionnalités additionnelles. 1) Remplissez votre profil linkedin & 100% suivez la petite jauge! 2). Personnalisez votre URL Linkedin simplifiez-1a pour qu’elle soit mémorisable! 3) Optimisez le titre de votre profession : soyez percutants et pensez aux mots clés! 4) Personnalisez le nom de vos sites web (blog, sites web... nouveau insérez vos mots clés). 5) Exploitez les applications Linkedin sortez du lot en incluant des présentations, votre blog... 6) Entrez en contact avec d'autres profils Linkedin. Invitez vos collégues, connaissances. 7) Demandez des recommandations! Un véritable gage de qualité pour vos futurs clients. 8) Inscrivez-vous 8 des groupes! Partager et faire valoir votre expertise. 9) Participez a Linkedin réponses (answers). Linkedin Answers répertorie les questions des internautes, les experts tels que vous y répondent librement! 10) Faites votre promotion insérez le lien vers votre profil dans toutes vos communications. htto://easy-socialmedia.com/optimisez-votre-profil-linkedin-10-consells-et-astuces/DES Web Developer IFOSUPCR 36 5.2.4 Google + Comment bien utiliser et démarrer sur Google+ Suivre Vactu de vos sites préférés : il vous suffit de « cercler » les pages Google+ de vos sites et sources d'infos préférés pour vous constituer ainsi un outil de veille qui vous permettra de tout surveiller en un coup d’oeil, Et comme ca se passe dans un cercle a part, ca ne pollue pas votre timeline, Créer un cercle pour vos super potes, vos « potes vite faits », les vagues connaissances, et vos collegues. Et comme ¢a, vous partagez ce que vous voulez au cercle que vous voulez, sans jamais rien mélanger. Rejoindre une communauté Googlet : version moderne des forums a I'ancienne, ca vous permet de discuter avec des passionnés sur vos centres d’intérét préférés. Cuisines, voyages, business, meufs, geeks, apprendre le tricot : tout ce que vous voulez. Utiliser Googlet pour téléphoner / visioconférencer gratuitement. Vous aver de la famille & Fétranger ? Lancez un hangout Google+ (= un appel en vision conf). Le truc cool ? On peut faire ca a plusieurs. On peut méme utiliser Foutil pour faire des conférences ou des ateliers & distance. (En gros c’est a mort de Skype !) Stocker vos sites et articles préférés : quand vous naviguez sur le net, si un contenu vous plait, cliquez sur +1, et retrouvez ces sites et articles dans votre historique des +1, sur votre profil Google+. 5.3 Outils pour les réseaux sociaux https://hootsuite.com/ Le leader de tableaux de bord de médias sociaux pour la gestion et la mesure de vos réseaux sociaux http://linktally.com/ nombre de fois qu'un lien est partagé http://likealyzer.com/ gestion de votre page facebook http:/Awww.socialbakers.comy statistique mondiales http://nuzzel.com/ lien les plus partagés de vos contacts facebook et twitter http://socialshare.vouseemii.fr/ popularité réseaux sociauxDES Web Developer IFOSUP’S 37 6 Capacités terminales ~ Evaluation Pour atteindre le seuil de réussite, I'étudiant sera capable sur base d’une étude de cas validée par le chargé de cours développant une problématique de veille technologique et dans le respect des consignes données, de présenter devant le groupe-classe et via une technique de communication appropriée un rapport circonstancié, Pour la déter n du degré de maitrise, il sera tenu compte des critéres suivants les degrés dautonomie et d’autoformation atteints, le niveau de pertinence des critiques, le niveau de clarté de la présentation, la précision du vocabulaire de la veille technologique. evaluation contiendra deux parties : > un rapport circonstancié (minimum de 8 pages) dactylographié et imprimé (soignés et clars : titres, sous-titres, paragraphes, orthographe, etc.) Une page de garde contenant 1 5, ° ° ° Nom, Prénom, IFOSUP Wavre, Titre du rapport Nom, Prénom de 'enseignant, ‘Année académique Une table des matieres Le corps du rapport comportera les points suivants : a) ) a Définition de Ia veille technologique en corrélation avec votre projet (veille commerciale, veille concurrentielle, veille juridique, veille stratégique, veille technologique, etc.) Définition du plan de veille de votre projet, Enumération et explication des outils de v recherches, Enumération et explication des systémes d'information utilisés pour votre projet, Les résultats de vos recherches et collectes d’ informations, Des propositions concrétes pour votre projet (conclusion de la veille) Je utilisés pour votre projet, ainsi que les résultats de vos Bibliographie (recopier et/ou s‘inspirer d’un auteur sans mentionner Ia référence constituent un vol de propriété intellectuelle pur et simple.) Les annexe(s) éventuelle(s) (photocopie de formulaires, fiches, résultats d’enquétes, etc.) > une présentation orale (+/- 30 minutes + questions/réponses) Le rapport sera présenté au groupe-classe via une technique de communication appropriée (PowerPoint, Tableau blanc, etc.)