Mode d emploi d artishoc mobile Version gratuite Version 4 Mise à jour le 05/01/2011 Ce mode d emploi est à l usage exclusif des utilisateurs de l offre mobile gratuite d artishoc mobile. Il n a pas de valeur contractuelle ou commerciale. 1
Sommaire Création de compte... 3 Accéder au back office de mon site mobile... 4 Consulter mon site mobile... 5 Tour d horizon du back office... 6 Mes projets... 6 Mon compte... 7 Créer un contenu... 8 Deux types de document... 8 Document texte... 8 Document agenda... 9 Données principales... 10 Données secondaires... 12 Gestion des rubriques... 15 Ajout d un document à une rubrique... 16 Gestion des paramètres du projet... 17 Gestion des paramètres graphiques... 18 2
Création de compte Pour créer un compte, rendez-vous sur : http://manager.artishoc.com/fr/creer-votre-compte Complétez le formulaire d inscription en trois étapes. Une fois les données saisies, un mail de confirmation est envoyé par mail ; cliquez sur le lien d activation proposé afin d activer et de finaliser la création de votre compte. Ce lien vous connecte et vous redirige automatiquement vers le back office de votre site mobile. 3
Accéder au back office de mon site mobile Le back office ou espace d administration de votre site mobile est accessible via cette url : http://manager.artishoc.com/ Pour vous connecter, saisissez l e-mail et le mot de passe choisis lors de la création de votre compte. Pour vous déconnecter du back office, cliquer sur le lien déconnexion en haut à droite de l interface du back office. NB : Afin de sécuriser l accès du site, pensez à vous déconnecter après toutes modifications effectuées, notamment si vous utilisez un ordinateur public. 4
Consulter mon site mobile a. Afficher le site mobile sur un smartphone Le site mobile est accessible via l adresse choisie lors de la création de votre compte. Cette adresse se présente sous la forme suivante : http://nomdemastructure.artishocmobile.com b. Redirection du site mobile vers votre site internet Le site mobile est accessible uniquement via smartphones. Si vous tapez l adresse de votre site mobile dans le navigateur d un ordinateur de bureau, vous serez dirigé automatiquement vers le site web de votre structure, dont vous avez saisi l url lors de la création de votre compte. En effet, l ergonomie et les proportions d un site mobile ne correspondent pas à celles d un site web classique conçu pour un écran d ordinateur ; aussi il n y a aucun intérêt à ce que l internaute navigue sur un site mobile alors qu il peut accéder à un site web classique. c. Afficher le site mobile sur un ordinateur de bureau Pour tester votre site mobile sur un ordinateur de bureau, téléchargez User Agent Switcher qui est un module complémentaire développé pour le navigateur web Firefox. Ce module permet de surfer sur Internet comme si vous utilisiez un iphone. Ce module est téléchargeable sur https://addons.mozilla.org/fr/firefox/addon/user-agent-switcher/ NB : Si vous utilisez ce module, nous vous conseillons vivement d utiliser le back office de votre site mobile sur un autre navigateur tel que Chrome ou Safari. En effet, le back office de votre site mobile n est pas à l heure actuelle optimisé pour une navigation mobile. Il ne fonctionnera donc pas correctement si vous l utilisez sur un navigateur se faisant passer pour un navigateur mobile. 5
Tour d horizon du back office Mes projets L onglet «mes projets» liste l ensemble des sites mobiles créés. En face de chaque nom de projet, deux icônes sont accessibles : - L icône «dossier» permet d accéder aux données du site mobile; - L icône «loupe» permet de visualiser le site mobile sur un navigateur web (seulement si vous avez installé User Agent Switcher se reporter au chapitre Afficher le site mobile sur un écran d ordinateur). Tableau de bord L onglet «Tableau de bord» contient 3 types de données. Il liste : - les rubriques de votre site mobile; - les documents mise en avant sur la page d accueil («la home page») ; - la liste des événements à venir ; cette liste ne s affiche pas sur le site mobile, elle vous alerte seulement sur les événements qui sont d actualité et qui potentiellement peuvent être mis avant. 6
Rubriques L onglet «Rubriques» permet d accéder aux rubriques de votre site mobile. Il existe trois rubriques définies par défaut. Accueil Cette rubrique correspond à la page d accueil qui affiche automatiquement les trois événements à venir saisis dans la rubrique «Agenda». La gestion de la page d accueil est donc automatisée. Agenda Cette rubrique contient uniquement des documents de type agenda. Pratique Cette rubrique contient uniquement des documents de type texte. Contenus Cet onglet permet d accéder aux différents contenus de votre site et vous permet d en ajouter (se reporter au chapitre «créer un contenu» de ce mode d emploi.) Paramètres Cet onglet vous permet d accéder et de modifier les paramètres de votre site mobile tels que l url de redirection ou le graphisme du site. Mon compte L onglet «mon compte» vous permet de mettre à jour vos informations personnelles. 7
Créer un contenu Deux types de document Vous pouvez créer deux types de contenus pour votre site mobile : des «documents texte» et des «documents agenda». Attention, vous ne pouvez pas changer le type du document une fois celuici créé. Document texte Un document texte a les mêmes propriétés qu un document agenda sans la notion temporelle. Nous détaillons ici uniquement la création d un document agenda. 8
Document agenda La création d un document se fait en deux temps : - la saisie des données principales ; - la saisie des données secondaires destinées à enrichir le document. Toutes ces données peuvent être modifiées après leur création. 9
Données principales Données textuelles Les données principales comprennent les données textuelles suivantes : - Titre - Sous-titre - Chapeau - Texte - Information relationnelle - Information prix - Distribution - Infos pratiques - Genres Le champ «titre» et le champ «texte» sont obligatoires. Les champs de saisie du «chapeau» et du «texte» permettent de générer du gras, de l italique ou un soulignement en cliquant sur les icônes appropriées. Il est possible de copier-coller des textes issus d autres logiciels comme Microsoft Word en conservant la mise en forme initiale sans que cela soit source de bug. Certains champs comme le champ «genre» dispose d un outil d'auto complétion permettant de rechercher un terme précédemment saisi. En d autres termes, lorsque vous commencez à taper un mot dans ce champ, le système propose une liste de termes précédemment saisis commençant par la même lettre. Cela permet d éviter de saisir sans le vouloir un genre au singulier sur un document et un autre au pluriel («Formation» et «Formations» par exemple). Image d aperçu L «image d aperçu» correspond au visuel affiché sur la page d accueil et sur le document présentant l événement. La taille optimale du visuel est de 640px de largeur sur 300px de hauteur ; néanmoins le système est capable de recadrer, sans déformer les visuels qui n auraient pas les bonnes dimensions. Tags Les «tags» correspondent à des mots clés destinés à référencer sémantiquement le document au sein des moteurs de recherche. Ces mots clés doivent être séparés par une virgule. Ces tags permettent également de créer des rubriques dynamiquement (se reporter au chapitre Rubriques). 10
Date et état de publication La date de publication correspond à la date de la création du document ; il est conseillé de ne pas modifier la date de publication. Les trois états de publication possibles sont les suivants : En création : Le document n apparait pas sur le site. Il est modifiable à plusieurs reprises jusqu à sa mise en ligne. En ligne : Le document apparait sur le site. Les modifications appliquées au document sont visibles sur le site par les internautes. Hors ligne : Le document est considéré comme obsolète et n apparaît plus sur le site, il n est pas pour autant supprimé. Il est conservé dans la base de données et peut être activé à tout moment (lors de la création d une rubrique «archives» par exemple). Enregistrement Une fois vos données saisies, cliquez sur le bouton «enregistrer» pour finaliser la création d un document ou valider des modifications. Suite à cet enregistrement, d autres types de données dites secondaires peuvent être saisies pour enrichir le document. 11
Données secondaires Ces données secondaires correspondent à des éléments textuels ou multimédia tels que des «dates», des «personnes», des «liens», des «images», des «vidéos», des «sons», des «fichiers» téléchargeables (type pdf), des «contenus liés» (liaison avec des documents existants). Ces contenus créés dans un document spécifique peuvent être ensuite liés à d autres documents. A titre d exemple, la biographie d un artiste peut être facilement ajoutée à plusieurs documents. La mise à jour de cette biographie est répercutée dans toutes ces occurrences. Seules les dates ne peuvent pas être partagées entre les documents. Dates Une date se compose d une date de début, d une date de fin et d un lieu. Si vous ne connaissez pas les horaires de l événement, indiquez un horaire à 00:00. Dans le cas d une suite de dates, il est conseillé de saisir une période et d utiliser le champ «infos pratiques» pour spécifier les dates de relâche. Exemple : Pour un spectacle du 22 décembre au 27 décembre, on remplit les champs ainsi : Début : 22/12/2011 20:00 Fin : 27/12/2011 20:00 Lieu : ma structure Infos pratiques : Représentation à 20:00. Relâche le dimanche. Personnes 12
Les «Personnes» permettent de renseigner les noms des artistes celui d une compagnie ou d un groupe associés à un spectacle. Seul le champ «texte» n est pas fonctionnel. Pour associer un texte à une personne ou à une compagnie, il est nécessaire créer un nouveau document pour ensuite le lier au document principal (via «les contenus liés»). Il est possible de retrouver une personne déjà créée, via le champ «Associer une personne existante» en saisissant les premières lettres de cette personne. Cliquez ensuite sur le bouton «+» pour lier cette personne au document. Liens Vous pouvez indiquer ici des liens externes au site. Ces liens sont à saisir sous leur forme intégrale : http://www.nomdedomaine.fr Images Vous pouvez générer ici un diaporama. Les images ne sont pas liées exclusivement à un document mais peuvent être associées à plusieurs documents. Vidéos Vous pouvez insérer ici des vidéos Youtube, Dailymotion, Viméo. Vous devez récupérer sur les sites correspondants les adresses suivantes : http://www.youtube.com/embed/[identifiant_video] http://www.dailymotion.com/embed/video/[identifiant_video] http://www.vimeo.com/[identifiant_video] [identifiant_video] correspond à une série de chiffre ou de lettres. L identifiant est généralement accessible directement dans la barre d adresse de votre navigateur lorsque vous regarder la vidéo sur les sites de partage de vidéo. Sons Vous pouvez insérer ici des fichiers mp3. Il est conseillé de mettre des mp3 avec un niveau d encodage faible (128 kbps) et de ne pas dépasser un poids de 5 mo par mp3. Ces contraintes permettent d optimiser la lecture de votre mp3 sur smartphone. Fichiers Vous pouvez ajouter ici des fichiers PDF. Même remarque que pour les mp3, éviter les fichiers volumineux difficilement récupérables avec une connexion 3G. 13
Contenus liés Vous pouvez lier ici les documents entre eux. Afin de garantir la pérennité du système, nous vous conseillons de réaliser les liens internes au site mobile en utilisant le procédé des contenus liés uniquement au détriment de liens en dur. 14
Gestion des rubriques Seule la version payante permet de modifier le nom, l ordre et le nombre des rubriques. 15
Ajout d un document à une rubrique Il y a deux manières d ajouter un document à une rubrique. Rubrique Agenda Pour qu un document soit classé dans la rubrique Agenda, saisissez «Agenda» dans le champ «tag» du document. A noter que sur la version gratuite du site mobile, tous les «documents agenda» apparaissent automatiquement dans cette rubrique. Le classement de ces documents se fait par ordre chronologique en fonction des dates saisies. Rubrique Pratique Pour qu un document soit classé dans la rubrique Pratique, rendez vous au sein de l onglet «rubrique», cliquez sur «Pratique» et saisissez le début du nom du document dans le champ «Contenus». Un simple glissé-déposé permet de faire varier l ordre des documents. Attention, cette modification se répercute instantanément sur le site. 16
Gestion des paramètres du projet Vous pouvez gérer ici les différents paramètres du projet. Dans la mesure du possible, il est conseillé de conserver les paramètres définis par défaut. L URL réservation correspondante à l adresse de votre billetterie en ligne. L URL site standard correspondante à l adresse de votre site web. Les personnes essayant de se connecter au site mobile avec un ordinateur de bureau seront redirigées vers cette url. 17
Gestion des paramètres graphiques L onglet «paramètres» permet de modifier le graphisme du site. La version gratuite propose : - la modification de la couleur de votre texte (6 couleurs au choix) - le téléchargement du logo de votre structure (fichier PNG de 200px x 50px) - la personnalisation du bouton «réserver» via le téléchargement d une image (fichier PNG de 120px x 50px) 18