Documentation. Application «La Carte» Version (Octobre 2015) Rue du XXXI Décembre 36 CH 1207 Genève Tél

Dimension: px
Commencer à balayer dès la page:

Download "Documentation. Application «La Carte» Version 2.2.0 (Octobre 2015) Rue du XXXI Décembre 36 CH 1207 Genève Tél. +41 22 544 24 24 Email info@sdic."

Transcription

1 Documentation Application «La Carte» Version (Octobre 2015) Rue du XXXI Décembre 36 CH 1207 Genève Tél

2 Table des matières 1. Introduction Installation Composant «La Carte» Gestion des menus Création menu Edition menu Détails du menu Menu Sélection des allergènes Sélection du «Fait maison» Ordre d affichage des menus Gestion des allergènes Création d une liste d allergènes Edition allergène Ordre d affichage des allergènes Type de menu Plat du jour Menu Carte Menu Pizza Menu Vins Menu Business Menu Custom Module complémentaires Module La Carte «mod_lacarte» Module La Carte Anchor «mod_lacarte_anchor» Intégration dans le site Affichage par les menus Joomla Configuration menu Affichage par les modules Configuration module «mod_lacarte» Affichage liens ancres Configuration module «mod_lacarte_anchor» DOCUMENTATION APPLICATION «LA CARTE» Page 2/48

3 9. Compatibilité / migration DOCUMENTATION APPLICATION «LA CARTE» Page 3/48

4 1. Introduction L application «La carte» se décline sous la forme d un composant et d un module. Le composant va vous permettre de gérer les menus depuis l administration. L intégration sur le frontend se fait par le biais d un menu Joomla ou en chargeant le module dans un article. Ces deux possibilités permettent la sélection d un ou plusieurs menus ainsi que certaines options d affichages détaillées dans cette documentation. 2. Installation Vous trouverez dans le package de l application le composant «com_lacarte.zip» et le module «mod_lacarte.zip». Ce package est disponible depuis notre site, dans la partie «Mes applications» de votre espace «Compte» (Menu boutique >> Compte). L installation du composant et du module se fait de manière standard, par l administration de Joomla. Utilisez le menu «Extensions >> Extension manager» pour arriver sur la vue d installation. Cliquez sur «Browse» pour aller chercher votre archive ZIP Cliquez sur «Upload & Install» Installez d abord le composant puis refaire l opération pour le module DOCUMENTATION APPLICATION «LA CARTE» Page 4/48

5 3. Composant «La Carte» Une fois installé, vous pouvez ouvrir le composant avec le menu «Components >> La carte» Vous arriverez sur la vue principale qui liste tous les menus créés. Depuis cette vue «Menus list» vous pouvez gérer vos menus (réordonner, créer, éditer et supprimer). Vous pouvez ouvrir la seconde vue «Allergens list» permettant de gérer les allergènes (réordonner, créer, éditer et supprimer). La gestion des allergènes se fait donc depuis cette vue, mais leur sélection pour chaque plat (optionnel) se fait depuis la vue d édition d un menu (voir point «Sélection des allergènes»). DOCUMENTATION APPLICATION «LA CARTE» Page 5/48

6 4. Gestion des menus Cette vue liste tous vos menus. Vous pouvez cliquer sur le nom d un menu pour passer en mode édition. Vous pouvez publier/dé publier un menu directement depuis cette vue en cliquant sur l icône : Détails de cette vue : 1) Ordering : Permet de définir l ordre des menus (principe Joomla glisser/poser) Par défaut l affichage dans cette vue ce fait par ordre alphabétique afin de pouvoir retrouver rapidement le nom de son menu. L affichage des menus «La Carte» sur votre site se base sur l ordre des menus. Vous pouvez modifier celui ci depuis cette vue. Pour cela il faut cliquer sur la colonne «ordering» (No 1 image ci dessus) pour activer le mode «ordering». Vous pourrez ensuite glisser/poser (drag and drop) vos menus et cela enregistrera le nouvel ordre que vous aurez choisi. 2) Title : Titre du menu 3) Description : description du menu (optionnel) 4) Menu Type : Nom du type de menu sélectionné (Template menu). Tous les types de menus sont présentés en détail au point suivant (point 4). 5) Generated anchor : affiche l ancre générée pour chacun de vos menus. Cette ancre se base en partie sur le nom de votre menu, donc si vous modifiez le nom du menu, l ancre sera différente. Vous pouvez les utiliser afin d amener directement l utilisateur sur un menu spécifique (très utile pour les pages contenant plusieurs menus à la suite) 6) Price : Prix du menu (optionnel), utile pour le type de menu «Plat du jour» mais ne sera pas forcément utilisé pour le type de menu «Menu Carte», qui aura des prix par plats. 7) Status : Indique si le menu est publié ou non. Vous pouvez aussi le désactiver/l activer en cliquant sur l icône :. Si un menu est dé publié, il ne sera pas affiché sur votre site, même si vous l avez sélectionné depuis les paramètres du menu Joomla ou du module. DOCUMENTATION APPLICATION «LA CARTE» Page 6/48

7 4.1 Création menu Pour créer un nouveau menu, cliquer sur le bouton «New» depuis la vue principale du composant «Menus list». Cela ouvrira la vue d édition (détails au point suivant). 4.2 Edition menu Cette vue d édition est composée de 2 parties : la partie du haut (détails) qui contient les détails du menu la partie du bas (menu) qui contient les produits/plats qui seront proposés sur la carte DOCUMENTATION APPLICATION «LA CARTE» Page 7/48

8 Dans le cas d un nouveau menu : Premièrement sélectionner un des templates (type de menu) proposés. (se fait uniquement lors de la création d un nouveau menu) Une fois sélectionné, la première ligne de votre menu a été chargée et est prête à être remplie. Les différentes parties de l édition sont présentées en détail dans le point suivant Détails du menu Détails de cette partie «Menu details» : 1) Menu name : Titre du menu 2) Menu description : description du menu (optionnel) 3) Active : Indique si le menu est publié ou non. Si un menu est dé publié, il ne sera pas affiché sur votre site, même si vous l avez sélectionné depuis les paramètres du menu Joomla ou du module. 4) Menu price : Prix du menu (optionnel), utile pour le type de menu «Plat du jour», «Menu Pizza» et «Business» mais ne sera pas forcément utilisé pour le type de menu «Menu Carte», qui aura des prix par plats. 5) Menu type : Type de menu (template) sélectionné. Le choix du type de menu se fait dans la partie du bas. 6) Generated anchor : affiche l ancre générée pour chacun de vos menus. Cette ancre se base en partie sur le nom de votre menu, donc si vous modifiez le nom du menu, l ancre sera différente. Vous pouvez les utiliser afin d amener directement l utilisateur sur un menu spécifique (très utile pour les pages contenant plusieurs menus à la suite) DOCUMENTATION APPLICATION «LA CARTE» Page 8/48

9 4.2.2 Menu Cette partie contient les différents produits/plats qui vont former le menu. La structure du menu (nombre de colonne) dépend du template (type de menu) qui a été choisi (tous les types de template (type de menu) sont détaillés au point 6 «Type de menu»). Dans notre exemple nous allons prendre le template «Vins» car c est celui qui contient le plus de colonnes (4x). Le principe d utilisation sera le même pour les autres templates (type de menu). Détails de l utilisation des colonnes : 1 ère colonne : le nom de la catégorie (Entrée, Desserts, ) 2 ème colonne : le nom et la description du produit/plats 3 ème colonne : le prix numéro 1 4 ème colonne : le prix numéro 2 (généralement utilisé pour les vins afin d afficher 2 prix pour le même produit, par exemple pour le prix au verre et pour le prix à la bouteille) Aucune des colonnes n est obligatoire, c est à dire que vous pouvez utiliser celles que vous voulez selon les produits proposés. Remarque (ancres HTML) : en plus des ancres générées pour chacun des menus, des ancres sont générées pour chacune des catégories de menu. Cette génération se fait sur le même principe que l ancre pour les menus. Ces ancres se basent en partie sur le nom de votre menu, donc si vous modifiez le nom du menu, les ancres seront différentes. Vous pouvez les utiliser afin d amener directement l utilisateur sur une catégorie d un menu spécifique (très utile pour les pages contenant plusieurs menus à la suite). Celles ci sont affichées à gauche des catégories (lignes du menu) dans la vue d édition des menus (backend). L utilisation des ancres se fait de la manière suivante : Les ancres peuvent s ajouter manuellement Edition lien : l ajout d une ancre sur la même page se fait «#mon_ancre_no_x» et sur une autre page, «url_page + # + mon_ancre_no_x» Les ancres des menus sont affichées dans la vue d administration du composant (listing menu + édition menu) Les ancres des catégories (de chaque menu) sont affichées dans la vue d administration du composant (édition menu) DOCUMENTATION APPLICATION «LA CARTE» Page 9/48

10 Vous pouvez aussi utiliser le module «mod_lacarte_anchor» afin de générer automatiquement des liens utilisant les ancres des menus et des catégories. (voir point 8.3 Affichage liens ancres et Configuration module «mod_lacarte_anchor». Vous constaterez que vous avez une série d icônes sur chacune des lignes. Ces icônes sont votre boîte à outils, elles vous permettent d éditer d ajouter, de supprimer et organiser l ordre des lignes. Comme vous pouvez le constater sur l image ci dessous, ces icônes se trouvent à gauche de certaines lignes et à droite de toutes les lignes. Les icônes à gauche concernent les actions sur les catégories. (Utilisé par les template «Menu carte et Vins») Les icônes à droite concernent les actions sur les produits/plats. (Utilisé par tous les templates) Nous avons numéroté les icônes pour expliciter les actions : 1) Editer Permet de passer en mode édition. Une fois activée, cette icône est remplacée par 2 autres :. La première permet de fermer le mode édition en gardant vos modifications et la deuxième d annuler les modifications sur la ligne.! ( Pour enregistrer les modifications apportée à votre menu, cliquez sur «Save» ou «Save & close» tout en haut de la vue d édition.) 2) Ajout vers le haut Permet d ajouter une ligne/catégorie en dessus de la ligne utilisée. 3) Déplacer vers le haut Permet de déplacer une catégorie (avec tous ses produits) ou juste une ligne en dessus de la ligne utilisée. 4) Ajout vers le bas DOCUMENTATION APPLICATION «LA CARTE» Page 10/48

11 Permet d ajouter une ligne/catégorie en dessous de la ligne utilisée. 5) Déplacer vers le bas Permet de déplacer une catégorie (avec tous ses produits) ou juste une ligne en dessous de la ligne utilisée. 6) Supprimer Permet de supprimer une catégorie (y compris tous ses produits/plats) ou une ligne spécifique.! Une fois l édition de votre menu terminé, cliquez sur «Save» ou «Save & close», qui se trouvent en haut à gauche, pour enregistrer les modifications. DOCUMENTATION APPLICATION «LA CARTE» Page 11/48

12 4.2.3 Sélection des allergènes La sélection des allergènes vient compléter les explications que nous avons vues au point précédent. Cette étape n est pas obligatoire pour créer un menu. Avant de sélectionner des allergènes pour vos produits, il faut que ceux ci soit déjà créés. Cela se fait depuis la vue du composant «Allergens list». Le fonctionnement de cette vue, y compris la création/l édition des allergènes, est détaillé au point suivant (5). La sélection des allergènes pour un produit se fait depuis la vue d édition d un menu. 1) Les allergènes créés seront affichés lorsque vous éditez une ligne en cliquant sur l icône de la «boîte à outils» à droite de la ligne (celle concernant le produit). 2) Une fois la ligne en mode édition, vous pouvez sélectionner les allergènes que vous souhaitez en cliquant sur son nom ou cocher la case à gauche du nom. 3) Une fois votre sélection terminée, vous pouvez cliquer sur l icône pour fermer le mode édition et garder vos changements sur cette ligne. 4) Une fois un allergène sélectionné, celui ci s affiche aussi sur la ligne en mode normal en plus du mode édition. DOCUMENTATION APPLICATION «LA CARTE» Page 12/48

13 Nous verrons au point 5 «Gestion des allergènes» qu un allergène peut être publié/dé publié. Alors quelles conséquence si un allergène est dé publié? Cela ne change rien à ce que nous venons de voir. Il sera toujours présent lors de l édition des lignes. Si un allergène avait déjà été sélectionné pour un produit et qu il est dé publié par la suite, il sera toujours associé à ce produit mais l allergène ne sera pas affiché en frontend. La seule différence est que le nom de l allergène est barré pour toutes les lignes en mode normal et en mode édition. Affichage d un allergène dé publié lors de l édition d une ligne : Affichage d un allergène dé publié sur une ligne en mode normal : Astuce : Vous pouvez sélectionner tous les allergènes ou au contraire les désélectionner en un clic. Pour cela cliquez sur «Select all» pour tous les sélectionner ou cliquez sur «Unselect all» pour tous les désélectionner. DOCUMENTATION APPLICATION «LA CARTE» Page 13/48

14 4.2.4 Sélection du «Fait maison» La sélection du «Fait maison» se fait sur le même principe que les allergènes. Cette étape n est pas obligatoire pour créer un menu. Donc la sélection du «Fait maison» pour un produit se fait depuis la vue d édition d un menu. 1) L option «Fait maison» sera affichée lorsque vous éditez une ligne en cliquant sur l icône de la «boîte à outils» à droite de la ligne (celle concernant le produit). 2) Une fois la ligne en mode édition, vous pouvez sélectionner cette option en cliquant sur son nom ou cocher la case à gauche du nom. 3) Une fois votre sélection terminée, vous pouvez cliquer sur l icône pour fermer le mode édition et garder vos changements sur cette ligne. 4) Une fois cette option sélectionnée, celle ci s affiche aussi sur la ligne en mode normal en plus du mode édition. Des options d affichage sont disponibles depuis les paramètres du menu/module afin de choisir l icône (taille/thème) et le mode d affichage. Ces options sont détaillées dans la partie «configuration menu» (point 7.1.1) et «configuration module» (point 7.2.1). DOCUMENTATION APPLICATION «LA CARTE» Page 14/48

15 4.3 Ordre d affichage des menus L affichage des menus se base sur «l ordre» qui a été défini. Celui ci peut être modifié depuis la vue «Menus list» du composant depuis le backend. Par défaut l affichage dans cette vue se fait par ordre alphabétique afin de pouvoir retrouver rapidement le nom de son menu. L affichage des menus «La Carte» sur votre site se base sur l ordre des menus. Vous pouvez modifier cet ordre depuis cette vue. Pour cela il faut cliquer sur la colonne «ordering» (icône ) pour activer le mode «ordering». Une fois ce mode activé les «3 carrés» (icône à gauche ) s afficheront en noir. Vous pourrez ensuite glisser/poser (drag and drop) vos menus et cela enregistrera le nouvel ordre que vous aurez choisi. (Bouton gauche de souris enfoncé, cliquer sur l icône «lâcher)» puis glisser et DOCUMENTATION APPLICATION «LA CARTE» Page 15/48

16 5. Gestion des allergènes Pour accéder à la gestion des allergènes, cliquez sur le menu de gauche «Allergens list». Par défaut, la liste des allergènes est vide. Important : si vous ne désirez pas utiliser les allergènes, il suffit de laisser cette liste vide. Il n y a aucune obligation de créer des allergènes pour pouvoir créer un menu. La création et l édition des allergènes sont détaillées aux points suivant. DOCUMENTATION APPLICATION «LA CARTE» Page 16/48

17 5.1 Création d une liste d allergènes Pour créer un allergène cliquez sur «New» ce qui ouvrira la vue d édition. Une autre possibilité, si vous venez d installer le composant, est de générer automatiquement les 14 allergènes à Déclaration Obligatoire (liste ADO). Cette liste ADO se base sur le document «Juin 2015 Les allergènes pour le non préemballé» fourni par l AFPRAL (Association Française pour la Prévention des Allergies) et disponible sur leur site internet « Important : La génération automatique de ces 14 allergènes vous permet de vous faciliter la mise en place des allergènes sur votre site. Cependant, cette liste ne constitue pas une garantie d englober la totalité des allergènes à déclaration obligatoire présents et futurs. Le composant vous permet de la modifier et de la compléter en fonction de l évolution des règles en vigueur dans votre pays concernant les allergènes. Cliquez sur le bouton «Generate ADO list (FR 14 Allergènes à Déclaration Obligatoire)» afin de générer automatiquement les 14 allergènes à Déclaration Obligatoire (liste ADO). Remarque : le nom et la description de ces 14 allergènes sont disponibles uniquement en français. DOCUMENTATION APPLICATION «LA CARTE» Page 17/48

18 Voici un exemple de cette vue avec les allergènes créés/générés : 1) Ordering : Permet de définir l ordre des allergènes (même principe Joomla glisser/poser). Par défaut, l affichage des allergènes dans cette vue se fait par ordre alphabétique afin de pouvoir retrouver rapidement le nom d un allergène. Vous pouvez modifier l ordre d affichage des allergènes sur votre site depuis cette vue. Pour cela il faut cliquer sur l icône de la colonne «ordering» (No 1 image ci dessus) pour activer le mode de déplacement («ordering»). Vous pourrez ensuite glisser/poser (drag and drop) les allergènes et cela enregistrera le nouvel ordre que vous aurez choisi. 2) Name : nom de l allergène 3) Description : description de l allergène 4) Path picture : contient le chemin relatif de l image/icône de l allergène. Exemple : «images/icons_allergens/gluten.png» Remarque : Les images/icônes des allergènes ne sont pas fournis avec le composant. 5) Status : Indique si l allergène est publié ou non. Vous pouvez aussi le désactiver/l activer en cliquant sur l icône : Si un allergène est dé publié, il ne sera pas affiché sur votre site (frontend). Cependant il sera toujours présent dans le backend mais son nom sera barré pour indiquer qu il est dé publié. Pour supprimer un allergène (ou plusieurs allergènes), sélectionnez le dans la liste et cliquez sur le bouton «Delete». Lors de la suppression d un allergène, celui ci sera supprimé ainsi que son association à des produits. DOCUMENTATION APPLICATION «LA CARTE» Page 18/48

19 5.2 Edition allergène Pour ouvrir la vue d édition, vous pouvez soit cliquer sur le bouton «New» depuis la liste des allergènes, soit cliquer sur le nom d un allergène. Détails de cette vue d édition «Allergen details» : 1) Allergen name : nom de l allergène 2) Allergen description : description de l allergène 3) Path picture : contient le chemin relatif de l image/icône de l allergène. Exemple : «images/icons_allergens/gluten.png» Remarque : Les images/icônes des allergènes ne sont pas fournis avec le composant. 4) Active : Indique si l allergène est publié ou non. Si un allergène est dé publié, il ne sera pas affiché sur votre site (frontend). Cependant il sera toujours présent dans le backend mais son nom sera barré pour indiquer qu il est dé publié. Une fois que vous avez fini de remplir les champs, cliquez sur «Save» ou «Save & Close» afin d enregistrer vos modifications. DOCUMENTATION APPLICATION «LA CARTE» Page 19/48

20 5.3 Ordre d affichage des allergènes L affichage des allergènes se base sur «l ordre» qui a été défini. Celui ci peut être modifié depuis la vue «Allergens list» du composant depuis le backend. Par défaut, l affichage dans cette vue se fait par ordre alphabétique afin de pouvoir retrouver rapidement le nom d un allergène. L affichage des allergènes sur votre site se base sur l ordre de ceux ci. Vous pouvez modifier cet ordre depuis cette vue. Pour cela il faut cliquer sur la colonne «ordering» (icône ) pour activer le mode de déplacement des lignes («ordering»). Une fois ce mode activé les «3 carrés» (icône à gauche ) s afficheront en noir. Vous pourrez ensuite glisser/poser (drag and drop) les allergènes et cela enregistrera le nouvel ordre que vous aurez choisi. (Bouton de souris gauche enfoncé sur l icône puis glisser et lâcher) DOCUMENTATION APPLICATION «LA CARTE» Page 20/48

21 6. Type de menu Vous avez le choix entre 5 mises en page prédéfinies. Ces templates (type de menu) vont de 1 à 4 colonnes permettant la présentation de tous vos produits. Vous trouverez ci dessous des exemples pour la vue d administration et du site pour chacun de ces templates. 6.1 Plat du jour Détails : Menu sur 1x colonne. 3 champs o Date o Description o Prix par date (optionnel) Alignement à gauche Prix pour le menu (affiché en haut) ou prix par jour (optionnel. S il est rempli, il sera affiché à droite de la date) Vue administration Vue site DOCUMENTATION APPLICATION «LA CARTE» Page 21/48

22 6.2 Menu Carte Détails : Menu sur 3x colonnes. Permet de gérer des catégories (Entrées, plats, desserts, ) Prix pour chaque plat 4 champs o Catégorie o Label o Description o Prix Vue administration Vue site DOCUMENTATION APPLICATION «LA CARTE» Page 22/48

23 6.3 Menu Pizza Détails : Menu sur 1x colonne. 3 champs o Date o Description o Prix par pizza (optionnel) Alignement centré Prix pour le menu (affiché en haut) ou prix par pizza (optionnel. S il est rempli, il sera affiché à droite de la pizza) Vue administration Vue site DOCUMENTATION APPLICATION «LA CARTE» Page 23/48

24 6.4 Menu Vins Détails : Menu sur 4x colonnes. Permet de gérer des catégories (Vin blancs, vins rouges, ) 2x prix pour chaque produit (par exemple : prix au verre et/ou prix par bouteille), les prix ne sont affichés que s ils sont remplis 5 champs o Catégorie o Label o Description o 2x prix Vue administration Vue site (avec 1 prix) Vue site (avec 2 prix) DOCUMENTATION APPLICATION «LA CARTE» Page 24/48

25 6.5 Menu Business Détails : Menu sur 1x colonne. 3 champs o Date o Description o Prix par propositions (optionnel) Alignement centré Prix pour le menu (affiché en haut) ou prix par propositions (optionnel. S il est rempli, il sera affiché à droite du nom de la proposition) Vue administration Vue site DOCUMENTATION APPLICATION «LA CARTE» Page 25/48

26 6.6 Menu Custom Détails : Menu avec type de ligne à choix. Alignement en fonction des types de ligne. Ce menu reprend les types de ligne des 5 template de base et propose 8 nouveaux types de ligne. o Types de ligne 1 à 6 (5 template de base) o Type de ligne 7 à 11 (utilise du texte) o Type de ligne 12 à 14 (autorise les tags HTML) Une description de chaque type de ligne est affichée au survol de son image. Vous devez utiliser un chemin relatif pour les images (type de ligne 8 et 9). Par exemple images/mon_dossier/mon_image.png Vue administration DOCUMENTATION APPLICATION «LA CARTE» Page 26/48

27 7. Module complémentaires L application «La Carte» se compose de base d un composant «com_lacarte». Ce composant permet la gestion de vos menus et des allergènes depuis le backend et l affichage sur le frontend. Pour information, avec la version 2.0, il n y avait que l affichage par modules de disponible, par le biais du module «mod_lacarte». Avec la version 2.1.1, une vue frontend a été ajoutée au composant afin d avoir aussi l affichage par les menus Joomla. Les deux types d affichages ont les mêmes paramètres de configuration. Le module «mod_lacarte» permet l affichage de vos menus (inclut allergènes, Fait maison) sur votre site comme l affichage par la vue frontend du composant. Ce module a été fait afin d avoir une plus grande flexibilité d affichage (intégration dans les articles Joomla). Un autre module est disponible depuis cette nouvelle version Ce module «mod_lacarte_anchor» permet de lister/générer des liens utilisant les ancres des menus automatiquement (par exemple pour avoir un menu dans un module sur la colonne de droite). Cela évite de devoir créer des liens manuellement et y ajouter les ancres. DOCUMENTATION APPLICATION «LA CARTE» Page 27/48

28 7.1 Module La Carte «mod_lacarte» Le module «mod_lacarte» est un module complémentaire, donc il n est pas indispensable au bon fonctionnement du composant. (Ceci est valable pour la version 2.1.1, par contre il est obligatoire pour la version 2.0 car il n y avait pas encore l affichage par les menus Joomla.) Comme indiqué au point précédent, ce module a été fait afin d avoir une plus grande flexibilité d affichage (intégration dans les articles Joomla). Il reprend les mêmes options d affichage que la vue frontend du composant de base. Vous trouverez tous les détails concernant la configuration et son utilisation pour l intégration sur votre site au point 8.2 «Affichage par les modules» et Configuration module «mod_lacarte». 7.2 Module La Carte Anchor «mod_lacarte_anchor» Le module «mod_lacarte_anchor» est un module complémentaire, donc il n est pas indispensable au bon fonctionnement du composant. Il n est pas compatible avec les versions antérieures (< 2.1.1) car il utilise les ancres des menus et des catégories qui ont été intégrées depuis la version Vous trouverez tous les détails concernant la configuration et son utilisation pour l intégration sur votre site au point 8.3 Affichage liens ancres «mod_lacarte_anchor» et Configuration module «mod_lacarte_anchor». DOCUMENTATION APPLICATION «LA CARTE» Page 28/48

29 8. Intégration dans le site Dans cette partie, nous allons voir comment afficher le menu sur votre site. Dans cette version 2.1.1, vous avez 2 possibilités. Soit par les menus Joomla (nouveau) qui utilisera une vue en frontend, soit par les modules «mod_lacarte» (déjà existant dans la version 2.0). Dans les deux cas de figures, il faudra configurer les paramètres du menu Joomla/module afin de choisir les menus à afficher et régler vos préférences d affichage (paramètres). Les paramètres d affichage sont les mêmes pour les 2 solutions d intégration (par menu Joomla ou module «mod_lacarte»). L intégration et la configuration du module complémentaire «mod_lacarte_anchor» sera aussi présenté. 8.1 Affichage par les menus Joomla Pour intégrer votre menu/carte sur votre site, il faut commencer par créer un nouveau menu Joomla. Pour cela, allez dans la gestion des menus. Ensuite cliquez sur «New» pour créer un nouveau menu. DOCUMENTATION APPLICATION «LA CARTE» Page 29/48

30 Cliquez sur «Select» pour choisir le type de menu Joomla. Cette action ouvrira une modal et choisissez «La Carte» > «La Carte». Puis vous aurez les options de base d un menu Joomla et 2 onglets supplémentaires contenant les paramètres d affichage du composant. Ces paramètres d affichage sont décrits au point suivant. DOCUMENTATION APPLICATION «LA CARTE» Page 30/48

31 8.1.1 Configuration menu Nous allons passer en revue les paramètres d affichage qui vous permettront de sélectionner et de personnaliser vos menus. Détails des 2 onglets contenant les paramètres d affichage du menu/carte et des allergènes : Détail de l onglet des paramètres généraux «La Carte General» : 1) Menu : permet de sélectionner un ou plusieurs menus à afficher. 2) Intro text : Permet de remplir un texte d introduction qui sera affiché avant le menu (optionnel). 3) End text : Permet de remplir un texte qui sera affiché après le menu (optionnel). 4) Text color : permet de définir la couleur du texte de vos menus. Vous pouvez utiliser un code couleur (ex : #24618a) ou le nom d une couleur (ex : black). 5) Description color : permet de définir la couleur du texte des descriptions de vos menus. Vous pouvez utiliser un code couleur (ex : #24618a) ou le nom d une couleur (ex : black). 6) Display 'Home made' : Activation du «Fait maison». Si l'affichage de cette option est désactivée, les options cidessous ne seront pas utilisées. Options disponibles : Non : Cette information ne sera pas affichée Par menu : Une seule icône sera affichée en haut du menu (avec le texte du libellé (option 10), s il est rempli) Par produits/plats : Une icône sera affichée sur chacune des lignes dont le produit a cette option sélectionnée DOCUMENTATION APPLICATION «LA CARTE» Page 31/48

32 7) 'Home made' icon theme : Vous pouvez choisir entre 2 thèmes, clair ou sombre : 8) 'Home made' icon width : Sélectionnez la taille de l'icône «Fait maison» affichée dans les menus. 9) 'Home made' icon path : Vous pouvez choisir une icône personnalisée à la place de celle par défaut. Saisissez son chemin d accès (Exemple : 'images/icons/info.png'). Si le chemin est vide, une icône par défaut sera utilisée. 10) 'Home made' label : Vous pouvez choisir d écrire un texte à afficher. Le premier cas de figure est comme titre (title de la balise image affiché au survol de l icône) des icônes qui seront affichées sur chacune des lignes des menus. Dans le second cas de figure, ce texte sera affiché en dessous de l icône, en haut du menu (si l option d affichage «Par menu» est sélectionnée). Quelque information utile sur le «Fait maison» : L affichage des logos en 24x24 correspond à l affichage minimum (6mm = 22.67px) requis pour la France. Il y a plusieurs tailles de logo disponibles pour les autres législations. Les logos par défaut sont ceux fournis par ( en version clair ou sombre. Lors de l affichage d un seul logo pour tout le menu, il faut utiliser la taille 100x100 (format fourni par Vous trouverez le Guide d'utilisation de la mention «fait maison» (version PDF) et les icônes/logos à l adresse maison/telechargement! Important : Les informations fournies dans cette documentation ont pour but de vous faciliter la mise en place de la notion «Fait maison» sur votre site. Ces informations ne constituent pas une garantie d englober la totalité des règles et obligations présentes et futures. Le composant vous permet d avoir une flexibilité au niveau de l affichage afin de suivre l évolution des règles en vigueur dans votre pays concernant cette notion «Fait maison». DOCUMENTATION APPLICATION «LA CARTE» Page 32/48

33 Détail de l onglet des paramètres concernant les allergènes «La Carte Allergens» : DOCUMENTATION APPLICATION «LA CARTE» Page 33/48

34 On peut résumer toutes ces options en 4 groupes, c est à dire : Le groupe A (option 1) permet d activer ou non l affichage des allergènes. Le groupe B (options 2 à 8) concerne les infobulles (tooltip) sur chacunes de vos lignes des menus/cartes. Le groupe C (options 9 et 10) concerne l icône qui sera ajouté à droite de vos produits ayant des allergènes sélectionnés. Le groupe D (option 11 à 20) concerne la légende des allergènes. Voici le détail de chacun des paramètres d affichage des allergènes : 1) Display allergens : Vous pouvez activer ou non l'affichage des allergènes. Si l'affichage des allergènes est désactivé, les options qui suivent ne seront pas utilisées. 2) Tooltip icon width : Sélectionnez une taille pour les icônes affichées dans les infobulles. (Ce paramètre sera utilisé uniquement si vous avez rempli les chemins des images pour les allergènes depuis le backend). 3) Tooltip wrapper width : Vous pouvez redéfinir la taille du conteneur de l'infobulle (valeur par défaut : auto). Entrez un nombre entier, par exemple '600' (pixel) ou '80%' (pourcent) ou 'auto'. 4) Tooltip wrapper max width : Vous pouvez redéfinir la taille maximum du conteneur de l'infobulle (valeur par défaut : 300px). Entrez un nombre entier, par exemple '600' (pixel) ou '80%' (pourcent) ou 'auto'. 5) Tooltip background color : Vous pouvez personnaliser la couleur de fond de l'infobulle en utilisant le code couleur que vous souhaitez. Exemple: # ou black 6) Tooltip text color : Vous pouvez personnaliser la couleur du texte de l'infobulle en utilisant le code couleur que vous souhaitez. Exemple: # ou black 7) Tooltip border color : Vous pouvez personnaliser la couleur de la bordure de l'infobulle en utilisant le code couleur que vous souhaitez. Exemple: # ou black 8) Tooltip shadow color : Vous pouvez personnaliser la couleur de l ombre de l'infobulle en utilisant le code couleur que vous souhaitez. Exemple: # ou black 9) Allergen info icon path : Vous pouvez choisir une icône personnalisée à la place de celle par défaut. Entrez son chemin (Exemple : 'images/icons/info.png'). Si le chemin est vide, une icône par défaut sera utilisée. 10) Allergen info icon width : Sélectionnez la taille de l'icône information affichée dans les menus. 11) Display allergens legend : Affiche la légende contenant tous les allergènes publiés (nom/description/image). 12) Display type legend : Vous pouvez choisir entre plusieurs type d'affichage de légende. Soit une infobulle au survol du libellé de la légende, soit en cliquant sur le libellé de la légende afin d'afficher la légende complète ou afficher automatiquement la légende au chargement de la page. DOCUMENTATION APPLICATION «LA CARTE» Page 34/48

35 13) Legend allergens label : Choisissez votre libellé pour la légende des allergènes. 14) Legend wrapper width : Vous pouvez redéfinir la taille du conteneur de la légende (valeur par défaut : auto). Entrez un nombre entier, par exemple '600' (pixel) ou '80%' (pourcent) ou 'auto'. 15) Legend wrapper max width : Vous pouvez redéfinir la taille maximum du conteneur de la légende (valeur par défaut : auto). Entrez un nombre entier, par exemple '600' (pixel) ou '80%' (pourcent) ou 'auto'. 16) Legend background color : Vous pouvez personnaliser la couleur de fond de la légende en utilisant le code couleur que vous souhaitez. Exemple: # ou black. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle. Si vous utilisez l'affichage de type infobulle, les options des infobulles seront utilisées pour la légende.) 17) Legend text color : Vous pouvez personnaliser la couleur du texte de la légende en utilisant le code couleur que vous souhaitez. Exemple: # ou black. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle. Si vous utilisez l'affichage de type infobulle, les options des infobulles seront utilisées pour la légende.) 18) Legend border color : Vous pouvez personnaliser la couleur de la bordure de la légende en utilisant le code couleur que vous souhaitez. Exemple: # ou black. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle. Si vous utilisez l'affichage de type infobulle, les options des infobulles seront utilisées pour la légende.) 19) Legend shadow color : Vous pouvez personnaliser la couleur de l ombre de la légende en utilisant le code couleur que vous souhaitez. Exemple: # ou black. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle. Si vous utilisez l'affichage de type infobulle, les options des infobulles seront utilisées pour la légende.) 20) Legend wrapper align : Vous pouvez choisir l'alignement du conteneur de la légende. Cette option est particulièrement utile si vous avez fixé une taille maximum pour le conteneur de la légende. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle.) DOCUMENTATION APPLICATION «LA CARTE» Page 35/48

36 8.2 Affichage par les modules Cela va se faire avec l outil de Joomla permettant d intégrer des modules dans les articles avec le texte suivant : {loadposition position_du_module}. Ce principe va vous permettre de charger un ou plusieurs modules dans votre/vos articles. Vous pouvez ouvrir la gestion des articles avec le menu «Content >> Articles manager» Ouvrez l article dans lequel vous désirez intégrer votre module et insérez le texte suivant : «{loadposition position_du_module}» dans votre éditeur à l emplacement de votre choix. Pour reprendre notre exemple de module, nous avions mis comme position «demo2», donc nous avons inséré le texte suivant : {loadposition demo2}. Une fois l édition de votre article terminée, cliquez sur «Save & close» pour enregistrer les modifications Configuration module «mod_lacarte» Principe : l utilisation de module va vous permettre de sélectionner et de configurer votre/vos menus. Une fois cela fait vous pourrez le charger dans un article pour l /les afficher sur le site. Cela vous permettra d avoir une bonne flexibilité au niveau de l affichage. Par exemple, vous pouvez faire un module et sélectionner tous vos menus avec la même configuration. Vous pouvez aussi avoir 4 modules avec un seul menu associé à chacun, avec des configurations différentes (cela permet de charger des modules dans différentes partie de votre site). Pour accéder à la gestion des modules, il faut utiliser le menu «Extension >> Module manager». DOCUMENTATION APPLICATION «LA CARTE» Page 36/48

37 Lors de l installation d un module, Joomla en créé un automatiquement (dé publié) que vous pouvez réutiliser, ou cliquer sur «New» et sélectionner le type «La Carte». Ensuite cliquez sur le nom du module dans la liste pour ouvrir le mode d édition. Nous allons décrire la partie de gauche, dans le 1er onglet «Module» (paramètres d affichage), la partie de droite contient les paramètres standards des modules Joomla. De plus, nous regarderons aussi en détail l onglet «La Carte Allergens» qui contient les paramètres d affichage des allergènes. Les paramètres du menu/carte et des allergènes sont les mêmes que ceux détaillés au point précédent (8.1.1 «Configuration menu»). DOCUMENTATION APPLICATION «LA CARTE» Page 37/48

38 Détails du 1er onglet «Module» (paramètre d affichage du menu) : 1) Menu : permet de sélectionner un ou plusieurs menus à afficher. 2) Intro text : Permet de remplir un texte d introduction qui sera affiché avant le menu (optionnel). 3) End text : Permet de remplir un texte qui sera affiché après le menu (optionnel). 4) Text color : permet de définir la couleur du texte de vos menus. Vous pouvez utiliser un code couleur (ex : #24618a) ou le nom d une couleur (ex : black). 5) Description color : permet de définir la couleur du texte des descriptions de vos menus. Vous pouvez utiliser un code couleur (ex : #24618a) ou le nom d une couleur (ex : black). 6) Display 'Home made' : Vous pouvez activer ou non l'affichage du «Fait maison». Si l'affichage de cette option est désactivée, les options ci dessous ne seront pas utilisées. Options disponibles : Non : Cette information ne sera pas affichée Par menu : Une seule icône sera affichée en haut du menu (avec le texte du libellé (option 10), s il est rempli) Par produits/plats : Une icône sera affichée sur chacune des lignes dont le produit à cette option sélectionnée 7) 'Home made' icon theme : Vous pouvez choisir entre 2 thèmes, clair ou sombre. 8) 'Home made' icon width : Sélectionnez la taille de l'icône «Fait maison» affichée dans les menus. 9) 'Home made' icon path : Vous pouvez choisir une icône personnalisée à la place de celle par défaut. Entrez son chemin (Exemple : 'images/icons/info.png'). Si le chemin est vide, une icône par défaut sera utilisée. 10) 'Home made' label : Vous pouvez choisir d écrire un texte à afficher. Le premier cas de figure est comme titre (title de la balise image affiché au survol de l icône) des icônes qui seront affichées sur chacune des lignes des menus. Dans le second cas de figure, ce texte sera affiché en dessous de l icône, en haut du menu (si l option d affichage «Par menu» est sélectionnée). DOCUMENTATION APPLICATION «LA CARTE» Page 38/48

39 Quelques informations utiles sur le «Fait maison» : L affichage des logos en 24x24 correspond à l affichage minimum (6mm = 22.67px) requis pour la France. Il y a plusieurs tailles de logo disponible pour les autres législations. Les logos par défaut sont ceux fournit par ( en version clair ou sombre. Lors de l affichage d un seul logo pour tout le menu, il faut utiliser la taille 100x100 (format fournit par Vous trouverez le Guide d'utilisation de la mention «fait maison» (version PDF) et les icônes/logos à l adresse maison/telechargement! Important : Les informations fournies dans cette documentation ont pour but de vous faciliter la mise en place de la notion «Fait maison» sur votre site. Ces informations ne constituent pas une garantie d englober la totalité des règles et obligatoire présentes et futures. Le composant vous permet d avoir une flexibilité au niveau de l affichage afin de suivre l évolution des règles en vigueur dans votre pays concernant cette notion «Fait maison». DOCUMENTATION APPLICATION «LA CARTE» Page 39/48

40 Détails de l onglet «La Carte Allergens» (paramètre d affichage des allergènes) : DOCUMENTATION APPLICATION «LA CARTE» Page 40/48

41 On peut résumer toutes ces options en 4 groupes, c est à dire : Le groupe A (option 1) permet d activer ou non l affichage des allergènes. Le groupe B (options 2 à 8) concerne les infobulles (tooltip) sur chacunes de vos lignes des menus/cartes. Le groupe C (options 9 et 10) concerne l icône qui sera ajouté à droite de vos produits ayant des allergènes sélectionnés. Le groupe D (option 11 à 20) concerne la légende des allergènes. Voici le détail de chacun des paramètres d affichage des allergènes : 1) Display allergens : Vous pouvez activer ou non l'affichage des allergènes. Si l'affichage des allergènes est désactivé, les options ci dessous ne seront pas utilisées. 2) Tooltip icon width : Sélectionnez une taille pour les icônes affichées dans les infobulles. (Ce paramètre sera utilisé uniquement si vous avez rempli les chemins des images pour les allergènes depuis le backend) 3) Tooltip wrapper width : Vous pouvez redéfinir la taille du conteneur de l'infobulle (valeur par défaut : auto). Entrez un nombre entier, par exemple '600' (pixel) ou '80%' (pourcent) ou 'auto'. 4) Tooltip wrapper max width : Vous pouvez redéfinir la taille maximum du conteneur de l'infobulle (valeur par défaut : 300px). Entrez un nombre entier, par exemple '600' (pixel) ou '80%' (pourcent) ou 'auto'. 5) Tooltip background color : Vous pouvez personnaliser la couleur de fond de l'infobulle en utilisant le code couleur que vous souhaitez. Exemple: # ou black 6) Tooltip text color : Vous pouvez personnaliser la couleur du texte de l'infobulle en utilisant le code couleur que vous souhaitez. Exemple: # ou black 7) Tooltip border color : Vous pouvez personnaliser la couleur de la bordure de l'infobulle en utilisant le code couleur que vous souhaitez. Exemple: # ou black 8) Tooltip shadow color : Vous pouvez personnaliser la couleur de l ombre de l'infobulle en utilisant le code couleur que vous souhaitez. Exemple: # ou black 9) Allergen info icon path : Vous pouvez choisir une icône personnalisée à la place de celle par défaut. Entrez son chemin (Exemple : 'images/icons/info.png'). Si le chemin est vide, une icône par défaut sera utilisée. 10) Allergen info icon width : Sélectionnez la taille de l'icône information affichée dans les menus. 11) Display allergens legend : Affiche la légende contenant tous les allergènes publiés (nom/description/image). 12) Display type legend : Vous pouvez choisir entre plusieurs types d'affichages de légendes. Soit une infobulle au survol du libellé de la légende, soit en cliquant sur le libellé de la légende afin d'afficher la légende complète ou afficher automatiquement la légende au chargement de la page. DOCUMENTATION APPLICATION «LA CARTE» Page 41/48

42 13) Legend allergens label : Choisissez votre libellé pour la légende des allergènes. 14) Legend wrapper width : Vous pouvez redéfinir la taille du conteneur de la légende (valeur par défaut : auto). Entrez un nombre entier, par exemple '600' (pixel) ou '80%' (pourcent) ou 'auto'. 15) Legend wrapper max width : Vous pouvez redéfinir la taille maximum du conteneur de la légende (valeur par défaut : auto). Entrez un nombre entier, par exemple '600' (pixel) ou '80%' (pourcent) ou 'auto'. 16) Legend background color : Vous pouvez personnaliser la couleur de fond de la légende en utilisant le code couleur que vous souhaitez. Exemple: # ou black. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle. Si vous utilisez l'affichage de type infobulle, les options des infobulles seront utilisées pour la légende.) 17) Legend text color : Vous pouvez personnaliser la couleur du texte de la légende en utilisant le code couleur que vous souhaitez. Exemple: # ou black. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle. Si vous utilisez l'affichage de type infobulle, les options des infobulles seront utilisées pour la légende.) 18) Legend border color : Vous pouvez personnaliser la couleur de la bordure de la légende en utilisant le code couleur que vous souhaitez. Exemple: # ou black. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle. Si vous utilisez l'affichage de type infobulle, les options des infobulles seront utilisées pour la légende.) 19) Legend shadow color : Vous pouvez personnaliser la couleur de l ombre de la légende en utilisant le code couleur que vous souhaitez. Exemple: # ou black. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle. Si vous utilisez l'affichage de type infobulle, les options des infobulles seront utilisées pour la légende.) 20) Legend wrapper align : Vous pouvez choisir l'alignement du conteneur de la légende. Cette option est particulièrement utile si vous avez fixé une taille maximum pour le conteneur de la légende. (Cette option ne sera pas utilisée si vous affichez la légende en mode infobulle.) DOCUMENTATION APPLICATION «LA CARTE» Page 42/48

43 Un dernier point important et la configuration de votre module sera terminée : C est la position de votre module qui sera utilisée pour le charger dans un article. Vous pouvez entrer/taper une position fictive sur la droite de la partie d édition (Position), dans notre exemple nous avons utilisé «demo2», mais vous pouvez utiliser ce que vous désirez, par exemple «menu» (cette position ne doit contenir que des lettres/chiffre minuscule). Remarque : n oubliez pas de sélectionner l assignement du module sur la/les pages désirées (fonctionnement standard des module Joomla). Cela se fait depuis le 2 ème onglet «Menu Assignement». Une fois la configuration terminée, cliquez sur «Save & Close» pour enregistrer les modifications. DOCUMENTATION APPLICATION «LA CARTE» Page 43/48

44 8.3 Affichage liens ancres Principe : vous pouvez faire vos liens (utilisant les ancres) manuellement ou utiliser le module «mod_lacarte_anchor» qui va générer les liens vers les ancres des menus sélectionnés dans les paramètres du module. L utilisation manuelle des ancres se fait de la manière suivante : Les ancres peuvent s ajouter manuellement Edition lien : l ajout d une ancre sur la même page se fait «#mon_ancre_no_x» et sur une autre page, «url_page + # + mon_ancre_no_x» Les ancres des menus sont affichées dans la vue d administration du composant (listing menu + édition menu) Les ancres des catégories (de chaque menu) sont affichées dans la vue d administration du composant (édition menu). Le module «mod_lacarte_anchor» sera affiché en fonction de la position et de l assignement de celui ci (fonctionnement standard de Joomla). Cette partie décrit la manière d utiliser le module «mod_lacarte_anchor». Cela va se faire depuis la gestion des modules de Joomla. Pour accéder à la gestion des modules, il faut utiliser le menu «Extension >> Module manager». Lors de l installation d un module, Joomla en a créé un automatiquement (dé publié) que vous pouvez réutiliser, sinon, cliquer sur «New» et sélectionner le type «La Carte Module Anchor». DOCUMENTATION APPLICATION «LA CARTE» Page 44/48

45 Ensuite cliquez sur le nom du module dans la liste pour ouvrir le mode d édition. 1) Sélectionnez l assignement aux menus de votre choix. 2) Sélectionnez une position La sélection des menus et les paramètres d affichage sont détaillés au point suivant. Une fois terminé, cliquez sur «Save & close» pour enregistrer les modifications. DOCUMENTATION APPLICATION «LA CARTE» Page 45/48

46 8.3.1 Configuration module «mod_lacarte_anchor» Principe : l utilisation de ce module va vous permettre de sélectionner votre/vos menus et de générer les liens vers les ancres de ceux ci. Nous allons décrire la partie de gauche, dans le 1er onglet «Module» (paramètres d affichage), la partie de droite contient les paramètres standards des modules Joomla. Les valeurs ci dessous (sauf la sélection du menu) sont déjà saisies par défaut et prêt à l emploi. Bien évidement libre à vous de les modifier. 1) Menu : Sélectionner les menus qui devront être analysés. 2) Anchor wrapper (width) : Vous pouvez redéfinir la taille du conteneur des ancres (valeur par défaut : 100%). Entrez un nombre entier, par exemple '100' (pixel) ou '80%' (pourcent) ou 'auto'. 3) Anchor wrapper (maxwidth) : Vous pouvez redéfinir la taille maximum du conteneur des ancres (valeur par défaut : auto). Entrez un nombre entier, par exemple '100' (pixel) ou '80%' (pourcent) ou 'auto'. 4) Menu margins : Vous pouvez spécifier les marges sur chacun des menus listés. Permet de gérer l'espacement entre les menus et les catégories. Valeur par défaut '10px 0' (marge de 10 pixels haut/bas, 0 marge à gauche/droite). Cette valeur est égale à '10px 0 10px 0' (haut/droite/bas/gauche). 5) Display categories : Vous pouvez choisir d'afficher ou non les catégories de chaque menu sélectionné. 6) Categories indentation : Vous pouvez définir l'indentation des catégories (valeur par défaut : 10). Entrez un nombre entier, par exemple '10' (pixel) ou '5%' (pourcent). DOCUMENTATION APPLICATION «LA CARTE» Page 46/48

47 7) Categories margins : Vous pouvez spécifier les marges sur chacunes des catégories listées. Permet de gérer l'espacement entre les catégories. Valeur par défaut '2px 0' (marge de 2 pixels haut/bas, 0 marge à gauche/droite). Cette valeur est égale à '2px 0 2px 0' (haut/droite/bas/gauche). 8) Url menu page : Vous pouvez entrer l'url de la page contenant votre menu afin d'amener l'utilisateur sur celle ci au niveau de l'ancre. (Pas besoin d'utiliser cette option si le module est affiché sur la même page que le menu.) Remarque : L idée de ce module est de générer les ancres des menus affichés se trouvant sur la même page. Mais dans certain cas il serait utile d avoir ce module ailleurs afin d amener l utilisateur sur la page des menus (autre page que le module). Dans ce cas, vous pouvez spécifier l url complète de la page où se trouve le menu (dernier paramètre du module «Url de la page du menu»). Actuellement, soit le module génère des ancres pour la page affichée, soit pour une page spécifique. Il n y a pas la possibilité de spécifier un url différent pour chacun des liens générés sur le même module. Par contre, il vous est possible de faire 2 modules «mod_lacarte_anchor» et de les afficher à la suite, le premier paramétré pour les ancres de la page courante et le deuxième pour les ancres d une autre page (en spécifiant l url de la page du menu dans les paramètres du second module). Une fois la configuration du module terminée, cliquez sur «Save & close» pour enregistrer les modifications. DOCUMENTATION APPLICATION «LA CARTE» Page 47/48

Gestion des documents avec ALFRESCO

Gestion des documents avec ALFRESCO Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

Plus en détail

Freeway 7. Nouvelles fonctionnalités

Freeway 7. Nouvelles fonctionnalités ! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

Manuel : Comment faire sa newsletter

Manuel : Comment faire sa newsletter Manuel : Comment faire sa newsletter Adresse : www.yestravel.be/acymailing Se connecter - Login (identifiant) = l adresse mail - Mot de Passe = mot de passe qui vous a été donné par. Cliquer sur [connexion]

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5

1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5 1. Introduction... 2 2. Création d'une macro autonome... 2 3. Exécuter la macro pas à pas... 5 4. Modifier une macro... 5 5. Création d'une macro associée à un formulaire... 6 6. Exécuter des actions en

Plus en détail

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle

Plus en détail

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation

Plus en détail

http://vanconingsloo.be/les-cours/modules-informatiques-et-internet/internet/gmail/libelles

http://vanconingsloo.be/les-cours/modules-informatiques-et-internet/internet/gmail/libelles Les libellés http://vanconingsloo.be/les-cours/modules-informatiques-et-internet/internet/gmail/libelles Pour ranger vos messages, Gmail utilise un procédé un peu déroutant, mais très pratique. En effet,

Plus en détail

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe : 1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%

Plus en détail

GUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e

GUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e GUIDE DE DÉMARRAGE SitagriPro Infinite Un service FINANCEAGRI c o r p o r a t e SOMMAIRE ÉTAPE 1 : Installation... p.3 1. Introduction 2. Connexion à SitagriPro Infinite ÉTAPE 2 : Identification... p.5

Plus en détail

Edition de sites Jahia 6.6

Edition de sites Jahia 6.6 Sommaire Edition de sites Jahia 6.6 documentation temporaire en attendant la finalisation de la documentation en ligne Ligne graphique Débuter l'édition Interface utilisateur Astuces de publication Boîte

Plus en détail

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables

Plus en détail

Guide d utilisation des services My Office

Guide d utilisation des services My Office Guide d utilisation des services My Office Note importante : La version de ce guide d utilisation ne s applique qu à l interface RIA (Web 2.0) de My Office. Une section supplémentaire concernant l interface

Plus en détail

Manuel de l administrateur

Manuel de l administrateur Manuel de l administrateur (Version non définitive Novembre 2013) Technofutur TIC Pedago TIC CC by sa Première utilisation en qualité d administrateur Compte administrateur Statut utilisateur Paramètre

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

L espace de travail de Photoshop

L espace de travail de Photoshop L espace de travail de Photoshop 1 Au cours de cette leçon, vous apprendrez à : ouvrir les fichiers Photoshop ; sélectionner et employer certains des outils dans le panneau Outils ; définir les options

Plus en détail

2 S I M 1 P H O N E G U I D E U T I L I S A T E U R. Guide d utilisation E-commerce / Prestashop

2 S I M 1 P H O N E G U I D E U T I L I S A T E U R. Guide d utilisation E-commerce / Prestashop 2 S I M 1 P H O N E G U I D E U T I L I S A T E U R Guide d utilisation E-commerce / Prestashop 1 2 S I M 1 P H O N E S O M M A I R E 1. Noms d utilisateurs et mots de passe..... Page 3 Adresse mail Prestashop

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

GUIDE DE DEMARRAGE RAPIDE:

GUIDE DE DEMARRAGE RAPIDE: GUIDE DE DEMARRAGE RAPIDE: COMMENT CREER VOTRE BOUTIQUE EN LIGNE Vous voulez créer votre propre boutique en ligne? C est désormais plus simple que jamais. Suivez simplement les instructions de ce guide

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Cours Excel : les bases (bases, texte)

Cours Excel : les bases (bases, texte) Cours Excel : les bases (bases, texte) La leçon 1 est une leçon de base qui vous permettra de débuter avec Excel, elle sera fort utile pour les prochaines leçons. Remarque : à chaque fois qu il est demandé

Plus en détail

Soyez accessible. Manuel d utilisation du CMS

Soyez accessible. Manuel d utilisation du CMS Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise

Plus en détail

www.imprimermonlivre.com

www.imprimermonlivre.com 0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word

Plus en détail

Administration du site

Administration du site Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition

Plus en détail

Tutoriel TYPO3 pour les rédacteurs

Tutoriel TYPO3 pour les rédacteurs Tutoriel TYPO3 pour les rédacteurs - typo3_tut_fr Tutoriel TYPO3 pour les rédacteurs Tutoriel TYPO3 pour les rédacteurs Clé de l'extension: typo3_tut_fr Langue: fr Mots-clés: foreditors, forbeginners,

Plus en détail

Ecran principal à l ouverture du logiciel

Ecran principal à l ouverture du logiciel MANUEL D UTILISATION PLATEFORME SMS Félicitations pour avoir choisi notre plateforme d envoi de SMS. Le logiciel est très simple d utilisation et intuitif. Avec ce logiciel vous êtes libre de créer vos

Plus en détail

KWISATZ MODULE PRESTASHOP

KWISATZ MODULE PRESTASHOP Table des matières -1) KWISATZ - :...2-1.1) Introduction :...2-1.2) Description :...3-1.2.1) Schéma :...3-1.3) Mise en place :...4-1.3.1) PRESTASHOP :...4-1.3.1.1) Les Web Services :...4-1.3.2) KWISATZ

Plus en détail

Manuel d utilisation du web mail Zimbra 7.1

Manuel d utilisation du web mail Zimbra 7.1 Manuel d utilisation du web mail Zimbra 7.1 ma solution de communication intelligente Sommaire 1 Connexion à la messagerie Zimbra p.4 1.1 Prérequis p.4 1.1.1 Ecran de connexion à la messagerie p.4 2 Presentation

Plus en détail

Publier un Carnet Blanc

Publier un Carnet Blanc Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,

Plus en détail

Manuel d utilisation du site web de l ONRN

Manuel d utilisation du site web de l ONRN Manuel d utilisation du site web de l ONRN Introduction Le but premier de ce document est d expliquer comment contribuer sur le site ONRN. Le site ONRN est un site dont le contenu est géré par un outil

Plus en détail

INTRODUCTION AU CMS MODX

INTRODUCTION AU CMS MODX INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de

Plus en détail

Notice d'utilisation Site Internet administrable à distance

Notice d'utilisation Site Internet administrable à distance Notice d'utilisation Site Internet administrable à distance 1. Entrer dans l'espace d'administration Pour entrer dans l'espace d'administration, cliquez sur le lien nommé «administration» ou «Connexion»

Plus en détail

COURS WINDEV NUMERO 3

COURS WINDEV NUMERO 3 COURS WINDEV NUMERO 3 01/02/2015 Travailler avec un fichier de données Etude du gestionnaire d analyse, Manipulation des tables mémoires, Manipulation de données, Création d états, Pré requis : Cours WinDev

Plus en détail

Manuel d utilisation de l outil collaboratif

Manuel d utilisation de l outil collaboratif Manuel d utilisation de l outil collaboratif Réf OCPD-V2 Page 1 / 24 a mis en œuvre un outil collaboratif qui permet de partager des informations entre collaborateurs. Il permet à des utilisateurs travaillant

Plus en détail

Responsive Design. Technologies du web. Stéphane Bouvry, 2014

Responsive Design. Technologies du web. Stéphane Bouvry, 2014 Responsive Design Technologies du web Stéphane Bouvry, 2014 1. Objectif Utilisation de CSS pour la mise en page 2. Diapos Le responsive design : http://goo.gl/dmh8is 3. Grille fluide Dans cette partie,

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

VERSION : 1.0. Utilisation de Zimbra

VERSION : 1.0. Utilisation de Zimbra 1 / 91 Informations sur le support de cours Produit Version du produit Version du support Date du support 7 1.0 18/06/12 Historique des modifications Modification Auteur Version Date Création P. Hemmel

Plus en détail

Guide de démarrage Tradedoubler. Manuel éditeur / affilié

Guide de démarrage Tradedoubler. Manuel éditeur / affilié Guide de démarrage Tradedoubler Manuel éditeur / affilié 1 DEMARRER 1. Devenir éditeur sur Tradedoubler 2. Ajouter ses informations bancaires 3. Bénéficier des paiements internationaux 4. Avoir accès aux

Plus en détail

Initiation à Excel. Frédéric Gava (MCF) gava@univ-paris12.fr

Initiation à Excel. Frédéric Gava (MCF) gava@univ-paris12.fr Initiation à Excel Frédéric Gava (MCF) gava@univ-paris12.fr LACL, bâtiment P2 du CMC, bureau 221 Université de Paris XII Val-de-Marne 61 avenue du Général de Gaulle 94010 Créteil cedex Plan de cette année

Plus en détail

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu

Plus en détail

PROCÉDURE D AIDE AU PARAMÉTRAGE

PROCÉDURE D AIDE AU PARAMÉTRAGE PROCÉDURE D AIDE AU PARAMÉTRAGE SOMMAIRE Futur a fait évoluer son service de messagerie professionnel Futur Office. Le présent document va vous accompagner pas à pas vers la récupération de vos divers

Plus en détail

Guide pour la réalisation d'un document avec Open Office Writer 2.2

Guide pour la réalisation d'un document avec Open Office Writer 2.2 Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer

Plus en détail

Boutique e-commerce administrable à distance

Boutique e-commerce administrable à distance Notice d'utilisation (VERSION 0.3 26.02.2009) Boutique e-commerce administrable à distance Index 1. Entrer dans l'espace d'administration 2. Modifier un produit 2.1. Modifier les informations générales

Plus en détail

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

«Manuel Pratique» Gestion budgétaire

«Manuel Pratique» Gestion budgétaire 11/06/01 B50/v2.31/F/MP005.01 «Manuel Pratique» Gestion budgétaire Finance A l usage des utilisateurs de Sage BOB 50 Solution Sage BOB 50 2 L éditeur veille à la fiabilité des informations publiées, lesquelles

Plus en détail

Guide d utilisation de fonctionnalités avancées de Beyond 20/20 (application à des données départementales issues de Sit@del2)

Guide d utilisation de fonctionnalités avancées de Beyond 20/20 (application à des données départementales issues de Sit@del2) Guide d utilisation de fonctionnalités avancées de Beyond 20/20 (application à des données départementales issues de Sit@del2) Les indications ci-dessous ont pour objectif de guider la personnalisation

Plus en détail

Service des ressources informatiques - Conseil Scolaire de District Catholique Centre-Sud Page 1

Service des ressources informatiques - Conseil Scolaire de District Catholique Centre-Sud Page 1 Service des ressources informatiques - Conseil Scolaire de District Catholique Centre-Sud Page 1 Table des matières 1. Accéder au gestionnaire de notes... 3 2. Sélectionner une classe... 4 3. Première

Plus en détail

les Formulaires / Sous-Formulaires Présentation...2 1. Créer un formulaire à partir d une table...3

les Formulaires / Sous-Formulaires Présentation...2 1. Créer un formulaire à partir d une table...3 Présentation...2 1. Créer un formulaire à partir d une table...3 2. Les contrôles :...10 2.1 Le contrôle "Intitulé"...11 2.2 Le contrôle "Zone de Texte"...12 2.3 Le contrôle «Groupe d options»...14 2.4

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

sommaire Archives... Archiver votre messagerie... Les notes... Les règles de messagerie... Les calendriers partagés... 15 Les listes de diffusions...

sommaire Archives... Archiver votre messagerie... Les notes... Les règles de messagerie... Les calendriers partagés... 15 Les listes de diffusions... sommaire Votre solution de messagerie Futur Office évolue. Pour préparer au mieux la migration qui aura lieu le week-end du 23-24 Juin, nous vous conseillons de réaliser les actions préalables décrites

Plus en détail

Création WEB avec DreamweaverMX

Création WEB avec DreamweaverMX Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

SOMMAIRE ÉTAPES OBLIGATOIRES. Récupérer le connecteur... 3

SOMMAIRE ÉTAPES OBLIGATOIRES. Récupérer le connecteur... 3 SOMMAIRE Futur Telecom a fait évoluer son service de messagerie professionnel Futur Office. Le présent document va vous accompagner pas à pas vers la récupération de vos divers éléments de messagerie suite

Plus en détail

sommaire ÉTAPES OBLIGATOIRES Récupérer le connecteur... 3

sommaire ÉTAPES OBLIGATOIRES Récupérer le connecteur... 3 sommaire Futur Telecom a fait évoluer son service de messagerie professionnel Futur Office. Le présent document va vous accompagner pas à pas vers la récupération de vos divers éléments de messagerie suite

Plus en détail

La Clé informatique. Formation Internet Explorer Aide-mémoire

La Clé informatique. Formation Internet Explorer Aide-mémoire La Clé informatique Formation Internet Explorer Aide-mémoire Novembre 2003 Table des matières Novembre 2003...i Configuration d Internet Explorer... 1 Internet Explorer 6... 5 Gestion des Raccourcies...

Plus en détail

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons Guide d'utilisation OpenOffice Calc AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons 1 Table des matières Fiche 1 : Présentation de l'interface...3 Fiche 2 : Créer un nouveau classeur...4

Plus en détail

FAIRE UN PAIEMENT TIPI

FAIRE UN PAIEMENT TIPI FAIRE UN PAIEMENT TIPI I. Accès au site II. Je n ai pas de compte sur ce site 1. Indiquer une adresse email valide a. J ai une adresse email b. Je n ai pas d adresse email 2. Indiquer les informations

Plus en détail

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160 Sommaire Choisir son image... 2 Enregistrer son travail... 3 Créer les détails... 4 Supprimer une zone ou un détail... 6 Les commentaires... 6 Créer un lien hypertexte... 8 Appliquer un modèle... 8 Personnaliser

Plus en détail

Formation. Module WEB 4.1. Support de cours

Formation. Module WEB 4.1. Support de cours Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,

Plus en détail

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer

Plus en détail

Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor

Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor Pierre Drouin Conseiller pédagogique en TIC Service local du RECIT Commission scolaire de la

Plus en détail

1. Entrez le code client dans le champ << Code client >> si requis. Le code client est optionnel, on peut donc entrer simplement le nom du client.

1. Entrez le code client dans le champ << Code client >> si requis. Le code client est optionnel, on peut donc entrer simplement le nom du client. FACTURATION - AUTOWAY L ENTRÉE DES FACTURES - BON D ATELIERS - ESTIMATIONS Accès : Module : Facturation Élément : facturation Onglet «Estimation» Choisissez le type de document (estimation, bon de travail

Plus en détail

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles

Plus en détail

Module Communication - Messagerie V6. Infostance. Messagerie

Module Communication - Messagerie V6. Infostance. Messagerie 1 Infostance Messagerie 2 Table des matières Les droits... 3 La boîte de réception... 4 Fonctionnalités disponibles via le clic droit sur un message... 6 Ecrire un nouveau message... 7 Présentation...

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

USAGE DU MODULE DE NEWSLETTER ACAJOOM

USAGE DU MODULE DE NEWSLETTER ACAJOOM USAGE DU MODULE DE I. Préambule Le module ACAJOOM a été installé et configuré par votre administrateur sur votre site. II. Accéder au module ACAJOOM Le module de gestion des newsletters est accessible

Plus en détail

GUIDE DE DÉMARRAGE RAPIDE

GUIDE DE DÉMARRAGE RAPIDE GUIDE DE DÉMARRAGE RAPIDE Bienvenue dans SugarSync. Ce guide explique comment installer SugarSync sur votre ordinateur principal, configurer vos dossiers à synchroniser dans le cloud SugarSync. et utiliser

Plus en détail

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off

Plus en détail

Aide Webmail. L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels.

Aide Webmail. L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels. Aide Webmail 1. Découverte de l environnement : L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels. 1. La barre d application (1) Les

Plus en détail

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale

Plus en détail

Numérisation. Copieur-imprimante WorkCentre C2424

Numérisation. Copieur-imprimante WorkCentre C2424 Numérisation Ce chapitre contient : «Numérisation de base», page 4-2 «Installation du pilote du scanner», page 4-4 «Réglage des options de numérisation», page 4-5 «Récupération des images», page 4-11 «Gestion

Plus en détail

Guide de l utilisateur Mikogo Version Windows

Guide de l utilisateur Mikogo Version Windows Guide de l utilisateur Mikogo Version Windows Table des matières Création d un compte utilisateur 3 Téléchargement et installation 4 Démarrer une session 4 Joindre une session 5 Fonctionnalités 6 Liste

Plus en détail

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Le service de création de site Internet : Mode d emploi. La Création de Site Internet Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de

Plus en détail

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES

Plus en détail

LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011

LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011 LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011 COPIER LE FICHIER LECON 1_02 DU DISQUE D : VERS LA CLE USB Cliquez gauche deux fois sur l'icône POSTE DE TRAVAIL Cliquez gauche deux fois sur DONNEES

Plus en détail

CREG : http://www.creg.ac- versailles.fr/spip.php?article803

CREG : http://www.creg.ac- versailles.fr/spip.php?article803 OUTILS NUMERIQUES Édu-Sondage : concevoir une enquête en ligne Rédacteur : Olivier Mondet Bla. 1 Présentation Parmi les pépites que contient l Édu-Portail, l application Édu-Sondage est l une des plus

Plus en détail

Utilisation de Zimbra 1 / 103

Utilisation de Zimbra 1 / 103 1 / 103 Informations sur le support de cours Produit Version du produit Version du support Date du support 8 5.0 15/03/13 Historique des modifications Modification Auteur Version Date Création E. Omer

Plus en détail

Les tablettes et l'extranet Intermixt Mode d'emploi

Les tablettes et l'extranet Intermixt Mode d'emploi Les tablettes et l'extranet Mode d'emploi Ce document vous présente les étapes vous permettant d avoir accès aux documents disponibles sur l'extranet d'. Vous pouvez éventuellement les télécharger pour

Plus en détail

Chapitre 1. Prise en main

Chapitre 1. Prise en main Guide de référence Guide de référence Chapitre 1. Prise en main Le processus d'enquête Le processus d'enquête comporte 5 étapes toutes prises en charge par le logiciel : Conception des formulaires Cette

Plus en détail

Débuter avec Easyweb B

Débuter avec Easyweb B Débuter avec Easyweb B Sommaire :. Vous êtes utilisateur.... Connexion à Easyweb B en tant que responsable :... 5. Vous êtes gestionnaire :... 6. Vous êtes formateur :... 7 3. Création de plusieurs bureaux...

Plus en détail

Utiliser le site SoundCloud.com

Utiliser le site SoundCloud.com Utiliser le site SoundCloud.com Le site Soundcloud permet de poster sur la toile des fichiers sons afin de les faire partager à la communauté Il intègre également une fonction d insertion qui permet d

Plus en détail

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4 Messagerie Zimbra version 7 Prise en main Nadège HARDY-VIDAL 2 septembre 20 SOMMAIRE. Connexion à la messagerie Zimbra 4..Pré-requis 4.2.Ecran de connexion à la messagerie 4 2. Présentation générale de

Plus en détail

Débuter avec Excel. Excel 2007-2010

Débuter avec Excel. Excel 2007-2010 Débuter avec Excel Excel 2007-2010 Fabienne ROUX Conseils & Formation 10/04/2010 TABLE DES MATIÈRES LE RUBAN 4 LE CLASSEUR 4 RENOMMER LES FEUILLES DU CLASSEUR 4 SUPPRIMER DES FEUILLES D UN CLASSEUR 4 AJOUTER

Plus en détail

Access 2007 FF Access FR FR Base

Access 2007 FF Access FR FR Base ACCESS Basic Albertlaan 88 Avenue Albert Brussel B-1190 Bruxelles T +32 2 340 05 70 F +32 2 340 05 75 E-mail info@keyjob-training.com Website www.keyjob-training.com BTW TVA BE 0425 439 228 Access 2007

Plus en détail

Manuel utilisateur du CMS Anan6

Manuel utilisateur du CMS Anan6 Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants

Plus en détail

Installation en réseau de ClicMenu et des logiciels de Kitinstit

Installation en réseau de ClicMenu et des logiciels de Kitinstit Installation en réseau de ClicMenu et des logiciels de Kitinstit La procédure décrite fonctionne avec un réseau poste à poste sous Windows 95, 98, Me ou XP. Le poste dit «serveur» est un des postes du

Plus en détail

Guide de présentation du courrier électronique. Microsoft Outlook 2010. Préparé par : Patrick Kenny

Guide de présentation du courrier électronique. Microsoft Outlook 2010. Préparé par : Patrick Kenny Guide de présentation du courrier électronique Microsoft Outlook 2010 Préparé par : Patrick Kenny 5 décembre 2011 Table des matières Adresse courriel, nom de domaine et compte des employés :... 4 Liste

Plus en détail

Automatisation d'une Facture 4. Liste Déroulante Remises Case à cocher Calculs

Automatisation d'une Facture 4. Liste Déroulante Remises Case à cocher Calculs Dans la série Les tutoriels libres présentés par le site FRAMASOFT Automatisation d'une Facture 4 Liste Déroulante Remises Case à cocher Calculs Logiciel: Version: Licence: Site: OpenOffice.org Calc :

Plus en détail

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information TP Numéro 2 CRÉER ET MANIPULER DES TABLEAUX (Mise en forme, insertion, suppression, tri...) 1 CRÉER UN TABLEAU 1.1 Présentation Pour organiser et présenter des données sous forme d un tableau, Word propose

Plus en détail

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site

Plus en détail

Traitement de texte : Quelques rappels de quelques notions de base

Traitement de texte : Quelques rappels de quelques notions de base Traitement de texte : Quelques rappels de quelques notions de base 1 Quelques rappels sur le fonctionnement du clavier Voici quelques rappels, ou quelques appels (selon un de mes profs, quelque chose qui

Plus en détail