Decalog - www.decalog.net - contact@decalog.net - 04 75 81 50 50 Ce document est uniquement destiné à l’étude des solutions Decalog. Votre interlocuteur Service opérationnel Decalog SIGB Rédacteur(s) ACE/SR Edité le : 03/01/2018 Decalog SIGB - Aide Modifier un modèle de document (mail) Entrez le titre du document Page 1/10 TABLE DES MATIERES 1 Introduction ................................................................................................................................... 2 2 Modifier un modèle de mail .......................................................................................................... 3 2.1 Télécharger le modèle ....................................................................................................................... 3 2.2 Modifier un modèle avec le Notepad ................................................................................................ 3 2.2.1 Introduction : Le langage html ................................................................................................... 3 2.2.2 Mettre en gras/italique .............................................................................................................. 4 2.2.3 Paragraphe et saut de ligne ....................................................................................................... 4 2.2.4 Insérer un lien ............................................................................................................................ 5 2.2.5 Mettre le texte en couleur ......................................................................................................... 5 2.2.6 Insérer un lien ............................................................................................................................ 5 2.2.7 Insérer une image ...................................................................................................................... 6 2.2.8 Créer un tableau ........................................................................................................................ 7 2.3 Exercices : .......................................................................................................................................... 9 2.3.1 écrire une zone de coordonnées ............................................................................................... 9 2.3.2 Ecrire un tableau d’horaires ....................................................................................................... 9 2.4 Envoyer le fichier sur le SIGB et tester ............................................................................................. 10 Entrez le titre du document Page 2/10 1 Introduction Ce document a pour objectif d’aider à la modification des modèles de document par mail, en indiquant quelques manipulations de bases à réaliser dans Notepad++. Tous les modèles de document se trouvent dans Paramètres / Modèles. Les documents par mail peuvent être envoyés pour l’activation des comptes abonnés sur le portail public, les rappels et les réservations. La condition pour que les abonnés reçoivent des mails de rappel et de réservation est que ces abonnés aient un mail renseigné et valide, et que leur mode de communication soit par mail. Il y a 6 modèles en tout : • Mail d’activation du compte abonné : envoyé automatiquement lorsqu’on clique sur le bouton « créer » de la fiche d’informations de l’abonné lors d’une première inscription. • Mail d’activation du compte regroupement : envoyé automatiquement lorsqu’on clique sur le bouton « valider » de la fiche du regroupement lors d’une première création. • Relance par mail : utilisé dans l’onglet « envoi de relances ». • Avis de réservation par mail : s’envoie automatiquement quand on clique sur le bouton « attribuer » • Avis d’ajournement de réservation par mail : Quand on essaye de prêter une réservation attribuée, le logiciel oblige à ajourner la réservation (cela revient à la remettre en attente). • Avis de suppression de réservation par mail : S’envoie automatiquement quand on supprime une réservation (qu’elle soit en attente ou attribuée). A noter : Concernant les réseaux de bibliothèques, chaque site du réseau pourra paramétrer ses propres modèles à l’exception du mail d’activation du regroupement (qui lui est commun à tout le réseau). Ainsi, si les modèles de mails sont communs à tous les sites, il faudra se délocaliser de site en site pour charger les modèles pour toutes les bibliothèques du réseau. Les mails de relance font déjà l’objet d’une aide. Nous nous attarderons dans la présente aide à aider au maniement du langage html qui sert à l’édition des modèles de mail, en donnant des exemples de ce qui peut être fait au niveau des modèles de document, mais nous n’insisterons pas sur le cas des rappels en particulier. Pour la modification des modèles de document par lettre, voir l’aide dédiée. Tous les modèles de documents de type mail se modifient exclusivement avec le bloc-notes ou un éditeur de code de type Notepad++, téléchargeables gratuitement sur internet. En aucun cas il ne faut utiliser un logiciel de traitement de texte, qui rendrait les modèles inutilisables. http://sigb.doc.decalog.net/xwiki/bin/download/Aide%20en%20ligne/WebHome/Decalog_SIGB_Aide_relances.pdf http://sigb.doc.decalog.net/xwiki/bin/download/Aide%20en%20ligne/Mod%C3%A8les%20de%20documents/WebHome/Decalog_SIGB_FP_mod%C3%A8les%20de%20document_lettre.pdf https://notepad-plus-plus.org/download/v7.5.3.html https://notepad-plus-plus.org/download/v7.5.3.html Entrez le titre du document Page 3/10 2 Modifier un modèle de mail Dans Paramètres / Modèles de documents, le modèle par défaut est celui de Decalog, le modèle existant est le dernier modèle modifié et téléchargé. La modification d’un modèle se fait en plusieurs étapes : 2.1 Télécharger le modèle Télécharger le modèle existant en cliquant sur Télécharger. Dans l’explorateur de votre ordinateur, faites une copie de ce modèle, puis ouvrez une copie avec un éditeur de code (Notepad++ par exemple). A noter : • Dans les Paramètres / Modèles de documents, seuls les modèles par défaut sont conservés, ainsi que le dernier modèle existant. Il est conseillé de sauvegarder localement les modèles à chaque modification : en cas d’erreur rendant le modèle inopérant, on peut toujours se rapporter au modèle précédent. • Une bonne méthode consiste à télécharger tous les modèles, les déplacer dans un répertoire de sauvegarde, puis en faire une copie dans un autre répertoire : ainsi, si les modifications que vous faites posent des problèmes, vous pouvez repartir du modèle téléchargé. 2.2 Modifier un modèle avec le Notepad 2.2.1 Introduction : Le langage html Le langage HTML est un langage utilisé sur internet pour la mise en page des sites. Il est constitué de balises qui servent à donner des indications de mise en page aux navigateurs internet (Comme Mozilla, Chrome, Safari ou Edge). Exemple : la balise indique une mise en gras du texte. Pour afficher « bonjour » en gras, il faut donc indiquer bonjour = bonjour. La balise indique la fin de la mise en gras du texte. Vous pouvez modifier sans problème les balises html et le texte des modèles. L'ouverture et la modification du modèle s'effectuent au choix : - Sur le bloc-notes (capture ci-contre : en haut). Exemple de rangement : date au format année_mois_jour_nom_du_document. https://notepad-plus-plus.org/download/v7.5.3.html Entrez le titre du document Page 4/10 - Ou un éditeur de code type Notepad++ (capture ci-contre : en bas). Pour des raisons de lisibilité, nous utiliserons Notepad++ dans cette documentation. Notepad++ fait ressortir les balises html, qui ne se verront pas au moment de l’édition du mail mais constituent des marques de formatage du texte. Rappel : il ne faut pas modifier le modèle avec un logiciel de traitement de texte (Word ou Open Office par exemple). Les modèles par mail contiennent deux types de balise : • Les balises html, servant à mettre en page et en forme le texte. Elles se présentent toutes avec les chevrons < et >. • Les balises du logiciel Decalog SIGB, commençant par $ ou #. Nous traiterons dans cette aide uniquement des balises HTML (contenues dans < >) servant à la mise en forme du texte, et pas des balises du logiciel. Modifier les balises utilisées par le logiciel peut entraîner un dysfonctionnement du modèle, il est donc conseillé de ne pas y toucher. 2.2.2 Mettre en gras/italique Pour mettre une portion de texte en gras, il faut utiliser la balise (pour bold, gras en anglais). Cette balise doit être fermée après ouverture. Pour mettre une portion de texte en italique, il faut utiliser la balise (italic). Cette balise doit être fermée après ouverture. Exemple : On veut traiter la phrase suivante « Attention, pensez à bien noter vos identifiants » : tout en italique, seulement le premier terme en gras. On met donc dans le notepad les balises comme ceci : Ce qui donnera : 2.2.3 Paragraphe et saut de ligne Pour sauter une ligne, il faut écrire la balise
. Cette balise n’a pas de fermeture. La balise

(pour paragraphe) sert à délimiter des paragraphes. Cette balise doit être fermée après ouverture. Les paragraphes sont généralement représentés comme des blocs et séparés par un espace vertical, leur première ligne est également parfois indentée. Mise en GRAS Mise en ITALIQUE Entrez le titre du document Page 5/10 Exemple : Dans l’exemple suivant, on peut voir l’espacement créé par la balise

et le saut de ligne créé par les balises
. 2.2.4 Insérer un lien Pour rendre un lien cliquable, il faut pointer vers un site internet ou une adresse mail. La balise à utiliser est plus complexe que celles vues précédemment : Nom du lien tel qu’il apparaitra Il est possible d’utiliser mailto:adressemail pour qu’au clic sur l’adresse mail, la messagerie de l’abonné s’ouvre pour envoyer directement un mail à cette adresse. 2.2.5 Mettre le texte en couleur Le langage html contient un certain nombre de codes couleurs. Il est donc possible de mettre en couleurs le texte avec la balise . Cette balise doit être fermée après ouverture. Il existe deux types de codes couleur utilisables ici : - Un nombre restreint de noms de couleur sont reconnus par le HTML : black, gray, maroon, purple, teal, blue, green, navy, red, white, fuchsia, lime, olive, silver, yellow. - Toutes les couleurs peuvent être calculées grâce au code RVB en hexadécimal. Cela donne des codes couleur allant de #000000 à #FFFFFF. Pour trouver un code couleur, vous pouvez utiliser le module color picker sur Mozilla Firefox ou le site htmlcolorcodes. 2.2.6 Insérer un lien Pour rendre un lien cliquable, il faut pointer vers un site internet ou une adresse mail. La balise à utiliser est plus complexe que celles vues précédemment : Nom du lien tel qu’il apparaitra Il est possible d’utiliser mailto:adressemail pour envoyer directement un mail. Donne Donne D o n n e http://htmlcolorcodes.com/ Entrez le titre du document Page 6/10 Exemple : voir la capture 2.2.7 Insérer une image Il existe 2 méthodes pour insérer une image dans un mail : - Insérer une url pointant vers une image. - Insérer l’image directement, encodée pour être compatible avec le mail. Quelle que soit la méthode employée, il n’est pas garanti que l’image s’affiche dans le client de messagerie de l’usager. Il faut aussi savoir que l’ajout d’une image peut augmenter les chances que le mail soit considéré comme indésirable. 2.2.7.1 Insérer une url pointant vers une image Pour insérer une image, il faut auparavant l’avoir stockée sur un serveur d’images, comme celui fourni avec le Portail Pro ou Essentiel. Vous pouvez obtenir le lien de l’url en ajoutant l’image à un article. Une fois ce lien obtenu, voilà la syntaxe à intégrer : . Il ne faut pas fermer cette balise. Exemple : voir capture 2.2.7.2 Insérer l’image directement, encodée pour être compatible avec le mail. La plupart des boites mails bloquent les urls d’image contenues dans le texte, c’est pourquoi il est préférable d’utiliser la deuxième méthode : insérer l’image directement, en l’ayant rendue compatible auparavant. Pour rendre une image insérable dans un mail, il faut la coder en base 64. Cette base correspond au code informatique qui permet à n’importe quel ordinateur de reconnaître et afficher une image. La technique peut sembler complexe, mais beaucoup d’outils existent sur internet pour simplifier la tâche : par exemple, le site base64-image.de. D o n n e https://www.base64-image.de/ Entrez le titre du document Page 7/10 Il suffit d’ajouter une image dans l’écran d’accueil, en cliquant-déposant l’image ou en passant par parcourir pour sélectionner l’image sur son ordinateur. Cliquez ensuite sur Ouvrir. L’image est convertie ! Elle se charge dans le bloc appelé « encoding », il suffit de cliquer sur le bouton « copy image » pour copier le code informatique correspondant à notre image. Il faut ensuite coller le code de l’image dans notre modèle de mail. Les images se gèrent avec la balise , qui peut contenir des attributs. Le premier attribut à ajouter est src (source) pour indiquer l’origine de l’image : . On collera directement le code dans cet attribut (voir capture). Ne pas oublier de fermer la balise avec le chevron >. Il faut ensuite spécifier une taille de l’image, en pixel ou en proportion. Le développement des supports mobiles (téléphones, tablettes) rend la proportion plus pratique. Pour indiquer la taille d’une image, il faut utiliser les attributs width (largeur) et height (hauteur). Il est possible d’indiquer ici des pourcentages. La balise img complète ressemblera donc à ceci : . 2.2.8 Créer un tableau Il est possible de créer des tableaux en code html, notamment pour indiquer des horaires d’ouverture. Pour créer un tableau, il faut utiliser plusieurs balises : - pour créer un tableau. A la fin du tableau, il faudra fermer la balise par
. - pour créer une ligne. La ligne doit être fermée par . Donne Entrez le titre du document Page 8/10 - pour créer une cellule. La cellule doit être fermée par . - pour créer un intitulé de colonne, ce qui a pour effet de faire ressortir le texte (mise en gras et centré). Cette balise peut être placée n’importe où dans le tableau, elle doit être utilisée à la place de la balise de cellule et elle doit être fermée par . Il faut donc créer le tableau ligne par ligne, cellule par cellule. Il est possible de mettre en forme sommairement le tableau grâce aux attributs de la balise table, à remplir directement dans la balise d’ouverture (les attributs n’ont pas besoin d’être copiés dans la balise de fermeture : - Border : rend visible les bordures du tableau. Exemple : : - Cellpadding : modifie l’espacement entre le texte et les bords des cellules. Exemple :
: - Cellspacing : modifie l’espacement entre deux cellules. Exemple :
: - Width : indique la largeur du tableau dans la page. Comme pour les images, possibilité d’indiquer une largeur en pixel ou en proportion. Exemple :
: Certains attributs sont aussi accessibles dans les balises de cellule () : - Width : pour indiquer la largeur d’une colonne. Pas besoin de la copier dans les autres lignes, il faut le spécifier uniquement dans la première cellule de la colonne. Attention pour les proportions de ne pas dépasser les 100%, et pour les pixels à ne pas dépasser la largeur en pixels du tableau si indiquée. - Height : doit être indiquée comme attribut de la balise de ligne . Fonctionne comme Width. - bg color : couleur de fond de la cellule. Peut être ajoutée dans les cellules ou les lignes. Voir le chapitre sur la mise en couleur du texte pour plus de précisions sur les codes couleurs en html. - Align : pour préciser l’alignement horizontal du texte dans chaque cellule : left (texte aligné à gauche), center (texte aligné au centre), right (texte aligné à droite), justify (texte justifié, peu utilisé sur le web car pas bien rendu). - Valign : pour préciser l’alignement vertical du texte dans chaque cellule : top (texte aligné en haut), middle (texte aligné au milieu), bottom (texte aligné en bas). Donne Entrez le titre du document Page 9/10 2.3 Exercices : 2.3.1 écrire une zone de coordonnées Afin de faciliter l’édition des modèles de document par mail, nous vous proposons ici un exercice simple. Il est possible de copier-coller le texte dans un éditeur de code (bloc-notes ou notepad++), en modifiant les informations propres à votre structure. - Le code html en bleu - Le texte en noir. - Copier le texte dans le notepad++, dans la copie d’un modèle de mail Attention à ne pas oublier les balises
qui permettent de sauter des lignes. La balise sert à mettre en gras le texte. 2.3.2 Ecrire un tableau d’horaires Afin de faciliter l’édition des modèles de document par mail, nous vous proposons ici un exercice simple. Il est possible de copier-coller le texte dans un éditeur de code (bloc-notes ou notepad++), en modifiant les informations propres à votre structure. - Le code html en bleu - Le texte en noir. Copier le texte dans le notepad++, dans la copie d’un modèle de mail. Attention à ne pas oublier les balises
qui permettent de sauter des lignes. La balise sert à mettre en gras le texte. Un tableau comporte aussi :
ou ) ou de lignes (
pour commencer le tableau, pour commencer une ligne,
pour commencer une cellule. Plus d’informations ci-dessus. Médiathèque municipale
1244 Avenue Henri Dunant
07500 guilherand-Granges
04 75 81 50 50
contact@decalog.net
Mardi 16h-18h
Mercredi 10h-12h
15h- 18h
Vendredi 16h-18h
Entrez le titre du document Page 10/10 2.4 Envoyer le fichier sur le SIGB et tester Une fois le modèle modifié, enregistrez-le depuis le notepad (raccourci clavier : ctrl+s). Vous pouvez maintenant télécharger le fichier depuis votre ordinateur jusqu’au logiciel en retournant dans l’onglet modèles de document. Au niveau du bloc correspondant au modèle que vous avez modifié, cliquer sur Choisissez un fichier puis Envoyer. • Bien penser à Tester le modèle modifié. Tester permet d’éditer un aperçu du modèle et de s’assurer qu’il est bien fonctionnel. Important : si lors du clic sur "Tester" la fenêtre s’ouvre mais reste vide (fond bleu), cela témoigne d'un problème au sein du modèle, qui va empêcher toute utilisation du modèle. Vous pouvez contacter le service support Decalog pour être assisté dans cette situation. En cas de besoin, le service de maintenance Decalog SIGB se tient à votre disposition via la plateforme Cérhème (https://support.decalog.net) ou au 04 75 81 50 50. https://support.decalog.net/