CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009]

Transcription

1 CMS MWC Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] 1. Authentification 2. Interface d édition MWC 3. Mise en page 4. Gestion des fichiers 5. Gestion des événements 6. Gestion des programmes PDF 7. Statistiques 8. Galerie photos 9. Aide 10. Passage saison

2 1 ) Authentification La première étape consiste à s identifier dans le système pour pouvoir modifier le contenu du site Internet de la Société de Lecture. Pour ce, connectez-vous simplement à l adresse suivante puis cliquez sur «=> login» : Une fois sur la page d authentification, saisissez les données de votre compte : Login : sdl_mwc Password : ****************

3 2 ) Interface d édition MWC Une fois connecté dans l outil, la liste des pages éditables du site se présentent à vous. Vous avez la possibilité de modifier le contenu d une page en cliquant sur le bouton «Edit» ou simplement de consulter la page actuellement publiée en cliquant sur le bouton «page» : L interface d édition permet de faire la mise en page désirée. Une multitude de fonctionnalités similaires à Microsoft Word sont disponibles (puces, tabulation, soulignement, couleur, tableau, ajout d images, etc ) : Une fois les modifications terminées, validez simplement l opération en cliquant sur le bouton «enregistrer» qui se trouve en bas de la page. Si vous désirez ajouter une image ou faire un lien sur un fichier ajouté par vos soins, merci de préciser l emplacement sur le serveur «/UPLOADS». Par exemple «/UPLOADS/MonFichier.jpg» (procédure décrite dans le point 4, gestion de fichiers). Vous pouvez à tout moment consulter les pages éditables en cliquant sur le bouton «Editer les pages».

4 Pages temporaires : Les pages temporaires permettent de saisir du contenu afin de pouvoir visualiser le contenu d une page avant de la publier. Vous pouvez publier un page temporaire, c est à dire remplacer le contenu d un page existante par celui d une page temporaire. Pour ce, il suffit de cliquer sur «publier» à côté de la page que vous désirez publier. La seconde étape concise à sélectionner la page de destination : Pour finaliser cette manipulation, cliquez simplement sur «Publier/Remplacer». Attention, cette étape est irréversible. Le contenu de la page de destination sera définitivement détruis.

5 3 ) Mise en page Afin de conserver la mise en page prédéfinie dans le site, il est important de respecter la convention suivante concernant les feuilles de style (emplacement «styles»). Pour utiliser la mise en page adéquate (taille, police et couleur), il suffit d ombrer le texte à modifier à l aide de la souris puis d appliquer le style désiré (à l aide du champ «style»). Le type de texte «contenu» (1) est utilisé pour tous les textes qui se trouvent sur un fond blanc (la majorité des textes dans le site). Le type de texte «tableautour_x» (2) est utilisé pour tous les textes qui se trouvent dans des tableaux. Tableautour = tableau avec fond gris Tableautour2 = tableau avec fond bleu Tableautour3 = tableau avec fond rose Le type de texte «titre» est utilisé pour tous les titres de pages. Cette manipulation est aussi importante lors de la création d un lien. Le champ «Class» doit impérativement être rempli en fonction du type de texte désiré.

6 Ajoute d une image/photo dans une page : - Placez votre curseur à l emplacement où vous désirez insérer la nouvelle image. - Cliquez sur l icône qui contient un arbre «insert/edit image». - Remplir le champ «URL» avec le lien de l image (par exemple «/UPLOADS/monimage.jpg». Interface «insert/edit image». L onglet apparence permet de forcer la taille d une image, de supprimer les bords ou encore de définir l alignement du texte. Pour vous faciliter la tâche concernant le champ «URL», il vous suffit de passer par le module de gestion de fichiers ; faire un «clique-droite» sur le fichier à insérer, puis simplement sélectionner «copier l adresse du lien». Interface «gestion des fichiers».

7 Création d un lien hypertexte : - En mode «Editer les pages» sélectionnez le texte qui dois devenir un lien. - Cliquez sur l icône de la chaine «insert/edit links». Interface «mode édition». - Remplir le champ «URL» avec le lien correspond. Par exemple : « pour un lien externe ou simplement «/index.php?id=30» pour une page interne au site). - Choisir si le lien doit s ouvrir dans la page courant ou dans une nouvelle page «Target». - Définir le style de police utilise dans le champs «Class». Pour ce lien utiliser «contenu» (voir explications plus haut). Interface «insert/edit link». Validez cette étape en cliquant sur le bouton «insert». Une fois cette étape terminée, il suffit d enregistrer le résultat prévisualisé en cliquant sur le bouton «Enregistrer».

8 Récupération d une mise en page : Pour vous faciliter le travail de mise en page, il est possible de récupérer une mise en page utilisée dans une page déjà existante. Pour ce, il suffit de procéder de la manière suivante : - En mode édition dans la page à copier, cliquez sur le bouton «HTML» - Copiez l intégralité du texte de la fenêtre (CTRL-A, CTRL-C) - Puis dans la nouvelle page en mode édition ; cliquez sur le bouton «HTML» puis collez simplement le contenu copié en mémoire (CTRL-V) Pages temporaires : Plusieurs pages temporaires ont été crées afin de donner la possibilité d effectuer une mise en page avant la publication. Les pages temporaires sont toutes nommées «_ Page temporaire (N)». La mise en page en mode «édition» peut être différente de la mise en page en mode «publication». Pour effectuer un contrôle avant la publication, un simple test dans une page temporaire peut s avérer utile voir indispensable en fonction de la complexité de la mise en page réalisée.

9 4 ) Gestion des fichiers L interface de gestion des fichiers permet d ajouter un nouveau fichier sur le site Internet. Pour qu un fichier soit utilisable par le site, il doit être impérativement ajouté auparavant sur le serveur. Pour ce, cliquez simplement sur le bouton «gestion des fichiers». Une nouvelle fenêtre va apparaître : Sélectionnez le fichier se trouvant sur votre ordinateur en cliquant sur le bouton «browse». Ensuite indiquez le nom de destination qu obtiendra votre fichier une fois ajouté sur le site puis cliquez sur le bouton «Upload» pour finaliser la manipulation. Le dossier de destination des fichiers est indiqué dans la partie du bas. Un fichier peux être supprimer en cliquant simplement sur «[X]».

10 IMPORTANT : Le poids maximum autorisé pour un fichier est de 7 MB. Tout fichier excédant ce poids provoquera une erreur de transfert. Les programmes PDF ne doivent pas être introduit via l interface de gestion de fichiers! (point 6) Les images et photos doivent nécessite une optimisation graphique avant d être «uploader» dans le module de gestion de fichiers. Le format de ce type de documents ne doit pas dépasser 600 pixels de largeur et le poids dois idéalement se situer entre 50Kb et 150Kb (rapport qualité/poids). Un fichier trop grand peux déformer le site et un fichier trop lourd augmentera le temps de chargement des pages. Le nom du fichier ne dois pas comporter d accents, ni d espace. Supprimer un fichier sur le serveur implique sa disparition totale, les liens qui y font référence ne seront plus valides! (Erreurs 404 dans les statistiques) Pour modifier l emplacement initial d un fichier : 1. Cliquez sur le fichier concerné afin de le télécharger sur votre ordinateur. 2. Ajouter le fichier téléchargé de la même manière qu un nouveau fichier, simplement en indiquant l emplacement désiré.

11 5 ) Gestion des événements L interface de gestion des événements permet de gérer d une manière globale les données se trouvant dans diverses rubriques du site comme les conférences individuelles, les cycles de conférences et le calendrier. Le but de cette interface est de pouvoir saisir le programme d une saison futur et d en planifier la publication. Une partie des données du site sont dynamiques, c est à dire qu elles vont être changées automatiquement en fonction de la date de publication. Par défaut l interface affiche les événements de la saison courante. Pour consulter les autres événements, sélectionnez simplement la période désirée puis cliquez sur le bouton «afficher». Interface «Gestion événements». Tous les événements avec un «!» sont désactivés. Ces données sont uniquement visibles dans la partie gestion, et non dans le site publié. Pour éditer un événement existant, cliquez simplement sur le bouton «Edit». Tout à droite, le type d événement (conférence, cycle, atelier, conte) est indiqué. Ceci est une notion importante, car cela indique ou se trouveront les données au final. Par exemple, tous les événements de type «cycle» figureront sur la page (cycles de conférences) et dans le calendrier :

12 Pour rajouter un nouvel événement, cliquez simplement sur le bouton «Nouvel événement» qui se trouve en bas de la page. Remplissez les champs tout en respectant les formats indiqués à côté de chaque case. Interface «Gestion événements : Nouvel événement». ATTENTION! Le format du champ «période» est primordial car il indique dans quelle saison se trouvera l événement saisi. Toutes les dates des champs doivent impérativement être saisies avec le format suivant : Exemple (Année-Mois-Jour) : Pour le champs «autres dates pour l événement», veuillez utiliser le séparateur point-virgule «;» entre chaque date tout en respectant le format suivant : Exemple (Année-Mois-Jour, Année-Mois-Jour) : ; ;

13 6 ) Gestion des programmes PDF L emplacement de publication pour les programmes PDF se trouve en bas de page dans la rubrique «activités culturelle» sous «conférences» et «cycles» : Page «Activités Culturelles : Conférences / Cycles». Pour modifier cet emplacement vous devez utiliser le module de gestion des événements. Il suffit de sélectionner la saison que vous désirez gérer puis de cliquer sur «ajouter/modifier» pour ajouter le PDF correspondant à la saison courante via l interface de gestion des fichiers. Interface «Gestion événements».

14 7 ) Statistiques L outil de statistiques est disponible à l adresse suivante : N hésitez pas à consulter régulièrement cet outil pour connaître toutes les informations les plus importantes comme : le nombre de visite la localisation de vos visiteurs la durée des visites les mots clefs recherchés dans les moteurs de recherche les pages les plus consultées Etc Cet outil est indispensable pour faire évoluer au mieux votre site. N hésitez à réagir en fonction des consultations. Par exemple enrichir le contenu d une page qui est peu fréquentée. Cet outil s avère indispensable par exemple pour mesurer la fréquentation de votre site lors d un événement quelconque.

15 8 ) Galeries photos Cette interface permet de modifier les éléments des pages contenant des «galerie photos». Pour naviguer dans les diverses galeries existantes, sélectionnez la galerie désirée à l aide du menu «Edition > galerie» puis cliquez sur «consulter». Pour ajouter une nouvelle photo dans la galerie actuelle, cliquez sur le bouton «Ajouter une nouvelle photo» en bas de la page. Les icônes qui se trouvent en dessous des photos correspondent aux actions suivantes : > Modification des données de l entrée sélectionnée. (N galerie, légende, date, visible/invisible). > Ajout/modification du fichier photo correspondant. (Optimisation indispensable, voir plus bas!). > Indique que la photo est actuellement invisible.

16 Edition : Cette interface permet de saisir et/ou modifier les informations relatives à l élément sélectionné : L option «classement» permets de définir l ordre de la photo dans la galerie courante. Publication : La galerie (0) est automatiquement publiée via le menu de gauche «galerie de photos». Les autres galeries ont été prévues pour préparer une publication future. Pour publier les autres galeries, il suffit d utiliser le lien suivant en modifiant la valeur «idgal=» par le numéro de la galerie désirée :

17 La navigation interne des galeries fonctionne de la manière suivante : Les flèches de navigation permettent de se déplacer dans la galerie. Le bouton «retour au sommaire» permet à l utilisateur à tout moment de revenir à la page «Sommaire galeries photos». La page de sommaire est gérer comme une page de contenu standard (via le module «éditer les pages»). IMPORTANT : - Afin d optimiser le temps de chargement des pages ; toutes les photos ajoutées dans l outil doivent impérativement être redimensionnées et allégées dans le format suivant : 600px X 400px (Poids entre 50Kb et 150Kb) - Pour consulter une galerie avant de la publier, il suffit de cliquer sur «consulter la page des galeries» qui se situe en bas de page. - Les champs «date» vides ou erronés ne seront pas visibles lors de la publication. Attention de bien respecter le format indiqué (ANNEE-MOIS- JOUR). - Pour supprimer une photo, il suffit d aller dans l interface d édition puis de sélectionner «invisible». - Toutes les galeries contiennent au moins une photo de base. Si celle-ci est déplacée dans une autre galerie, la galerie en question disparait de l interface de saisie. Merci de veiller à laisser au moins une photo par galerie afin d éviter ce problème

18 9 ) Aide Besoin d aide? N hésitez pas à nous contacter en cas de besoin, nous sommes disponibles et à votre écoute par et par téléphone : support@netcles.com 0041 /

19 10 ) Passage saison Procédure technique pour le passage de saison. A) Modification des variables «saison courante» dans les fichiers modules CMS : 1. AC ; «listning» événemens dans «conf.fun.inc». 2. Archivage saison «conf.fun.inc». 3. Calendrier «calendrier.fun.inc» + modif spécial variable «ANNEE». 4. CMS ; édition des événements (variable par défaut!). B) Suppression du cache pour les chablons «Smarty» concernés. C) Calendrier ; contrôle du lien «mois automatique» menu gauche statique. D) Phase de tests (zones «prochaine conf.», AC, Calendrier, archivage saison) + tests date&heure «j-1 & j+1». IMPORTANTS (PROBLEMES EVENTUELS) : - Droits d accès O+RW fichier «Smarty» dans «template_c». - Date du serveur «timezone». - Publication avant le 1 er mois de la saison ; forcer les liens dynamiques «menu». - Désactivation de la publication planifiée «date et heure prédéfinie». - Affichage calendrier : un mois qui contient aucun événement avec le champs «date» ne s affiche pas! Résolution du prob ; intervertir les champs «date» et «Autres Dates» dans un événement du mois en question.