Informations et liens utiles

BAOs existantes 

Les BAOs publiques sont disponibles sur la page d'accueil.

Les BAOs privées sont disponibles sur l'intranet dans liens utiles (section : Plateformes numériques).

Consultez la liste des responsables et éditeurs des BAO déjà existantes. 

Création d'une nouvelle BAO

Avant toute chose, notez qu'il est de votre responsabilité de mettre à jour votre boîte à outils. La création et l'entretien d'une BAO nécessite du temps et de l'implication. Posez-vous les bonnes questions sur les avantages et les inconvénients d'avoir cet outil avant de vous embarquez dans ce grand projet !

Voici les étapes :

1 - Remplissez le formulaire suivant. Vous devrez répondre aux questions suivantes :

• Qui sera la personne responsable de la BAO (nom du demandeur) ?
• Qui sera la personne responsable d'éditer la BAO, la mettre à jour et s'assurer que celle-ci soit dépublier au besoin (nom de l'éditeur) ?
• Quel est l'objectif de la BAO ? À quoi sert-elle ?
• À qui est-elle destinée ? Qui pourra la consulter ?
• Quelle est la date de remise souhaitée de la BAO ?
• À quelles documentations ou/et informations donne-t-elle accès ?
• Qu'est-ce qui sera dans la BAO ? Création d'une table des matières ou d'un plan préliminaire. 

2 - Rencontrez la coordonnatrice aux plateformes numériques pour discuter de vos besoins.

3 - Créez un brief avec tout ce dont vous aurez besoin dans votre BAO (format Word, Excel ou PDF, via SharePoint pour pouvoir commenter le document) :

• Les contenus visuels (numéros de photos Bynder) : N'hésitez pas à consulter la conseillère aux actifs numériques en remplissant un brief au besoin si vous devez faire l'intégration de nouveaux contenus (brief disponible sur l'intranet).
• Les contenus textes révisés en français et en anglais au besoin (titres, paragraphes)
• Les hyperliens et noms de redirection des URL
• Les documents et collections
• Les modules désirés (facultatif, voir ci-bas)

Un brief incomplet peut occasionner des retards dans la livraison. 

Voici un exemple de base que vous pouvez utiliser :

Titre de la BAO : Quoi faire à Montréal

Surtitre (au besoin) : Une tonne d'activités !

Image haut de page (numéro Bynder et lien vers l'image Bynder) : 12251

Section 1 

Titre : En savoir plus sur la ville

Texte : Heureux mariage de charme européen et d’effervescence nord-américaine, Montréal séduit par son contraste harmonieux d’architecture ancienne et de modernisme.

Visuel (numéro et lien Bynder, au besoin) : 12251

CTA (au besoin) : En savoir plus sur Montréal

URL du CTA (au besoin) : https://www.mtl.org/fr/la-ville/propos-de-montreal/histoire-et-heritage 

Module désiré (au besoin, sinon la coordonnatrice vous en proposera un) : M10 - MEDIA AND TEXT

Section 1 

Titre : En savoir plus sur la ville

Texte : Heureux mariage de charme européen et d’effervescence nord-américaine, Montréal séduit par son contraste harmonieux d’architecture ancienne et de modernisme.

4 - Planifiez une rencontre pour présentez votre brief avec la coordonnatrice aux plateformes numériques. 

5 - La coordonnatrice monte la page. 

6 - Première ronde de révision de la version 1 de la BAO. Commentez les changements que vous désirez que la coordonnatrice effectue.

7 - Deuxième ronde de révision de la version 2 de la BAO. Commentez les changements que vous désirez que la coordonnatrice effectue.

8 - Livraison de la BAO. 

M01 - TEXT

TITRE (FACULTATIF)

Module d'ajout de texte

• Option(s) : 

 - faire de la mise en page
 - ajouter titres, sous-titres, puces, listes, etc..
 - Possibilité de choisir entre 1, 2 ou 3 colonnes.
 

• Limite(s) : 

 - aucun bouton, photo ou vidéo ne peut être ajouté

 Exemple 1 seule colonne :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et finibus ante. Curabitur volutpat malesuada erat, in semper purus sagittis et. Praesent lacus nibh, eleifend eu feugiat id, facilisis eget enim. Ut in eros turpis. Nunc eu placerat erat. Suspendisse id tincidunt justo. Etiam posuere, sem nec tempor vehicula, elit augue convallis urna, eu efficitur sem tellus vel metus. Suspendisse eu fringilla dolor. Sed laoreet viverra eros. Nulla accumsan condimentum quam, et tristique leo tristique eget. Nam sit amet risus nisi. Mauris dignissim urna in egestas facilisis. Aliquam porttitor finibus elit, quis sodales sapien egestas at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam metus velit, vehicula nec auctor eu, consectetur at est. In lobortis vehicula leo sed mollis.

1. Lorem ipsum dolor
2. Lorem ipsum dolor

• Lorem ipsum dolor
• Lorem ipsum dolor

Normal

Titre 2

Titre 3

Titre 4

Titre 5

Titre 6

Legal (Style)

Exemple 3 colonnes  (à utiliser par exemple dans le cas d'une longue liste de contacts et de coordonnées à mettre, les 3 colonnes sauront répondre à votre besoin, à utiliser avec parcimonie):

Colonne 1

Texte 1

Colonne 2

Texte 2

Colonne 2

Texte 2

M01 - BUTTON

Ajout de bouton(s)

• Option(s) : 
  - ajouter un ou plusieurs boutons du même type avec URL de destination
  - 4 types de boutons
• Limite(s): 
  - restriction concernant la longueur des textes des boutons
  - nombre de boutons sur une même ligne en fonction du type de bouton choisi
• Exemple(s) : 

M02 - SINGLE MEDIA

Ajout d'une photo ou d'une vidéo seule

• Option(s) : 
  - le trait rouge apparaît si le champ "description" est rempli
• Limite(s): 
  - média non cliquable
  - la vidéo doit être hébergée sur YouTube ou Viméo
  - taille du média non modifiable
• Exemple(s) :

M02 - MOSAIC

Ajout d'une mosaïque composée obligatoirement de 9 photos.

• Option(s) : 
  - choisir l'emplacement de chaque photo
• Limite(s): 
  - structure de la mosaïque non-modifiable
  - photo non cliquable
• Exemple(s) :

M03 - PROMOTION

Ajout d'un module composé d'une photo, d'un titre, d'un sous-titre, d'un texte et d'un bouton.

• Option(s) : 
  - le bouton peut être cliquable
  - la hauteur de la photo s'adapte à la longueur du texte
• Limite(s): 
  - un seul bouton
  - un type de bouton prédéfini
  - aucune mise en page de texte
• Exemple(s) :

M04 - CARROUSEL

Ajout d'un carrousel de photo(s) et/ou de vidéo(s).

• Option(s) : 
  - pas de limite au nombre de médias - Conseil : pas + de 9 médias
  - ajout d'un titre et d'un sous-titre
  - le trait violet apparaît si le champ "description" est rempli
• Limite(s): 
  - aucun autre élément (texte, bouton, etc.) 
  - média non cliquable
  - le carrousel est exactement le même en FR et en EN
• Exemple(s) :

M10 - MEDIA AND TEXT

Ajout d'un module composé d'un média, d'un texte et d'un bouton.

• Option(s) : 
  - interchanger le texte et le média (droite et gauche)
  - 4 type de bouton disponible (cf module M01 - Button).
• Limite(s): 
  - un seul bouton
  - média non cliquable
  - le bloc texte garde la même largeur, même s'il dépasse la hauteur du média
• Exemple(s) :

M - COLLECTION

Ajout d'un module pour rendre téléchargeable, partageable et consultable un regroupement de documents hébergés dans Bynder. Il est important de suivre la formation sur les collections avant de créer une nouvelle collection destinée à une boîte à outils. Info: photos@mtl.org

Ajout collection: utiliser le code de la collection en gras dans le lien : https://dam.mtl.org/collections/view/37F74CE7-F658-4AF6-940E1B24039EAA4D/

• Option(s) : 
  - organiser par ordre alphabétique ou chronologique (ascendant ou descendant) les documents
  - mise en page du texte de description
• Limite(s): 
  - impossible de placer les documents manuellement
  - les documents doivent être dans Bynder
• Exemple(s) :

M17 - FEATURED TOPIC

Ajout d'un module composé de 4 blocs et un contenu à gauche. 
Le contenu de gauche est composé d'un titre, d'un sous-titre, d'un texte d'un fond coloré et d'un bouton. 4 blocs à droite composés d'un fond coloré ou d'une photo, et d'un texte

• Option(s) : 
  - couleur de fond modifiable avec couleurs prédéfinies (blanc, jaune, bleu.violet, rose, rouge, vert).
         - 4 blocs : texte blanc. Coloré si "colored text" est coché
         - contenu de gauche : texte noir. Rouge si "colored text" est coché.
  - si image en fond, le texte est blanc
  - texte des blocs de droite cliquable
• Limite(s):
  - les 4 blocs sont requis
  - le texte des 4 blocs de droite est limités à 100 caractères
  - pas de mise en page des textes sauf dans la partie description du bloc de gauche. Utiliser le champ "Formatted Description" pour mettre en page le texte et "Plain Descritpion" pour un texte régulier
• Exemple(s) :

M19 - VIDEO GRID

Ajout d'une grille de blocs vidéos sur deux colonnes, composés d'une vignette de la vidéo, d'un titre, d'une description et de deux types de liens/boutons.

• Option(s) : 
  - si le texte de description est trop long, il sera tronqué, et des points de suspension seront ajoutés. 
  - pas de limite concernant le nombre de blocs
• Limite(s):
  - les vidéos doivent être hébergées sur YouTube ou Viméo
  - pas de mise en page dans le champs "description"
• Exemple(s) :

M23 - IMAGE GRID

Ajout d'une grille de blocs photos sur deux colonnes, composés d'une photo, d'un titre, d'une description et de deux types de liens/boutons.

• Option(s) : 
  - si le texte de la description est trop long, il sera tronqué, et des points de suspension seront ajoutés. 
  - pas de limites concernant le nombre de blocs
• Limite(s):
  - pas de mise en page dans le champs "description"
• Exemple(s) :

M - INSTAGRAM IMAGE

Ajout d'une photo hébergée sur Instagram.

• Option(s) : 
  - ajout d'une seule photo par module
• Limite(s):
  - la taille est standard et ne peut être modifiée
  - aucun bouton, photo ou vidéo ne peut être ajouté
• Exemple(s) :

Ajout photo: il faut repérer le code de l'image Instagram en gras : https://www.instagram.com/p/BnWF5N0hw-E/

M - VIDÉO

Ajout d'une vidéo.

• Option(s) : 
  - ajout d'une seule vidéo par module
• Limite(s):
  - la taille est standard et ne peut être modifiée
  - aucun bouton, photo ou vidéo ne peut être ajouté
  - la vidéo doit être hébergée sur YouTube ou Viméo
• Exemple(s) :

M24 - Tiles

Ajout d'un module composé d'un maximum de 8 blocs (Similaire au module "M17 - Featured topic")

• Option(s) : 
  - couleur de fond modifiable avec couleurs prédéfinies (blanc, jaune, bleu.violet, rose, rouge, vert). Le texte est blanc mais peut être coloré en cochant la case "colored text"
  - si image en fond, le texte est blanc
  - texte des blocs cliquable
• Limite(s):
  - le texte des 8 blocs de droite est limités à 100 caractères
• Exemple(s) :

M25 - Multiple M10

Ajout de plusieurs modules composé d'un média, d'un bouton et d'un texte accompagné d'un bouton "En savoir plus". Ce bouton apparaît à partir de 5 modules.

• Option(s) : 
  - interchanger le texte et le média (droite et gauche)
  - 4 types de bouton diksponibles (cf module M01 - Button).
• Limite(s): 
  - un seul bouton par module M10
  - média non cliquable
  - le bloc texte garde la même largeur, même s'il dépasse la hauteur du média
• Exemple(s) :

M14 - Promotion

Ajout d'un module composé d'une image ou couleur à gauche et d'un texte sur la droite. Dans l'exemple ci-dessous, 3 modules ont été utilisées les un à la suite des autres.

• Option(s) : 
  - Couleur (jaune, bleu, violet, rouge, rose, vert) ou image sur la gauche
  - Promotion en pourcentage ou en CAD.
  - Pas de délimitation entre les modules
• Limite(s): 
  - Média non cliquable
  - Pas de mise en page dans le bloc de droite
• Exemple(s) :

M27 - Multiple packages like

Ajout de liens externes (à l'extérieur de la plateforme) et reproduire exactement ce que fait le module M06, qui lui ne permet pas d'appeler des pages externes.

• Option(s) : 

- Ajout de liens externes
- Possibilité de rendre l'image cliquable

• Exemple(s) :

M31 - Support Images

Ajout d'un module présentant au choix : 

- 1 image: full width
- 2 images: side by side avec image de gauche plus grande
- 3 image ou plus: premiere image full width et images suivantes side by side (50%/50%)

• Option(s) : 
  - Choix du nombre d'images
• Limite(s):
  - Images non cliquables
• Exemple(s) :

M33 - Icon

Ajout d'un module permettant l'ajout d'icônes (logos, vignettes, etc)

• Option(s) : 

- Pas de limite dans l'ajout des icônes
- Possibilité d'ajouter un titre, un sous-titre et une description. Facultatif
- Pas de limite de texte. 
- Formatage des textes possibles (gras, italique, hyperliens, etc.)
- Non lié à Bynder. Les images doivent être téléversées de l'ordinateur

• Limite(s):

- Icônes non cliquables
- Pas de bouton ou de lien URL

• Exemple(s) :