1 / 63

Présentation générale

Présentation générale. Définition La fonction d’utilisateur détermine ce qu‘il peut faire sur le site les tâches qui lui sont possibles d’effectuer dans le back office les types de contenus à sa main (rubriques, pages, contenus) son rôle dans le workflow de publication

hada
Télécharger la présentation

Présentation générale

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Présentation générale

  2. Définition • La fonction d’utilisateur détermine ce qu‘il peut faire sur le site • les tâches qui lui sont possibles d’effectuer dans le back office • les types de contenus à sa main (rubriques, pages, contenus) • son rôle dans le workflow de publication • Différentes fonctions sur la plateforme • Webmaster : Gestion de la structure du site, gestion des templates, publication des contenus, gestion des utilisateurs. • Web éditeur : Publication des pages et des contenus. • Contributeur : Création et rédaction des pages et des contenus Fonctions utilisateurs

  3. Définition • Ensemble des nœuds sur lesquels l’utilisateur peut intervenir. • Défini au moment de la création du compte par l’administrateur, modifiable par le Webmaster. Périmètre éditorial

  4. Nœuds grisés • Définition • Ensemble des nœuds sur lesquels l’utilisateur peut intervenir. • Défini au moment de la création du compte par l’administrateur, modifiable par le Webmaster. • A l’utilisation • Les nœuds auxquels l’utilisateur n’a pas accès sont grisés. Périmètre éditorial Arborescence backoffice

  5. Accueil Offres produits & services A propos de la BMCI Actualités Les rubriques, pages et contenus • Définitions • Rubriques : branches qui structurent le site - créées par les Webmasters • On peut y attacher : • d’autres rubriques ou des pages, qui seront accessibles via la navigation

  6. Les rubriques, pages et contenus • Définitions • Rubriques : branches qui structurent le site - créées par les Webmasters • On peut y attacher : • d’autres rubriques ou des pages, qui seront accessibles via la navigation • des contenus métier (communiqués de presse, offres d’emploi...) qui seront remontés automatiquement par cette rubrique - affichage sous forme de liste Rubrique Accueil Les contenus créés sous la rubrique sont affichés Offres produits & services A propos de la BMCI Actualités Contenus métier (communiqués de presse, offre d’emploi...)

  7. Pages Les rubriques, pages et contenus • Définitions • Pages : pages éditoriales (elles ne remontent pas de contenu métier) • – Créées par les contributeurs et les Web éditeurs • – On ne peut y rattacher que des pages.

  8. Contenus Les rubriques, pages et contenus • Définitions • Contenus : contenu métier structuré (champs métier spécifiques) ex: offre d’emploi, communiqué de presse, implantation • - Créés par les contributeurs et les Web éditeurs

  9. Workflow suivant les fonctions • Les contributeurs rédigent les contenus et les soumettent au Webmaster et Web éditeurs • Le Webmaster et les Web éditeurs publient les contenus qui leurs sont soumis ainsi que leur propre contenu. Publication sur le site

  10. Les types de rubriques / pages • Rubriques et pages : • Pages Web sur le site • Rubriques virtuelles : • Nœuds de classement visibles dans les éléments navigations • Rubriques backoffice : • Nœuds de classement backoffice non visible sur le site • Rubriques et pages liées : • Permet de placer une même page à plusieurs emplacements (ex: les fiches besoins sont regroupées dans un même dossier non visible du site, des pages liées sont placées dans les dossiers « Vos besoins » des typologies.)

  11. Définition • Les templates sont les modèles de présentation pour les rubriques et les pages. • Ex: templates fiche produit, fiche besoin, liste des implantations, liste d’actualités… Les templates

  12. Définition • Les templates sont les modèles de présentation pour les rubriques et les pages. • Ex: templates fiche produit, fiche besoin, liste des implantations, liste d’actualités… Les templates 1 Template = Modèle d’affichage sur le site

  13. Définition • Les templates sont les modèles de présentation pour les rubriques et les pages. • Ex: templates fiche produit, fiche besoin, liste des implantations, liste d’actualités… Les templates 1 Template = Interface de contribution correspondante Modèle d’affichage sur le site +

  14. URL • L’adresse est : http://bo-cms.bnpparibas.com • Identification • L’identification se compose de 3 champs • L’identifiant annuaire à 6 chiffres • Le mot de passe choisi à l’activation de la clé • Une clé SecurID composée du code fixe choisi (4 chiffres) + code générés par la clé SecurID (4 chiffres) Accès à la plateforme de contribution (back office)

  15. Présentation du backoffice • Les éléments de la fenêtre • La barre horizontale indique l’utilisateur, le site et la fonction de l’utilisateur • Elle permet aussi le choix du skin et la langue d’affichage

  16. Présentation du backoffice • Les éléments de la fenêtre • La barre horizontale indique l’utilisateur, le site et la fonction de l’utilisateur • Elle permet aussi le choix du skin et la langue d’affichage • Les onglets dépendent de la fonction de l’utilisateur

  17. L’onglet tableau de bord • Donne une vision générale de l’état des pages et des dernières actions effectuées. • Pour le Webmaster et le Web éditeur, les contenus à publier • Pour les contributeurs, les contenus en cours de rédaction (non soumis) Contenus à publier Contenus non soumis

  18. Sélection du parent au besoin Sélection du parent puis bouton « Ajouter » • Les onglets « nouveau » et « gérer » • Servent à créer/éditer des éléments : pages, rubriques, contenus (ex: une actualité, offre d’emploi…) • 2 méthodes de création • Par le bouton « Ajouter » : crée un élément au niveau du nœud en cours • Par l’onglet « Nouveau » : choix du parent dans la liste

  19. L’onglet « Recherche » • Permet de retrouver les contenus par leur titre, parent, statut, date de création.

  20. L’onglet « Administration » • Visible uniquement au Webmaster • Configuration du site : éléments globaux du site (image banner, liens utiles, footer…) • Gestion des utilisateurs • Données de référence : gestion des listes de valeurs

  21. Sélection du parent au besoin Sélection du parent puis bouton « Ajouter » Création des éléments • 2 méthodes de création • Par le bouton « Ajouter » : crée un élément au niveau du nœud en cours • Par l’onglet « Nouveau » : choix du parent dans la liste Choix du type parmi les éléments triés par famille (onglets rubrique, pages, contenus)

  22. La médiathèque Fonctionnalités La médiathèque se compose de 3 espaces :

  23. La médiathèque • Fonctionnalités • La médiathèque se compose de 3 espaces : • espace de gauche : arborescence Arborescence indépendante de celle du site

  24. La médiathèque • Fonctionnalités • La médiathèque se compose de 3 espaces : • espace de gauche : arborescence + recherche de médias Recherche des médias

  25. La médiathèque • Fonctionnalités • La médiathèque se compose de 3 espaces : • espace de gauche : arborescence + recherche de médias • espace central : fichiers du dossier sélectionné, onglets par type Fichiers du dossier sélectionné triés par type (onglets)

  26. La médiathèque • Fonctionnalités • La médiathèque se compose de 3 espaces : • espace de gauche : arborescence + recherche de médias • espace central : fichiers du dossier sélectionné, onglets par type • espace de droite : ajout/modification/suppression de média, import en masse (fonctionnalité en cours de paramétrage) Ajout/édition d’un média Import de plusieurs fichiers par glisser/déposer depuis l’explorateur windows

  27. Procédure d’import en masse (fonctionnalité en cours de paramétrage) • Pour importer plusieurs fichiers depuis l’environnement Windows : • sélectionner les fichiers dans la fenêtre Windows (poste de travail) • placer la fenêtre Windows au dessus ou à coté de la médiathèque (touches ALT+Tab.) • glisser les fichiers et relâcher le bouton de la souris dans la fenêtre en pointillée

  28. L’outil Mini Word • Fonctionnement • Le texte n’est pas visible tant que la fenêtre de l’outil n’est pas ouverte • Le message « Un contenu a été saisi » indique que le champ contient du texte sinon on a le message « Aucun contenu ». • Pour ouvrir l’outil « Mini Word », cliquer sur le lien « Lancer l’assistant de mise en page ». Le mini Word s’ouvre en pop-up.

  29. L’outil Mini Word • Fonctionnement • Le texte n’est pas visible tant que la fenêtre de l’outil n’est pas ouverte • Le message « Un contenu a été saisi » indique que le champ contient du texte sinon on a le message « Aucun contenu ». • Pour ouvrir l’outil « Mini Word », cliquer sur le lien « Lancer l’assistant de mise en page ». Le mini Word s’ouvre en pop-up. • Attention, pour enregistrer les modification du chapeau cliquer sur la disquette à gauche. Après modification du chapeau

  30. Contribution

  31. Articulation « template » et « blocs » • Un template est un modèle de présentation d’une page web • Chaque template est composé de plusieurs blocs. • Un template permet aussi d’offrir différents options de mise en page (ex. 2 ou 3 colonnes)

  32. Articulation « template » et « blocs » • Un template est un modèle de présentation d’une page web • Chaque template est composé de plusieurs blocs. • Un template permet aussi d’offrir différents options de mise en page (ex. 2 ou 3 colonnes) • Différents types de blocs • Blocs « automatiques » : • navigation de gauche pour les sections institutionnelles • liste des dernières offres d’emploi • Blocs « paramétrables » : • bloc image-lien : saisie d’une liste de liens avec les images associées • bloc-libre : saisie libre du contenu du bloc • Les blocs peuvent être contribués à différents niveaux : • site: le bloc est le même sur toutes les pages où il est appelé (header, connexion à vos comptes) • template: le bloc est le même sur toutes les pages créées à partir de ce template (outils de simulation, prise de contact) • page: le bloc est propre à la page • parent : héritage du bloc contribué sur la page parent

  33. Niveaux de contribution • Les blocs peuvent être contribués à différents niveaux: • site: le bloc est le même sur toutes les pages où il est appelé • template: le bloc est le même sur toutes les pages créées à base du template • page: le bloc est propre à la page Ex: fiche besoin « Je déménage » • Site : Lien vers le Home Banking, rubrique « sécurité et confidentialité  » • Page : • Contenu de la page, ex: descriptif de la fiche besoin • Template : Boutons prise de contact

  34. Héritage des blocs Ces blocs sont contribués au niveau de la page mère: ex: « Particuliers »Ils apparaissent sur toutes les pages fiches produits: ex: « Pack Présence Plus » Rubrique Typologie de client Fiches produits, fiches besoins, pages passe-partout, outils de simulation

  35. Héritage des blocs • Certains blocs peuvent être hérités entre pages. Ils sont contribués 1 seule fois sur la page mère.Il s’agit des blocs: • Navigation paramétrable • Typologie de clientèle Ex: « Particuliers » La navigation paramétrable est commune à toutes les pages filles « Particuliers » est à l’état ON sur toutes les pages filles

  36. Contribution des blocs • Bouton Formulaire de contact • Bouton présent en colonne de gauche sous la navigation • 2 modes de fonctionnement • Lien vers une URL interne ou une URL externe • Lien vers un formulaire Lien vers URL interne ou externe Lien vers un formulaire Contribution du formulaire : titre, introduction, vignette, onglets, thèmes, destinataire

  37. Contribution des templates

  38. Contribution des templates

  39. Mode d’emploi Fiche Produit • Colonne de gauche: blocs hérités • bloc « Navigation paramétrable », • bloc « Typologie de clientèle » Blocs hérités de la rubrique parent, il n’y a pas de paramétrage ici

  40. Mode d’emploi Fiche Produit • Colonne de gauche: bloc facultatif • bloc « Texte riche » Bloc texte riche facultatif

  41. Mode d’emploi Fiche Produit • Colonne principale: bloc général • titre, chapeau, vignette • vignette carrousel (utilisé par le carrousel de la page « typologie de clients ») Bloc général: titre, chapeau, vignette

  42. Mode d’emploi Fiche Produit • Colonne principale: bloc détail • création / édition des onglets, 1er onglet « En Bref » obligatoire. • contenu par onglet avec l’outil « Mini Word » en pop-up. Bloc détail: édition des onglets et du contenu Pop up

  43. Contribution des blocs Bloc hérité sur les pages enfants

  44. Contribution Typologie de client

  45. Contribution Typologie de client Navigation paramétrable: Constitution d’une section = Titre + sélection des nœuds à faire apparaître Ex: Typologie « Professionnels »

  46. Contribution Typologie de client Bloc Formulaire de contact :

  47. Contribution Typologie de client Bloc Formulaire de contact : Lien vers URL interne ou externe Lien vers un formulaire

  48. Mode d’emploi Page liée • Choisir l’onglet « Pages » et le modèle « Page liée » et valider avec le bouton « Créer »

More Related