Download MANUEL D`UTILISATION

 MANUEL D’UTILISATION Site Web Cinémathèque de Grenoble Interface Joomla ! 1.5.9 PROJET TUTORE 2008‐2009 ETUDIANT :GUILLAUME GOUILLOUX PROFESSEUR TUTEUR : FRANCK VEDEL Table des matières : Principes de Base .............................................................................................................................................................. 3 L’Architecture du Site Web ............................................................................................................................................... 4 Aspect Graphique du Site ................................................................................................................................................. 5 Ajouter une nouvelle catégorie dans un menu ................................................................................................................ 6 Ajouter ou modifier une Actualité .................................................................................................................................... 7 Ajouter une Vidéo sur le Site ............................................................................................................................................ 8 Gestion de Fichiers PDF .................................................................................................................................................... 9 Caractéristiques FTP ‐ Configuration .............................................................................................................................. 11 Accés FTP : ................................................................................................................................................................... 11 Base de Données : ....................................................................................................................................................... 11 Site Web .fr Accés FTP : .............................................................................................................................................. 11 Manuel D’Utilisation Site Web Cinémathèque 2 Principes de Base Voici une liste des termes les plus fréquemment utilisés dans la planète Joomla!, qui vous aidera à mieux appréhender son fonctionnement: ● Article statique: un article statique est une unité de contenu non catégorisée. Pour créer un article statique, vous n'aurez pas besoin de créer une section et une catégorie au préalable. ● Backend / Frontend : le backend est l’arrière‐boutique de votre site (l'interface d’administration), le frontend c’est la boutique, ce que voient les visiteurs. ● Composant: c’est une mini application intégrée à votre site Joomla, qui dispose de sa propre interface de configuration dans la console d’administration Joomla. Certains composants sont pré installés, c’est le cas par exemple du composant vote, du composant bandeaux publicitaires ou encore du composant liens Web. D’autres peuvent être facilement installés par la suite (forums, livre d’or, galerie d’images, gestionnaire de newsletter, gestionnaire de formulaires… et bien d’autres encore). ● Editeur WYSIWYG : comme son nom l’indique, il s’agit d’un éditeur qui va permettre de rédiger et de mettre en forme du texte comme vous le feriez avec un traitement de texte (What You See Is What You Get), sans vous soucier du code html sous‐jacent. ● Frontpage : c’est la page d’accueil publique de votre site. ● Module : pour faire simple, un module est un bloc que l’on trouvera généralement autour du corps de la page web, par exemple dans la colonne de gauche ou la colonne de droite de notre site. Certains modules sont pré installés (module de menu principal, module d’identification…), d’autres, le plus souvent associés à des composants (par exemple module affichant une photo aléatoire tiré d’un composant galerie d’images) peuvent être installés ultérieurement. / Catégorie / Article (Important): Manuel D’Utilisation Site Web Cinémathèque ● Section
3 Nous avons 2 sections (Mammifères et Danses) ; la section « mammifères » comprend 2 catégories (terrestres et marins) et la catégorie « terrestres » contient les articles « homme », « chimpanzé », « éléphant » et « cochon »… Avant de rédiger et de publier un article sur le cochon, sa vie, son œuvre, il faudra donc créer une section mammifères, dans laquelle nous créerons une catégorie terrestres, laquelle servira à stocker tous les articles liés aux mammifères terrestres. L’Architecture du Site Web Sections
Qui Sommes Nous
Qui Sommes Nous
Programme
Programme
Catégories
Articles
Consulter
Consulter/Déposer
Cinémathèque
Déposer
Animations Animations
Musée du Cinéma
Musée du Cinéma
Nos Partenaires
Nos Partenaires
Présentation
Présentation
Prix et Aides
Prix et Aides
Inscriptions Concours de Scénario
Festival
Bourse De Festivals Edition 2007
Anciennes Editions
Edition 2006
Nos Partenaires
Nos Partenaires
Manuel D’Utilisation Site Web Cinémathèque Court Métrage
4 Aspect Graphique du Site Le Site se décompose en 2 Template : La page d’accueil utilise le Template JA_Purity Le site utilise le Template RedEvo_Aphelion Pour modifier les images changeantes en haut de la page d’accueil, voir dans Gestion des fichiers PDF (p.9) pour aller sur le FTP Il suffit d’ajouter ou supprimer des images au format JPEG, en 600*80 px Dans cinemathequegrenoble.free.fr/template
s/ja_purity/images/header mod_custom: Code HTML mod_whosonline: mod_yoo_carousel : Fonctionnement détaillé P.7 Placement sur la page : banner Placement sur la page : user3 Placement sur la page : banner Nom : Bienvenue Nom : En Ligne Nom : Actualités Dynamiques Manuel D’Utilisation Site Web Cinémathèque Retrouver l’intégralité des modules du site et leurs caractéristiques, en modifier ou en ajouter : 5 Ajouter une nouvelle catégorie dans un menu Se loguer sur Administration (http://cinemathequegrenoble.free.fr/administrator/) Créer une nouvelle catégorie. Et sélectionner la section souhaitée Maintenant que la catégorie est crée, il faut mettre à jour le menu de la section On retrouve sur cette page les informations principales des éléments du menu L’ordre d’affichage, il suffit de cliquer sur les flèches pour faire passer un élément au dessus ou en dessous. Le type d’accès (utile seulement si vous voulez laisser l’accès à des pages pour certains utilisateurs). Le Type de l’élément :menu, Blog > Affichage des articles de la même catégorie les uns à la suite des autres, Article >> Affichage simple d’un article sélectionné On rajoute donc un nouvel élément de menu sur Manuel D’Utilisation Site Web Cinémathèque •
•
•
Et on sélectionne le type Article > un article pour un affichage simple On valide le nouvel élément avec ou pour prévisualiser Résultat : le menu est à jour 6 Ajouter ou modifier une Actualité Les Actualités sont présentes sur la page d’accueil, Il s’agit d’un module YOO Plus d’infos : (http://tools.yootheme.com/yootools/extensions/yoocarousel.html) Se loguer sur Administration (http://cinemathequegrenoble.free.fr/administrator/) Spécifier un filtrage par Section pour n’afficher que les Articles de la Section Actualités L’ensemble des Actualités est accessible sur un simple clic sur le titre Pour modifier une actualité : cliquer sur le titre et la modifier avec l’éditeur de la même façon que sur le site Pour créer une Actualité : Cliquer sur et vérifier que Aller Plus Loin : Par Exemple : Afficher le film qui passe le jour même mais l’effacer une fois la date passée. Modifier l’Affichage Des Actualités : Par défaut nous sommes en affichage Dynamique mais il est possible de réactiver l’ancienne version en cliquant dessus et en modifiant Attention : Ne pas oublier de passer l’autre en Activé : NON Manuel D’Utilisation Site Web Cinémathèque Il est possible de spécifier une date de début et date de fin pour des actualités 7 Ajouter une Vidéo sur le Site Aller sur http://www.dailymotion.com Se loguer avec login : Mot de passe : Se déplacer vers la page de la vidéo souhaitée Cliquer sur le lien de Lecteur Exportable Et le copier ( CTRL + C) . Retourner sur le site de la Cinémathèque Aller sur la page ou insérer la vidéo et l’éditer Il ne reste qu’à coller le texte (CTRL + V) à l’endroit souhaité : Manuel D’Utilisation Site Web Cinémathèque Dans la barre d’outils, cliquer sur Texte Collé Mettre à jour la page en cliquant sur Update 8 Gestion de Fichiers PDF Se loguer sur http://ftpperso.free.fr/ 1) Se déplacer dans le dossier Documents 2) cliquer sur 3) Le transfert est fini Ne pas modifier les Fichier en dehors du dossier Documents sous peine de dysfonctionnement du site Pour votre article le lien du fichier sera : http://cinemathequegrenoble.free.fr/documents/nomdufichier.pdf Supprimer le PDF Renommer le PDF 5) Ecrire par exemple : « cliquer ici pour télécharger le PDF » puis souligner le texte et cliquer sur Ajouter le lien du PDF : http://cinemathequegrenoble.free.fr/documents/nomdufichier.pdf dans Link URL Ouvrir dans la Même Fenêtre
Ouvrir dans une Nouvelle Fenêtre
Manuel D’Utilisation Site Web Cinémathèque 4) Modifier l’article si vous voulez un lien sur un PDF 9 Accéder aux Statistiques de Visites Se loguer sur Free.fr (identifiant :, mot de passe :) Simple graphique de visites Statistiques Détaillées Manuel D’Utilisation Site Web Cinémathèque Url : http://st.free.fr/ ( pour Favoris) 1
0 Caractéristiques FTP ‐ Configuration CONFIDENTIEL
Hébergement : Free.fr Adresse Réelle du site : cinemathequegrenoble.free.fr Adresse Virtuelle du site : cinemathequedegrenoble.fr, Redirection de Type PHP Accès FTP : Hôte ftpperso.free.fr Login Mot de Passe Port 21 Type d’authentification Normale Pour le transfert par FTP : je vous conseille le logiciel gratuit FileZilla . Base de Données : Type mysql Nom du serveur localhost Identifiant Base de données Préfixe des tables Pour la modification de la base de donnée, se loguer sur free.fr (mêmes login et mot de passe que pour le FTP) dans Gestion de Vos Pages Perso >> Accéder et gérer votre base de données MySQL (Interface PhpMyAdmin) Hôte Login Mot de Passe Port 21 Type d’authentification Normale Il est possible de modifier la page d’accueil sur ce site : La page d’accueil quand on affiche le site cinemathequegrenoble.free.fr est index.html Actuellement il a une redirection automatique au bout de 2 millisecondes, voici le code : Manuel D’Utilisation Site Web Cinémathèque Site Web .fr Accès FTP : 1
1