1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition du logo... 5 2.1.3. Logo... 6 2.1.3.1. Insertion d une image logo... 6 2.1.3.2. Modification ou suppression d une image logo... 6 2.2. Gestion du graphisme... 7 2.3. Gestion des langues... 8 2.3.1. Choix des langues... 8 2.3.2. Référencement... 9 2.4. Publication du site mobile... 10 2.4.1. Cas 1... 10 2.4.2. Cas 2... 11 2.4.3. Cas 3... 12 2.5. Statistiques (Google Analytics)... 12 2.6. Gestion des réseaux sociaux... 15 3. L onglet Site Web... 15 3.1. Description des icônes... 15 3.2. Structure menus sous-menu -blocs... 16 3.3. Menus... 17 3.3.1. Création d un menu... 17 3.3.2. Modification du nom d un menu... 17 3.3.3. Suppression d un menu... 18
2 3.4. Blocs... 19 3.4.1. Les types de blocs... 19 3.4.1.1. Le bloc libre... 19 3.4.1.2. Le bloc photo... 20 3.4.1.2.1. Organisation des photos... 20 3.4.1.2.2. Présentation des photos... 21 3.4.1.3. Le bloc article... 22 3.4.1.3.1. Organisation des articles... 22 3.4.1.3.2. Editer un article - Présentation... 22 3.4.1.3.3. Editer un article - Contenu... 24 3.4.1.3.4. Editer un article image... 25 3.4.1.3.5. Suppression modification de l image d un bloc article... 25 3.4.1.4. Le bloc form (formulaire)... 26 3.4.1.4.1. Paramétrage du bloc... 26 3.4.1.4.2. Liste des champs... 27 3.4.1.5. Le bloc vidéo... 28 3.4.1.5.1. Insertion script vidéo youtube.... 29 3.4.1.6. Le bloc carte (Map)... 29 3.4.1.6.1. Option Bloc Maps... 30 3.4.1.7. Le bloc pdf... 31 3.4.1.7.1. Organisation des pdf... 31 3.4.1.7.2. Présentation des pdf... 31 3.4.1.7.3. Information pdf... 33 3.4.1.7.4. Editer un fichier pdf... 34 3.4.1.7.5. Suppression modification du pdf d un bloc pdf... 34
3 Cette aide va vous permettre de faire la création d un site mobile rapide en complément de votre site web actuel. Lancez le logiciel IziSpot.mobi. Loguez-vous en inscrivant les identifiants de votre espace client IZISOFTWARE. Si vous n avez pas d identifiant, cliquez sur le bouton «Créer un compte». Créez un nouveau projet en cliquant sur le bouton «Nouveau site mobile». 1. Description logiciel (explication des menus) Voici la première page du logiciel après la création de votre projet. 1 : Cette partie permet de configurer les paramètres et créer le contenu de votre site mobile. 2 : Cette partie permet une prévisualisation de la création de votre site mobile. 1.1. Description de la barre de menu Ce bouton va vous permettre de vous déconnecter de votre session en cours. Ce bouton permet de sélectionner les autres projets IziSpot.Mobi. Ce bouton permet de retourner au menu reprenant votre compte ainsi que vos projets. Ce bouton permet de visualiser votre site izispot.mobi sur plusieurs formats de smartphones. Ce bouton permet de choisir la langue du logiciel anglaise ou française. Ce bouton permet d accéder à l aide en ligne.
4 2. Onglet configuration 2.1. Gestion du logo Choisissez l apparence et la disposition de votre logo de votre site mobile. 2.1.1. Affichage du zoom Cette configuration va permettre d afficher ou non les boutons de Zoom sur votre site mobile. L intérêt de cette fonction est de permettre d augmenter la résolution de votre site mobile afin d avoir une meilleure lisibilité. Afficher le zoom de votre site mobile Sélectionnez la représentation de droite contenant les icônes Supprimer le zoom de votre site mobile Sélectionnez la représentation de gauche sans les icônes
5 2.1.2. Disposition du logo La disposition du logo va vous permettre de positionner le logo sur la bannière. A gauche : A droite : Au centre : A noter que le logo en position centrale augmente proportionnellement la taille de l image (hauteur en fonction de la largeur).
6 2.1.3. Logo Vous allez pouvoir insérer le logo de votre entreprise, association ou autres images quelconques dans la bannière du site mobile. 2.1.3.1. Insertion d une image logo Cliquez sur le bouton «Parcourir» Choisissez sur votre ordinateur, l image qui servira de logo à votre site. Cliquez ensuite sur «Enregistrer» pour charger l image en tant que logo. 2.1.3.2. Modification ou suppression d une image logo Changez l image en cliquant sur «Changer l image» Supprimez l image en cliquant sur «Supprimer l image»
7 2.2. Gestion du graphisme Choisissez une charte graphique parmi les chartes proposées, correspondant au mieux à la charte de site web. Cliquez sur la charte graphique pour l appliquer à votre site mobile. Une fois sélectionnée, la charte s applique automatiquement. L icône vous indique la charte graphique sélectionnée. Mode prévisualisation Pour visualiser un aperçu de la charte graphique, cliquez sur l onglet d outils. dans la barre Vous pouvez visualiser un aperçu avec votre navigateur web de votre site mobile sous le format : - Iphone horizontale - Iphone verticale - Ipad horizontale - Ipad verticale
8 2.3. Gestion des langues 2.3.1. Choix des langues La case à cochée «active» correspond aux différentes langues utilisées sur votre site. La langue par défaut est la langue principale de votre site lorsque l on saisie l adresse. Cliquez sur le bouton «Enregistrer». Une fois les langues sélectionnées, vous verrez apparaître une liste déroulante dans le mode création, et dans le mode prévisualisation, les drapeaux des langues sélectionnées.
9 2.3.2. Référencement L option du menu «titre et référencement» vous permet de donner un titre, une description et une série de mots clés à votre site, pour faciliter son référencement dans les moteurs de recherche. Une fois les champs du formulaire remplis cliquez sur le bouton «Enregistrer». A noter, les champs sont à remplir pour chaque langue.
10 2.4. Publication du site mobile 2.4.1. Cas 1
11 2.4.2. Cas 2
12 2.4.3. Cas 3 2.5. Statistiques (Google Analytics) Rendez vous à l adresse : http://www.google.com/intl/fr/analytics/ Connectez-vous au service avec vos identifiants si vous en avez sinon créez un compte. Cliquez sur le bouton «inscription» Entrez l url de votre site mobile, le nom du compte ainsi que votre pays puis cliquez sur «continuer». Entrez le nom et prénom de la personne en charge de votre site mobile puis cliquez sur «continuer».
13
14 Acceptez les conditions d utilisations puis cliquez sur «créer un compte» Copiez le script Google Analytics et collez le dans le formulaire du logiciel IziSpot.mobi puis cliquez sur «enregistrer et terminer». Insérez le script Google Analytics dans la partie code du formulaire. Cliquez ensuite sur «Enregistrer». L intérêt de Google Analytics est de permettre une analyse d'audience Internet qui fournit des indications sur la fréquentation de votre site Web et son efficacité d'un point de vue marketing.
15 2.6. Gestion des réseaux sociaux Choisissez les réseaux sociaux parmi ceux proposés. Cliquez sur une des icônes des réseaux sociaux. Renseignez ensuite l url. Le réseau social est automatiquement visible. L icône vous indique le réseau social sélectionné. 3. L onglet Site Web Dans cette partie, vous allez établir la structure de votre site mobile. La page menu déjà présente est obligatoire, c est votre page d accueil. 3.1. Description des icônes Langue du site en cours. Bloc et/ou menu non publié. Affichage du nom du menu. Insertion de blocs à l intérieur du menu. Bloc et/ou menu publié. Le menu par défaut est obligatoirement publié. Insertion d un sous-menu au menu. Modification du nom du menu et/ou bloc. Place le menu plus haut dans l ordre d affichage. Suppression du bloc ou du menu
16 Place le menu plus bas dans l ordre d affichage. Dupliquer un bloc déplace le bloc dans une autre page (même sur la page d une autre langue) 3.2. Structure menus sous-menu -blocs La structure générale pour la création d un site mobile se trouve sous forme de cascade : Menus Sous-menus Blocs
17 3.3. Menus 3.3.1. Création d un menu La création d un «menu» ou «sous-menus» fait par le menu parent. Cliquez sur l icône puis entrez le nom de votre menu. Cliquez sur l icône pour publié le menu pour que l icône devienne Aperçu de la création du menu 3.3.2. Modification du nom d un menu
18 Pour modifier le nom du menu, cliquez sur l icône sur le bouton «OK». puis modifier le nom et valider en cliquant 3.3.3. Suppression d un menu Pour supprimer un menu, cliquez sur l icône Confirmez la suppression
19 3.4. Blocs Le bloc est ce que l on appelle le contenu dans les pages de votre site mobile. La couleur de fond des blocs correspond au fond de la charte graphique choisie. 3.4.1. Les types de blocs Pour le contenu de vos pages, il existe plusieurs types de blocs : 3.4.1.1. Le bloc libre Le bloc libre comme son nom l indique va vous permettre d intégrer ce que vous voulez, il n a pas de contenu spécifique. Description de la barre Couleur de texte Couleur de fond Gras Italique Supprimer le format Insérer une image Insérer un lien interne Insérer un lien externe Supprimer un lien Alignement du texte Police du texte Taille du texte
20 3.4.1.2. Le bloc photo Le bloc photo permet de créer des galeries de photos sur votre site. 3.4.1.2.1. Organisation des photos Vous pouvez choisir de trier les photos par date croissante ou décroissante, par nom croissant ou décroissant ou faire un choix manuel de l ordre des photos comme par exemple mettre vos photos dans l ordre de vos préférences.
21 3.4.1.2.2. Présentation des photos La présentation de photo peut se faire de 3 manières différentes suivant l intérêt à votre site ; une type de galerie photos, un type miniature + commentaire sur le coté de la photo et un type image agrandie + commentaire en dessous de la photo.
22 3.4.1.3. Le bloc article Le bloc article permet la création d articles datés et présentés de façon personnalisable suivant 4 types de styles d articles. 3.4.1.3.1. Organisation des articles Vous pouvez choisir de trier les photos par date croissante ou décroissante, par nom croissant ou décroissant ou faire un choix manuel de l ordre des photos comme par exemple mettre vos photos dans l ordre de vos préférences. 3.4.1.3.2. Editer un article - Présentation
23
24 3.4.1.3.3. Editer un article - Contenu Cette partie va vous permettre d insérer le contenu d un article. Le contenu d article contient un titre, une date et un contenu sans caractères maximums.
25 3.4.1.3.4. Editer un article image Cliquez sur le bouton «Parcourir» pour insérer une photo que se trouve sur votre ordinateur. Une fois la photo choisie, cliquez sur le bouton «Enregistrer». Pendant le chargement de la photo, vous aurez ce message : Une fois le téléchargement terminé, vous verrez l aperçu de votre photo. 3.4.1.3.5. Suppression modification de l image d un bloc article Changez l image en cliquant sur «Changer l image». Supprimez l image en cliquant sur «Supprimer l image».
26 3.4.1.4. Le bloc form (formulaire) Ce bloc vous permet de créer des formulaires afin de réaliser des enquêtes, des demandes de renseignements. 3.4.1.4.1. Paramétrage du bloc Insérez un titre pour votre formulaire (champ obligatoire). Indiquez un mail de retour, c'est-à-dire à quelle adresse mail doit ton recevoir les formulaires. (champ obligatoire). Insérez un message de confirmation si vous le désirez pour indiquer à la personne que la personne a bien envoyé le message. Activez ou non la mention légale avec la liste déroulante. Insérez le texte de la mention légale si vous avec activée avant cette option.
27 3.4.1.4.2. Liste des champs Pour ajouter un champ, cliquez sur le bouton Indiquez le libellé du champ ainsi que le type de champ. Le type Texte (une seule ligne) va permettre d insérer du texte sur une seule ligne. Le type Texte (multi-lignes) va permettre d insérer du texte sur plusieurs lignes. Le type Sélection par l utilisateur par permettre d intégrer une (Check box ou champ de choix).
28 Champ de choix Entrez les différents choix de la liste en les séparant par une virgule. Vous pouvez aussi choisir de rendre obligatoire ou non les champs. 3.4.1.5. Le bloc vidéo Dans ce bloc vous avez la possibilité d'insérer un lien vers une vidéo Youtube. Ajoutez le titre de votre vidéo (255 caractères maximum). Ajoutez une date. Copier le script de la vidéo Youtube.
29 3.4.1.5.1. Insertion script vidéo youtube. Allez sur le site http://www.youtube.fr Choisissez votre vidéo puis cliquez sur le bouton «PARTAGER» puis le bouton «INTEGRER». Copiez le script dans le IZISPOT.MOBI dans lien de la vidéo. A noter que toutes les vidéos Youtube n ont pas le script à disposition, certains utilisateurs n acceptent pas ce partage. 3.4.1.6. Le bloc carte (Map) Ce bloc comporte deux étapes afin de paramétrer votre positionnement sur Google Map et l afficher sur votre site. Saisissez votre adresse puis cliquez sur le bouton «Localiser»,puis «Enregistrer».
30 3.4.1.6.1. Option Bloc Maps Vous pouvez proposer à vos visiteurs l itinéraire de sa position jusqu à votre adresse en cliquant sur la liste déroulante proposant cette option. Vous pouvez déplacer le point définie par Google en cliquant dessus et le positionner où vous voulez. Vous pouvez changer le point par défaut avec des icônes mis à disposition.
31 3.4.1.7. Le bloc pdf Le bloc PDF permet la création de PDF datés et présentés de façon personnalisable suivant 3 types de styles de pdf. 3.4.1.7.1. Organisation des pdf Vous pouvez choisir de trier les PDF par date croissante ou décroissante, par nom croissant ou décroissant ou faire un choix manuel de l ordre des PDF comme par exemple mettre vos PDF dans l ordre de vos préférences. 3.4.1.7.2. Présentation des pdf
32
33 3.4.1.7.3. Information pdf Cette partie va vous permettre d insérer le contenu d un pdf. Le contenu du pdf contient un titre, une date et un commentaire sans caractères maximums.
34 3.4.1.7.4. Editer un fichier pdf Cliquez sur le bouton «Parcourir» pour insérer un pdf qui se trouve sur votre ordinateur. Une fois le pdf choisi, cliquez sur le bouton «Enregistrer». Pendant le chargement du pdf, vous aurez ce message : Une fois le téléchargement terminé, vous verrez l aperçu de votre pdf. 3.4.1.7.5. Suppression modification du pdf d un bloc pdf Changez le pdf en cliquant sur «Changer le pdf». Supprimez le pdf en cliquant sur «Supprimer le pdf».