[Tuto] Mise en place d'un serveur et d'une galerie PHP

[bsdc]

Mise en place d'une galerie de photos
J'ai décidé de créer une galerie de photos, de la monter tout d'abord en local sur mon ordinateur avant de la transférer peut-être plus tard chez un hébergeur.
Suite à différentes lectures, mon choix s'est porté sur PhpWebGallery qui semble d'un emploi relativement simple tout en offrant à terme de multiples fonctionnalités. Ayant particulièrement galéré , j'ai décidé de rédiger un tutoriel pas à pas destiné à ceux qui, comme moi, partent de zéro dans ce domaine.
Je tiens tout particulièrement à remercier l'ami godreau qui a fait preuve d'une infinie patience pour me guider dans l'installation de cette galerie et sans qui ce tuto n'aurait pu voir le jour .


1ère étape : Besoins et téléchargements
Avant même d'installer la galerie PhpWebGallery , il est nécessaire d'installer un serveur local sur l'ordinateur. J'ai opté pour le kit Wamp. Par la suite, un logiciel de transfert FTP sera nécessaire, je choisirai Filezilla.

Au total donc, 3 logiciels à télécharger :
- le serveur WampServer
- la galerie PhpWebGallery
- le logiciel de transfert Filezilla


2ème étape : Installation du serveur local
NB :
Avant toute chose il faut choisir un navigateur par défaut, j'ai pris Firefox
un nom d'administrateur boss m'a semblé tout désigné
et une adresse email d'administrateur valide, j'ai choisi boss@laposte.net.

Double cliquer sur le fichier WampServer.exe le serveur s'installe à la racine C:\wamp\
Créer un raccourci du fichier wampmanager.exe sur le bureau. Grâce à ce raccourci on lancera plus facilement le serveur.
Un double clic sur le raccourci de wampmanager.exe fait apparaître une icône en forme d'hémicycle dans la barre des tâches.

Un clic droit sur cette icône permet de choisir la langue.

Un clic gauche ouvre le tableau de bord du serveur.


Important à retenir l'adresse de ce serveur local (localhost) est : http://127.0.0.1/

Vérification : Avant d'aller plus loin, il est conseillé de vérifier que le serveur ne va pas entrer en conflit avec une autre application.
Pour cela on fait un clic gauche sur l'icône du serveur puis Apache/Service/Tester le port 80.

Si tout va bien, un message indiquant que ce port est utilisé par Apache apparait.

Sinon il y a ou il y aura conflit et il faut changer le port de l'application qui utilise déjà le port 80. Comment ? En faisant appel à plus compétent que moi .


3ème étape : Installation de la galerie
Dézipper le fichier phpwebgallery.zip. Un dossier phpwebgallery est créé. Déplacer ce dossier dans C:\wamp\www\
En réalité le dossier dézippé fait mention de la version de phpwebgallery. Il vaut mieux ôter ce numéro de version qui risque d'induire en erreur lors d'une future mise à jour.

Vérification : A ce stade on peut vérifier que le serveur a bien pris en compte phpwebgallery.
Pour cela on fait un clic gauche sur l'icône du serveur puis sur Localhost. le dossier phpwebgallery doit apparaître dans Vos Projets.


Attention, on attaque maintenant la partie délicate de l'installation.

* On va commencer par créer une base de données que nous nommerons mabase.
Attention, la casse pouvant jouer un rôle on choisit toujours d'écrire en minuscules, sans accent et sans espace libre.
Pour cela on fait un clic gauche sur l'icône du serveur puis PhpMyAdmin. On tape mabase dans le champ créer une base de données puis on clique sur le bouton créer. Un message apparait confirmant que mabase a été créée.

* Une fois cette base créée, on peut finir l'installation de la galerie
Pour cela on fait un clic gauche sur l'icône du serveur puis Localhost et enfin PhpWebGallery.
On complète ensuite les 7 champs comme suit :

Autrement dit, tant qu'on n'a pas d'hébergeur on laisse et on tape
Hôte MySQL ........................................................... localhost
Utilisateur .............................................................. root
Mot de passe ......................................................... (vide)
Nom de la base ....................................................... mabase
Préfixe des noms de table ......................................... phpwebgallery_

Administrateur ........................................................ boss
mot de passe ......................................................... motdepasse
mot de passe (confirmation) ...................................... motdepasse
adresse administrateur ............................................. boss@laposte.net


après quoi on reçoit confirmation de la réussite de l'installation




4ème étape : Montage des photos dans la galerie

NB : Attention, là encore dossiers et noms de photos ne doivent comporter que des lettres non accentuées et les seuls autres caractères acceptés sont -_ et .
Si comme moi vous repériez vos photos noir et blanc en ajoutant N&B dans le nom, il faudra les renommer (en enlevant le & par exemple)

Pour monter les photos, il suffit de copier les répertoires les contenant dans C:\wamp\www\phpwebgallery\galleries\

Une fois les répertoires installés, avec le navigateur Firefox on va à l'adresse suivante : http://127.0.0.1/phpwebgallery/

Après s'être identifié on clique sur administration qui apparait en lieu et place de la zone d'identification (en bas à gauche)

C'est à ce stade en principe qu'on fabrique les miniatures
Pour cela on va dans la section images on clique sur miniatures
Là apparait la liste des miniatures à faire et on valide.
Or il est reconnu que le module de fabrication des miniatures de phpwebgallery n'est pas top.
Il est donc conseillé de fabriquer ses miniatures à l'aide d'un logiciel extérieur (par exemple VSO Image Resizer en 138x138 en rajoutant TN- devant chaque nom de fichier grâce à l'option TN-%F) et de les placer pour chaque répertoire dans un sous-dossier thumnail (sans s attention).

Pour synchroniser tout cela on va dans catégorie
on clique dans synchroniser
en sélectionnant "répertoires + fichiers"
après avoir décoché la case "Simuler uniquement "
pour finir, on valide.

Une fois les photos montées la galerie se visite avec le navigateur à l'adresse suivante : http://127.0.0.1/phpwebgallery/

5ème étape : Transfert de la galerie chez l'hébergeur
Je ne traiterai pas cette partie vue qu'elle risque de dépendre de l'hébergeur de chacun.

En cas de problème ou pour personnaliser sa galerie il y a ce SITE D'AIDE POUR PHPWEBGALLERY

[BlastR]

Super tuto, super simple.
Ca m'interesse bien.
Merci.

Quelques conseils quand même pour l'hébergement ?
Comment avoir un site sur free.fr par exemple ?

[bsdc]

N'étant pas chez Free, j'ignore ce qu'il propose mais vu les tarifs de ovh, le moment venu, je ne vais pas mégoter. D'autant que je n'ai pas des besoins énormes. Je veux juste une galerie de photos pour exposer quelques clichés à des modèles potentielles. Je ne cherche nullement une quelconque reconnaissance, cela m'évitera juste de me trimballer en permanence avec le book dans la voiture. Le dernier oublié sur la plage arrière de la voiture avait assez mal supporté la chaleur !
Mais avant cela, je veux travailler les CSS et me personnaliser la galerie à mon goût. J'ai choisi phpwebgallery justement parce qu'elle était annoncée comme modulable alors, cela prendra le temps qu'il faudra mais je compte bien me fabriquer une galerie sur mesure même si pour cela je dois apprendre quelques rudiments de langages informatiques.

[BlastR]

le site du zero propose des tutos ultra simples (pour apprendre de A à Z) tout ce qui est CSS.

Je n'ai jamais eu le courage de m'y mettre, il faudrait pourtant...

[bsdc]

C'est là que j'ai commencé à apprendre et... à constater qu'il y avait souvent un monde entre l'interprétation d'IE et celle des autres navigateurs ! Dur, dur de faire un site .

[jmtwan]

.. Et c'est bien pour çà qu'on teste toujours les sites sur plusieurs navigateurs ! moi au minimum je teste sur IE (6 & 7 car ils ne réagissent pas pareil), firefox 2 ( & 3 maintenant), Opera et Safari. Depuis peu quand c'est utile je teste aussi sur IE mobile et Opera Mobile au cas où quelqu'un y aille depuis son tél.
Autre règle, quand on veut absolument mettre du flash on évite de l'utiliser pour les informations essentielles (rappel : flash n'est pas normalisé même si très utilisé ) et de plus on s'arrange pour ne pas utiliser la dernière version (certains systèmes comme linux et parfois mac ont un décalage de version avec windows pendant quelques mois )

faire un site c'est facile, mais faire un site de qualité visible par tout le monde c'est beaucoup plus dur...

[bsdc]

Bien avant de tomber sérieusement malade, j'avais vainement cherché une formation quand le cadre de mon métier pour apprendre à créer un site internet. Dommage car j'estime que l'enseigner ensuite aux gosses permettraient de récupérer certains gamins qui ne sont pas scolaires mais possèdent des qualités humaines et artistiques. Ils verraient ainsi la nécessité de se plier à des règles (de syntaxes ou autres) pour obtenir un travail abouti. Ce serait certainement plus ludique et attractif pour eux que de manipuler des équations mathématiques.

[biomed68]

Bonjour,
Très bon tuto mais très mauvais élève.
Je m'explique : j'ai bien réussi à installer Wamp et à télécharger phpwebgallery.
ensuite .......je n'arrive pas au paramétrage de phpwebgallery.

Peux-tu me lister les fichiers phpwebgallery qu'on retrouve après décompression dans le dossier www du répertoire Wamp ?

Merci bien

Cordialement,

Alain

[biomed68]

Re bonjour

L'élève progresse

J'avais téléchargé une ancienne version (1.5) de phpwebgallery !

Avec la version 1.7.1, c'est beaucoup mieux mais....

En utilisant exactement les mêmes paramètres de création de la galerie (boss....), même connecté avec ce login (boss),je n'arrive pas à voir dans l'interface phpwebgallery l'item "administration" ?

Je sais :

Merci de votre aide

Alain

[bsdc]

Je viens de profiter du fait de me trouver sur un ordinateur sans serveur local pour suivre à la lettre le tuto donné pour le cas où j'aurais omis une étape mais non tout est OK. Sur les 3 premières étapes du moins car je me suis arrété au message annonçant que la galerie était bien installée. Je n'ai pas essayé pour l'instant la 4ème étape car j'ignore quelles sont les photos disponibles sur cet ordinateur.
Précise-moi où tu bloques actuellement. As-tu réussi l'étape 3 jusqu'à la fin ? Bloques-tu à l'étape 4 ?

[bsdc]

Je crois avoir deviné où est ton problème. Je vais d'ailleurs mettre cette partie en couleur dans le tuto pour souligner le piège. C'est à l'étape 4. L'item administration n'apparait qu'après avoir validé l'identification (au même endroit) en bas à gauche.

[chris]

Merci beaucoup pour ce tuto, super intéressant, moi qui galère ca va bien m'aider. Merci

[biomed68]

Merci bsdc de ton aide : l'élève progresse encore

En fait, à une étape, il est "conseillé de supprimer install.php pour des raisons de sécurité. En fait, il FAUT le supprimer. Ceci fait, j'ai réussi à obtenir le droit d'administrateur.

Mais (il y a toujours un mais), je ne vois pas les photos dont j'ai mis le dossier sous c:/wamp/www/phpwebgallery/galleries.

Une idée ?

Encore merci

Alain

[bsdc]

Tu as bien fait la synchronisation comme indiqué ?

[godreau]

et pas de probleme pendant la generation des miniatures?

[biomed68]

Bonjour,

J'ai revu le nom des photos du dossier gallery : c'est vrai que l'interdiction des chiffres est pénalisante (du moins pour moi et mon système de numérotation). J'ai renommer 3 photos "A,B et C", pour faire simple.

La recherche des miniatures à créer : OK, on trouve les 3. La génération du dossier "thumbnail" avec les 3 images commencant par TN- :OK....mais pas de visualisation possible....histoire de !

Je continue ma recherche...

Alain