PROJET DE SYNTHESE 2007 2008 MANUEL D INSTALLATION ET DE MAINTENANCE SITE WEB D UNE PLATEFORME ARTISTIQUE: ASSOCIATION ART AND PROJECT Document 4 /4 LICENCE PROFESSIONNELLE SIL CM IUT BAYONNE SITE DE MONTAURY 64600 ANGLET JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES
SOMMAIRE INSTALLATION... 3 CONFIGURATION MINIMALE REQUISE SUR LE SERVEUR... 3 CONFIGURATION MINIMALE REQUISE DU POSTE CLIENT... 3 LOGICIELS NECESSAIRES A L INSTALLATION DU SITE... 3 FICHIERS SOURCES NECESSAIRES... 4 PREPARATION DE LA BASE... 4 PREPARATION DES FICHIERS SOURCES... 5 INSTALLATION DE LA BASE... 5 ENVOI DES FICHIERS... 7 VERIFICATION... 9 PROBLEMES POSSIBLES... 10 Rien ne s affiche!... 10 Toutes les pages affichent une ou plusieures erreurs... 10 MAINTENANCE... 11 PROCEDURE DE SAUVEGARDE... 11 Sauvegarde de la base de données... 11 Sauvegarde de la structure du site ainsi que des medias... 13 PROCEDURE DE RESTAURATION... 14 Restauration de la base de données... 14 Restauration de la structure du site et des medias... 16 DOCUMENTATION BREVE DU CODE... 17 Organisation de la base de données... 17 Organisation de l aspect du site... 18 JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 2
INSTALLATION CONFIGURATION MINIMALE REQUISE SUR LE SERVEUR Le serveur doit supporter PHP 4.1 minimum, MySQL 5.0.32 et phpmyadmin 2.11.5. Cette configuration minimale est respectée dans l offre d hébergement 300GP proposée par OVH. Cette offre est l offre qui a été souscrite par l association au moment de la réalisation du site web. CONFIGURATION MINIMALE REQUISE DU POSTE CLIENT Afin d accéder à notre site, la configuration requise minimale est la suivante: PC Processeur de 200Mhz minimum Windows 98 SE + 32 Mo RAM Windows ME et 2000 + 64 Mo RAM Windows XP + 128 Mo RAM Modem RTC et connexion 56k MAC ac 8.6 ou 9.x Mac OS X Modem RTC et connexion 56k Il est souhaitable néanmoins d avoir un ordinateur ayant une configuration supérieure à la configuration minimale et d avoir une connexion ADSL. LOGICIELS NECESSAIRES A L INSTALLATION DU SITE Afin d installer le site web, différents logiciels sont indispensables : Un éditeur de texte : le bloc note fourni avec Windows est suffisant Un navigateur web : Internet Explorer, Opera ou Firefox par exemple JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 3
Un client FTP : http://www.filezilla.fr/) http://www.7 zip.org/fr/ /) Filezilla par exemple (téléchargeable gratuitement sur : Un logiciel de décompression ZIP : 7 zip par exemple (téléchargeable gratuitement sur : Il est conseillé d avoir une version récente de tous les logiciels présentés ci dessous afin de permettre un fonctionnement optimal. FICHIERS SOURCES NECESSAIRES Afin d installer le site, vérifiez que vous êtes en possession du CD ROM d installation et de documentation du site Art And Project. L ensemble des fichiers nécessaires sont fournis sur le CD et ROM dans l archive ZIP : artandprojet_site.zip Il est aussi nécessaire d avoir les informations fournies par l hébergeur à l association (identifiants information sur la base de données). PREPARATION DE LA BASE 1. Ouvrir artandproject_site.zip avec le logiciel de décompression et le décompresser. 2. Dans le dossier alors créé, repérer le fichier install_base.sql. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 4
PREPARATION DES FICHIERS SOURCES Le point 1 est normalement déjà fait, il est présent dans la partie Préparation de la base de ce même document. 2. Dans le dossier alors créé, repérer le dossier site. INSTALLATION DE LA BASE Les points 1 et 2 sont normalement déjà faits, ils sont présents dans la partie Préparation de la base de ce même document. 3. Aller dans le phpmyadmin fournis par l hébergeur : Dans le cas actuel, cet hébergeur est OVH, pour accéder au panneau phpmyadmin, il faut : o Aller à l adresse : http://www.300gp.ovh.net/phpmyadmin/ o Se connecter de la manière suivante : L association est détentrice du mot de passe à utiliser. Il faut donc le demander si vous ne le détenez pas pour installer la base de données. Il s agit du mot de passe hébergeur fournis par OVH suivi de SQL (exemple : motdepassesql). JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 5
Si l hébergement a changé, demandez ces renseignements auprès du nouvel hébergeur. 4. Cliquer sur artandpr situé en haut à gauche 5. Aller sur l onglet Importer 6. Importer le fichier install_base.sql à l aide du bouton Parcourir puis cliquer sur Exécuter JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 6
7. L apport s exécute et un message de confirmation est affiché à l écran. L ensemble des tables apparait sur la partie gauche du panneau d administration phpmyadmin. ENVOI DES FICHIERS Les étapes qui vont suivre sont les étapes nécessaires à l installation sur l hébergement que l association possède. Si cet hébergement doit être différent, il faut modifier le fichier open_bdd.php présent dans le dossier auth du site : les identifiants de connexion à la base seront alors à modifier. Dans ce dossier, les explications faites sur l envoi de fichiers seront faites à partir du logiciel FTP : Filezilla. 1. Lancer Filezilla 2. Saisir les informations de connexion de la manière suivante : Hôte : www.artandproject.eu Utilisateur : artandpr Mot de Passe : le même que pour le panneau phpmyadmin mais il faut remplacer dans le mot de passe SQL par FTP JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 7
Port : 21 : il s agit du port par défaut 3. Cliquer sur Connexion rapide 4. Dans la partie droite du logiciel appelée Site distant vous pouvez voir l arborescence du serveur. 5. Cliquer sur WWWW : Le dossier s ouvre dans l explorateur. 6. A l aide de la colonne de gauche, faire glisser le contenu du dossier site dans le dossier www. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 8
7. Le dossier www du serveur est maintenant rempli 8. Le site est maintenant installé, vous pouvez quitter le logiciel. VERIFICATION Afin de vérifier le bon fonctionnement du site, rendez vous sur http://www.artandproject.eu et naviguez à travers les différentes pages afin de vérifier que tout marche correctement. Vérifiez aussi le bon fonctionnement de la partie Administrateur (disponible à l adresse suivante : http://www.artandproject.eu/write) JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 9
PROBLEMES POSSIBLES RIEN NE S AFFICHE! Le logiciel de transfert FTP est peut être toujours en cours de fonctionnement. Vérifiez que celui ci n est plus en train d envoyer des fichiers sur le serveur, pour cela regarder la file d attente disponible dans la partie du bas du logiciel. Si le problème persiste, renvoyez les fichiers sur le serveur (voir partie Envoi des fichiers). TOUTES LES PAGES AFFICHENT UNE OU PLUSIEURES ERREURS La base de données est sûrement mal installée. Réinstallez la grâce à la partie Installation de la base. Si le problème persiste, vérifiez que le fichier open_bdd.php présent dans le dossier auth du site contient des informations correctement concernant la connexion à la base de données. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 10
MAINTENANCE PROCEDURE DE SAUVEGARDE SAUVEGARDE DE LA BASE DE DONNEES Afin de prévenir tout problème sur le serveur de l hébergeur, il est important de faire régulièrement des sauvegardes de la base de données, celle ci contenant toutes les informations relatives au site. Pour effectuer cette sauvegarde, il faut suivre la procédure indiquée ci dessous : 1. Aller dans le phpmyadmin fournis par l hébergeur : Dans le cas actuel, cet hébergeur est OVH, pour accéder au panneau phpmyadmin, il faut : o Aller à l adresse : http://www.300gp.ovh.net/phpmyadmin/ o Se connecter de la manière suivante : L association est détentrice du mot de passe à utiliser. Il faut donc le demander si vous ne le détenez pas pour installer la base de données. Il s agit du mot de passe hébergeur fournis par OVH suivi de SQL (exemple : motdepassesql). Si l hébergement a changé, demandez ces renseignements auprès du nouvel hébergeur. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 11
2. Cliquer sur artandpr situé en haut à gauche 3. Aller sur l onglet Exporter 4. Remplir le formulaire comme indiqué ci dessous : 5. Une fenêtre propose alors de télécharger le fichier qui est de la forme : artandpr_jour_mois_année_h_m_s.sql 6. L enregistrer dans un dossier 7. La sauvegarde est maintenant terminée. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 12
SAUVEGARDE DE LA STRUCTURE DU SITE AINSI QUE DES MEDIAS Cette procédure est nécessaire afin de sauvegarder l architecture du site ainsi que les médias qui ont été mis sur le serveur depuis l installation du site web. Le CD ROM fourni à contient quant à lui une sauvegarde du site mais attention il ne contient pas les médias qui ont pu être téléchargés sur le site depuis son ouverture au public. Pour permettre cette sauvegarde : 1. Lancer Filezilla 2. Saisir les informations de connexion : Hôte : www.artandproject.eu Utilisateur : artandpr Mot de Passe : le même que pour le panneau phpmyadmin mais il faut remplacer dans le mot de passe SQL par FTP 3. Cliquer sur Connexion rapide 4. Dans la partie droite du logiciel appelée Site distant vous pouvez voir l arborescence du serveur. Cliquer sur WWW : Le dossier s ouvre dans l explorateur. 5. A l aide de la colonne de gauche, faire glisser le contenu du dossier www dans le dossier où on souhaite faire la sauvegarde du site par exemple : le dossier dans lequel on souhaite sauvegarder peut être dans Mes Documents > ArtAndProject > Sauvegardes > Juillet2008 6. L architecture du site ainsi que les médias sont sauvegardés quand la liste de transfert située en bas ne montre plus d activité. Quand cela est terminé, fermer Filezilla. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 13
PROCEDURE DE RESTAURATION RESTAURATION DE LA BASE DE DONNEES Cette procédure est à effectuer lors de problèmes rencontrés avec l hébergeur (pertes de données suite à une panne ou une mauvaise manipulation par exemple). Pour effectuer cette restauration, il faut suivre la procédure suivante : 1. Aller dans le phpmyadmin fournis par l hébergeur : Dans le cas actuel, cet hébergeur est OVH, pour accéder au panneau phpmyadmin, il faut : o Aller à l adresse : http://www.300gp.ovh.net/phpmyadmin/ o Se connecter de la manière suivante : L association est détentrice du mot de passe à utiliser. Il faut donc le demander si vous ne le détenez pas pour installer la base de données. Il s agit du mot de passe hébergeur fournis par OVH suivi de SQL (exemple : motdepassesql). Si l hébergement a changé, demandez ces renseignements auprès du nouvel hébergeur. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 14
2. Cliquer sur artandpr situé en haut à gauche 3. Aller sur l onglet Importer 4. Importer le fichier artandpr_jour_mois_année_h_m_s.sql que vous aviez sauvegardé à l aide du bouton Parcourir puis cliquer sur Exécuter L apport s exécute et un message de confirmation est affiché à l écran. L ensemble des tables apparait sur la partie gauche du panneau d administration phpmyadminremarque Si vous restaurez la base de données à partir du CD ROM toutes les modifications mises à jour sur le site seront absentes. C est pour cela qu il est nécessaire de faire des sauvegardes régulières de la base de données. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 15
RESTAURATION DE LA STRUCTURE DU SITE ET DES MEDIAS IMPORTANT Si vous restaurez la structure du site, prenez la version la plus récente que vous possédez afin d éviter la perte de médias. Afin de restaurer le squelette du site, vous avez à votre disposition dans le CD ROM une version du site avant son ouverture au public. Si des sauvegardes ont été effectuées manuellement depuis la mise en place du site web, il faudra en priorité utiliser la plus récente de celles ci. Connectez vous sur le serveur à l aide du logiciel de transfert FTP comme indiqué dans la partie Envoi des fichiers et refaites les étapes qui y sont décrites. 1. Lancer Filezilla 2. Saisir les informations de connexion : Hôte : www.artandproject.eu Utilisateur : artandpr Mot de Passe : le même que pour le panneau phpmyadmin mais il faut remplacer dans le mot de passe SQL par FTP 3. Cliquer sur Connexion rapide 4. Dans la partie droite du logiciel appelée Site distant vous pouvez voir l arborescence du serveur. Cliquer sur WWW : Le dossier s ouvre dans l explorateur. 5. A l aide de la colonne de gauche, faire glisser le contenu du dossier de sauvegarde qui est sur le disque de l ordinateur ou sur un autre support dans le dossier WWW. 6. L architecture du site ainsi que les médias sont restaurés quand la liste de transfert située en bas ne montre plus d activité. Quand cela est terminé, fermer Filezilla. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 16
DOCUMENTATION BREVE DU CODE ORGANISATION DE LA BASE DE DONNEES Les données sont stockées dans une base de données MySQL. Voici la structure des principales tables: Structure de la table «ARTISTES» : Champ Null Défaut ID_ARTISTES Oui NULL ID_MEMBRES Oui NULL V_TRAVAIL_ARTISTES Oui NULL FORMATIONS_ARTISTES Oui NULL DESCRIPTION_ARTISTES Oui DESCRIPTION_RESUME_ARTISTES Oui DISCIPLINES_ARTITES Oui NULL ADR_RUE Oui NULL ADR_VILLE Oui NULL ADR_CP Oui NULL AVATAR_ARTISTE Oui PHOTO_ARTISTE Oui ID_GALERIE Oui TITLE Oui KEYWORDS Oui DESCRIPTION Oui P_MEMBRES Oui N_MEMBRES Oui DNAISSANCE_MEMBRES Oui MAIL_MEMBRES Oui SITE_MEMBRES Oui PSEUDO Oui MDP Oui JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 17
Structure de la table «GALERIES» Champ Null Défaut ID_GALERIES Oui NULL DESCRIP_GALERIES Oui NULL LIENXML_GALERIE Oui ID_ARTISTE Oui Structure de la table «NEWS» : Champ Null Défaut ID_NEWS Oui NULL INT_NEWS Oui NULL D_NEWS Oui NULL CONTENT_NEWS Oui NULL AUTEUR_NEWS Oui RESUME_NEWS Oui ORGANISATION DE L ASPECT DU SITE Nous avons tenté lors du codage du site d organiser au mieux nos documents. Ainsi, nous avons donné des noms explicites à nos dossiers et fichiers, ceci permettant une vision plus claire du site. A la racine du site se trouveront donc les différentes pages types (index, association, projet, galerie etc). Les pages concernant les artistes (œuvres, concept, contact, expo et CV) sont dans un dossier «artiste». De même, dans le dossier «image» nous avons placé les images autres que les œuvres des artistes. Ces dernières se situent dans le dossier «doc». Les pages contenant uniquement des liens vers d autres sites se situent dans le dossier «liens». De plus, on pourra trouver un dossier «css» contenant tous les css utiles au bon fonctionnement du site. JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 18
Concernant le panneau d administration, les fichiers sont séparés dans deux dossiers principaux qui sont : Le dossier auth qui contient les fichiers permettant les connexions et déconnexions à la base de données et au panneau d administration. Le dossier write qui contient l ensemble des fichiers qui composent le panneau. L ensemble des pages contenant un formulaire sont dans le dossier scripts/nicejforms/. Quant au back office des artistes, il se trouve dans le dossier «BackArtiste». Les scripts javascript ont été placé dans le répertoire «js». JEAN BOIX, KEVIN CHANARDIE, NICOLAS SALAMAGNOU, DJAMILA SANTERRE, MARIE TORRES 19