Document utilisateur de l administration de la rubrique «corporate»

Transcription

1 Document utilisateur de l administration de la rubrique «corporate» Client Projet Site internet tv5monde.com > Rubrique «corporate» Document rédigé le : Auteur(s) : Elsa Alasseur Version du document : #2.0 e clyd re

2 SITE INTERNET Historique Version Date Par Modifications E.Alasseur Version initiale eclyd re juin

3 SITE INTERNET Sommaire 1. Présentation de la rubrique «information» Vue générale de la rubrique Gabarits de mise en page...5 Accueil de la rubrique Rubrique AFP Rubrique «l actualité en vidéo» Page modulaire...9 Diaporamas Page Dilem Pages «Nouvo» et «7 jours sur la planète» Présentation des principes d administration Identification à l espace d administration Accès aux contenus par le plan du site...15 Accès aux contenus par la liste des pages Gestion de la rubrique, de ses pages et sous-rubriques Paramètres de la rubrique Liste des sous-rubriques Liste des pages Création d une nouvelle sous-rubrique ou page Présentation des formulaires d édition de contenu Titre de la page Paramètres de la page Le contenu de la page Mise en cache et publication Prévisualisation Mise à jour de la page d accueil Tableau de bord Edition du bloc d alerte Gestion de la zone AFP Edition de la zone «le choix de» Edition du bloc d accroche principal Edition des blocs d accroche secondaires Edition des liens Edition du bloc c était il y à Edition des blocs revue de presse et newsletter Edition des blocs émissions Edition des blocs partenaires Edition du bloc Afrique...32 Edition du bloc sondage Edition des blocs blogosphère Création d une page modulaire Rappel des principes de composition des pages intérieures Formulaire d édition Edition des blocs pub Blocs «bandeau publicitaire» Blocs«bandeau publicitaire flash» Edition du corps de page Blocs «promo» Blocs texte standard Bloc tableau de données Blocs vidéo et vidéo large Edition des blocs de la colonne de droite Blocs texte standard Blocs bandeau publicitaire Blocs existants...41 eclyd re juin

4 SITE INTERNET Blocs liste de liens Blocs sondage Blocs émissions Blocs jeux : concours participatif...42 Blocs jeux : bloc standard Bloc jeux : quiz Blocs WebTV, Vodéothèque et blogosphère Duplication d une colonne existante Création d un sondage Création d un diaporama Mise à jour de la page Dilem...48 eclyd re juin

5 SITE INTERNET 1. Présentation de la rubrique «corporate» 1.1 Vue générale de la rubrique Accueil Carte de visite Espace presse Évènements Présentation Organigramme Comm uniqué page page 1 s 1 Soirées spéciales Partenariats Chiffres clés Historique Budget Dossiers de presse Représentants locaux Coulisses de la chaîne Maisons Numéro du gabarit 1.2 Gabarits de mise en page La rubrique «corporate» est composée à partir de 5 gabarits : 1. Page de contenus modulaire 2. Liste des communiqués 3. Page communiqué 4. Organigramme 5. Liste des représentants Ces gabarits sont composés de zones, elles-mêmes composées de blocs de contenus. Certains des ces zones et blocs contiennent des contenus remontés «automatiquement». D autres, peuvent être administrés, i.e. éditorialisés par les contributeurs du site. Les écrans ci-après présentent les différentes zones et les blocs qui les composent. Les éléments pouvant être administrés par les contributeurs sont entourés en rouge. eclyd re juin

6 SITE INTERNET Accueil de la rubrique Eléments constants sur toutes les pages de la rubrique : titre de la page + bloc météo Bloc d alerte facultatif. Administrable Zone player vidéo. Non administrable Zone AFP. Les contributeurs peuvent administrer la rubrique mise en exergue. Zone «Les choix de» composée de : - Un bloc d accroche principale - Deux blocs d accroche secondaire - 2 liens (facultatifs) - la remontée automatique du dernier invité de l émission du même nom (non administrable) - une accroche «c était il y à» - 2 accroches facultatives vers la revue de presse et la future lettre d info Bloc pub, géré par le service interactivité Bloc Dilem. Non administrable. Bloc image AFP. Non administrable. Liste des émissions de la chaîne. Les émissions apparaissant dans cette liste ainsi que leur ordre d apparition sont administrables Zone partenaire composée de deux types de blocs : - flux XML - accroche éditorialisée par les contributeurs de la rubrique Bloc sondage Remontée automatique des titres des derniers journaux Afrique et Eco Bloc d accroche vers un contenu Afrique. Ce bloc est administrable eclyd re juin

7 SITE INTERNET Rubrique AFP La rubrique AFP n est pas administrable. Sa gestion est automatique. Les corps de page affichent les contenus des flux AFP. Les colonnes de droite remontent certains blocs édités pour la page d accueil. AFP page sommaire AFP page article eclyd re juin

8 SITE INTERNET Rubrique «l actualité en vidéo» La rubrique «l actualité en vidéo» n est pas administrable. Sa gestion est automatique. Les corps de page affichent les contenus des flux vidéo. Les colonnes de droite remontent certains blocs édités pour la page d accueil. eclyd re juin

9 SITE INTERNET Page modulaire L outil d administration permet de créer des pages de contenus selon un gabarit dit «modulaire». Ce gabarit permet de combiner différents types de blocs et s adapte à différents cas de figure. Exemple de page modulaire contenant tous les types de blocs. Bandeau d illustration (967px) Déroulant accès rapide. Liste de liens de 1 à X paragraphes composés des éléments : surtitre, titre, texte courant, vignette, 1 à X liens 1 à X blocs «standards» composés des éléments administrables suivants : surtitre, titre, texte courant, vignette, 1 à X liens 2 formats d image : pleine largeur (290px de large), petite vignette (100px de large) 4 formats d image : 100, 200, 290, 600px Liste de bloc avec rotator Liste de vidéo issues de la Webtv avec rotator 2 à X blocs de mise en exergue, composés des éléments administrables suivants : surtitre, vignette, choix de la couleur, titre, texte courant, 1 à X liens 2 formats d images : 156x73px ou 316px de large Liste de vidéo issues de la Vodéothèque avec rotator Sondage Le saviez-vous de 1 à X paragraphes composés des éléments : surtitre, titre, texte courant, vignette, 1 à X liens 4 formats d image : 100, 200, 290, 600px Concours Jeux Possibilité d insérer ou non une marge entre les différents blocs eclyd re juin

10 SITE INTERNET Galerie AFP Tableau de données avec un nombre variable de colonnes et de lignes Dessins Dilem 2 à X blocs de mise en exergue, composés des éléments administrables suivants : surtitre, vignette, choix de la couleur, titre, texte courant, 1 à X liens 2 formats d images : 156x73px ou 316px de large 1 à X blocs de vidéo. 2 cas de mise en page en fonction de la taille de la vidéo. eclyd re juin

11 SITE INTERNET Diaporamas Les contributeurs du site peuvent créer des diaporamas d images. La colonne de droite n est pas administrable, elle remonte certains blocs édités pour la page d accueil. eclyd re juin

12 SITE INTERNET Page Dilem Le corps de la page Dilem remonte automatiquement les dessins saisis par Dilem dans son administration. Seul le bloc biographie est administrable. La colonne de droite remonte certains blocs édités pour la page d accueil. Bloc de contenu administrable. eclyd re juin

13 SITE INTERNET Pages «Nouvo» et «7 jours sur la planète» Les pages «Nouvo» et «7 jours sur la planète» ne sont pas administrables. Leur gestion est automatique. Les hauts de page affichent les contenus des flux vidéo et : dans le cas de Nouvo : le flux «news Nouvo» du partenaire TSR. dans le cas de «7 jours» : une accroche vers l une des 3 dernières séquences d exercices publiées dans la rubrique «apprendre et enseigner» du site de TV5. Les bas de page remontent certains blocs édités pour la page d accueil. Page Nouvo Page 7 jours eclyd re juin

14 SITE INTERNET 2. Présentation des principes d administration 2.1 Identification à l espace d administration Le module d administration est l interface par laquelle les utilisateurs chargés de gérer et d animer la rubrique peuvent créer des sous-rubriques et des pages, et éditer les contenus diffusés sur les pages existantes. Cet espace est accessible depuis l url : L accès est sécurisé. L utilisateur doit s identifier en saisissant son et son mot de passe. Ces identifiants sont créés par les administrateurs du site tv5monde.com. Une fois identifié, l utilisateur accède au menu de l espace d administration de la rubrique : Gestion des contenus du site : (détails ci-après) Accès aux contenus de la rubrique soit en mode «plan du site», soit à partir d une liste de toutes les pages (avec outil de recherche) Gestion des éléments spécifiques : Dans le cas présent seule l entrée «Sondages liste» concerne les utilisateurs de la rubrique «infos». Cette entrée permet d accéder à la liste des sondages, de les éditer ou d en créer de nouveaux. eclyd re juin

15 SITE INTERNET Accès aux contenus par le plan du site Action préalable Le contributeur a sélectionné «gestion des contenus du site / Mode plan du site» dans la colonne de gauche de l'outil d'administration. L entrée «plan du site» permet d accéder à la rubrique «information», aux pages et aux sous-rubriques qui la composent via un mode de type arborescent. L accès se fait par un chemin du type Accueil/Information/Rubrique niveau 1/Rubrique niveau 2/ Page. Icône crayon : accès au formulaire d édition de la rubrique ou de la page Icône page/ciseau : fonction «couper / coller». Permet de supprimer la page concernée et de la conserver en mémoire afin de la déplacer dans l arborescence Icône double page : fonction «copier/coller». Permet de dupliquer la page concernée afin de la déplacer dans l arborescence Lien direct vers le formulaire d édition de la page. Icône «+» : permet de dérouler les sous-rubriques et/ou les pages qui composent la rubrique eclyd re juin

16 SITE INTERNET Accès aux contenus par la liste des pages Action préalable Le contributeur a sélectionné «gestion des contenus du site / Liste des pages» dans la colonne de gauche de l'outil d'administration. Cet écran permet de rechercher rapidement une page existante pour la modifier ou la supprimer. Pour chaque page sont rappelés le nom, la rubrique, le statut (publié ou hors ligne). Ouverture du formulaire de recherche avancée Fonctionnalité de recherche au sein de la colonne Fonctionnalité de tri d affichage des éléments de la colonne Suppression d un élément de contenu Nom de la page. Lien vers le formulaire d édition du contenu Gestion de la publication. «Publié» = visible depuis l interface publique. «Hors ligne» = non visible depuis l interface publique. Pour rechercher par nom, rubrique ou statut : cliquer sur l'icône "loupe" dans l'entête de la colonne correspondant à votre recherche. Une fenêtre de recherche s'ouvre : saisir les premières lettres du mot recherché dans le champ de saisie puis cliquer sur OK. La liste obtenue affiche par ordre alphabétique les noms des pages contenant les lettres tapées. Pour rechercher par ordre alphabétique dans les listes : Cliquer sur les flèches montantes et descendantes dans l'entête de la colonne correspondant à votre recherche. Les listes s'affichent alors par ordre croissant ou décroissant. Pour naviguer dans la liste, utiliser le tourne-page en haut d'écran. Pour supprimer une page, cliquer sur l'icône "poubelle" situé à gauche de son nom. Pour modifier une page, cliquer sur son nom dans la liste. Un outil de recherche avancée est disponible (lien sous le titre «Les contenus du site»). Il permet d effectuer une recherche croisée par mot clé et par rubrique. eclyd re juin

17 SITE INTERNET Gestion de la rubrique, de ses pages et sous-rubriques Action préalable Depuis le plan du site, le contributeur a cliqué sur le crayon situé devant le nom de la rubrique. Le contributeur accède au tableau de bord permettant de gérer la rubrique. Quelque soit le niveau de la rubrique ou sous-rubrique, le tableau est identique. Cet écran est découpé en 3 parties : Paramètres de la rubrique Diffusion (mise en ligne) de la rubrique et de tous ses contenus «enfants» Présence du titre de la rubrique dans le menu général du site Code couleur de la rubrique. Cette couleur est celle attribuée à la rubrique dans le menu général Intitulé de la rubrique et accès au pop-up de traduction Nom du dossier physique. Destiné aux développeurs. Nom de la rubrique dans le menu (si différent de l intitulé) et accès au pop-up de traduction Grille de mise en page et gabarit du corps de page. Destiné aux développeurs. Appel de CSS. Destiné aux développeurs. Tags statistiques Configuration et paramétrages de la rubrique. Destiné aux développeurs. Méta-description et méta-keyword pouvant être personnalisés pour la rubrique. Si ces champs ne sont pas renseignés, la rubrique hérite des champs définis pour la page d accueil ou rubrique parente Liste des sous-rubriques Gestion de l ordre d affichage sous-rubriques dans les menus Titre de la sous-rubrique Lien vers la page d édition de la rubrique (identique à celle-ci) Suppression de la rubrique et de tous ses contenus «enfants» Création d une nouvelle sous-rubrique (cf ci-après) Création d une nouvelle sous-rubrique (cf ci-après) Statut de la rubrique 1 = diffusée 0 = hors ligne Présence de la rubrique dans le menu 1 = rubrique accessible depuis le menu 0 = rubrique non présente dans le menu eclyd re juin

18 SITE INTERNET Liste des pages Suppression de la page Création d une nouvelle page Création d une nouvelle page Statut de la page 1 = diffusée 0 = hors ligne Présence de la page dans le menu 1 = page accessible depuis le menu 0 = page non présente dans le menu Gestion de l ordre d affichage des pages Titre de la page. Lien vers le formulaire d édition de la page NB : la page intitulée «Accueil» ne doit pas être déplacée. Elle doit toujours se trouver en tête de la liste Création d une nouvelle sous-rubrique ou page Pour ajouter une nouvelle ou sous-rubrique, cliquer sur «Créer une rubrique» ou sur le signe «+» à l endroit où doit se positionner la nouvelle sous-rubrique. La nouvelle rubrique est créée en tête de liste. Pour éditer la nouvelle rubrique, cliquer sur le crayon. Renseigner les paramètres de la rubrique (cf ci-avant) et enregistrer Pour créer des nouvelles pages dans la sous-rubrique, cliquer sur «Créer une page». Une nouvelle ligne est créée dans la liste, cliquer sur le petit crayon pour éditer cette nouvelle page. Pour retourner à la rubrique du niveau supérieur, cliquer sur «Retour à la rubrique». eclyd re juin

19 SITE INTERNET Présentation des formulaires d édition de contenu Les pages et les blocs de contenu qui les composent sont créé(e)s et édité(e)s via des formulaires. Les champs des formulaires peuvent varier en fonction des blocs (les cas particuliers seront traités ci-après) mais les principales caractéristiques demeurent constantes. Les champs obligatoires sont signalés par le signe * à l'écran. Pour enregistrer : cliquer sur le bouton Enregistrer (bas de page) ou les icônes "disquette" situées à droite de tous les blocs. Les formulaires se décomposent en trois parties (NB. Ne sont décrits ici que les éléments susceptibles d être utilisés par les contributeurs de la rubrique «info») : Titre de la page Nom : titre de la page Paramètres de la page Cet espace permet de déterminer les caractéristiques «formelles» de la page Options de publication : - diffusion (mise en ligne) de la page - affichage du nom de la page dans le Menu d Ariane - création du cache de la page - définition de la durée de la mise en cache Indique si la page a été publiée en HTML et précise la date et l heure Case à cocher si la page ne doit pas être akamaisée. Permet de définir un nom dans le menu différent de celui de la page (peut s avérer utile dans le cas où le nom de la page est trop long pour apparaître dans un menu) Tags statistiques Permet de rediriger vers une page existante ou une url externe eclyd re juin

20 SITE INTERNET Le contenu de la page Cet espace permet d éditer les blocs de contenu qui composent les différentes zones de la page Vue générale des blocs de contenu d une page Exemple de zone sans bloc (elle ne s affiche donc pas en consultation). Icône «+» : permet de créer un nouveau bloc de contenu dans cette zone. Exemple de zone avec blocs Icône «+» : permet de créer un nouveau bloc de contenu sous le bloc sélectionné. Icône poubelle : permet de supprimer le bloc Un clic sur le titre du bloc ouvre le formulaire d édition du bloc (cf ci-dessous) Détail d un bloc de contenu «texte standard» Les blocs de contenus «texte standard» sont les blocs les plus utilisés dans la composition des pages. Ils illustrent les grands principes de l édition des contenus. Diffusion (mise en ligne) du bloc Changement de positionnement du bloc dans la zone Choix du type de bloc Titre du bloc (1 er niveau de titre) Programmation de la publication des blocs - par dates et heures de début et fin. Cliquer sur la loupe pour ouvrir le calendrier - par signal et zone Titre du paragraphe (2 nd niveau de titre) Texte courant avec option de mise en page Champs de chargement d un fichier image. Et déroulant permettant de sélectionner le format de l image. Lien vers une page existante du site. Cliquer sur la loupe pour accéder au formulaire de recherche de pages Lien externe et options de configuration : _self : ouverture dans la fenêtre en cours de consultation _blank : ouverture dans une nouvelle fenêtre pop-up et définition des dimensions du pop-up Création d une liste de liens sous le texte Liens vers un fichier (pdf, word, etc) Choix de position du titre dans le bloc Choix de position de l image dans le bloc eclyd re juin

21 SITE INTERNET Création d un nouveau bloc de contenu Pour ajouter un nouveau bloc de contenu : se placer dans la zone concernée et cliquer sur le signe «+» dans le bloc sous lequel doit se positionner le nouveau bloc. Le nouveau bloc est créé. Chaque nouveau bloc doit être défini par un type de contenu. Le type de contenu correspond à une mise en forme graphique spécifique. Sélectionner le type de contenu du bloc et enregistrer pour les champs du formulaire s affichent. Renseigner les champs qui apparaissent. eclyd re juin

22 SITE INTERNET Mise en cache et publication L outil d administration du site dispose d un système de publication HTML. Si une page n est pas mise en cache, les modifications effectuées dans l administration sont directement visibles en consultation. Lorsqu une page est publiée, une copie de cette page est générée en «cache». Seule la page mise en cache est visible en ligne, il est alors possible d effectuer des modifications sur les pages du site sans qu elles soient immédiatement visibles à la consultation du site. Pour mettre en cache une page : Cocher la case cache dans les paramètres de la page Préciser la durée du cache. Illimitée : la page sera mise en cache jusqu à ce que le contributeur supprimer manuellement la publication HTML (cf ci-après) ou 10 min, 1h, 6h, 24h Cliquer sur publication HTML en bas de formulaire Par la suite, pour afficher en ligne des modifications effectuées sur une page mise en cache, il convient de supprimer la publication HTML Pour supprimer la mise en cache : cliquer sur «supprimer publication HTM» en bas de formulaire eclyd re juin

23 SITE INTERNET Prévisualisation Lorsqu une page est modifiée par un utilisateur, celui-ci a la possibilité de la prévisualiser pour vérification et/ou validation avant publication. Ce système permet la vérification des pages modifiées pour les valider. La mise en ligne de pages «cassées» ou possédant une mise en page défectueuse est ainsi évitée. Il existe deux modes de prévisualisation : Prévisualisation simple Pour prévisualiser une page : cliquer sur «prévisualisation» en bas de formulaire Prévisualisation par signal/zone et date Pour prévisualiser les contenus de la page selon une date et un signal donnés : cliquer sur «prévisualisation» en haut de page dans le formulaire qui s ouvre, préciser le signal, la zone, la date et l heure et valider en cliquant sur «OK» eclyd re juin

24 SITE INTERNET 3. Mise à jour de la page d accueil Action préalable Depuis le plan du site, le contributeur a cliqué sur le lien de la page «Accueil» 3.1 Tableau de bord Le contributeur accède au tableau listant les différentes zones de l accueil et les blocs qui les composent. Gestion de l ordre des blocs «infos» sur l accueil général du site Bloc «message d alerte». Facultatif et administrable par signal/zone. Gestion de la rubrique AFP mise en exergue sur l accueil du site Blocs player vidéo. Ces blocs ne sont pas destinés à être modifiés par les contributeurs de la rubrique Bloc «Le choix de» principal. Bloc s «Le choix de» secondaires Liens «Le choix de» facultatifs Bloc l invité. Ce bloc n est pas destiné à être modifié Bloc c était il y à. Accroches vers la revue de presse et la lettre d info. Facultatifs. Blocs émissions Blocs partenaires Suppression du bloc Création d un nouveau bloc Création d un nouveau bloc Statut du bloc Vert = diffusé Orange = bientôt diffusé Rouge = hors ligne Gestion de l ordre d affichage des blocs dans la zone Titre du bloc Lien vers le formulaire d édition du bloc eclyd re juin

25 SITE INTERNET Bloc JT Afrique. Ce bloc n est pas destiné à être modifié par les contributeurs de la rubrique Bloc d accroche de contenu Afrique. Bloc JT Eco. Ce bloc n est pas destiné à être modifié par les contributeurs de la rubrique Bloc publicité. Ce bloc n est pas destiné à être modifié par les contributeurs de la rubrique Bloc sondage Bloc blog principal Liste de blogs secondaires Bloc abonnement courriels et RSS. Ce bloc n est pas destiné à être modifié par les contributeurs de la rubrique eclyd re juin

26 SITE INTERNET Edition du bloc d alerte Action préalable Depuis le tableau de bord de l accueil, le contributeur a créé un nouveau bloc dans la zone «messages d alerte». Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 2 types de contenus : «alerte» et «alerte vidéo». La seule différence entre ces 2 types est la présence d un picto «vidéo» dans le cas du type «alerte vidéo». Diffusion (mise en ligne) du bloc Titre du bloc. Doit être court et en majuscules, tel que : VIDEO ou DIRECT Programmation des dates de début et de fin d affichage. Utiliser l icône loupe pour ouvrir le calendrier. Programmation du signal et de la zone d affichage. Utiliser l icône loupe pour ouvrir la fonctionnalité de recherche de zone. Champ de texte. Privilégier des textes courts. Possibilité d appliquer un lien sur le texte. Soit vers une page existante, soit vers une url externe. 3.3 Gestion de la zone AFP Dans la zone AFP, il est possible définir quelle est la rubrique AFP qui est mise en exergue. Action préalable Depuis le tableau de bord de l accueil, le contributeur a cliqué sur le lien situé dans la zone «AFP» Le contributeur accède au formulaire de gestion de la rubrique AFP. En cliquant sur la loupe située à droite du déroulant «catégorie», un pop-up s ouvre avec la liste des rubriques AFP pouvant être mise en exergue sur la page d accueil de la rubrique. eclyd re juin

27 SITE INTERNET Edition de la zone «le choix de» Edition du bloc d accroche principal Action préalable Depuis le tableau de bord de l accueil, le contributeur a créé un nouveau bloc dans la zone «Choix TV5 majeur». Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 1 unique type de contenus : «info : bloc standard» Diffusion (mise en ligne) du bloc. NB : dans cette zone, un seul bloc doit être publié. Si plusieurs blocs ont le statut «publiés», alors le bloc affiché sera celui positionné en tête de liste dans le tableau de bord Titre du bloc Texte courant du bloc. 300 caractères max recommandés. Upload de l image du bloc. L image doit respecter un rapport de taille équivalent à 290x135px. Format de la vignette : sélectionner 290x135px Possibilité de faire un lien, soit vers une page existante, soit vers une url externe. Possibilité d attribuer un picto (article, vidéo, dossier ou image) en regard du titre du bloc. Sélectionner le picto voulu dans le déroulant. eclyd re juin

28 SITE INTERNET Edition des blocs d accroche secondaires Action préalable Depuis le tableau de bord de l accueil, le contributeur a créé un nouveau bloc dans la zone «Choix TV5 mineurs». Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 1 unique type de contenus : «info : bloc standard». Ce type de bloc est identique à celui de l accroche principale cf paragraphe précédent. Seule la taille de la vignette change : sélectionner 156*73px dans le déroulant 156x73_ Edition des liens Action préalable Depuis le tableau de bord de l accueil, le contributeur a créé un nouveau bloc dans la zone «Choix TV5 liens». Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 1 unique type de contenus : «info : bloc standard». Ce type de bloc est identique à celui de l accroche principale cf paragraphe précédent. Seuls les champs «nom» et URL ou «lien vers page existante» doivent être renseignés. eclyd re juin

29 SITE INTERNET Edition du bloc c était il y à Action préalable Depuis le tableau de bord de l accueil, le contributeur sélectionné le bloc «C était il y à» existant. NB : il n est pas pertinent de créer un nouveau bloc chaque semaine. Nous recommandons de modifier le bloc existant Le contributeur accède au formulaire d édition du bloc. Info : bloc standard Titre du bloc : modifier le nombre d années Texte courant du bloc. Modifier l accroche. 80 caractères max recommandés. Mettre à jour l image : - cliquer sur la corbeille pour supprimer l image existante - uplaoder une nouvelle image. Celle-ci sera automatiquement retaillée au format adapté. En théorie, le lien ne devrait pas être modifié. Il pointe vers la page d accueil du site de Kiosque eclyd re juin

30 SITE INTERNET Edition des blocs revue de presse et newsletter Action préalable Depuis le tableau de bord de l accueil, le contributeur sélectionné le bloc «La revue de presse» ou «recevoir la newsletter Le choix de» existants. Le contributeur accède au formulaire d édition du bloc sélectionné et peut ainsi modifier les contenus, si besoin. Titre du bloc Info : bloc standard Texte courant du bloc. Modifier l accroche. NB : ne pas modifier l image Modifier le lien eclyd re juin

31 SITE INTERNET Edition des blocs émissions Action préalable Depuis le tableau de bord de l accueil, le contributeur a créé un nouveau bloc dans la zone «Choix TV5 liens». Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 2 types de contenus : Bloc «émission» Permet de sélectionner une émission dans la liste des mini-sites émissions publiés sur le site de TV5 et de remonter automatiquement l image et le texte de l épisode présenté dans le site de l émission. Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Sélection d une émission dans la liste des mini-sites émissions publiés sur le site de TV5. Utiliser l icône loupe pour accéder à la fonctionnalité de recherche d émissions. Bloc «émission : bloc standard» Permet de mettre en exergue une émission ne disposant pas d un site émission. Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Texte courant du bloc. 150 caractères max recommandés. Visuel de l émission. Taille 107x95px Possibilité de faire un lien, soit vers une page existante, soit vers une url externe. eclyd re juin

32 SITE INTERNET Edition des blocs partenaires Action préalable Depuis le tableau de bord de l accueil, le contributeur a créé un nouveau bloc dans la zone «Partenaires». Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 2 types de contenus : Bloc Flux RSS Permet d afficher les contenus d un site partenaire en indiquant l adresse du flux. Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Upload de l image du bloc. Taille du visuel, sélectionner : - 175x25 px dans le cas d un logo illustrant un flux à,plusieurs liens x95 px dans le cas d une image illustrant un flux avec une entrée unique (ex : le dossier Géopolitis) Adresse du flux Fonctionnalité réservée aux administrateurs : Pour définir le nombre d item du flux devant apparaître en consultation, saisir max_item :X (X étant le nombre d items souhaités) Bloc Infos : bloc standard Ce type de bloc est identique à celui de l accroche principale de la zone Le choix de cf paragraphe Seule la taille de la vignette change : sélectionner 107x95px dans le déroulant 107x95_ Edition du bloc Afrique Action préalable Depuis le tableau de bord de l accueil, le contributeur a créé un nouveau bloc dans la zone «Bloc Afrique». Pour ce bloc il existe 1 unique type de contenus : «info : bloc standard». cf paragraphe Seule la taille de la vignette change : sélectionner 107x95px dans le déroulant 107x95_ eclyd re juin

33 SITE INTERNET Edition du bloc sondage Action préalable Depuis le tableau de bord de l accueil, le contributeur sélectionné le bloc sondage existant. NB : il n est pas pertinent de créer un nouveau bloc sondage à chaque nouveau sondage publié. Nous recommandons de modifier le bloc existant Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 1 unique type de contenus : «sondage contribué» Ce bloc permet d afficher un sondage créé dans le module sondage, cf ci-après. Diffusion (mise en ligne) du bloc Titre du bloc. Possibilité de programmer les dates de début et de fin d affichage. Utiliser l icône loupe pour ouvrir le calendrier. Sélection d un sondage dans la liste des sondages existant. Utiliser l icône loupe pour accéder à la fonctionnalité de recherche. Ou sélection d une catégorie de sondages afin d afficher aléatoirement (au chargement de la page) un sondage de la catégorie. Utiliser l icône loupe pour accéder à la fonctionnalité de recherche Edition des blocs blogosphère Action préalable Depuis le tableau de bord de l accueil, le contributeur a créé un nouveau bloc dans la zone «blogosphère - majeur» ou «blogosphère. Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 1 unique type de contenus : «blogosphère : item» Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Sélection d un blog en particulier. Utiliser l icône loupe pour ouvrir la fonctionnalité de recherche de blog. Ou sélection d une catégorie. Le blog sera alors remonté aléatoirement depuis la rubrique blogosphère eclyd re juin

34 SITE INTERNET 4. Création d une page modulaire 4.1 Rappel des principes de composition des pages intérieures Les pages intérieures du site de TV5 sont construites selon un gabarit unique. Ce gabarit est modulaire afin de s adapter aux différents cas de figure (tels qu une page sommaire de dossier ou une page article). Chaque page est composée de zones. Les zones sont elles-mêmes composées de blocs. Si les zones ne contiennent pas de blocs, ou que les blocs ne sont pas diffusés, elles n apparaissent pas. 4.2 Formulaire d édition Action préalable pour l édition d une page existante Action préalable pour l édition d une nouvelle page - Depuis le plan du site, le contributeur a cliqué sur le lien la page - Depuis le tableau de bord de la rubrique ou sous-rubrique, le contributeur a cliqué sur le lien de la page Depuis le tableau de bord de la rubrique ou sous-rubrique, le contributeur a cliqué sur «créer une page», puis cliqué sur l icône «crayon» qui s est affichée Rappel : dans le cas de la création d une nouvelle page, ne pas oublier de renseigner les paramètres de la page. eclyd re juin

35 SITE INTERNET Edition des blocs pub Action préalable Le contributeur a créé un nouveau bloc en cliquant sur le signe «+» dans la zone «blocs pub». Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 2 types de contenus Blocs «bandeau publicitaire» Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc et traduction Texte courant du bloc et traduction. Ne pas renseigner si seul le visuel publicitaire doit s afficher Visuel format bandeau (967px ou 728px de large maximum). Sélectionner format 967px ou 728px Possibilité de faire un lien, soit vers une page existante, soit vers une url externe. Si seul le visuel publicitaire doit s afficher, il est possible de masquer le titre du bloc. Sélectionner «caché» eclyd re juin

36 SITE INTERNET Blocs«bandeau publicitaire flash» NB : le fichier swf et le code HTML de la pub flash est fournie par la régie publicitaire. Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc et traduction Champ d upload du fichier swf Intégrer le contenu de la balise <object> </> du code html fourni par le prestataire publicitaire. Et paramétrer ce code cf. exemple ci-dessous Sélectionner «caché» L intégration d une publicité au format flash suppose un minimum de connaissances en HTML. Après avoir uploadé le fichier swf et copié/collé la balise <object> du code html fourni par le prestataire pub, il convient de modifier le chemin d'accès au fichier swf. Voici un exemple de code fourni par un prestataire, avec en rouge et en gras les informations devant être paramétrées : <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" width="728" height="90" id="sg_priv_728x90japan2" align="middle"> <param name="allowscriptaccess" value="samedomain" /> <param name="allowfullscreen" value="false" /> <param name="movie" value="sg_priv_728x90japan2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="sg_priv_728x90japan2.swf" quality="high" bgcolor="#ffffff" width="728" height="90" name="sg_priv_728x90japan2" align="middle" allowscriptaccess="samedomain" allowfullscreen="false" type="application/x-shockwave-flash" eclyd re juin

37 SITE INTERNET pluginspage=" /> </object> Remplacer ces données par le chemin du fichier uploadé. Pour récupérer ce chemin il faut faire un clic droit sur la loupe du fichier et sélectionner "copier l'adresse du lien". Coller cette adresse à la place des éléments rouges > mais il faut un chemin en relatif, ce qui signifie qu'il ne faut conserver que /cms/upload/c_bloc/1589_fichier_sg_priv_728x90japan2.swf eclyd re juin

38 SITE INTERNET Edition du corps de page Action préalable Le contributeur a créé un nouveau bloc en cliquant sur le signe «+» dans la zone «colonne 1». Action réservé aux administrateurs : par défaut, un tourne-page s affiche au-delà de 20 blocs créés dans le corps de page. L administrateur peut définir un autre nombre de blocs différent depuis le champ «paramètres» en saisissant : config_pagination_bloc:x (X étant le nombre de blocs souhaités par page) Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe 5 types de contenus : Blocs «promo» Les blocs promo étant disposés en colonne, ils doivent être créés par pair et dans le cadre d un «groupe» de blocs. Seul le type «bloc promo» est utile dans le cas de la rubrique «information» Diffusion (mise en ligne) du bloc Gestion de la position d affichage Sélectionner «promo_groupe» et créer et renseigner un nouveau bloc selon les indications fournies cidessous Nom du groupe de bloc (ne sert que pour se repérer dans l admin, n apparaît pas en consultation) Gestion de la position d affichage Diffusion (mise en ligne) du bloc Sélection du type de bloc «promo» Surtitre du bloc et traduction Possibilité d appliquer un lien sur le surtitre différent de celui du bloc de contenu. Utiliser l icône loupe pour accéder à la fonctionnalité de recherche de pages existantes. Titre du bloc et traduction Texte courant du bloc et traduction. 200 caractères max recommandés. Visuel du bloc. 2 tailles 156x73px ou 316 px de large Télécharger le fichier Sélectionner le format Possibilité de faire un lien, soit vers une page existante, soit vers une url externe. Possibilité d afficher une liste de liens sous le texte courant. Cliquer sur le signe «+» et renseigner les champs qui apparaissent Déployer le formulaire des détails pour attribuer une couleur à la barrette du bloc via le déroulant «couleur». eclyd re juin

39 SITE INTERNET Blocs texte standard Ces blocs sont modulaires et permettent de créer des paragraphes de texte composés des éléments : surtitre, titre, texte courant, visuel (plusieurs tailles : 100, 200, 290, 600 px de large), liste de liens, liste de fichiers en téléchargement. Tous les champs peuvent ne pas être renseignés. Diffusion (mise en ligne) du bloc Changement de positionnement du bloc dans la zone Surtitre du paragraphe (1 er niveau de titre) et traduction Titre du paragraphe (2 nd niveau de titre) et traduction Texte courant avec option de mise en page et traduction Champs de chargement d un fichier image. Et déroulant permettant de sélectionner le format de l image (100, 200, 290 ou 600 px de large). Lien vers une page existante du site. Cliquer sur la loupe pour accéder au formulaire de recherche de pages Lien externe et options de configuration : _self : ouverture dans la fenêtre en cours de consultation _blank : ouverture dans une nouvelle fenêtre pop-up et définition des dimensions du pop-up Création d une liste de liens sous le texte Lien vers un fichier (pdf, word, etc) Pour ajouter un espace entre avant le bloc suivant, sélectionner «bordre bottom» dans le déroulant «class» Choix de position du titre dans le bloc Choix de position de l image dans le bloc. Pour respecter la maquette, nous recommandons les options : ou eclyd re juin

40 SITE INTERNET Bloc tableau de données Ce type de bloc ressemble au bloc de type texte standard. Le champ RTE permet de créer un tableau composé de 2 à X colonnes et de 2 à X lignes. Pour créer un tableau cliquer sur l icône tableau situé dans la barre d outils du RTE et renseigner le pop-up qui s ouvre afin de paramétrer le tableau : 1. Saisir le nombre de lignes et de colonnes 2. Cocher la case intitulé du haut si le tableau doit avoir un en-tête (titre des colonnes) cocher la case intitué à gauche si le tableau doit avoir des titres de lignes cocher les 2 cases si le tableau doit avoir des entrées croisées 3. Gérer la largeur des colonnes. par défaut les colonnes sont gérées en pourcentage ie. si aucune valeur n est saisie dans les champs correspondant au numéro des colonnes (1 = colonne 1, etc.) alors les colonnes auront toutes la même largeur. Si le tableau doit avoir des largeurs différentes, alors il convient de renseigner les champs en précisant les poucentages, exemple pour un tableau à 3 colonnes : 1 = 20% 2 = 40% 3 = 40% Alors le tableau aura une première colonne moins large que les 2 autres qui auront elles une largeur équivalente Blocs vidéo et vidéo large Ces types de contenu permettent de jouer une vidéo dans la page. Le choix du types de bloc dépend de la taille de la vidéo. Pour une vidéo pleine largeur, sélectionner «vidéo large». Diffusion (mise en ligne) du bloc Gestion de la position d affichage Surtitre du paragraphe (1 er niveau de titre) et traduction Titre du paragraphe (2 nd niveau de titre) et traduction Texte courant avec option de mise en page et traduction Saisir l url de la vidéo. Exemple : e_ asx eclyd re juin

41 SITE INTERNET Edition des blocs de la colonne de droite Action préalable Le contributeur a créé un nouveau bloc en cliquant sur le signe «+» dans la zone «colonne 2». Le contributeur accède au formulaire d édition du bloc. Pour faire apparaître les champs d édition du bloc, il doit sélectionner un type de contenu. Pour ce bloc il existe de nombreux types de contenus : Blocs texte standard Ces blocs sont identiques à ceux pouvant être créés dans le corps de la page (cf. description paragraphe 4.5.1). Ils sont modulaires et permettent de créer des blocs contextuels composés des éléments : surtitre, titre, texte courant, visuel, liste de liens, liste de fichiers en téléchargement. Tous les champs peuvent ne pas être renseignés Blocs bandeau publicitaire Ces blocs sont identiques aux blocs pub pouvant être créés en tête de page (cf. description paragraphe 4.3) Blocs existants Très pratique, ce type de contenu permet d afficher un bloc déjà créé sur une autre page. Cela évite les saisies doublons. Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc et traduction Utiliser la loupe pour accéder à la fonctionnalité de recherche d un bloc existant (la recherche s effectue sur le nom) Les résultats de la recherche affichent le nom de la page, suivi du nom du bloc. Un clic sur le lien permet de sélectionner le bloc eclyd re juin

42 SITE INTERNET Blocs liste de liens Ce type de contenu permet d afficher un déroulant contenant une liste de liens. Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc Créer 1 à X liens en cliquant sur le «+» Blocs sondage Ce type de contenu est identique à celui de l accueil. Cf paragraphe Blocs émissions Ce type de contenu est identique à celui de l accueil. Cf paragraphe Blocs jeux : concours participatif Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Possibilité de programmer les dates de début et de fin d affichage. Utiliser l icône loupe pour ouvrir le calendrier. Sélection d un concours dans la liste des concours participatifs publiés sur le site de TV5. Utiliser l icône loupe pour accéder à la fonctionnalité de recherche. Texte courant du bloc. 100 caractères max recommandés. eclyd re juin

43 SITE INTERNET Blocs jeux : bloc standard Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Possibilité de programmer les dates de début et de fin d affichage. Utiliser l icône loupe pour ouvrir le calendrier. Texte courant du bloc. 100 caractères max recommandés. Visuel du bloc. Taille 45x40px Possibilité de faire un lien, soit vers une page existante, soit vers une url externe avec choix du mode d ouverture de la page Bloc jeux : quiz Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Possibilité de programmer les dates de début et de fin d affichage. Utiliser l icône loupe pour ouvrir le calendrier. Sélection d un quiz en particulier. Utiliser l icône loupe pour ouvrir la fonctionnalité de recherche. Ou sélection d une catégorie. Le quiz sera alors remonté aléatoirement depuis la rubrique jeux et divertissement Texte courant du bloc. 100 caractères max recommandés. eclyd re juin

44 SITE INTERNET Blocs WebTV, Vodéothèque et blogosphère Ces blocs sont composés de plusieurs accroches vers des vidéos issues de la webtv ou de la vodéothèque. Pour les créer, utiliser les types de bloc vodéothèque : groupe ou webtv : groupe ou blogosphère : groupe. Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Possibilité de programmer les dates de début et de fin d affichage. Utiliser l icône loupe pour ouvrir le calendrier. Créer 1 à X accroches vers des items (vidéo webtv, vidéo vodéothèque, blogs, selon les cas) en cliquant sur «+» Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre de l accroche Possibilité de programmer les dates de début et de fin d affichage. Utiliser l icône loupe pour ouvrir le calendrier. Sélection d une vidéo ou d un blog en particulier. Utiliser l icône loupe pour ouvrir la fonctionnalité de recherche de vidéos/blogs. Ou sélection d une catégorie. La vidéo ou le blog sera alors remontée aléatoirement au chargement de la page eclyd re juin

45 SITE INTERNET Duplication d une colonne existante Il est possible de dupliquer les blocs d une colonne de droite préalablement créée sur une autre page. Pour se faire, utiliser le type de bloc blocs d une page Diffusion (mise en ligne) du bloc Gestion de la position d affichage Titre du bloc. Ne s affiche pas en consultation Possibilité de programmer les dates de début et de fin d affichage. Utiliser l icône loupe pour ouvrir le calendrier. Utiliser l icône loupe pour ouvrir la fonctionnalité de recherche de page et sélectionner la page dont la colonne doit être dupliquée. eclyd re juin

46 SITE INTERNET 5. Création d un sondage Action préalable Depuis le menu, le contributeur a cliqué sur le lien «sondages liste» dans «site général : éléments spécifiques» L utilisateur accède au tableau listant tous les sondages précédemment créés. Il peut éditer un sondage ou en créer un nouveau. L utilisateur accède au formulaire d édition de la page du sondage. Un sondage est composé d une question et de 2 à X propositions de réponse. Diffusion (mise en ligne) du bloc Titre du sondage Catégorie du sondage : sélectionner «information» Le cas échéant, saisir les dates d ouverture et de clôture des votes. Après la date de clôture, les internautes ne pourront plus voter mais les pourcentages de réponses seront visibles. Champ de texte : saisir la question Propositions de réponse : - ajouter une nouvelle proposition de réponse en cliquant sur le «+» et en renseignant le champ de texte associé. - supprimer une proposition en cliquant sur la poubelle. - modifier l ordre d affichage des propositions de réponse en activant les flèches haut/bas eclyd re juin

47 SITE INTERNET 6. Création d un diaporama Action préalable Depuis le plan du site, le contributeur a cliqué sur le petit crayon en regard de la rubrique «Les diaporamas» L utilisateur accède au tableau de bord de la rubrique regroupant les diaporamas. La zone «pages» liste tous les diaporamas précédemment créés. L utilisateur peut éditer un diaporama ou en créer un nouveau. Pour créer un nouveau diaporama, cliquer sur «créer une page» ou sur le picto «+», une nouvelle ligne apparaît. L utilisateur accède au formulaire d édition du diaporama. Dans le cas de la création d une page, ne pas oublier de renseigner les paramètres de la page (diffusion, menu, notamment). Cf paragraphe Un diaporama est composé d un album contenant 2 à X images avec titre + légende + crédits. Pour faire apparaître les champs d édition du bloc album, l utilisateur doit cliquer sur le «+» situé dans la zone «colonne 1». Diffusion (mise en ligne) du bloc Titre du diaporama (ne s affiche pas en consultation) Liste des images précédemment renseignées. Pour supprimer une image existante, cliquer Sur la poubelle. Pour insérer une nouvelle image, cliquer sur le «+». Un nouveau bloc image s ouvre sous la ligne concernée. Titre de l image Upload du fichier image. L image est retaillée automatiquement Champ légende Champ crédit Pour changer l ordre d affichage des images, utiliser les flèches haut/bas situé dans chaque bloc image eclyd re juin

48 SITE INTERNET 7. Mise à jour de la page Dilem Action préalable Depuis le plan du site, le contributeur a cliqué sur le lien de la page «Le dessin du jour par Ali Dilem» Le contributeur accède au formulaire d édition de la page. Seul le bloc de présentation de Ali Dilem est éditable. Il s agit d un bloc de type «standard», cf description paragraphe eclyd re juin