.
virusphoto virusphoto

Identifiant

Mot de passe

Derniers messages Messages du jour Sujets sans réponse S'inscrire

Rejoignez-nous !

VirusPhoto » Forum » Les articles VirusPhoto » Informatique et internet pour la photo

Aller au premier non-lu

Créer son site avec Lumis Gallery et un compte Flickr

Article rédigé par Jeff., le 13/05/2007.Voir son profil

Voici un outil très simple à installer, qui permet de créer son site facilement à partir d'une galerie photo Flickr : Lumis Gallery.

Cet outil vient donc s'ajouter à un autre dont nous avions déjà parlé ici (Créez votre propre site web en utilisant les images de votre album Flickr) : à vous de faire votre choix.



L'avantage de Lumis Gallery, c'est de proposer une solution globale :

- Tous vos sets Flickr sont pris en compte
- Les commentaires s'affichent directement sur votre site
- Vous obtenez également une partie "blog" automatique, qui affiche les descriptions de votre compte Flickr que vous choisissez
- Vous disposez d'une page avec une carte du monde sur laquelle on peut voir la géolocalisation de vos photos

Le désavantage : votre site sera en anglais.
C'est cependant un "plus" pour ceux qui veulent faire connaître leur travail en dehors du monde francophone, sans pour autant avoir la maîtrise nécessaire pour concevoir eux-mêmes un site en anglais.


1. Démonstration

Voici à quoi ressemblera votre site si vous suivez ce tutorial :

- Exemple de page d'accueil (voir la liste des sets sur la droite, l'effet au passage de la souris...)

- Exemple d'affichage d'un set

- Exemple d'affichage d'une photo (voir l'affichage des commentaires en bas)



2. Pré-requis

- Avoir un compte sur Flickr et savoir l'utiliser.
Flickr est un site de partage de photos simple à utiliser. Un tutorial complet sur l'utilisation du service est disponible ici (Se faire connaître grâce à Flickr : le guide d'utilisation).

- Avoir un hébergement web avec une base mysql.



3. L'installation

- Téléchargez Lumis Gallery ici.

- Décompressez l'archive sur votre PC.

- Ouvrez le fichier inc_config.php dans un éditeur de texte (bloc notes...)

- Dans ce fichier, faites les remplacements suivants :

- Ligne 12 ($approot), indiquez l'adresse à laquelle votre site sera disponible.

- Ligne 15 ($FlickrAPIkey), indiquez votre clé pour l'API Flickr :

Pour que votre site puisse se connecter à Flickr, il faut que vous ayez une clé API.

Rien de compliqué là dedans, il suffit de se rendre à cette adresse une fois que vous êtes connecté à votre compte Flickr et de suivre ces instructions :

Flickr a besoin de savoir qui nous sommes, et dans quel but on souhaite utiliser Flickr depuis notre site.

- Nous allons donc compléter le formulaire en fournissant un nom et une adresse e-mail.

- Puis, choisissez l'option "non-commercial use".

- Dans le champ "Describe the application are you planning to build", nous allons expliquer à Flickr ce que nous souhaitons faire de l'API.
Par exemple, copiez le texte suivant :
Citation:
I need to have an API key to make use of the Flickr API with Lumis Gallery (lumis.com/lumisGallery/) on my website (adresse de votre site ici).
- On coche les deux cases en bas pour accepter les conditions d'utilisation, et on valide.

- Sur la page suivante, un magnifique code s'affiche : il s'agit de notre précieuse clé sans laquelle notre site ne pourra accéder à Flickr.
On la copie, et on la conserve précieusement.


- Ligne 19 ($gMapsApi) : indiquez votre clé pour l'API Google Map.

Cette clé va servir à afficher la carte du monde pour localiser vos photos, en utilisant le service Google Map.

Pour l'obtenir, rien de plus simple :

- Rendez-vous ici

- En bas de page, cochez la case et indiquez l'adresse de votre site.

- Sur la page suivante, la clé s'affiche sous le texte "Your key is".

Copiez-là, et collez-là dans votre fichier.


- Ligne 23 ($defaultUser), indiquez votre identifiant Flickr.
(rendez-vous ici si vous ne l'avez pas encore défini).


- Remplissez les informations de votre base mysql :

Ces informations sont fournies par votre hébergeur :
- Ligne 31 ($cachedbUsername) : l'identifiant pour accéder à la base mysql
- Ligne 33 ($cachedbpassword) : le mot de passe pour accéder à la base mysql
- Ligne 35 ($cachedbserver) : l'hôte mysql (en général : localhost)
- Ligne 37 ($cachedb) : le nom de la base mysql


- Le reste du fichier peut être laissé tel quel.

Cependant, si vous souhaitez modifier certaines options (nombre d'images par page, etc...), libre à vous de changer les autres variables.


- Enregistrez le fichier, puis envoyez le contenu du dossier sur votre serveur, par exemple avec Filezilla (Apprendre à utiliser Filezilla).



4. Utiliser Lumis Gallery

- Emplacement des pages :

Votre page d'accueil est disponible ici : monsite.com/pictures.php

Un autre type de page d'accueil est disponible ici (liste des sets) : monsite.com/sets.php?/viewall/

Le blog est disponible ici : monsite.com/tblog.php?/page1/

La carte pour la géolocalisation est disponible ici : monsite.com/map.php


- Utilisation du blog :

Le blog affiche directement les descriptions des photos sur lesquelles vous placez un tag spécifique dans Flickr.

Ce tag est le suivant : lumisGallery:blog=*
(remplacez le caractère * par un nom de catégorie, qui sera créée automatiquement sur votre blog).

Rien de plus à faire !


- Utilisation de la carte de géolocalisation :

Elle est entièrement automatique. Il suffit de tagguer vos photos sur votre compte Flickr (voir tutorial ici (Se faire connaître grâce à Flickr : le guide d'utilisation)).


- Si vous souhaitez que la page d'accueil choisie s'affiche directement lorsqu'on entre l'adresse du site, :

Si votre serveur a le mod rewrite activé (demandez à votre hébergeur), créez un fichier dans lequel vous indiquez :

Citation:
RewriteEngine on
RewriteRule ^index.html$ pictures.php
(changez pictures.php par la page que vous souhaitez en accueil du site).

Nommez ce fichier .htaccess (avec un . devant) et placez-le à la racine du site.


- Personnalisez le design de votre site :

Pour personnaliser le haut de page : éditez le fichier inc_header.php
Pour personnaliser le bas de page : éditez le fichier inc_footer.php
Pour changer les styles CSS : éditez le fichier lumisGallery.css


Aller plus loin

Cet outil ne vous convient pas ?
Une autre solution permet de créer son site à partir d'un compte Flickr : le tutorial est disponible ici (Créez votre propre site web en utilisant les images de votre album Flickr)



Outils de la discussion Rechercher dans la discussion
Outils de la discussion
  #2  
non lus 14/05/2007, 00h41
Avatar de popoliline
Membre
Ma pratique de la photo: Pratique occasionnelle
Matériel: Canon EOS 300D | Nikon D80
 
Messages: 772
8338 Photiz
Merci beaucoup Jeff pour ce nouvel outil !!

Je ne sais plus où donner de la tête mainteant car je suis justement en train de voir pour me créer mon site...Résultat je ne sais plus quoi choisir et comment faire..... arghhhhhh.....
Mais au moins je sais où trouver pleins d'infos !!

Juste deux petites questions:
En utilisant un compte flickr et Lumis Gallery, faut il savoir coder un peu avec du HTML par exmple ou pas du tout ?
et Lumis Gallery permet-il de modifer les pages et la présentation comme on le souhaite ? ou c'est pour tout le monde pareil ?

Par contre la navigation entre les photos est un peu laborieuse, pas de flèches "directionnelles" apparement pour passer d'une photo à l'autre...
Mais sinon il a l'air sympa et propose pas mal de petit plus comme les commentaires

Merci par avance et bonne fin de soirée
Réponse avec citation
  #3  
non lus 14/05/2007, 00h43
Jeff.
 
Messages: n/a
Photiz
Citation:
En utilisant un compte flickr et Lumis Gallery, faut il savoir coder un peu avec du HTML par exmple ou pas du tout ?
Pas besoin de savoir coder si tu ne souhaites pas personnaliser le design.

Citation:
et Lumis Gallery permet-il de modifer les pages et la présentation comme on le souhaite ? ou c'est pour tout le monde pareil ?
Tu peux modifier le design comme indiqué en fin d'article :
Citation:

Pour personnaliser le haut de page : éditez le fichier inc_header.php
Pour personnaliser le bas de page : éditez le fichier inc_footer.php
Pour changer les styles CSS : éditez le fichier lumisGallery.css
+ avec les options du fichier de configuration.

Réponse avec citation
  #4  
non lus 14/05/2007, 00h51
Avatar de popoliline
Membre
Ma pratique de la photo: Pratique occasionnelle
Matériel: Canon EOS 300D | Nikon D80
 
Messages: 772
8338 Photiz
Merci beaucoup de ta réponse ultra rapide Jeff

c'est vrai que pour le design j'avais pas tout bien lu mais en bidouillant un peu le fichier CSS, on peut arriver à des trucs bien
C'est fou tout ce que j'ai appris aujourd'hui sur la création d'un site internet et je crois que c'est pas fini, c'est ca qui est génial ici !!

Bon faut que je me fasse une liste de tout les outils voir ce qu'il me faut et puis je tente tout ca dès que j'ai un peu de temps
Mais maintenant que j'ai mis le nez dedans je crois que j'aurais du mal à dormir
Il me faudrait des journées de 48h et encore ce serait trop court !!

Dernière modification par popoliline 14/05/2007 à 00h53.
Réponse avec citation
  #5  
non lus 14/05/2007, 01h13
Avatar de autisticXkid
Membre
Ma pratique de la photo: Pratique régulière
Matériel: Canon
 
Messages: 772
6280 Photiz
wahou, encore, en espérant que celui ci fonctionne parfaitement chez free.. un de plus à essayer, car pas encore trouvé le compromis entre fonctionnel et compatible chez free, haha. merci Jeff.
Réponse avec citation
  #6  
non lus 14/05/2007, 18h35
Avatar de Near
Membre
Ma pratique de la photo: Je débute
Matériel: Nikon coolpix 4600
 
Messages: 252
1513 Photiz
argh, un truc

J'ai suivi toutes les instructions, mais je me retrouve avec cette erreur ( j'suis sous free ) :

Citation:
Warning: phpflickr() [function.phpflickr]: open_basedir restriction in effect. File(/usr/php4/lib/php/HTTP/Request.php) is not within the allowed path(s): (/mnt/135/sdb/0/1/sunn.fly) in /mnt/135/sdb/0/1/sunn.fly/core/phpFlickr/phpFlickr.php on line 90

Warning: phpflickr(HTTP/Request.php) [function.phpflickr]: failed to open stream: Operation not permitted in /mnt/135/sdb/0/1/sunn.fly/core/phpFlickr/phpFlickr.php on line 90

Fatal error: phpflickr() [function.require]: Failed opening required 'HTTP/Request.php' (include_path='/mnt/135/sdb/0/1/sunn.fly/include:.:/usr/php4/lib/php') in /mnt/135/sdb/0/1/sunn.fly/core/phpFlickr/phpFlickr.php on line 90

merci, ++
Réponse avec citation
  #7  
non lus 14/05/2007, 19h14
Jeff.
 
Messages: n/a
Photiz
Citation:
open_basedir restriction in effect.
open_basedir c'est une restriction utilisée par certains hébergeurs... apparament c'est le cas chez Free, donc.

Ce qui est étrange c'est que ça fonctionne chez certains. Peut être que les restrictions sont différentes selon leurs serveurs, je ne sais pas.

On ne peut vraiment pas faire grand chose chez Free. Il y a des hébergements à moins de 10€ par an qui permettent vraiment de faire fonctionner la plupart des scripts, il ne faut pas hésiter
Réponse avec citation
  #8  
non lus 14/05/2007, 19h40
Avatar de Near
Membre
Ma pratique de la photo: Je débute
Matériel: Nikon coolpix 4600
 
Messages: 252
1513 Photiz
Arf, fais ch*er =/ Saleté de free ! Site jamais disponible, peu de fonctions activées, c'est franchement un hébergement qui pue...

Merci de ta réponse jeff
Réponse avec citation
  #9  
non lus 14/05/2007, 19h58
Avatar de autisticXkid
Membre
Ma pratique de la photo: Pratique régulière
Matériel: Canon
 
Messages: 772
6280 Photiz
bon je sens que je ne vais donc pas perdre mon temps a essayer... merci free
Réponse avec citation
  #10  
non lus 15/05/2007, 10h24
Avatar de johan.photos
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Canon EOS 5D + Tamron 28-75 + Canon 100-400
 
Messages: 168
1163 Photiz
Super tuto !!!

Sauf que comme Near, je suis chez free et j'ai le même message d'erreur :
Warning: phpflickr() [function.phpflickr]: open_basedir restriction in effect. File(/usr/php4/lib/php/HTTP/Request.php) is not within the allowed path(s): (/mnt/138/free.fr/b/9/johan.becker1) in /mnt/138/free.fr/b/9/johan.becker1/lumisGallery/core/phpFlickr/phpFlickr.php on line 90

Je vais essayer ailleur !!!
Réponse avec citation
  #11  
non lus 15/05/2007, 10h31
Avatar de johan.photos
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Canon EOS 5D + Tamron 28-75 + Canon 100-400
 
Messages: 168
1163 Photiz
Je viens de faire le test chez OVH (herbergeur) et j'ai le message d'erreur suivant :
DB Error: connect failed

J'utilise déjà la base de données pour la gestion de mon blog. Donc est il possible de faire tourner Lumis gallery sur la même base ?
Réponse avec citation
  #12  
non lus 15/05/2007, 14h35
Avatar de johan.photos
Membre
Ma pratique de la photo: Passionné de photo
Matériel: Canon EOS 5D + Tamron 28-75 + Canon 100-400
 
Messages: 168
1163 Photiz
Enfin !!!

Je viens de réussir à faire tourner Lumis Gallery !!!

Le pb venait de la ligne 35 : $cachedbserver = "localhost";
J'ai du remplacer "localhost" par le nom du serveur de la base.

Et voilà le résultat : http://www.pose-nature.fr/lumisGalle...es.php?/page1/

Je trouve cette présentation d'images très agréable. Je vais peut être maintenant me pencher sur la question de passer à la version pro de Flickr.
Réponse avec citation
  #13  
non lus 15/05/2007, 14h40
Avatar de Nikolas
Membre
Ma pratique de la photo: La photo est mon métier
Matériel: Nikon | Fuji
 
Messages: 3 386
21590 Photiz
fort pratique pour ceux qui n'ont pas de sites
tres agreable intuitif
merci Jeff pour cette news
Réponse avec citation
  #14  
non lus 16/05/2007, 13h09
Avatar de chcollet
Membre
Ma pratique de la photo: Pratique occasionnelle
Matériel: EOS 400D & Finepix S5000
 
Messages: 47
367 Photiz
free.fr

Bonjour tout le monde.

Voici mon premier post sur ce forum que je viens de découvrir et qui est vraiment bien.
Cette article m'a beaucoup intéressé mais comme beaucoup de gens (je pense) je n'ai qu'un site perso et chez Free.fr

Du coup en lisant les posts je me suis dis que c'était mort mais j'ai quand meme regardé.

Le problème vient bien de chez free mais c'est juste un problème d'accès au librairie PHP.

Voici comme résoudre le problème pour une page perso free.fr :

Copier le fichier PEAR.php dans le repertoire lumisGallery.

Télécharger les librairies suivantes http://ch.collet.free.fr/HTTP.zip et mettre le répertoire HTTP une fois dézippé dans le répertoire lumisGallery.

Ensuite il y a un mode cache pour les photos et les éléments récuperer sur Flickr. Il y a deux possibilité : soit avec base de donnée, soit avec répertoire. Je n'ai pas encore réussis à faire marcher avec le mysql de free donc je vous propose d'utiliser le mode répertoire. Pour cela dans le fichier inc_config.php il faut décommenter la ligne $cacheDIR en mettant par exemple : $cacheDIR = "rep"; rep peut etre changer par le nom de répertoire que vous souhaitez mais vous devez créer ce meme répertoire dans lumisGallery -> ici : lumisGallery/rep/

voila si vous avez des questions n'hésitez pas.

j'en profite pour donner mon site lumisGallery : http://ch.collet.free.fr/lumisGallery/
Réponse avec citation
  #15  
non lus 16/05/2007, 13h17
Jeff.
 
Messages: n/a
Photiz
Merci pour cette aide précieuse aux utilisateurs de free
Réponse avec citation
VirusPhoto » Forum » Les articles VirusPhoto » Informatique et internet pour la photo

Commentaire

Non-lu Non-lu  
Bloguer ceci Outils de l'article Rechercher dans cet article Note: Note de l'article : 7 votes - moyenne : 4,00.

Outils de l'article Rechercher dans cet article
Rechercher dans cet article:

Recherche avancée
Noter la discussion
Noter la discussion:

 


LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Powered by vBulletin® Version 3.8.2 - Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
2006 - 2017 © ® VirusPhoto. Tous droits réservés.