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/