Charte et bonnes pratiques pour les projets

Sont dcrits ici un ensemble de bonnes pratiques permettant chacun (ARTE producteur, prestataire) de travailler dans de bonnes conditions et de donner les meilleures chances aux projets ditoriaux. Toutes les remarques rdiges ici sentendent par dfaut.

PLANNING GENERAL.......................................................................................................................................................... 2 URLS......................................................................................................................................................................................... 3 URLS FONCTIONNELLES ............................................................................................................................................................ 3 REDIRECTIONS ET ACHAT DE NOMS DE DOMAINES..................................................................................................................... 3 HEBERGEMENT .................................................................................................................................................................... 5 SITE ............................................................................................................................................................................................ 5 VIDEOS ....................................................................................................................................................................................... 5 DESIGN, ERGONOMIE, GRAPHISME............................................................................................................................... 7 ARBORESCENCE ......................................................................................................................................................................... 7 STORYBOARDS............................................................................................................................................................................ 7 MAQUETTES GRAPHIQUES.......................................................................................................................................................... 7 REMARQUES ............................................................................................................................................................................... 7 META-DONNEES EDITORIALES....................................................................................................................................... 9 SEO............................................................................................................................................................................................ 9 OPENGRAPH (FACEBOOK) ....................................................................................................................................................... 10 TWITTER .................................................................................................................................................................................. 12 FONCTIONNALITES SOCIALES ET COMMUNAUTAIRES ....................................................................................... 13 PARTAGE .................................................................................................................................................................................. 13 COMMENTAIRES ....................................................................................................................................................................... 13 AUTRES FONCTIONNALITES SOCIALES ..................................................................................................................................... 14 STATISTIQUES .................................................................................................................................................................... 15 XITI .......................................................................................................................................................................................... 15 GOOGLE ANALYTICS................................................................................................................................................................ 16 INFORMATIONS JURIDIQUES (MENTIONS LEGALES, CREDITS, ETC.) ............................................................. 17 LANCEMENT(S)................................................................................................................................................................... 18 MISE EN PRE-PRODUCTION....................................................................................................................................................... 18 MISE EN PRODUCTION .............................................................................................................................................................. 18 DECISION.................................................................................................................................................................................. 19

1 sur 19

Planning gnral

- 3 semaines
PRE-PRODUCTION

LANCEMENT - 4 mois - 3 mois - 2 mois - 1 mois

URLs fonctionnelles Achat de noms de domaines et redirections Dcision hbergement et vido

Storyboards Maquettes graphiques Fourniture de toutes les informations pour Xiti (notam. arborescence)

Pack technique (Addthis, Disqus, Bitly, Xiti, Google Analytics, etc.)

Mtas ditoriales (Facebook, SEO, Twitter) Infos juridiques Page fan Facebook, compte Twitter (le cas chant)

Pr-production avec authentification : Retours Validations ditoriale, fonctionnelle et juridique Accord pour mise en production

2 sur 19

URLs
URLs fonctionnelles
Les vraies URLs dun projet = celles qui saffichent au fur et mesure de la navigation. Elles doivent tre dcides le plus tt possible. leprojet.arte.tv/fr leprojet.arte.tv/de ou leprojet.arte.tv derProjekt.arte.tv Ces URLs sont absolument impratives, et doivent tre communiques au moins 3 4 mois avant la mise en ligne, dans les deux langues. Ces URLs sont par dfaut des sous-domaines darte.tv. En revanche, il est possible que pour certains projets on souhaitent masquer plus la notion darte.tv (pour toucher un public diffrent, jouer sur leffet de surprise, dans le cadre dune co-production avec plusieurs diffuseurs, etc.)

Redirections et achat de noms de domaines

= Les URLs qui ramnent aux URLs fonctionnelles Elles doivent tre dcides le plus tt possible. Vous devez vrifier galement quelles ne sont pas dj rserves (utilisez un service type whois , par exemple : http://www.afnic.fr/fr/produits-et-services/services/whois/ http://whois.de/ http://www.whois.com/

Lachat des principales revient ARTE, (contact : Jrme Vernet): leprojet.fr leprojet.de leprojet.com Les URLs supplmentaires (autres langues, autres dclinaisons) peuvent tre choisies et rserves par le producteur: leprojet-webprod.com elproyecto.es
3 sur 19

etc.

Ces URLs sont absolument impratives, et doivent tre achetes et / ou communiques au moins 3 4 mois avant la mise en ligne, dans les deux langues.

Pourquoi ? Elles sont indispensables pour demander Strasbourg la cration de la barre corporate qui agrmentera le site Elles permettent de commencer crer les sous-domaines et de lancer la procdure dhbergement auprs de Strasbourg etc.

4 sur 19

Hbergement
Site
Habituellement, ARTE hberge le CMS. Pourquoi ? ARTE bnficie de prestation premium auprs de ses hbergeurs en cas de problme, ARTE reste matre de la diffusion du projet en cas de fin de droits, ARTE peut grer la fermeture du projet (qui lui incombe) en cas de force majeure, et sil ny a pas de ractivit du ct de la production ou des prestataires, ARTE peut prendre des mesures plus rapidement

Si le site doit tre rgulirement dclin dans dautres langues que celles couvertes par ses droits de diffusion, ou si la technologie du CMS est exprimentale et que le producteur doit pouvoir y accder de plein droit constamment, etc. il peut tre intressant de faire hberger le site par la production / prestataires.

Cette discussion doit avoir lieu rapidement, entre ARTE et les producteurs / prestataires. Et la dcision doit tre arrte au moins 4 mois avant la mise en ligne.

Pourquoi 4 mois avant ? Parce quil faut que le producteur / prestataire fournisse un document technique complet, et que a ncessite souvent plusieurs allers-retours parce quil faut ensuite crer lespace dhbergement appropri avec Strasbourg, en remplissant l encore des formulaires complets parce quil faut attendre le retour des prestataires de Strasbourg parce quil faut tester enfin lhbergement livr

Vidos
Habituellement, ARTE hberge les vidos. Pourquoi ?
5 sur 19

ARTE bnficie de prestation premium auprs de ses CDN lencodage ARTE France est de qualit (TUA) les vidos peuvent bnficier des avances techniques de nos outils gnriques (Videoweb) pour ARTE cest lassurance davoir un moment donn les fichiers vidos en cas de problme, ARTE reste matre de la diffusion du projet en cas de fin de droits, ARTE peut grer le retrait des contenus en cas de force majeure, et sil ny a pas de ractivit du ct de la production, ARTE peut prendre des mesures plus rapidement

Les cas o cette gestion des vidos par dfaut peut tre discute : - dispositif technique trs particulier - partenariat (Dailymotion, Youtube, Vimeo, Facebook)

La dcision doit tre arrte au moins 4 mois avant la mise en ligne. Pourquoi 4 mois avant ? Il faut prvoir le temps ncessaire au dveloppement de nouvelles fonctionnalits si Videoweb est utilis Lquipe de dveloppement de la production / prestataire doit pouvoir se fier cette dcision pour dvelopper tout le contenant

6 sur 19

Design, ergonomie, graphisme

Arborescence
La structure gnrale du site doit tre fournie au minimum 3 mois avant le lancement. Pourquoi ? Elle permet de : sassurer de la bonne entente sur le contenu lui-mme commencer crer le plan de taggage Xiti pouvoir faire des retours puis valider fonctionnellement le site

Storyboards
Les storyboards, ou schmas de navigation et demplacement des informations, doivent tre tre fournis au minimum 3 mois avant le lancement. Pourquoi ? pour sassurer de la pertinence du futur dispositif, en matire de navigation notam. pouvoir faire des retours puis valider fonctionnellement le site

Maquettes graphiques
Les maquettes graphiques doivent tre tre fournis au minimum 3 mois avant le lancement. Pourquoi ? pour pouvoir faire des retours puis valider graphiquement et fonctionnellement le site

Remarques

7 sur 19

Tous ces points semblent seulement graphiques, mais cest la plupart du temps ce moment prcis de navigation que les problmes les plus graves sont dcels. Si je nai pas accs ces informations, je ne peux donc pas vous alerter sur les modifications majeures demander.

8 sur 19

Mta-donnes ditoriales
Elles sont toutes fournir au minimum 1 mois avant la mise en ligne du projet, dans les deux langues.

Pourquoi ? Il faut le temps de pouvoir les intgrer du ct de la production / prestataire et de faire des retours sur ce qui est install en pr-production.

SEO
Elles sont fournir par les responsables ditoriaux ARTE en concertation ventuelle avec la production / prestataires au minimum 1 mois avant la mise en ligne du projet, dans les deux langues.

Pourquoi en a-t-on besoin ? Elles servent un rfrencement correct dans les moteurs de recherche un affichage dans le navigateur produire un flux RSS propre etc.

Dans la plupart des cas, vous pouvez voir le contenu des balises qui sont concernes title description keywords

en faisant ctrl + U dans votre navigateur, sur la page concerne.

9 sur 19

Affichage correspondant dans Google :

OpenGraph (Facebook)
Elles sont fournir par les responsables ditoriaux ARTE en concertation ventuelle avec la production / prestataires au minimum 1 mois avant la mise en ligne du projet, dans les deux langues.

Pourquoi en a-t-on besoin ? Elles servent un rfrencement correct dans Facebook et dans tous les services associs Facebook

Elles pr-remplissent tous les champs utiliss par Facebook pour un affichage quand on like une URL donne, quand on poste un lien dans un status etc.

Les balises remplir dpendent du type dobjet (article, vido, son, etc.) quon souhaite partager sur Facebook. Dans les grandes lignes, ces informations sont les suivantes : title description type
10 sur 19

video ou audio le cas chant (URL fichier, taille en pixels, etc.) URL image

Dans la plupart des cas, vous pouvez voir le contenu des balises qui sont concernes en faisant ctrl + U dans votre navigateur sur la page concerne et en essayant de poster lURL de la page dans un status Facebook :

Affichage correspondant lors du partage de lURL dans Facebook

Contact : Emilie Bessard.

Remarques
Ces informations sont envisager pour la home seulement, dans lide que chaque page du projet devra avoir ses propres informations sociales (un titre diffrent, une description adapte, etc.) Cest au producteur, partir de lexemple quARTE lui donne sur la page daccueil, qui doit pouvoir proposer des dclinaisons adaptes chaque page. Lide nest pas de dfinir par ces seules infos au sujet de la home lensemble des mtas Facebook du site, mais de donner un point de dpart la production / prestatire pour dployer cette rflexion sur tous le site.
11 sur 19

Twitter
Elles sont fournir par les responsables ditoriaux ARTE en concertation ventuelle avec la production / prestataires au minimum 1 mois avant la mise en ligne du projet, dans les deux langues. Pourquoi en a-t-on besoin ? Elles permettent de matriser la manire dont on parle du site sur Twitter de diffuser des hashtags concerts et ventuellement rutilisables de diffuser le @ARTEfr ou le @ spcifique du projet

On peut en effet dans la plupart des cas pr-remplir le champ texte de Twitter, avec un texte court, un lien raccourci et un @ pertinent.

Il faut donc fournir (contact : Emilie Bessard): Une phrase ou expression invitant cliquer + associe le cas chant un ou plusieurs @ + associe le cas chant un ou plusieurs hashtags + lURL quon souhaite communiquer Le tout, URL comprise, ne doit pas dpasser 140 signes, espaces et ponctuation compris.

12 sur 19

Fonctionnalits sociales et communautaires

Partage
Nous utilisons un outil tiers pour le partage des URLs : Addthis. Le producteur / prestataire doit y tre sensibilis en amont. Lintgration de cet outil est trs simple. Les informations techniques pour lutiliser font partie du pack technique communiqu 2 mois avant le lancement du site. Pourquoi lutiliser ? Cest standard simple intgrer et permet de centraliser des statistiques spcifiques pour tous les projets du groupe ARTE.

Commentaires
Nous utilisons un outil tiers pour les commentaires: Disqus. Le producteur / prestataire doit y tre sensibilis en amont. Lintgration de cet outil est trs simple. Les informations techniques pour lutiliser font partie du pack technique communiqu 2 mois avant le lancement du site. Pourquoi lutiliser ? Cest standard simple intgrer permet de centraliser tous les commentaires sur les sites ARTE, rendant plus facile la modration permet de centraliser leurs statistiques dutilisation. Cela vite au producteur / prestataire de r-inventer des outils moins bons et moins fiables pour commenter, et de dpenser du temps et de lnergie sur des dispositifs qui existent dj Lexprience montre que dans le cas doutils dvelopps par le producteur / prestataire, les dfaillances sont nombreuses, et la maintenance lourde au dtriment dvolutions beaucoup plus stratgiques mener durgence. Pour configurer les sous-comptes Disqus associs, il est ncessaire que vous fournissiez :

13 sur 19

Les URLs fonctionnelles des projets, dans les deux langues LID du compte Disqus de gestion des commentaires qui doit tre cr par le producteur / prestataire

Autres fonctionnalits sociales

Il existe un grand nombre de fonctionnalits sociales, quon nutilise pas de manire gnrique, mais au cas par cas. Il y a par exemple certains widgets ou APIs de Twitter, Foursquare, Google Maps etc. Voici quelques exemples diffrents :

Facebook : social plugins

Lists ici : https://developers.facebook.com/docs/plugins/

Instagram : API
Accs lAPI: http://instagram.com/developer/ Exemples dutilisation : http://www.nuwomb.com/realtime-api-instagram/

Lastfm : API
Accs lAPI : http://www.lastfm.fr/api Exemples dutilisation : http://build.last.fm/

14 sur 19

Statistiques
Xiti
Les informations qui sont ncessaires pour raliser un plan de taggage doivent toutes tre fournies dans les deux langues au moins 3 mois avant la sortie du projet.

Pourquoi utiliser Xiti, et pourquoi limplmenter finement ? Xiti est loutil de mesure officiel en externe (certification OJD, etc.) Xiti est loutil de mesure officiel en interne (COM, etc.) Loutil permet de centraliser les statistiques de piloter ditorialement (mises en avant, volutions de site, choix de sujets, ou de fonctionnalits, etc.) dauditer ce qui marche, et ce qui ne marche pas en terme daudience et dusage

Pourquoi 3 mois avant?

Avec les informations, il faut prendre le temps :

danalyser la structure du site dimaginer comment placer ces statistiques dans larborescence gnrale des statistiques du groupe ARTE de prendre contact avec les responsables des stats GEIE pour agir en accord avec eux de raliser le plan de taggage lui-mme de la communiquer, ainsi que tout un ensemble de documents, la production / prestataire deffectuer un grand nombre dallers-retours de vrifier en pr-production que le plan a t correctement install de r-effectuer des allers-retours de valider le taggage en place au minimum 3 semaines avant le lancement du site

Ce nest pas compressible

La conception des statistiques est un travail consquent, quon ne peut ni faire vide dinformations, ni la dernire minute. La plupart de nos interlocuteurs nont aucune exprience fonctionnelle et technique concernant limplmentation de ces marqueurs. Il faut donc prvoir de nombreux retours.

15 sur 19

Pages
Vous devez fournir ou indiquer: larborescence du site, dans les deux langues un site classique ? un site mobile ? des applications mobiles natives ? hybrides ? une application Chrome ? une appli HbbTV ? etc. = le primtre prcis de dploiement du projet lURL Bizet le cas chant

Vidos
Vous devez fournir : larborescence du site, dans les deux langues un site classique ? un site mobile ? des applications mobiles natives ? hybrides ? une application Chrome ? une appli HbbTV ? etc. = le primtre prcis de dploiement du projet

Google Analytics
Il sagit dun marqueur simple qui fait partie du pack technique standard.

16 sur 19

Informations juridiques (mentions lgales, crdits, etc.)

Aucun site ne peut tre lanc sans mentions lgales et crdits valids par le jurique (contact : Jrme Vernet) et lditorial. Pourquoi ? Il sagit dinformations valeur juridique, ce titre elles engagent ARTE Les crdits et mentions lgales sont un sujet sensible, il est assez difficile de rattraper leffet ngatif dun oubli ou dune erreur involontaire

La procdure est la suivante : 1. fourniture dun modle par Jrme partir dinformations que vous devez collecter (hbergement etc.) 2. rdaction des informations complmentaires par vous, en collaboration avec le producteur / prestataire, dans les deux langues 3. validation par Jrme de la version dfinitive

17 sur 19

Lancement(s)
Mise en pr-production
La mise en pr-production doit avoir lieu au minimum : - 3 semaines avant la mise en production dfinitive, si elle est ralise sur nos serveurs - 1 mois avant la mise en production dfinitive si elle est ralise sur un serveur provisoire

Jattire votre attention sur ces deux principes, au sujet desquels on doit sensibiliser chez nous et lextrieur : pas daccs sans id / mot de passe une version de travail pas de version provisoire qui sternise en ligne aprs le lancement du projet

Pourquoi ? Il sagit de version de travail Les fuites involontaires au sujet de lURL sont frquentes Google repre ces sites provisoires, puis estiment que le vrai site ARTE, lors de sa mise en production, est une copie vole (car ultrieure) et donc le supprime de ses rsultats de recherche

Mise en production
Quelle mise en production ?
Il existe deux types de mise en production : prive (accs presse, ou beta, etc.) publique La date de mise en production sur laquelle est cale tout le planning dcrit dans ce document est la 1re date chronologique de lancement. Par ailleurs, toutes les personnes travaillant sur le projet ont besoin de connatre ces deux dates, de manire trs claire. Pourquoi ?
18 sur 19

Le travail de tous les intervenants est directement cal sur ces informations

Nous avons donc tous besoin de : savoir sil y aura un lancement priv et un lancement public connatre toutes ces dates ds le dbut du projet

Il peut y avoir des ajustements, mais une date qui change 10 fois pendant la dure dun projet est une date qui, concrtement, na plus aucune valeur.

Dcision
La dcision ultime de mise en production (= mise en ligne officielle) doit tre valide a minima par Marianne ou David.

19 sur 19