COMMUNICATION, MÉDIAS ET CIM404A...

17
TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET ORGANISATIONS CIM404A Septembre 2013 ELISABETH DE PABLO 1

Transcript of COMMUNICATION, MÉDIAS ET CIM404A...

Page 1: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET

ORGANISATIONSCIM404A

Septembre 2013 ELISABETH DE PABLO 1

Page 2: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 3: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 4: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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)

Page 5: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 6: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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/

Page 7: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 8: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 9: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 10: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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/

Page 11: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 12: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 13: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 14: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 15: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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/

Page 16: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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

Page 17: COMMUNICATION, MÉDIAS ET CIM404A ORGANISATIONSwebculture.weebly.com/uploads/2/0/2/4/20241537/27sept13.pdf · Curation, veille d’information autour et sur le projet (digital curation)

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/