Pour ce tutoriel, nous allons prendre comme hébergeur Free sans utiliser ses modules,
installer Filezilla, PhpWebgallery, FastStone image viewer et Thumbclic

1. Ouverture de compte chez son FAi (Fournisseur d'Accès Internet)

Pour mettre en ligne un site, une galerie photos ou autre, il faut créer un 'emplacement' chez son FAI.
ou tout autre hébergeur.
Chez Free cela se passe en deux étapes:

a) On crée une nouvelle adresse (et on attend 2 heures pour sa validation)
b) On crée un nouveau compte pour cette adresse (et on attend 24h révolues sans dimanche&jours fériés)

Etape a)
- se rendre à cette adresse: http://www.free.fr
- choisir 'Mon compte' (dans la bande du haut)
- rentrer son identifiant (le N° de tel fixe et un mot de passe choisi au début de son inscription au FAI)
Dans le cadre 'Gestion de mes comptes e-mails'
- choisir 'créer mes comptes e-mails free'
- créer une nouvelle adresse avec comme nom le futur nom de votre site.(notez bien login et mot de passe)
par exemple login_de_votre_choix@free.fr (ne tapez pas "login_de_votre_choix" mais ce que vous voulez...)
L'adresse du site que vous allez créer sera de la forme http:\login_de_votre_choix.free.fr
(alors bien réfléchir avant de choisir).
Lorsque votre nouvelle adresse est active (environ 2 heures pour l'activation),
elle paraît dans la liste de vos comptes dans le cadre 'Gestion de mes comptes e-mails'
lorsque vous vous reconnectez comme au début de l'étape a),
vous pourrez alors passer à l'étape b)
En attendant vous pouvez vous rendre à la section 2.Installer les logiciels

Etape b)

Se rendre à nouveau cette adresse : http://www.free.fr
- choisir 'Mon compte' (dans la bande du haut)
- rentrer son nouvel identifiant (login_de_votre_choix et le nouveau mot de passe)
Dans le cadre 'Gestion de vos pages perso'
-choisir 'Activer votre compte pour les pages personnelles'
-cocher 'base MySQL' et valider
Là, on vous dit d'attendre encore pour que vos pages perso soient validées
(la validation se fait au bout de 24h sauf dimanche et jours fériés…Faut être patient)
En attendant vous pouvez vous rendre à la section 2.Installer les logiciels

2. Installation des logiciels & préparation des images à transférer

a) FILEZILLA

Pour transférer des données (fichiers et répertoires) depuis votre disque dur vers votre site hébergé par votre fournisseur il vous faut un client FTP:
C'est une sorte d'explorateur à deux fenêtres où sur la première figure le contenu de votre disque et sur la deuxième le contenu de votre site.
Pour uploader (le contraire de downloader, donc de chez vous vers l'extérieur), Il suffira de glisser déplacer les fichiers d'une fenêtre à l'autre.

Nous allons installer le client FTP filezilla (simple efficace et gratuit)
- télécharger filezilla à cette adresse http://www.01net.com/telecharger/windows/Internet/ftp/fiches/17966.html
Une fois téléchargé,
- lancer l'installation en double cliquant sur 'FileZilla_3.0.5.2_win32-setup.exe' et suivez les instructions.
Une fois installé,
- ouvir en double-cliquant sur son raccourci sur le bureau et on regarde.
Nous allons introduire les données nécessaires pour nous connecter à notre site distant.
- choisir 'Fichier', 'Gestionnaire de sites' puis 'nouveau site'
Pour son nom tapez ce que vous voulez, ce sera le petit nom de votre site.
Dans hôte tapez 'login_de_votre_choix.free.fr'
Dans Port tapez 21
Dans Type de serveur tapez FTP
Dans type d'authentification tapez normal
Dans utilisateur c'est 'login_de_votre_choix'
Dans mot de passe c'est celui choisi à la création de ce compte
- Cliquer 'enregistrer et quitter'
Plus tard, lorsque les pages perso seront valides, il suffira de faire : 'fichier' 'Gestionnaire de sites', un clique sur le site désiré et 'connexion'
La fenêtre 'Site distant' se remplira du contenu actuel de votre site (donc vide au début)
On obtient donc < Répertoire vide > dans la fenêtre 'site distant'

b) PHP Webgallery 1.7.1

C'est le logiciel (en Open Source) qui constitue votre galerie photo en ligne.
- télécharger le fichier d'installation à cette adresse: http://phpwebgallery.net/?lang=fr
- choisir dans l'encadré Télécharger La dernière version (1.7.1): zip (pour windows)

Une fois le fichier .zip sur votre bureau (où ailleurs suivant vos réglages),
- double-cliquer sur cette archive et extraire le tout dans un nouveau répertoire de votre choix sur votre disque
( 'ma galerie photos' par exemple).

Pour passer aux manipulations suivantes, vos pages perso doivent être validées.
- vérifiez en vous rendant sur le site de free, mon compte, etc.. et faites comme si vous vouliez re-activer votre compte pour les pages perso, on vous précisera si l'opération est en cours ou effective.

Si c'est ok,
- ouvrir Filezilla,
- ouvrir dans la fenêtre 'site local' le répertoire pour l'exemple 'ma galerie photos' et son sous répertoire 'phpwebgallery-1.7.1'
- se connecter au site distant et une fois la connection effective,
- sélectionner tout le contenu du répertoire 'phpwebgallery-1.7.1' dans la fenêtre nom
(par exemple en cliquant sur un fichier ou un répertoire puis Ctrl+A)
- faire un glisser déposer du site local vers le site distant ou cliquer droit dans la partie bleue et choisir charger sur le serveur (soit 11 dossiers et 25 fichiers à copier coller vers votre site distant)
Vous verrez en bas les transferts de fichier se dérouler un à un de votre disque vers le site distant.

Lorsque les transferts sont terminés,
- vérifier que le contenu du site distant est le même en nombre de dossiers et fichiers que votre répertoire 'phpwebgallery-1.7.1' (11 dossiers et 25 fichiers).
Il se peut que l'upload se soit bloqué en route, le cas échéant reconnectez vous au site distant et transférez les fichiers/répertoires manquants.

Une fois que tout est bien en place, Vous allez pouvoir vous connecter pour la première fois sur votre site en ligne à cette adresse : http://login_de_votre_choix.free.fr/install.php

- suivre les instructions d'installation de votre webgallery.
A voir éventuellement http://phpwebgallery.net/doc/doku.php/fr:installer:installation

- renseignez les cases comme ceci :

Default gallery language	FR
MySQL host	sql.free.fr	si vous êtes bien chez free
User	login_de_votre_choix.free.fr
Password	celui choisi à la création de ce compte
Database name	login_de_votre_choix.free.fr
Database table prefix		rien à modifier
Webmaster login	renseignez votre nom en tant que webmaster	bien le noter quelque part
Webmaster password	renseignez un nouveau mot de passe	bien le noter quelque part
Password (confirm)	retapez ce mot de passe

- valider et allez sur la page d'identification (lien en bleu)
- renseignez à nouveau votre login webmaster et mot de passe
Vous voilà sur votre webgallery en tant qu'administrateur
Evidemment il n'y a pas de photo, nous allons y remédier à la section 3.Upload des photos

Pour des raisons de sécurité, il faut effacer le fichier install.php sur votre site distant.
- déconnectez vous de votre webgallery
A l'aide de filezilla,
- reconnectez vous à votre site ('fichier' 'Gestionnaire de sites', un clic sur le site désiré et 'connexion')
- pointez le fichier install.php, un clic droit dessus et supprimer.

c) Faststone image viewer

Si vous n'êtes pas familier avec un logociel apte à visionner, convertir et renommer des images ou bien encore que vous aimez essayer d'autres logiciels alors je vous conseille
Faststone image viewer
Afin de bien gérer vos photos, utilisons ce freeware qui est une référence actuellement.

A télécharger à cette adresse :http://www.clubic.com/telecharger-fiche14231-faststone-image-viewer.html

Une fois le fichier 'faststone-image-viewer_faststone_image_viewer_3.5_francais_14231.exe' sur votre bureau
(où ailleurs suivant vos réglages),
- installer FastStone en double cliquant sur ce fichier (rien de plus simple).

- ouvrez avec l'explorateur de fichiers votre répertoire 'ma galerie photos\phpwebgallery-1.7.1\galleries'
C'est ici que nous allons " ranger " toutes les photos optimisées pour le web.

Pour l'exemple, vous possédez des photos (que vous voulez mettre en ligne) à cet endroit :
C:\Documents and Settings\Administrateur\Mes documents\Mes images\2006\avril
Il s'agit de 4 photos en 1280X960 d'un poids de 640Ko chacune.
Il va falloir les adapter pour le web en les réduisants. Une taille de 640X480 pour un poids de ~200Ko semble être plus raisonnable pour une photo à visualiser en ligne (tout le monde n'a pas du 18 mégas).

Cependant une taille de 800X600 (voir 1024X768) sera plus apréciable sur un écran 17" et plus

à l'aide de votre explorateur de fichier ouvert à 'ma galerie photos\phpwebgallery-1.7.1\galleries'
- créez les répertoires (en vert) 'ma galerie photos\phpwebgallery-1.7.1\galleries\2007\mars
C'est là que seront converties vos photos grâce à FastStone.

- lancer FastStone viewer
- parcourir dans le mini explorateur pour l'exemple
C:\Documents and Settings\Administrateur\Mes documents\Mes images\2006\avril
- selectionner les 4 photos

Petits rappels sur la sélection (si besoin était)
Méthode 1
(clic simple sur la 1ére, maintenir enfoncé la touche Maj (au dessus de Ctrl),
clic simple sur la dernière relacher Maj)
Méthode 2
clic droit dans la fenêtre des miniatures mais pas sur une miniature et choisir 'tout selectionner' ou Ctrl+A
Méthode 3
clic gauche maintenu enfoncé dans la fenêtre des miniatures mais pas sur une miniature, déplacer la souris afin d'encadrer les miniatures concernées et relacher
Nota :
- si dans le lot de photos une ou plusieurs ne doivent pas être retenues, maintenez enfoncé Ctrl et simple clic sur chaque photo à deséléctionner et relacher Ctrl
- si dans le lot seulement trois photos sur quarante vous intéressent, maintenez enfoncé Ctrl et simple clique sur chaque photo à séléctionner et relacher Ctrl

- clic droit sur une image et 'Batch convert' (convertir en groupe) ou F3
dans cette nouvelle fenêtre vos images sélectionnées sont à droite, vous pouvez vérifier en cliquant dessus si la case 'Preview (aperçu)' est cochée.

Ouput format (Format de sortie)	JPEG format images JPEG	settings : quality 100% paramétres : qualité 100%
Output folder (Dossier de sortie)	Select : 'ma galerie photos\phpwebgallery-1.7.1\galleries\2007\mars' Sélection : 'ma galerie photos\phpwebgallery-1.7.1\galleries\2007\mars'
case cochée	Use folder structure in output folder utiliser la structure du dossier dans le dossier de sortie
case cochée	Use advanced options utiliser options avancées	Advanced Options, Used Resize/Resample choisir 'In Pixels' et 640X480 ou 800X600 (choix personnel) dans <pick a standard size> et Ok options avancées, cocher: 'utiliser la redimension' choisir 'En Pixels' et 640X480 ou 800X600 dans <pick a standard size> et Ok
case cochée	Rename renommer	##nom_de_photo_au_choix (## = N° à suivre) (Surtout pas d'espace, ni de caractères accentués)	1 pour commencer le renommage par 01
case cochée	Ask before overwrite demander avant de reécrire
case cochée	Keep original date/time attributes garder la date et l'heure originale

- lancer la conversion en groupe en cliquant sur Start (démarrer)
Une fenêtre conversion s'ouvre et vous voyez les conversions s'effectuer
Une fois terminée
- cliquez sur Done puis Fermer
- allez vérifier dans le répertoire 'ma galerie photos\phpwebgallery-1.7.1\galleries\2007\mars' que le résultat attendu est bien là.

Si c'est le cas, vous pouvez fermer FastStone.

d) Thumbclic

Pour la navigation des visiteurs dans votre galerie photos, phpwebgallery utilise des miniatures
(moins gourmandes en taille et donc permettant une navigation plus rapide dans les différentes catégories de votre galerie). ces miniatures seront créées par vos soins, en trois clics, à l'aide du petit logociel thumbclic
Télécharger thumbclic à cette adresse : http://www.01net.com/telecharger/windows/Multimedia/outils_internet/fiches/24335.html?fy

Une fois le fichier 'ThumbClic.zip' sur votre bureau (où ailleurs suivant vos réglages),
- extraire cette archive vers l'emplacement de votre choix ('c:\program files\thumbclic' par exemple).
- lancer thumbclic en double cliquant sur thumbclic.exe
- Options choisir langue français
- ouvrir à l'aide du mini explorateur 'ma galerie photos\phpwebgallery-1.7.1\galleries\2007\mars'
- sélectionner toutes les photos (Ctrl+A)
- cliquer sur Miniaturiser
- sans rien déregler cliquer sur Ok
Il vous demande 'le répertoire ma galerie photos\phpwebgallery-1.7.1\galleries\2007\mars\thumbnail n'existe pas, voulez vous le créer ?' répondre OK
les miniatures sont elles aussi prétes.

- fermer thumbClic

3. Transfert des images et miniatures associées

- ouvrir Filezilla
- ouvrir dans le site local 'ma galerie photos\phpwebgallery-1.7.1\galleries'
- se connecter au site distant
dans le site distant
- ouvrir galleries
- faire un glissé déposé du repertoire ' 2007' du site local vers le site distant
les sous-répertoires de 2007 seront aussi uploadés (mars\thumbnail) ainsi que les photos et miniatures.
le transfert se faisant, vérifiez dans les différentes fenêtres le bon déroulement et vérifiez sur le site distant que tout est bien en place.
- fermer Filezilla

4. Derniers réglages sur la webgallery

- ouvrir votre navigateur internet
- se rendre sur votre site http://login_de_votre_choix.free.fr
toujours pas de photos visibles, c'est normal, nous y sommes presque.
- se logger avec votre nom (vous êtes l'administrateur)
en bas à gauche
- cliquer sur Administration
- cliquer dans la fenêtre 'Général' 'Synchroniser'
- cocher 'répertoires et fichiers'
- décocher 'simuler uniquement'
- Valider

Si tout s'est bien passé, vous devez avoir
"un certain nombre" éléments ajoutés dans la base de données
et aucun rapport d'erreur

- cliquer sur 'Accueil' dans la fenêtre 'Liens' en haut à gauche

Vos photos sont enfin visibles.
un clic dans la miniature et la photo s'agrandit, un clic sur le petit icône en haut à gauche lance le diaporama.

Ce tutoriel pourrait s'arréter là car l'essentiel est fait et pour la personnalisation de votre webgallery vous pouvez vous rendre dans la fenêtre Général et Instructions de la page Administration.
à voir également à cette adresse http://phpwebgallery.net/doc/doku.php?id=fr:start

Cependant nous pouvons voir ensemble une synthèse des multiples possibiltées qu'offre PhpWebgallery.

5. La suite et fin

Loguez vous en temps qu'administrateur sur votre webgallery et allez en bas à gauche de la page pour choisir 'Administration'

Changer le Titre (PhpWebGallery demonstration site, on ne peut pas laisser ça !)

- allez dans la fenêtre Configuration et Général
- tapez un nouveau titre et une description
Pendant que l'on y est :
- Historique Oui
- Verrouiller la galerie Non

Pour ce qui suit, Veuillez respecter la chronologie pour un meilleur résultat

Catégories de photos publiques ou privées

Vous pouvez souhaiter masquer certaines catégories de photos (ou toutes) à quiconque se connecte à votre galerie et ne possèdant pas de login.
- allez dans la fenêtre Catégories et Publique/privé
- Faites glisser de la catégorie publique à la catégorie privée (ainsi cette catégorie ne sera visible que pour une liste établie de visiteurs, voir la suite)

Créer des groupes et des utilisateurs

Si vous souhaitez autoriser tout ou partie de vos photos suivant la personne qui se connecte,
vous pouvez commencer par créer des groupes (par exemple 'famille' 'amis') puis créer des utilisateurs avec chacun un mot de passe et les placer dans des groupes, chaque groupe ayant sa liste de photos autorisées, également placer un utilisateur dans aucun groupe et le restreindre à certaines catégories de photos.

- allez dans la fenêtre Identification et Groupes
- ajoutez des noms de groupe
- allez dans la fenêtre Identification et Utilisateurs
- ajoutez un utilisateur et son mot de passe (bien noter tout ça quelque part) et Valider
dans la fenêtre Nom...Statut...Adresse
- cochez le nouvel utilisateur
Plus bas dans la fenêtre Statut, laissez visiteur ( vous êtes le seul maître à bord)
Encore plus bas dans la fenêtre Groupes faites l'association qui vous convient et Valider
Et ainsi de suite pour tous vos futurs "clients"

Donner des autorisations par groupe et/ou par utilisateur

- allez dans la fenêtre Catégories et Gérer
- choisir le petit icône 'loupe et crayon' de la catégorie concernée
- donnez les autorisations qui vous conviennent aux différents groupes et/ou utilisateurs
Nota : méfiez-vous des sous-catégories, elles ne prennent pas forcément les paramètres de la catégorie où elles se trouvent, (donc certains groupes de photos peuvent rester invisibles)

Voilà pour l'essentiel, vous découvrirez le reste à votre rythme et encore une fois la toile vous aidera.

Un grand merci à toute l'équipe de PhpWebgallery.

daduxeries@free.fr