Support de formation Adresse de votre site en construction : http://.technito.com Adresse définitive de votre site : http://www. Code d'administration Identifiant : Mot de passe : support@nexeto.com
Sommaire QU EST-CE QUE TECHNITO?... 3 PRESENTATION DU BACK OFFICE (ADMINISTRATION)... 4 1- L environnement... 4 2- Les outils récurrents... 5 AVANT DE COMMENCER... 6 1- Paramétrage du site... 6 1.1- Paramétrage général... 6 1.2- Mentions légales... 7 1.3- Référencement... 7 2- Mise en forme, gestion du Template... 8 LE VIF DU SUJET... 9 1- Gestion des médias.... 9 2- Gestion des menus... 10 3- Lier un élément de menu à un contenu... 12 4- Gestion des contenus... 14 1.1- Contenu en détail... 15 1.2- Mettre une image dans le contenu :... 16 1.3- Mettre un lien hypertexte sur du texte ou sur une image... 17 1.4- Albums photos... 18 POUR ALLER PLUS LOIN... 19 1- Gestion des droits... 19 2- Magic tags... 19 LES CONTACTS A CONNAITRE... 20 Page 2 sur 20
QU EST-CE QUE TECHNITO? Technito est ce qu on appelle un CMS (Content Management Systems en anglais) ou plus clairement un Système de Gestion de Contenu. Il vous permettra de gérer vous-même l ensemble du contenu de votre site Internet. Il se décline en 2 parties bien distinctes : Le «Front Office» ou coté public Le terme «front office» désigne la partie de votre site Internet visible par l internaute, c est lui que vous allez mettre en forme à l aide de l outil d administration de Technito. Le «Back Office» ou Administration Le terme «Back Office» désigne la partie non visible par l internaute, celui que vous utiliserez pour mettre en forme et animer votre site. C est le cœur même de l outil Technito. Pour accéder à votre administration : - Cliquez sur le lien "Administration" en bas de la page de votre site et rentrez vos identifiants et mots de passe Ou - A la fin de votre adresse de site, tapez admin : www.votresite.com/admin et rentrez vos identifiants et mots de passe Arrivé dans la partie administration, choisissez dans le menu du haut "aperçu du site" puis "dans une nouvelle fenêtre". Vous avez ainsi l'administration dans une fenêtre et la partie publique dans une autre fenêtre. Vous pourrez ainsi vérifier vos modifications à tout moment. Page 3 sur 20
PRESENTATION DU BACK OFFICE (ADMINISTRATION) 1- L environnement Voici une présentation rapide de ce que vous trouverez en vous connectant à l administration de votre site Technito : Menu de l administration : à partir de ce menu vous pourrez naviguer dans l administration du site. Messagerie interne : accès au module de messagerie pour communiquer entre utilisateurs de la plateforme. Souvent utilisé dans le cadre d extranet. Informations personnelles : Vous aurez accès ici aux informations personnelles relatives à votre compte utilisateur. C'est ici que vous pourrez changer votre mot de passe si vous le désirez. Entre vous et nous : C est ici que nous vous informerons des dernières mises à jour effectuées sur Technito. Raccourcis : pour améliorer votre productivité vous pourrez définir vous-même des raccourcis vers les éléments de l administration. Parce que rien ne peut être parfait : Si lors de l utilisation de Technito vous rencontrez un dysfonctionnement (bug) cliquez sur l icône suivante. Soyez le plus précis possible sur la situation dans laquelle vous étiez au moment du dysfonctionnement. Les développeurs corrigeront d autant plus vite le problème. Page 4 sur 20
2- Les outils récurrents Les outils d action Quelque soit le document que vous serez en train d éditer cette boîte à outil (située sur la partie gauche) vous permettra d effectuer les actions courantes à un document : Sauvegarder Supprimer Créer Envoyer Editer Les outils langues Si votre pack Technito le permet, vous verrez apparaître ce menu sur tous les documents traduisibles en plusieurs langues. Vos favoris Afin d accélérer votre navigation, vous aurez accès en permanence à vos favoris. Fichier Permet de télécharger un média sans passer par la gestion des médias. (Pensez à sauvegarder vos modifications avant d'envoyer un fichier) Liens Permet de mettre un lien directement à l intérieur d un contenu. Page 5 sur 20
AVANT DE COMMENCER 1- Paramétrage du site Avant de commencer toute réalisation, nous allons paramétrer le site pour le rendre conforme : à vos besoins, à la loi, et l optimiser pour le référencement. Pour accéder au paramétrage du site, rendez-vous dans site/paramétrage du site 1.1- Paramétrage général Ici vous trouverez toutes les options de paramétrage général du site, que ce soit pour le Front Office ou le Back Office. Parmi les options importantes nous retrouvons : L E-mail de contact : cet E-mail est utilisé par le logiciel pour tout ce qui est affichage standard d E-mail de contact ou encore d envoi de formulaire. Par exemple les informations saisies par l internaute dans le formulaire de contact standard seront envoyées à cette adresse. L activation du multilangue : si votre pack d abonnement le permet et quand vous aurez terminé de traduire tous vos contenus, c est en activant cette option que vous permettrez à l internaute de choisir sa langue de navigation. L interdiction de référencement : à première vue cette option semble inutile, qui ne voudrait pas que son site soit référencé dans Google? Cette option sera le plus souvent utilisée dans le cadre d extranet, site uniquement réservé à des internautes identifiés, les autres ne devant pas avoir accès au site. L activation des inscriptions : en activant cette option vous permettrez aux internautes de s enregistrer et ainsi d avoir, pourquoi pas, accès à des pages réservées. Page 6 sur 20
1.2- Mentions légales Aux yeux de la loi, tout site, à but lucratif ou non, doit contenir une page rassemblant diverses informations. Par défaut l outil Technito générera automatiquement une page formatée contenant l essentiel de ces informations légales. Vous avez tout de même la possibilité de les personnaliser. Pour cela cliquez sur l onglet «Mentions Légales». Attention : La société, responsable de l exploitation de la plateforme Technito, ne pourra être tenue pour responsable en cas de mauvaise utilisation des mentions légales. 1.3- Référencement Les informations saisies ici seront utilisées par les moteurs de recherches pour enregistrer votre site dans leurs bases de données. Voici quelques explications et recommandations : Titre : le titre apparaît en haut du navigateur, il résume brièvement le but, la fonction ou l idée générale de votre site. Description : les informations saisies dans la zone description ne seront visibles que par les moteurs de recherches. Ils l utiliseront pour décrire votre site sur les pages de résultats de recherche. Les mots-clés : ils sont de moins en moins utilisés par les moteurs de recherche. Les termes doivent être séparés par des virgules. Page 7 sur 20
2- Mise en forme, gestion du Template Si l'habillage graphique du site a été spécialement conçu pour vous, l utilisation de cette fonctionnalité n aura aucun effet sur votre site! On appelle Template l habillage graphique d un site, vous pourrez aussi entendre parler de «Kit Graphique». Il s agit de la standardisation de la mise en forme d un site (texte, titre, liens, menu, images ). On entend par standardisation le fait qu un titre, par exemple, sera toujours affiché selon un format prédéfini par le Template. En choisissant votre Template vous allez donc opter pour un ensemble de formats standards d affichage. Dans sa version actuelle, la plateforme Technito vous donne la possibilité de personnaliser la bannière de votre site. Pour cela rendez-vous dans l onglet «Bannière». Attention : si vous personnalisez la bannière, le format de l image devra respecter le format de bannière défini par le Template que vous aurez sélectionné. Page 8 sur 20
LE VIF DU SUJET 1- Gestion des médias. C est ici que vous pourrez gérer votre répertoire de travail. Il contiendra toutes les images, documents ou autres médias que vous pourrez utiliser tout au long de la réalisation de votre site. Pour créer un nouveau répertoire. Tapez son nom puis cliquez sur créer Parcourir votre ordinateur pour choisir le média que vous souhaitez télécharger, faites "ouvrir" puis "Envoyer le fichier". Vous devez être positionné dans le répertoire de destination. Etat de votre répertoire de travail. Permet de contrôler l espace disque restant. Optimisez tant que possibles vos images! Vous permet de télécharger le média Vous permet de voir votre image à sa taille réelle Vous permet supprimer votre média Attention à la taille et au poids des images! Pour redimensionner vos images, vous pouvez utiliser le logiciel Xnview (libre de droit) Page 9 sur 20
2- Gestion des menus Technito met à votre disposition 4 menus, disponibles ou non selon le Template choisi : Topmenu : menu supérieur, situé dans la bannière de votre site. Hmenu : menu horizontal, généralement situé juste en dessous de la bannière de votre site. Leftmenu : menu gauche. Rightmenu : menu droit. Pour éditer les éléments d un menu, cliquez sur son nom. Pour ajouter un élément dans le menu. Pour éditer l élément du menu cliquez sur son nom. Permet de réorganiser l'ordre des éléments. Page 10 sur 20
Le détail du lien Menu auquel appartient l élément. Intitulé de l élément qui apparaitra sur le site Position de l élément dans l arborescence du menu. Top : 1 er niveau. Si vous choisissez un élément existant, votre élément dépendra d'un autre élément : il sera donc un élément descendant*. Pour mettre en action votre élément de menu et lui indiquer sur quel contenu il doit pointer, choisissez le contenu correspondant et automatiquement il remplira la zone «Lien». Pour plus de détail, reportez-vous au chapitre suivant : «3- Lier un élément de menu à un contenu». *Selon le Template, les menus peuvent être descendants. Si le Template ne le permet pas, hiérarchiser vos éléments de menus de façon descendante sera inutile. Seuls les éléments de premier niveau seront affichés. Page 11 sur 20
3- Lier un élément de menu à un contenu Après avoir défini vos pages et vos menus, vous allez pouvoir les lier entre eux. La liaison se fait au niveau du formulaire d un élément dans un menu. On distingue 5 types de liaisons : Vers un contenu : l élément du menu va pointer directement vers un de vos contenus. Vers un module : l élément du menu exécutera un module spécifique. Vers une page formatée : nous mettons à votre disposition un certain nombre de pages formatées (Mentions légales, formulaire de contact type, page de connexion ) Page 12 sur 20
Vers un média (pdf, xls, doc ) Vers une page externe du site. Pour cela, il suffit de tapez l'adresse du site dans la zone «Lien». Page 13 sur 20
4- Gestion des contenus Vous pouvez insérer dans les contenus, différents types de médias : texte, pdf, vidéo, audio, flash Vous disposez pour cela d un éditeur de texte enrichi (similaire à ce que vous pourriez obtenir avec Microsoft Word) et de différentes fonctionnalités proposées par Technito. Seuls les fichiers présents dans votre répertoire de travail peuvent être insérés (voir «Gestion des médias»). Pour améliorer la navigation et la présentation, vous pourrez également scinder vos contenus en plusieurs pages ou encore jouer sur différents paramètres de publication et d affichage. Titre de votre contenu Contenu choisi pour être la page d'accueil de votre site Pour éditer votre contenu, cliquez sur son titre Page 14 sur 20
1.1- Contenu en détail Titre de votre contenu qui apparaîtra sur votre site sauf si vous choisissez de le masquer dans les paramètres de votre contenu. Alias est automatiquement rempli par le titre du contenu. Pour un meilleur référencement, vous pouvez mettre des mots clés (en rapport avec votre contenu) Editeur de texte enrichi (un mini Word ) Insertion / propriété de l image Insertion tableau Taille de police Plein écran Propriété tableau Style de police Styles prédéfinis Option copier/coller Insertion lien hypertexte Efface les styles Page 15 sur 20
1.2- Mettre une image dans le contenu : Placez votre curseur où vous souhaitez que votre image apparaisse puis sélectionnez votre image dans l onglet «Images» du panneau de droite. En cliquant sur l'image elle se mettra automatiquement à la place du curseur. Pour mettre un pdf, son, video, faites la même manipulation mais choisissez l onglet «Média». Pour afficher les propriétés de l image : clic sur l image puis clic sur l icône image. Une fenêtre apparaît. Page 16 sur 20
1.3- Mettre un lien hypertexte sur du texte ou sur une image Sélectionnez votre image ou texte dans le contenu puis cliquez sur l'icône La fenêtre ci-dessous s'ouvre : Tapez l'adresse web du site sur lequel vous souhaitez pointer Choisissez "nouvelle page" pour que ce site ne remplace pas le votre mais s'ouvre dans une nouvelle fenêtre ou un nouvelle onglet. Pour enlever le lien hypertexte sélectionnez votre image ou texte qui contient le lien, cliquez sur l icône et supprimer l adresse web. Page 17 sur 20
1.4- Albums photos Cliquez sur «Mes modules» puis «Albums photos». Renseignez le nom de votre album Choisissez Diaporama ou galerie Sauvez puis cliquez sur Photos Exemple : Diaporama : www.groupeadinfo.com Gallerie : www.autourbilloncreatif.fr Parcourir votre ordinateur pour choisir le média que vous souhaitez télécharger, faites "ouvrir" puis "Envoyer le fichier". Renseignez ou non un titre ou une légende à votre photo Pour insérer votre album à un contenu, copier la balise album [## ALBUM id="x" ##] que vous trouverez en cliquant sur le «i» (infos) puis allez dans votre contenu et collez-la. Page 18 sur 20
POUR ALLER PLUS LOIN 1- Gestion des droits Vous remarquerez lors de la réalisation de votre site la possibilité de limiter les accès à certains utilisateurs ayant un droit spécifique. Siteadmin : ou administrateur du site, il a les pleins pouvoirs. Storeadmin : réservé aux boutiques. Editor : animateur du site, il peut créer, modifier des contenus mais n a aucun contrôle sur la structure du site. Moderator : il n a aucun contrôle sur le contenu et la structure du site. Son rôle est limité au contrôle d informations saisies par les utilisateurs de droits inférieurs (exemple : contrôle des messages dans un forum). Customer : réservé aux boutiques. User : niveau le plus bas. 2- Magic tags Insérer le formulaire de contact dans un contenu : [## FORM_CONTACT ##] Insérer un album : [## ALBUM id="x" ##] x représentant le n de l'album que vous trouverez en passant votre curseur le l'album en question Page 19 sur 20
LES CONTACTS A CONNAITRE support@technito.com : Pour le support technique par mail. team@technito.com : Pour toutes questions relatives à la gestion de votre abonnement. dev@technito.com : Pour signaler les dysfonctionnements de l application à l équipe de développement. Page 20 sur 20