SlideShare une entreprise Scribd logo
Cours 2: L’information sur le web
Apprendre les bases du web pour l’utiliser lors de la
diffusion de contenus historiques.


 « Le contenu est fondamental à tout site internet. Pourquoi ? Parce qu’il va
vous aider à vous rendre visible et mieux vous positionner sur les moteurs de
recherche. Et parce qu’il est la pierre angulaire de l’animation de votre site et
                    donc de la fidélisation de vos cibles. »
                                                           Isabelle Canivet, 2011
                                               Dans le livre Bien rédiger pour le web



                                                             Session: Hiver 2013
Questions hebdomadaires
1.   Y a-t-il des évènements de l’actualité en histoire qui
     vous ont marqué cette semaine?
2.   Avez-vous essayé des nouvelles technologies pour une
     recherche historique lors de la dernière semaine?
3.   Avez-vous perçu des modifications à votre identité
     numérique depuis le dernier cours?



                                            Session: Hiver 2013
Aujourd’hui
• Stratégie de diffusion
• Histoire du web
• Architecture de l’information
• Apprendre à produire de l’information et communiquer
sur le web
• Ergonomie 101
• Base du language du web
• Utilisabilité
• Système de gestion de contenu (CMS): Wordpress,
Drupal, Blogger et TumblR                   Session: Hiver 2013
Retour sur le dernier cours
• Humanité numérique
• Médiation numérique
• Exemples de technologies en histoire
• Technologies dans les différentes étapes d’une
recherche historique
• Information sur le web



                                      Session: Hiver 2013
Retour sur le dernier cours




                          Session: Hiver 2013
Communautés en ligne
Lettre d’information (newsletter)
• Histoire du Canada


Facebook
• Département d’histoire de l’Université de Sherbrooke


Twitter
• http://blackboardbattlefield.com/2011/10/28/follow-friday-my-top-
50-twitter-accounts-for-historians/
• http://wefollow.com/interest/historian

                                                    Session: Hiver 2013
Communautés en ligne (anglophones)
Blogues
• http://www.onlineuniversitydegree.org/history-blogs
• http://www.ablogabouthistory.com/
• http://www.wondersandmarvels.com/
• http://www.strangehistory.net/
• http://digitalhumanitiesnow.org/




                                           Session: Hiver 2013
Communautés en ligne (francophones)
Blogues
• http://histoireetcivilisation.com/
• http://tolkien2008.wordpress.com/
• http://enseignerlhistoire.wordpress.com/
• http://actuhistoire.blogspot.ca/
• http://www.clionautes.org/
• http://devhist.hypotheses.org/
• http://histoireengagee.ca/


                                             Session: Hiver 2013
Premières impressions
• Communauté la plus active: Twitter
• Plateforme la plus utilisée: Blogue
• Souvent divisées, sectaires et parcelaires
• Peu d’utilisation dynamique des nouvelles technologies
• Beaucoup d’offres sont proposées par le commercial
(revue spécialisée)
• Plus dynamique en enseignement qu’en recherche



                                           Session: Hiver 2013
Stratégie de diffusion
Objectifs
Doit répondre aux questions “Qu’est-ce que ma stratégie de diffusion?” et “Pourquoi est-ce que
j’effectue cette stratégie de diffusion particulière?”. Il faut expliquer le type d’information (format)
et le sujet qui sera transmis par la stratégie de diffusion.


Public cible
Doit répondre à la question “Pour qui est-ce que j’effectue ma stratégie de diffusion”. Il est
intéressant de mettre le public cible en ordre de diffusion potentielle.


Axes
Doit énumérer les actions que je vais prendre pour réussir mes objectifs. Il faut donc répondre à la
question “Comment vais-je appliquer ma stratégie de diffusion”.


Échéancier
Doit répondre aux questions “Combien de fois est-ce que je vais effectuer les différentes actions
(ou axes)” et “Quand est-ce que je vais les effectuer” (périodicité des actions).
Exemple de stratégie -Youtube
Objectifs
•   Faire connaître l’avis personnel d’un historien sur les jeux historiques à partir de vidéos.
•   Interagir avec une communauté de joueurs intéressés par les jeux à connotation historique.
•   Mieux connaître l’utilisation d’échanges en ligne par vidéos.


Public cible
•   Joueurs passionnés
•   Grand public


Axes
•   Critique-vidéo de jeux à connotation historique via Youtube.
• Vidéos   d’opinion via Youtube sur les avancements dans la recherche en histoire du jeu.


Échéancier
•   Une critique de jeux à connotation historique à chaque deux semaine (environ 3 minutes).
•Une vidéo-réponse à une critique vidéo de jeux historiques à chaque deux semaine (environ 1
minute).
Youtube




          Session: Hiver 2013
Exemple de stratégie -Wikipédia
Objectifs
•   Mettre à jour les définitions sur l’histoire du jeu sur une encyclopédie en ligne.
•   Mettre à jour les définitions de certains jeux à connotation historique
•   Connaître les modalités de modification de contenus sur une encyclopédie en ligne.


Public cible
•   Communauté de Wikipédia
•   Historiens
•   Grand public


Axes
•   Mettre à jour les fiches sur l’histoire du jeu et certains jeux historiques sur Wikipédia
•   Commentaires sur les pages de jeux à connotation historique.


Échéancier
•   Créer une nouvelle fiche sur un concept du jeu ou sur un jeu particulier (1 fois / 2 semaines).
•   Proposer des modifications à des fiches existantes (1 fois / semaine).
Wikipédia – Page de discussion


 http://fr.wikipedia.org/wiki/Discussion:Histoire_du_Qu%C3%A9bec




                                                   Session: Hiver 2013
Exemple de stratégie - Historypin
Objectifs
•   Faire connaître les lieux historiques associés au jeu dans la grand région de Montréal
•   Utiliser une plateforme de cartes à des fins historiques


Public cible
•   Grand public
•   Joueurs passionnés


Axes
•   Intégrer des images de jeux dans la région de Montréal sur Historypin
•   Intégrer des lieux historiques de jeux sur SCVNRG.


Échéancier
• Ajouter   une photographie sur Historypin à chaque trois semaines.
•   Commenter sur des photographies avec des éléments de jeux à chaque semaine.
•   Créer un rallye en ligne sur SCVNRG.
Cartes / Photographies / Rallye


                   http://www.historypin.com/
       http://rumsey.geogarage.com/maps/g4431011m.html
http://www.archives.gov/press/press-releases/2012/nr12-07.html




                                                  Session: Hiver 2013
Exemple de stratégie - Netvibes
Objectifs
•   Développer un répertoire en ligne sur l’histoire du jeu et les jeux historiques.
•   Promouvoir ce répertoire à des enseignants via les médias sociaux avec Facebook.
•   Commenter, indexer et classifier les communautés en ligne traitant de l’histoire du jeu.


Public cible
•   Enseignants en histoire
•   Historiens du jeu


Axes
•   Mettre en ligne différentes sources d’information sur l’histoire du jeu sur Netvibes.
•   Commenter sur les différentes sources d’information avec Netvibes et Facebook.


Échéancier
• Ajouter   entre deux et cinq nouvelles sources d’information à chaque semaine.
•   Un commentaire sur ces sources d’information à chaque semaine.
•   Créer un groupe Facebook sur les historiens du jeu.
• Au   moins 2 commentaires par semaine sur ce groupe.
Netvibes


   http://www.netvibes.com/monspoutnik#Accueil




                                     Session: Hiver 2013
Exemple de stratégie - Quora
Objectifs
•   Répondre à des questions sur des sujets associés à l’histoire des jeux.
•   Partir des conversations en ligne sur les jeux les plus intéressants en histoire.


Public cible:
•   Grand public
•   Historien


Axes
•   Sujets sur le l’histoire du jeu et sur les jeux historiques avec le média social Quora.


Échéancier
•   Participer à 3 conversations à chaque semaine.
•   Créer une nouvelle question à chaque semaine.
Quora

        http://www.quora.com/History




                                   Session: Hiver 2013
Exemple de stratégie - FlickR
Objectifs
•   Mettre en ligne un répertoire d’images sur les jeux joués à différentes périodes de l’histoire.
•   Faire connaître le répertoire via Pinterest.


Public cible
•   Grand public
•   Historiens


Axes
•   Utiliser FlickR pour mettre en ligne un ensemble de photos libres de droit.
•   Créer un site web sur Pinterest.


Échéancier
• Ajouter   5 images par semaine sur FlickR.
•   Mettre ces images disponibles via Pinterest.
FlickR et Pinterest


  http://www.flickr.com/groups/flickrhistory/discuss/
     http://www.flickr.com/groups/histoire-france/

      http://pinterest.com/all/?category=history




                                          Session: Hiver 2013
Exemple de stratégie -TumblR
Objectifs
•   Partager le contenu de mes recherches sur l’histoire du jeu.
•   Faire connaître le blogue sur de multiples plateformes des médias sociaux.


Public cible
•   Grand public
•   Joueurs passionnés


Axes
•   Utilisation de la plateforme TumblR pour des courts blogues sur l’histoire du jeu.
•   Utilisation de LinkedIn et Google+ pour faire connaître le blogue.


Échéancier
•   Une entrée de blogues d’environ 250 mots par semaine.
•   Un commentaire sur les autres plateformes à chaque semaine.
TumblR, LinkedIn

        http://www.tumblr.com/tagged/history

 http://www.linkedin.com/groups/History-Enthusiasts-
                    Group-158038




                                        Session: Hiver 2013
Exemple de stratégie – Huffington Post
Objectif
•   Parler de l’actualité des jeux à connotation historique dans un journal en ligne
•   Parler de l’actualité en Histoire


Public cible
•   Grand public
•   Historien
•   Joueurs


Axes
• Actualité   des jeux
•   Recherche en histoire du jeu et débats
•   Interagir sur l’actualité historique


Échéancier
•   Un nouvel article aux 2 semaines
•   Un nouveau commentaire à chaque semaine sur un autre article
Huffington Post


  http://quebec.huffingtonpost.ca/marc-andre-robert




                                        Session: Hiver 2013
Exemple de stratégie - Baladodiffusion
Objectifs
•   Offrir des entrevues avec des auteurs de jeux à connotation historique
•   Offrir des débats et des explications de jeux à connotation historique
•   Promouvoir ce contenu via les réseaux sociaux


Public cibles
•   Joueurs passionnés
•   Grand public


Axes
•   Baladiffusion disponible en ligne
•   Gestion d’un compte Twitter pour discuter avec la communauté


Échéancier
•   Une ballodiffusion au 4 semaines
• Trois   échanges sur Twitter par semaine
Ballododiffusion



  http://www.banq.qc.ca/ressources_en_ligne/baladodiffusion/




                                                Session: Hiver 2013
Exemple de stratégie – Site web
Objectif
•   Utiliser une communauté existante pour discuter avec des collègues


Public cible
•   Communauté du site web


Axes
•   Discuter du sujet proposé par le site web
•   M’impliquer dans la communauté du site web


Échéancier
•   Quatre commentaires par semaine
Web – Terminologie de base
Fureteur (ou navigateur web): Logiciel transformant les ressources du
web en format accessible aux usagers. (Opera, Firefox, Chrome, IE, etc.)

URL: Chaîne de caractère normalisés servant à identifier et à localiser
des ressources.

(http://www.bibliomontreal.com/arene inclut un protocole, un nom de
domaine, un dossier et une extension (cachée))

Fil RSS: Fil de syndication fondé sur l’utilisation du format RSS.

HTML: Langage de balisage de texte qui permet d’afficher du contenu
par un navigateur web ou fureteur.

Lien hypertexte (ou hyperlien): Connexion entre divers ressources
en ligne.

IP: Protocole qui régit la circulation des informations en ligne.
Histoire du web en quelques dates
 1962 – Début de la recherche sur ARPA
 1969 – Deux ordinateurs échangent de l’information via Arpanet
 1971 – Envoi du premier courriel
 1982 – Protole TCP/IP et du terme “Internet”
 1989 – CERN (Centre européen de recherche nucléaire) met en ligne la
 première page web.
 1989 – Élaboration du HTML, de l’URL et premier fournisseur “America
 Online”
 1990 – Premier navigateur web - Mosaic
 1993 – Premier moteur de recherche à connaître du succès – Lycos
 1994 – Navigateur – Netscape
 1995 – Navigateur - Internet Explorer et Amazon.com
 1996 – Premier réseau sans fil (Wi-fi)
 1999 – Moteur de recherche – Google et lancement de Napster
 2000 – Explosion de la bulle Internet
 2001 – Encyclopédie en ligne – Wikipédia
 2004 – Média sociaux – Facebook
 2005 – Vidéo en ligne - Youtube
 2006 – Média sociaux – Twitter
Histoire du web - Infographie
http://www.itok.net/blog/index.php/2011/03/history-of-the-internet/

http://www.blog-nouvelles-technologies.fr/archives/510/internet-
lhistoire-et-chiffres/




Archives du web
 http://web.archive.org/web/20000706211634/http://www.uqam.ca/
Ergonomie 101
Deux mots-clefs à la base de l’ergonomie.


UTILISABILITÉ
  Capacité d’un système à permettre à ses utilisateurs de faire efficacement
  ce pourquoi ils l’utilisent.


CONVIVIALITÉ
   Qualité d’un matériel ou d’un logiciel qui est facile et agréable à utiliser et
   à comprendre, même par quelqu’un qui a peu de connaissances en
   informatique.
Règles d’utilisabilité
L’efficacité:
         L’interface permet à l’utilisateur d’atteindre son but.
L’efficience:
         Le résultat est atteint avec un minimum d’effort et de
         temps.
La satisfaction:
         Le résultat est atteint dans les
conditions agréables pour l’utilisateur.
                                                       Efficacité


                                                   Utilisabilité


                                          Efficience            Satisfaction
Efficacité
 L’utilisateur doit savoir où il est à tout moment et où il doit aller
       • Utiliser le fil d’ariane
       • Menu clair et bien divisé
       • Bien nommer ses pages (et les hiérarchiser!)

 À éviter:
      • Ouverture de liens dans une nouvelle fenêtre (coupe le fil d’Ariane)
      • Destination du lien floue (Ex: Cliquez ici!)
      • Liens visités de couleur inchangée
Efficience
 L’utilisateur doit trouver rapidement ce qu’il cherche sans se casser la tête
       • Les usagers ne descendent pas dans la page.
       • 3 clics maximum pour trouver l’information.

 De plus
     • Utiliser un vocabulaire connu et reconnu
           • Des titres et des sous-titres significatifs
           • Respecter les conventions dans les menus (à propos, contact)
     • Mettre vos mots-clés en évidence
     • Utiliser des listes pour expliciter vos idées
     • 1 paragraphe, 1 idée
     • Offrir des raccourcis
     • Vérifier régulièrement ses liens (pour éviter les liens non fonctionnel)
Satisfaction
Les harmonies entre les couleurs de notre site et la police de notre texte font
une différence dans la navigation de l’utilisateur.

Pour la lisibilité de notre site:
    • Contraste entre le texte et l’arrière-plan
           • Le contraste optimal est un texte foncé et un arrière-plan clair
           • Éviter les couleurs très vives qui peuvent être agressantes
    • Utilisation de polices courantes
           • Pour la lecture sur le web, on préfère des polices sans sérif

• À éviter:
     • Texte trop petit
     • Trop de texte sur une même page
     • Texte en majuscules
     • Texte continu
     • Mur de texte
Structure d’un site web
Différentes zones d’un site web
Bandeau (logo + description, titre + image)
Menu global
Menu latéral
Coeur du site (contenu)
Pied de page                                    Bandeau
                                              Menu global

                                    Menu                       Menu
                                              Coeur du site
                                   Latéral                    Latéral

                                              Pied de page
Architecture de l’information
La discipline d’organisation et de présentation de
l’information sur le web. Particulièrement axée sur
les modèles de navigation et la séparation du
contenant et du contenu.



            Contenant Contenu
Architecture de l’information
Bonnes pratiques dans la conception

• Ne pas concevoir de sites web selon ses propres
préférences de navigation
• Rechercher les besoins des utilisateurs
• Avoir des objectifs précis dans la conception et
suivre ces objectifs
Écrire sur le web (1/4)
Nielson (2007)
1. Les internautes ne lisent pas sur le web!
2. On parcourt le web, on le scanne...


Principe de la pyramide inversée
   Le contenu le plus important en premier, puis les
   idées plus secondaires par la suite

Hiérarchiser le contenu, l’organiser
  Regroupements, divisions, modèle en trois parties
  (bandeau, menu, coeur du site)
Écrire sur le web (2/4)
Comment écrire pour le web?

Paragraphe
    • Un paragraphe par idée.
    • Les phrases les plus importantes vers le haut.
    • Du synthétique vers l’exhaustif (de l’essentiel vers le détail).

Titres et mots
     • Utiliser des titres pertinents, clairs et courts.
          • Pour le référencement, le choix des mots est vital.
     • Beaucoup d’images.
     • Écrire court, la mémoire est d’environ 13 à 17 mots.
Écrire sur le web (3/4)
Comment écrire pour le web?

Règles
    • On lit en moyenne 25% moins vite sur Internet que sur papier.
    • Plus de lecture en diagonale (zapping) que de lecture mot à mot.
    • Scanner un site (lecture en F).
    • 22% des internautes iront au-delà de la ligne de flottaison.

Page à propos
    • Gagner la confiance des lecteurs (maîtrise de votre sujet)
    • Créer de la proximité: montrer votre personnalité
    • Annoncer votre ligne éditoriale
    • Aller à l’essentiel, soyez court
Écrire sur le web (4/4)
•    Utiliser des listes: Les gens apprécient les listes (structurées ou non
    structurées)


•    Environ un lien par paragraphe: Des liens logiques et pertinents. Vous
    n’êtes pas Wikipédia. Plus de liens internes que de liens externes.


•   Au moins une image / vidéo par page


•   Plus de paragraphes, moins de texte long


•    Utiliser le gras et l’italique: De manière harmonisé. Mots plus pertinents,
    comprendre l’idée rapidement.


•   Toujours remplir les ALT: Images, liens, etc.
Droit d’auteur
          Trouver des images en ligne: tout est disponible,
              mais vous ne pouvez pas tout prendre!


 Rechercher des images libres de droits

     • Wikipédia Commons

     • Flicker
Référencement
 Visibilité du site web via les différents moteurs de recherche

Règles
  •   Essayer de faire un site le plus professionnel possible
  • Le titre de votre site, son adresse et le titre de vos pages
     Assurez-vous que votre titre n’a pas déjà été pris
     Extension .qc ou .ca est plus significative que .com
  • Le texte et les différents éléments de votre site
  • Ajouter une balise méta à votre site (nous y reviendrons plus tard)
  • Mettre votre site à jour le plus souvent possible
  • Avoir des sites de qualité qui vous citent (nombre et qualité)
  • Certains de vos mots-clefs peuvent être en gras (ou autres couleurs).
Base du language du web
Langage HTML

<html>

<body>
<p>Ceci est un paragraphe.</p>
</body>

</html>
Blogue
•   Le blogue est un format de site web,

•   Le terme vient de la contraction web et Log:
    Carnet sur Internet,

•    Aspect interactif: Nos billets peuvent faire
    l’objet de commentaires de visiteurs,

•   Aspect temporel: Les dernières publications
    apparaissent en haut de page.
Système de gestion de contenu
Base des CMS

Logiciel servant à la conception et à la mise à jour de
sites Web.
• Gestion des comptes
• Gestion des publications
• Gestion des commentaires
• Gestion du visuel


Plusieurs CMS offrent de l’hébergement gratuit en ligne contre de la
publicité. Souvent, certaines options sont payantes.
Système de gestion de contenu


Wordpress
http://www.ludicite.ca
Système de gestion de contenu
Différences entre différents CMS gratuits

Wordpress
    • Simple, populaire et reconnu
    • Grande communauté oeuvrant à créer du contenu
    • Facile à installer / version gratuite en ligne (www.wordpress.com)
Drupal
    • Plus complexe
    • Plus malléable et plus personnalisable
    • Aucune version gratuite en ligne (hébergement seulement sur serveur)
Blogger
    • Nécessite un compte Google
    • Visuel et options plus limités
    • Axé sur la simplicité
TumblR
    • Orienté davantage vers l’image que vers le texte
    • Visuel créatif
    • Simple d’utilisation
    • Le CMS qui est présentement en plus forte croissance
Système de gestion de contenu


TumblR
his7008.tumblr.com
Prochain cours
 • Gestion des communautés
 • Viralité
 • Référencement
 • Facebook
 • Twitter
 • Google+
 • LinkedIn
 • Pinterest
 • Foursquare
 • Quora
 • Google Analytics
 • Hootsuite
 • Netvibes
 • Bitly
Prochain cours
 • Ouvrir un compte Twitter et identifier des
 comptes intéressants
 • Remise de la stratégie de diffusion

Contenu connexe

En vedette

introduction à MongoDB
introduction à MongoDBintroduction à MongoDB
introduction à MongoDB
Abdoulaye Dieng
 
Initiation à Express js
Initiation à Express jsInitiation à Express js
Initiation à Express js
Abdoulaye Dieng
 
Développement d'interfaces web
Développement d'interfaces webDéveloppement d'interfaces web
Développement d'interfaces web
David Desrousseaux
 
Initiation à l'algorithmique
Initiation à l'algorithmiqueInitiation à l'algorithmique
Initiation à l'algorithmique
Abdoulaye Dieng
 
Cours CSS feuilles de style en cascade- mars 2015
Cours CSS feuilles de style en cascade- mars 2015Cours CSS feuilles de style en cascade- mars 2015
Cours CSS feuilles de style en cascade- mars 2015
Abdoulaye Dieng
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJSAbdoulaye Dieng
 
Introduction à Angular JS
Introduction à Angular JSIntroduction à Angular JS
Introduction à Angular JS
Antoine Rey
 
Initiation à l'algorithmique
Initiation à l'algorithmiqueInitiation à l'algorithmique
Initiation à l'algorithmique
Abdoulaye Dieng
 
Spring Framework Petclinic sample application
Spring Framework Petclinic sample applicationSpring Framework Petclinic sample application
Spring Framework Petclinic sample application
Antoine Rey
 

En vedette (10)

Cours 5 et 6
Cours 5 et 6Cours 5 et 6
Cours 5 et 6
 
introduction à MongoDB
introduction à MongoDBintroduction à MongoDB
introduction à MongoDB
 
Initiation à Express js
Initiation à Express jsInitiation à Express js
Initiation à Express js
 
Développement d'interfaces web
Développement d'interfaces webDéveloppement d'interfaces web
Développement d'interfaces web
 
Initiation à l'algorithmique
Initiation à l'algorithmiqueInitiation à l'algorithmique
Initiation à l'algorithmique
 
Cours CSS feuilles de style en cascade- mars 2015
Cours CSS feuilles de style en cascade- mars 2015Cours CSS feuilles de style en cascade- mars 2015
Cours CSS feuilles de style en cascade- mars 2015
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJS
 
Introduction à Angular JS
Introduction à Angular JSIntroduction à Angular JS
Introduction à Angular JS
 
Initiation à l'algorithmique
Initiation à l'algorithmiqueInitiation à l'algorithmique
Initiation à l'algorithmique
 
Spring Framework Petclinic sample application
Spring Framework Petclinic sample applicationSpring Framework Petclinic sample application
Spring Framework Petclinic sample application
 

Similaire à Cours 2 - L'information sur le web

La curation et ses différents outils infoMatinale ADBS/Doc Forum Curation inf...
La curation et ses différents outils infoMatinale ADBS/Doc Forum Curation inf...La curation et ses différents outils infoMatinale ADBS/Doc Forum Curation inf...
La curation et ses différents outils infoMatinale ADBS/Doc Forum Curation inf...François Magnan
 
De la veille au partage
De la veille au partageDe la veille au partage
De la veille au partage
Terheck
 
Cours 8
Cours 8Cours 8
Museumweek
MuseumweekMuseumweek
Museumweek
laurence allard
 
Formation initiale informatique 2011
Formation initiale informatique 2011Formation initiale informatique 2011
Formation initiale informatique 2011
pascaljh
 
Blogs de bibliothèque
Blogs de bibliothèqueBlogs de bibliothèque
Blogs de bibliothèqueDujol Lionel
 
Museumweek
MuseumweekMuseumweek
Museumweek
delfolie
 
Stage diigo delicious-2012-11-22
Stage diigo delicious-2012-11-22Stage diigo delicious-2012-11-22
Stage diigo delicious-2012-11-22
URFIST de Rennes
 
PANORAMA DES RÉSEAUX SOCIAUX POUR LES DOCUMENTALISTES ET LES PROFESSIONNELS D...
PANORAMA DES RÉSEAUX SOCIAUX POUR LES DOCUMENTALISTES ET LES PROFESSIONNELS D...PANORAMA DES RÉSEAUX SOCIAUX POUR LES DOCUMENTALISTES ET LES PROFESSIONNELS D...
PANORAMA DES RÉSEAUX SOCIAUX POUR LES DOCUMENTALISTES ET LES PROFESSIONNELS D...
Nadia Berg
 
Formation Hypotheses - Mai 2013 - Loïc Le Pape
Formation Hypotheses - Mai 2013 - Loïc Le PapeFormation Hypotheses - Mai 2013 - Loïc Le Pape
Formation Hypotheses - Mai 2013 - Loïc Le Pape
OpenEdition
 
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
cspirin
 
La médiation wiki et les GLAMS
La médiation wiki et les GLAMSLa médiation wiki et les GLAMS
La médiation wiki et les GLAMS
Martel D.
 
Formation utilisateurs Hypothèses 2013-10
Formation utilisateurs Hypothèses 2013-10Formation utilisateurs Hypothèses 2013-10
Formation utilisateurs Hypothèses 2013-10OpenEdition
 
L’édition en shs face à l’ère du numérique 2013
L’édition en shs face à l’ère du numérique 2013L’édition en shs face à l’ère du numérique 2013
L’édition en shs face à l’ère du numérique 2013verdeil
 
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
cspirin
 
Formation Hypotheses.org - Mars 2012
Formation Hypotheses.org - Mars 2012Formation Hypotheses.org - Mars 2012
Formation Hypotheses.org - Mars 2012OpenEdition
 
Les étapes d'une présence web et sociale réussie
Les étapes d'une présence web et sociale réussieLes étapes d'une présence web et sociale réussie
Les étapes d'une présence web et sociale réussie
Michelle Blanc
 
Experimentations en bibliotheques
Experimentations en bibliothequesExperimentations en bibliotheques
Experimentations en bibliotheques
David Liziard
 
Reseaux sociaux & Community Management - L3MV
Reseaux sociaux & Community Management - L3MVReseaux sociaux & Community Management - L3MV
Reseaux sociaux & Community Management - L3MV
Tube2Com
 

Similaire à Cours 2 - L'information sur le web (20)

La curation et ses différents outils infoMatinale ADBS/Doc Forum Curation inf...
La curation et ses différents outils infoMatinale ADBS/Doc Forum Curation inf...La curation et ses différents outils infoMatinale ADBS/Doc Forum Curation inf...
La curation et ses différents outils infoMatinale ADBS/Doc Forum Curation inf...
 
De la veille au partage
De la veille au partageDe la veille au partage
De la veille au partage
 
Cours 8
Cours 8Cours 8
Cours 8
 
Museumweek
MuseumweekMuseumweek
Museumweek
 
Formation initiale informatique 2011
Formation initiale informatique 2011Formation initiale informatique 2011
Formation initiale informatique 2011
 
Blogs de bibliothèque
Blogs de bibliothèqueBlogs de bibliothèque
Blogs de bibliothèque
 
Museumweek
MuseumweekMuseumweek
Museumweek
 
Stage diigo delicious-2012-11-22
Stage diigo delicious-2012-11-22Stage diigo delicious-2012-11-22
Stage diigo delicious-2012-11-22
 
PANORAMA DES RÉSEAUX SOCIAUX POUR LES DOCUMENTALISTES ET LES PROFESSIONNELS D...
PANORAMA DES RÉSEAUX SOCIAUX POUR LES DOCUMENTALISTES ET LES PROFESSIONNELS D...PANORAMA DES RÉSEAUX SOCIAUX POUR LES DOCUMENTALISTES ET LES PROFESSIONNELS D...
PANORAMA DES RÉSEAUX SOCIAUX POUR LES DOCUMENTALISTES ET LES PROFESSIONNELS D...
 
Formation Hypotheses - Mai 2013 - Loïc Le Pape
Formation Hypotheses - Mai 2013 - Loïc Le PapeFormation Hypotheses - Mai 2013 - Loïc Le Pape
Formation Hypotheses - Mai 2013 - Loïc Le Pape
 
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
 
La médiation wiki et les GLAMS
La médiation wiki et les GLAMSLa médiation wiki et les GLAMS
La médiation wiki et les GLAMS
 
Formation utilisateurs Hypothèses 2013-10
Formation utilisateurs Hypothèses 2013-10Formation utilisateurs Hypothèses 2013-10
Formation utilisateurs Hypothèses 2013-10
 
L’édition en shs face à l’ère du numérique 2013
L’édition en shs face à l’ère du numérique 2013L’édition en shs face à l’ère du numérique 2013
L’édition en shs face à l’ère du numérique 2013
 
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
Les réseaux sociaux en BM/BU : maîtriser leurs langages et leurs codes 2/3
 
Formation ADBS du 26 06 2009
Formation ADBS du 26 06 2009Formation ADBS du 26 06 2009
Formation ADBS du 26 06 2009
 
Formation Hypotheses.org - Mars 2012
Formation Hypotheses.org - Mars 2012Formation Hypotheses.org - Mars 2012
Formation Hypotheses.org - Mars 2012
 
Les étapes d'une présence web et sociale réussie
Les étapes d'une présence web et sociale réussieLes étapes d'une présence web et sociale réussie
Les étapes d'une présence web et sociale réussie
 
Experimentations en bibliotheques
Experimentations en bibliothequesExperimentations en bibliotheques
Experimentations en bibliotheques
 
Reseaux sociaux & Community Management - L3MV
Reseaux sociaux & Community Management - L3MVReseaux sociaux & Community Management - L3MV
Reseaux sociaux & Community Management - L3MV
 

Plus de Thierry Robert

Cours 3 - Médias sociaux
Cours 3 - Médias sociauxCours 3 - Médias sociaux
Cours 3 - Médias sociauxThierry Robert
 
Gamification et histoire
Gamification et histoireGamification et histoire
Gamification et histoire
Thierry Robert
 
Jeux vidéo et bibliothèques
Jeux vidéo et bibliothèquesJeux vidéo et bibliothèques
Jeux vidéo et bibliothèquesThierry Robert
 
Gamification de l'éducation et des bibliothèques
Gamification de l'éducation et des bibliothèquesGamification de l'éducation et des bibliothèques
Gamification de l'éducation et des bibliothèques
Thierry Robert
 
Médias sociaux en bibliothèques
Médias sociaux en bibliothèquesMédias sociaux en bibliothèques
Médias sociaux en bibliothèques
Thierry Robert
 
Jeux video et bibliothèques publiques à Montréal
Jeux video et bibliothèques publiques à MontréalJeux video et bibliothèques publiques à Montréal
Jeux video et bibliothèques publiques à Montréal
Thierry Robert
 
Offre de jeux vidéo dans les bibliothèques québécoises
Offre de jeux vidéo dans les bibliothèques québécoisesOffre de jeux vidéo dans les bibliothèques québécoises
Offre de jeux vidéo dans les bibliothèques québécoises
Thierry Robert
 
La création de jeux en bibliothèque
La création de jeux en bibliothèqueLa création de jeux en bibliothèque
La création de jeux en bibliothèque
Thierry Robert
 

Plus de Thierry Robert (9)

Cours 9
Cours 9Cours 9
Cours 9
 
Cours 3 - Médias sociaux
Cours 3 - Médias sociauxCours 3 - Médias sociaux
Cours 3 - Médias sociaux
 
Gamification et histoire
Gamification et histoireGamification et histoire
Gamification et histoire
 
Jeux vidéo et bibliothèques
Jeux vidéo et bibliothèquesJeux vidéo et bibliothèques
Jeux vidéo et bibliothèques
 
Gamification de l'éducation et des bibliothèques
Gamification de l'éducation et des bibliothèquesGamification de l'éducation et des bibliothèques
Gamification de l'éducation et des bibliothèques
 
Médias sociaux en bibliothèques
Médias sociaux en bibliothèquesMédias sociaux en bibliothèques
Médias sociaux en bibliothèques
 
Jeux video et bibliothèques publiques à Montréal
Jeux video et bibliothèques publiques à MontréalJeux video et bibliothèques publiques à Montréal
Jeux video et bibliothèques publiques à Montréal
 
Offre de jeux vidéo dans les bibliothèques québécoises
Offre de jeux vidéo dans les bibliothèques québécoisesOffre de jeux vidéo dans les bibliothèques québécoises
Offre de jeux vidéo dans les bibliothèques québécoises
 
La création de jeux en bibliothèque
La création de jeux en bibliothèqueLa création de jeux en bibliothèque
La création de jeux en bibliothèque
 

Dernier

Veille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdfVeille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdf
frizzole
 
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union
 
BATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en FranceBATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en France
Txaruka
 
Proyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de pazProyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de paz
Morzadec Cécile
 
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
MustaphaZhiri
 
Textes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdfTextes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdf
Michel Bruley
 
Presentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechniquePresentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechnique
mohammadaminejouini
 

Dernier (7)

Veille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdfVeille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdf
 
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023
 
BATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en FranceBATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en France
 
Proyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de pazProyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de paz
 
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
 
Textes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdfTextes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdf
 
Presentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechniquePresentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechnique
 

Cours 2 - L'information sur le web

  • 1. Cours 2: L’information sur le web Apprendre les bases du web pour l’utiliser lors de la diffusion de contenus historiques. « Le contenu est fondamental à tout site internet. Pourquoi ? Parce qu’il va vous aider à vous rendre visible et mieux vous positionner sur les moteurs de recherche. Et parce qu’il est la pierre angulaire de l’animation de votre site et donc de la fidélisation de vos cibles. » Isabelle Canivet, 2011 Dans le livre Bien rédiger pour le web Session: Hiver 2013
  • 2. Questions hebdomadaires 1. Y a-t-il des évènements de l’actualité en histoire qui vous ont marqué cette semaine? 2. Avez-vous essayé des nouvelles technologies pour une recherche historique lors de la dernière semaine? 3. Avez-vous perçu des modifications à votre identité numérique depuis le dernier cours? Session: Hiver 2013
  • 3. Aujourd’hui • Stratégie de diffusion • Histoire du web • Architecture de l’information • Apprendre à produire de l’information et communiquer sur le web • Ergonomie 101 • Base du language du web • Utilisabilité • Système de gestion de contenu (CMS): Wordpress, Drupal, Blogger et TumblR Session: Hiver 2013
  • 4. Retour sur le dernier cours • Humanité numérique • Médiation numérique • Exemples de technologies en histoire • Technologies dans les différentes étapes d’une recherche historique • Information sur le web Session: Hiver 2013
  • 5. Retour sur le dernier cours Session: Hiver 2013
  • 6. Communautés en ligne Lettre d’information (newsletter) • Histoire du Canada Facebook • Département d’histoire de l’Université de Sherbrooke Twitter • http://blackboardbattlefield.com/2011/10/28/follow-friday-my-top- 50-twitter-accounts-for-historians/ • http://wefollow.com/interest/historian Session: Hiver 2013
  • 7. Communautés en ligne (anglophones) Blogues • http://www.onlineuniversitydegree.org/history-blogs • http://www.ablogabouthistory.com/ • http://www.wondersandmarvels.com/ • http://www.strangehistory.net/ • http://digitalhumanitiesnow.org/ Session: Hiver 2013
  • 8. Communautés en ligne (francophones) Blogues • http://histoireetcivilisation.com/ • http://tolkien2008.wordpress.com/ • http://enseignerlhistoire.wordpress.com/ • http://actuhistoire.blogspot.ca/ • http://www.clionautes.org/ • http://devhist.hypotheses.org/ • http://histoireengagee.ca/ Session: Hiver 2013
  • 9. Premières impressions • Communauté la plus active: Twitter • Plateforme la plus utilisée: Blogue • Souvent divisées, sectaires et parcelaires • Peu d’utilisation dynamique des nouvelles technologies • Beaucoup d’offres sont proposées par le commercial (revue spécialisée) • Plus dynamique en enseignement qu’en recherche Session: Hiver 2013
  • 10. Stratégie de diffusion Objectifs Doit répondre aux questions “Qu’est-ce que ma stratégie de diffusion?” et “Pourquoi est-ce que j’effectue cette stratégie de diffusion particulière?”. Il faut expliquer le type d’information (format) et le sujet qui sera transmis par la stratégie de diffusion. Public cible Doit répondre à la question “Pour qui est-ce que j’effectue ma stratégie de diffusion”. Il est intéressant de mettre le public cible en ordre de diffusion potentielle. Axes Doit énumérer les actions que je vais prendre pour réussir mes objectifs. Il faut donc répondre à la question “Comment vais-je appliquer ma stratégie de diffusion”. Échéancier Doit répondre aux questions “Combien de fois est-ce que je vais effectuer les différentes actions (ou axes)” et “Quand est-ce que je vais les effectuer” (périodicité des actions).
  • 11. Exemple de stratégie -Youtube Objectifs • Faire connaître l’avis personnel d’un historien sur les jeux historiques à partir de vidéos. • Interagir avec une communauté de joueurs intéressés par les jeux à connotation historique. • Mieux connaître l’utilisation d’échanges en ligne par vidéos. Public cible • Joueurs passionnés • Grand public Axes • Critique-vidéo de jeux à connotation historique via Youtube. • Vidéos d’opinion via Youtube sur les avancements dans la recherche en histoire du jeu. Échéancier • Une critique de jeux à connotation historique à chaque deux semaine (environ 3 minutes). •Une vidéo-réponse à une critique vidéo de jeux historiques à chaque deux semaine (environ 1 minute).
  • 12. Youtube Session: Hiver 2013
  • 13. Exemple de stratégie -Wikipédia Objectifs • Mettre à jour les définitions sur l’histoire du jeu sur une encyclopédie en ligne. • Mettre à jour les définitions de certains jeux à connotation historique • Connaître les modalités de modification de contenus sur une encyclopédie en ligne. Public cible • Communauté de Wikipédia • Historiens • Grand public Axes • Mettre à jour les fiches sur l’histoire du jeu et certains jeux historiques sur Wikipédia • Commentaires sur les pages de jeux à connotation historique. Échéancier • Créer une nouvelle fiche sur un concept du jeu ou sur un jeu particulier (1 fois / 2 semaines). • Proposer des modifications à des fiches existantes (1 fois / semaine).
  • 14. Wikipédia – Page de discussion http://fr.wikipedia.org/wiki/Discussion:Histoire_du_Qu%C3%A9bec Session: Hiver 2013
  • 15. Exemple de stratégie - Historypin Objectifs • Faire connaître les lieux historiques associés au jeu dans la grand région de Montréal • Utiliser une plateforme de cartes à des fins historiques Public cible • Grand public • Joueurs passionnés Axes • Intégrer des images de jeux dans la région de Montréal sur Historypin • Intégrer des lieux historiques de jeux sur SCVNRG. Échéancier • Ajouter une photographie sur Historypin à chaque trois semaines. • Commenter sur des photographies avec des éléments de jeux à chaque semaine. • Créer un rallye en ligne sur SCVNRG.
  • 16. Cartes / Photographies / Rallye http://www.historypin.com/ http://rumsey.geogarage.com/maps/g4431011m.html http://www.archives.gov/press/press-releases/2012/nr12-07.html Session: Hiver 2013
  • 17. Exemple de stratégie - Netvibes Objectifs • Développer un répertoire en ligne sur l’histoire du jeu et les jeux historiques. • Promouvoir ce répertoire à des enseignants via les médias sociaux avec Facebook. • Commenter, indexer et classifier les communautés en ligne traitant de l’histoire du jeu. Public cible • Enseignants en histoire • Historiens du jeu Axes • Mettre en ligne différentes sources d’information sur l’histoire du jeu sur Netvibes. • Commenter sur les différentes sources d’information avec Netvibes et Facebook. Échéancier • Ajouter entre deux et cinq nouvelles sources d’information à chaque semaine. • Un commentaire sur ces sources d’information à chaque semaine. • Créer un groupe Facebook sur les historiens du jeu. • Au moins 2 commentaires par semaine sur ce groupe.
  • 18. Netvibes http://www.netvibes.com/monspoutnik#Accueil Session: Hiver 2013
  • 19. Exemple de stratégie - Quora Objectifs • Répondre à des questions sur des sujets associés à l’histoire des jeux. • Partir des conversations en ligne sur les jeux les plus intéressants en histoire. Public cible: • Grand public • Historien Axes • Sujets sur le l’histoire du jeu et sur les jeux historiques avec le média social Quora. Échéancier • Participer à 3 conversations à chaque semaine. • Créer une nouvelle question à chaque semaine.
  • 20. Quora http://www.quora.com/History Session: Hiver 2013
  • 21. Exemple de stratégie - FlickR Objectifs • Mettre en ligne un répertoire d’images sur les jeux joués à différentes périodes de l’histoire. • Faire connaître le répertoire via Pinterest. Public cible • Grand public • Historiens Axes • Utiliser FlickR pour mettre en ligne un ensemble de photos libres de droit. • Créer un site web sur Pinterest. Échéancier • Ajouter 5 images par semaine sur FlickR. • Mettre ces images disponibles via Pinterest.
  • 22. FlickR et Pinterest http://www.flickr.com/groups/flickrhistory/discuss/ http://www.flickr.com/groups/histoire-france/ http://pinterest.com/all/?category=history Session: Hiver 2013
  • 23. Exemple de stratégie -TumblR Objectifs • Partager le contenu de mes recherches sur l’histoire du jeu. • Faire connaître le blogue sur de multiples plateformes des médias sociaux. Public cible • Grand public • Joueurs passionnés Axes • Utilisation de la plateforme TumblR pour des courts blogues sur l’histoire du jeu. • Utilisation de LinkedIn et Google+ pour faire connaître le blogue. Échéancier • Une entrée de blogues d’environ 250 mots par semaine. • Un commentaire sur les autres plateformes à chaque semaine.
  • 24. TumblR, LinkedIn http://www.tumblr.com/tagged/history http://www.linkedin.com/groups/History-Enthusiasts- Group-158038 Session: Hiver 2013
  • 25. Exemple de stratégie – Huffington Post Objectif • Parler de l’actualité des jeux à connotation historique dans un journal en ligne • Parler de l’actualité en Histoire Public cible • Grand public • Historien • Joueurs Axes • Actualité des jeux • Recherche en histoire du jeu et débats • Interagir sur l’actualité historique Échéancier • Un nouvel article aux 2 semaines • Un nouveau commentaire à chaque semaine sur un autre article
  • 26. Huffington Post http://quebec.huffingtonpost.ca/marc-andre-robert Session: Hiver 2013
  • 27. Exemple de stratégie - Baladodiffusion Objectifs • Offrir des entrevues avec des auteurs de jeux à connotation historique • Offrir des débats et des explications de jeux à connotation historique • Promouvoir ce contenu via les réseaux sociaux Public cibles • Joueurs passionnés • Grand public Axes • Baladiffusion disponible en ligne • Gestion d’un compte Twitter pour discuter avec la communauté Échéancier • Une ballodiffusion au 4 semaines • Trois échanges sur Twitter par semaine
  • 29. Exemple de stratégie – Site web Objectif • Utiliser une communauté existante pour discuter avec des collègues Public cible • Communauté du site web Axes • Discuter du sujet proposé par le site web • M’impliquer dans la communauté du site web Échéancier • Quatre commentaires par semaine
  • 30. Web – Terminologie de base Fureteur (ou navigateur web): Logiciel transformant les ressources du web en format accessible aux usagers. (Opera, Firefox, Chrome, IE, etc.) URL: Chaîne de caractère normalisés servant à identifier et à localiser des ressources. (http://www.bibliomontreal.com/arene inclut un protocole, un nom de domaine, un dossier et une extension (cachée)) Fil RSS: Fil de syndication fondé sur l’utilisation du format RSS. HTML: Langage de balisage de texte qui permet d’afficher du contenu par un navigateur web ou fureteur. Lien hypertexte (ou hyperlien): Connexion entre divers ressources en ligne. IP: Protocole qui régit la circulation des informations en ligne.
  • 31. Histoire du web en quelques dates 1962 – Début de la recherche sur ARPA 1969 – Deux ordinateurs échangent de l’information via Arpanet 1971 – Envoi du premier courriel 1982 – Protole TCP/IP et du terme “Internet” 1989 – CERN (Centre européen de recherche nucléaire) met en ligne la première page web. 1989 – Élaboration du HTML, de l’URL et premier fournisseur “America Online” 1990 – Premier navigateur web - Mosaic 1993 – Premier moteur de recherche à connaître du succès – Lycos 1994 – Navigateur – Netscape 1995 – Navigateur - Internet Explorer et Amazon.com 1996 – Premier réseau sans fil (Wi-fi) 1999 – Moteur de recherche – Google et lancement de Napster 2000 – Explosion de la bulle Internet 2001 – Encyclopédie en ligne – Wikipédia 2004 – Média sociaux – Facebook 2005 – Vidéo en ligne - Youtube 2006 – Média sociaux – Twitter
  • 32. Histoire du web - Infographie http://www.itok.net/blog/index.php/2011/03/history-of-the-internet/ http://www.blog-nouvelles-technologies.fr/archives/510/internet- lhistoire-et-chiffres/ Archives du web http://web.archive.org/web/20000706211634/http://www.uqam.ca/
  • 33. Ergonomie 101 Deux mots-clefs à la base de l’ergonomie. UTILISABILITÉ Capacité d’un système à permettre à ses utilisateurs de faire efficacement ce pourquoi ils l’utilisent. CONVIVIALITÉ Qualité d’un matériel ou d’un logiciel qui est facile et agréable à utiliser et à comprendre, même par quelqu’un qui a peu de connaissances en informatique.
  • 34. Règles d’utilisabilité L’efficacité: L’interface permet à l’utilisateur d’atteindre son but. L’efficience: Le résultat est atteint avec un minimum d’effort et de temps. La satisfaction: Le résultat est atteint dans les conditions agréables pour l’utilisateur. Efficacité Utilisabilité Efficience Satisfaction
  • 35. Efficacité L’utilisateur doit savoir où il est à tout moment et où il doit aller • Utiliser le fil d’ariane • Menu clair et bien divisé • Bien nommer ses pages (et les hiérarchiser!) À éviter: • Ouverture de liens dans une nouvelle fenêtre (coupe le fil d’Ariane) • Destination du lien floue (Ex: Cliquez ici!) • Liens visités de couleur inchangée
  • 36. Efficience L’utilisateur doit trouver rapidement ce qu’il cherche sans se casser la tête • Les usagers ne descendent pas dans la page. • 3 clics maximum pour trouver l’information. De plus • Utiliser un vocabulaire connu et reconnu • Des titres et des sous-titres significatifs • Respecter les conventions dans les menus (à propos, contact) • Mettre vos mots-clés en évidence • Utiliser des listes pour expliciter vos idées • 1 paragraphe, 1 idée • Offrir des raccourcis • Vérifier régulièrement ses liens (pour éviter les liens non fonctionnel)
  • 37. Satisfaction Les harmonies entre les couleurs de notre site et la police de notre texte font une différence dans la navigation de l’utilisateur. Pour la lisibilité de notre site: • Contraste entre le texte et l’arrière-plan • Le contraste optimal est un texte foncé et un arrière-plan clair • Éviter les couleurs très vives qui peuvent être agressantes • Utilisation de polices courantes • Pour la lecture sur le web, on préfère des polices sans sérif • À éviter: • Texte trop petit • Trop de texte sur une même page • Texte en majuscules • Texte continu • Mur de texte
  • 38. Structure d’un site web Différentes zones d’un site web Bandeau (logo + description, titre + image) Menu global Menu latéral Coeur du site (contenu) Pied de page Bandeau Menu global Menu Menu Coeur du site Latéral Latéral Pied de page
  • 39. Architecture de l’information La discipline d’organisation et de présentation de l’information sur le web. Particulièrement axée sur les modèles de navigation et la séparation du contenant et du contenu. Contenant Contenu
  • 40. Architecture de l’information Bonnes pratiques dans la conception • Ne pas concevoir de sites web selon ses propres préférences de navigation • Rechercher les besoins des utilisateurs • Avoir des objectifs précis dans la conception et suivre ces objectifs
  • 41. Écrire sur le web (1/4) Nielson (2007) 1. Les internautes ne lisent pas sur le web! 2. On parcourt le web, on le scanne... Principe de la pyramide inversée Le contenu le plus important en premier, puis les idées plus secondaires par la suite Hiérarchiser le contenu, l’organiser Regroupements, divisions, modèle en trois parties (bandeau, menu, coeur du site)
  • 42. Écrire sur le web (2/4) Comment écrire pour le web? Paragraphe • Un paragraphe par idée. • Les phrases les plus importantes vers le haut. • Du synthétique vers l’exhaustif (de l’essentiel vers le détail). Titres et mots • Utiliser des titres pertinents, clairs et courts. • Pour le référencement, le choix des mots est vital. • Beaucoup d’images. • Écrire court, la mémoire est d’environ 13 à 17 mots.
  • 43. Écrire sur le web (3/4) Comment écrire pour le web? Règles • On lit en moyenne 25% moins vite sur Internet que sur papier. • Plus de lecture en diagonale (zapping) que de lecture mot à mot. • Scanner un site (lecture en F). • 22% des internautes iront au-delà de la ligne de flottaison. Page à propos • Gagner la confiance des lecteurs (maîtrise de votre sujet) • Créer de la proximité: montrer votre personnalité • Annoncer votre ligne éditoriale • Aller à l’essentiel, soyez court
  • 44. Écrire sur le web (4/4) • Utiliser des listes: Les gens apprécient les listes (structurées ou non structurées) • Environ un lien par paragraphe: Des liens logiques et pertinents. Vous n’êtes pas Wikipédia. Plus de liens internes que de liens externes. • Au moins une image / vidéo par page • Plus de paragraphes, moins de texte long • Utiliser le gras et l’italique: De manière harmonisé. Mots plus pertinents, comprendre l’idée rapidement. • Toujours remplir les ALT: Images, liens, etc.
  • 45. Droit d’auteur Trouver des images en ligne: tout est disponible, mais vous ne pouvez pas tout prendre! Rechercher des images libres de droits • Wikipédia Commons • Flicker
  • 46. Référencement Visibilité du site web via les différents moteurs de recherche Règles • Essayer de faire un site le plus professionnel possible • Le titre de votre site, son adresse et le titre de vos pages  Assurez-vous que votre titre n’a pas déjà été pris  Extension .qc ou .ca est plus significative que .com • Le texte et les différents éléments de votre site • Ajouter une balise méta à votre site (nous y reviendrons plus tard) • Mettre votre site à jour le plus souvent possible • Avoir des sites de qualité qui vous citent (nombre et qualité) • Certains de vos mots-clefs peuvent être en gras (ou autres couleurs).
  • 47. Base du language du web Langage HTML <html> <body> <p>Ceci est un paragraphe.</p> </body> </html>
  • 48. Blogue • Le blogue est un format de site web, • Le terme vient de la contraction web et Log: Carnet sur Internet, • Aspect interactif: Nos billets peuvent faire l’objet de commentaires de visiteurs, • Aspect temporel: Les dernières publications apparaissent en haut de page.
  • 49. Système de gestion de contenu Base des CMS Logiciel servant à la conception et à la mise à jour de sites Web. • Gestion des comptes • Gestion des publications • Gestion des commentaires • Gestion du visuel Plusieurs CMS offrent de l’hébergement gratuit en ligne contre de la publicité. Souvent, certaines options sont payantes.
  • 50. Système de gestion de contenu Wordpress http://www.ludicite.ca
  • 51. Système de gestion de contenu Différences entre différents CMS gratuits Wordpress • Simple, populaire et reconnu • Grande communauté oeuvrant à créer du contenu • Facile à installer / version gratuite en ligne (www.wordpress.com) Drupal • Plus complexe • Plus malléable et plus personnalisable • Aucune version gratuite en ligne (hébergement seulement sur serveur) Blogger • Nécessite un compte Google • Visuel et options plus limités • Axé sur la simplicité TumblR • Orienté davantage vers l’image que vers le texte • Visuel créatif • Simple d’utilisation • Le CMS qui est présentement en plus forte croissance
  • 52. Système de gestion de contenu TumblR his7008.tumblr.com
  • 53. Prochain cours • Gestion des communautés • Viralité • Référencement • Facebook • Twitter • Google+ • LinkedIn • Pinterest • Foursquare • Quora • Google Analytics • Hootsuite • Netvibes • Bitly
  • 54. Prochain cours • Ouvrir un compte Twitter et identifier des comptes intéressants • Remise de la stratégie de diffusion