technologie de la communication, médias et organisations - introduction
DESCRIPTION
Présentation générale du cours CIM4A04A Parcours CIM M2 M1 & CFI Mag1 - InalcoTRANSCRIPT
TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET
ORGANISATIONSCIM404A
Septembre 2013 ELISABETH DE PABLO 1
WEB PUBLISHING
- créer, éditer, publier, diffuser, animer sur le web un produit [de communication]
- publier en ligne, publication en ligne (online publishing)
>> requiert plusieurs types de compétences
>> nécessite l’utilisation de différentes techniques et technologies
Septembre 2013 ELISABETH DE PABLO 2
GESTION D’UN PROJET WEB
Septembre 2013 ELISABETH DE PABLO 3
L’ensemble du processus est regroupé autour d’un chef de projet web (web manager)
Travailler autour et sur un produit web pour une entreprise (sté, association, institution, etc.)
Prendre en charge toutes les dimensions de la conception, et du suivi du produit
WEB MANAGER
Septembre 2013 ELISABETH DE PABLO 4
Web Manager=
Gestion du projet web
Réalisation technique du site, suivi, mise à
jour, etc. (web mastering)
Gestion de la communauté ou des
réseaux sociaux (community
management)
Curation, veille d’information autour
et sur le projet (digital curation)
Préparation et rédaction du
contenu d’un site (content
management)
Gestion de l’identité numérique du projet,
produit, marque, …(digital identity)
WEB MANAGERBRAINSTORMING – Pour définir un plan d’action
Un produit web pourquoi ? Pour qui ?
> Détermination des objectifs principaux, secondaires
> Détermination de la cible
Moyens techniques à disposition ?
Moyens humains, mutualisation des compétences en interne/externe ?
Moyens financiers à disposition ?
Positionnement par rapport à l’existant
Gestion de l’identité (de l’image)
Septembre 2013 ELISABETH DE PABLO 5
Source : http://beideaconnect.com/category/tools-techniques/brainstorming-ideation
WEB MANAGERBENCHMARKING – Pour définir correctement les objectifs, il faut également bien connaître l’existant (la concurrence)
Observer, comparer et analyser la concurrence
Etablir d’un plan de veille
Etablir des critères d’analyse (en fonction des objectifs)
Proposer une grille récapitulative simple de l’analyse
Noter les éléments pertinents nécessaires pour le développement de son projet
Septembre 2013 ELISABETH DE PABLO 6
Source : http://strategies4innovation.wordpress.com/2008/08/02/benchmarking-entre-bonnes-pratiques-et-alignement-strategique/
WEB MANAGERLe CAHIER des CHARGES
Document officiel et contractuel entre un demandeur/client et un prestataire de service, qui définit clairement les objectifs et les
moyens, détaille d’une façon exhaustive, si possible, les solutions proposées et les étapes de la création et de la mise en place d’un
produit [de communication].
Toutes les étapes décrites dans le cahier des charges devront être validées.
Septembre 2013 ELISABETH DE PABLO 7
WEB MANAGEREtablissement du CAHIER des CHARGES
Faire une synthèse de l’ensemble des informations recueillies au préalable (brainstorming, benchmarking, …)
Etablir et définir le cadre (contexte, objectifs, cible,…)
Etablir les éléments d’ordre technique (charte editorial, chartegraphique, test ergonomique, maintenance technique, …)
Etablir un budget
Décrire les ressources humaines
Identifier et résoudre les questions juridiques
Etablir un retro-planningSeptembre 2013 ELISABETH DE PABLO 8
WEB MANAGERLES PLUS, selon les besoins et les moyens, en fonction du cahier des charges
Faire appel à des moyens humains ou techniques extérieurs
>>> Définir un appel d’offre
Faire appel à des ressources internes
Mettre en place un comité de pilotage
Septembre 2013 ELISABETH DE PABLO 9
WEB MASTERINGSTRUCTURE DU SITE > être le plus clair possible tout
de suite
Etablir une arborescence
>> Structurer l’information
Page d’accueil vs pages internes
>> Quels niveaux de profondeur ?
>> Quels types de rubricages ?
>> Quels navigations ?
>> Quels types de contenus diffusés ?
Septembre 2013 ELISABETH DE PABLO 10
Source : http://www.internet-webmaster.info/
WEB MASTERINGELEMENTS FONCTIONNELS - le contenant, plan
graphiqueSchématiser le système de navigation
Header/haut de page :
Le logo (identité visuelle)
Pages informatives (contact, aide, …)
Barres de menu / éventuellement accès aux sous-menus
Footer/bas de page :
Rappel informatifs (contact, plan du site, …), mentions légales, …
Septembre 2013 ELISABETH DE PABLO 11
Source : http://www.apprendre-en-ligne.net/web/conception/
Source : http://www.grafikart.fr/tutoriels/html-css/coder-site-web-23
WEB MASTERINGELEMENTS FONCTIONNELS - le contenant, plan
graphique
Techniques éditoriales
Corps :
Etablir une charte éditoriale
Penser aux niveaux de lecture
Hiérarchiser l’information : les titres, intertitres, paragraphes, visuels, liens, références, …
Ecrire pour le web / techniques de rédaction
Septembre 2013 ELISABETH DE PABLO 12
Source :http://www.websitex5.com/en/contents.html
WEB MASTERINGINVARIANTS – SERVICES EXTERNES - JURIDIQUE
Compréhension rapide
Quels sont les éléments invariants ?
Quels peuvent être les services extérieurs ?
Comment les mettre en place ?
Vérifier les droits des contenus diffusés.
Protéger son site, son contenu ?
Les droits d’auteurs.
Septembre 2013 ELISABETH DE PABLO 13
WEB MASTERING & WEB DESIGNER
IDENTITE du SITE – les aspects visuels
Compréhension rapide
Etablir la charte graphique en relation avec l’arborescence/la structure du site
Aspects visuels
Règles de couleurs (attention à la connotation)
Choix typographiques (police et taille des caractères) = établir des règles CSS
Choix des éléments multimédias = photos, dessins, symboles iconiques, …
Septembre 2013 ELISABETH DE PABLO 14
Source :http://www.multimedialab.be/cours/webdesign/grilles.htm
COMMUNITY MANAGEMENT
GESTION DES RESEAUX SOCIAUX – un aspect incontournable
Quels réseaux sociaux pour quels usages ?
Comment choisir ?
Quels sont les plus ?
Que leur demander ?
>> Mettre en place une stratégie
>> Créer, suivre et animer les réseaux choisis
Septembre 2013 ELISABETH DE PABLO 15
Source :http://www.chasseurdebuzz.com/
DIGITAL CURATION CURATION – VEILLE D’INFORMATION
Qu’est-ce qu’une veille d’information, comment la pratiquer ?
Différence entre veille d’information et curation d’information
Liens entre réseaux sociaux et gestion de l’identité numérique
Choisir ses modes de veille ?
Mettre en place une stratégie de veille
Analyser et utiliser la veille
Septembre 2013 ELISABETH DE PABLO 16
DIGITAL IDENTITYE-REPUTATION– Gestion de l’identité numérique
Qu’est-ce qu’une identité numérique ?
En quoi est-ce important ?
Comment suivre et gérer sa réputation sur internet ?
Septembre 2013 ELISABETH DE PABLO 17
Source :http://www.netpublic.fr/2012/12/identite-numerique-internet-responsable/