63
Présentation générale

Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Embed Size (px)

Citation preview

Page 1: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Présentation générale

Page 2: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 3: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 4: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Nœuds grisés

Arborescence backoffice

Page 5: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Les rubriques, pages et contenus

Offresproduits& services

A proposde laBMCI

Actualités

Accueil

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

Page 6: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Offresproduits& services

A proposde laBMCI

Actualités

Accueil

Contenus métier (communiqués de presse, offre d’emploi...)

Rubrique

Les contenus créés sous la rubrique sont affichés

Les rubriques, pages et contenus

Page 7: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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.Pages

Les rubriques, pages et contenus

Page 8: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Contenus

Les rubriques, pages et contenus

Page 9: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 10: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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.)

Page 11: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 12: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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…

1 Template =

Modèle d’affichage sur le site

Les templates

Page 13: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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…

1 Template =

Modèle d’affichage sur le site Interface de contribution correspondante

+

Les templates

Page 14: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans
Page 15: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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)

Page 16: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 17: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 18: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 19: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Sélection du parent au besoin

Sélection du parent puisbouton « Ajouter »

Page 20: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

L’onglet « Recherche »

Permet de retrouver les contenus par leur titre, parent, statut, date de création.

Page 21: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 22: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Création des éléments

Sélection du parent au besoin

Sélection du parent puisbouton « Ajouter »

Choix du type parmi les éléments triés par famille (onglets rubrique, pages, contenus)

Page 23: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans
Page 24: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

La médiathèque

Fonctionnalités

La médiathèque se compose de 3 espaces :

Page 25: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

La médiathèque

Arborescence indépendante de celle du site

Fonctionnalités

La médiathèque se compose de 3 espaces :

espace de gauche : arborescence

Page 26: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Recherche des médias

La médiathèque

Fonctionnalités

La médiathèque se compose de 3 espaces :

espace de gauche : arborescence + recherche de médias

Page 27: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Fichiers du dossier sélectionné triés par type (onglets)

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

Page 28: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Ajout/édition d’un média

Import de plusieurs fichiers par glisser/déposer depuis l’explorateur windows

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)

Page 29: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 30: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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.

L’outil Mini Word

Page 31: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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.

L’outil Mini Word

Après modification du chapeau

Page 32: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution

Page 33: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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)

Page 34: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 35: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Site :

Lien vers le Home Banking, rubrique « sécurité et confidentialité  »

Template :

Boutons prise de contact

Page :

Contenu de la page, ex: descriptif de la fiche besoin

Ex: fiche besoin « Je déménage »

Page 36: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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 »

Fiches produits, fiches besoins, pages passe-partout, outils de simulation

Rubrique Typologie de client

Page 37: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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 »

« Particuliers » est à l’état ONsur toutes les pages filles

La navigation paramétrable est commune à toutes les pages filles

Page 38: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution des blocs

Lien vers URL interne ou externe

Lien vers un formulaire

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

Contribution du formulaire : titre, introduction, vignette, onglets, thèmes, destinataire

Page 39: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution des templates

Page 40: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution des templates

Page 41: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 42: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Mode d’emploi Fiche Produit

Colonne de gauche: bloc facultatif

- bloc « Texte riche »

Bloc texte riche facultatif

Page 43: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 44: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

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

Page 45: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Bloc hérité sur les pages enfants

Contribution des blocs

Page 46: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution Typologie de client

Page 47: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution Typologie de client

Constitution d’une section =Titre + sélection des nœuds à faire apparaître

Ex: Typologie « Professionnels »

Navigation paramétrable:

Page 48: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution Typologie de client

Bloc Formulaire de contact :

Page 49: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution Typologie de client

Bloc Formulaire de contact :

Lien vers URL interne ou externe

Lien vers un formulaire

Page 50: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Mode d’emploi Page liée

-Choisir l’onglet « Pages » et le modèle « Page liée » et valider avec le bouton

« Créer »

Page 51: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Mode d’emploi Page liée

- Choisir l’onglet « Pages » et le modèle « Page liée » et valider avec le bouton

« Créer »

- La page se recharge sur l’onglet « Paramètres de publication »

Page 52: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Mode d’emploi Page liée

- Choisir l’onglet « Pages » et le modèle « Page liée » et valider avec le bouton

« Créer »

- La page se recharge sur l’onglet « Paramètres de publication »

- Choisir la page à pointer dans la liste « Page source »

Page 53: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Mode d’emploi Page liée

- Choisir l’onglet « Pages » et le modèle « Page liée » et valider avec le bouton

« Créer »

- La page se recharge sur l’onglet « Paramètres de publication »

- Choisir la page à pointer dans la liste « Page source »

- Choisir la position sous le parent et valider

Page 54: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Contribution avancée

Page 55: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Paramètres de publication

Sous onglets « Gérer »

Double clic sur la barre ou

Clic sur le bouton

Pour déplier les fenêtres

Page 56: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Paramètres de publication (Webmaster)

Choix de la rubrique parent, position

Affichage dans les éléments de navigation : barre de menu, fil d’Ariane, plan du

site, navigation de gauche, flux RSS

Sous onglets de « Gérer »

Page 57: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Paramètres de publication (Webmaster)

Balises HTML de description : balises TITLE, DESCRIPTION, KEYWORDS

Informations pour les robots : indexer, suivre les liens présents sur la page

Sous onglets de « Gérer »

Page 58: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Paramètres de publication (Webmaster)

Ancienne URL : permet de mettre en place une redirection depuis l’ancienne URL

Nouvelle URL : permet de mettre en place une redirection vers une nouvelle URL

Autre URL : page miroir, ex: besoins d’indexation

Sous onglets de « Gérer »

Page 59: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Paramètres de publication (Webmaster)

Date libre : date prioritaire sur la date du contenu visible sur le site

Libellé de navigation : utile quand le titre est long, titre affiché dans les éléments

de navigation (ex: barres de navigation, fil d’Ariane) et dans la navigation back

office

Date de modification : date prioritaire sur la date de modification visible sur le site

Sous onglets de « Gérer »

Page 60: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Paramètres de publication (Webmaster)

Balises HTML de description : balises TITLE, DESCRIPTION, KEYWORDS

Informations pour les robots : indexer, suivre les liens présents sur la page

Sous onglets de « Gérer »

Page 61: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Gestion éditoriale

Page 62: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans
Page 63: Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans

Glossaire