smartGalleries

smartGalleries est un outil de création de galerie en ligne

status : avancé (voir la page des photos)

Le projet

proposer - aux photographes, aux peintres, aux artistes de scène et à tout ceux qui veulent exposer leur art - un outil pour monter des galeries d'exposition professionnelles en ligne

un look étudié, une certaine athmosphère

Je propose par ailleurs mes services poru vous monter moi-même de tels pages web à base de cet outil

Voici un exemple de gallerie

L'idée

Le point de départ fut mon désir d'apprendre XML et les technologies associées. Par ailleurs, je cherchais un bon moyen de constituer un diaporama facile à maintenir pour des photos de famille, d'amis et surtout des paysages et macros que je prenais avec mon APN. Ce fut un bon moteur.

Par la suite j'ai appris CSS, ce qui m'a permis de me focaliser sur l'apparence des pages et d'obtenir un look plus poussé que les traditionnels outils de diaporama.

Enfin, j'ai eu l'idée d'en faire un projet de qualité professionnelle pour le diffuser et proposer du service à des artistes qui voudraient diffuser leurs oeuvres sur Internet avec l'"ambiance" des galeries.

Fonctionnalités de l'outil

(*) actuellement disponible

• 3 niveaux de classification des oeuvres (*) :
  • Les indispensables : celles qui doivent apparaître directement
  • Les incontournables : bonnes photos pour ceux qui veulent prendre un peu plus de temps de découvrir l'oeuvre
  • Les archives : collection complète pour ceux qui qui veulent tout savoir (et qui ont une bonne connexion)
• 3 niveaux de regroupement (*) :
  • 1er niveau : par exposition ou sujet (au minimum, 1 sujet). Une page par exposition.
  • 2ème niveau (facultatif) : par salle ou sous-sujet. Au choix une page par salle ou toutes les salles sur la même page.
  • 3ème niveau (facultatif) : par mur ou sous-sous-sujet. Au choix une page par mur ou tous les murs sur la même page
• Plusieurs types de présentation des photos :
  • mode mini-vignettes : mini-vignettes (ou de portions de photo) + cadre d'affichage (*)
  • mode film : bandes de vignettes + cadre d'affichage (*)
  • mode planche contact + cadre d'affichage dynamique (*)
  • mode expo : toutes les oeuvres unes à la suite des autres (*)
  • mode unique : photo par photo
  • mode multiple : x vignettes par y vignettes + fenêtre d'affichage
  • mode histoire : vignettes affichées verticalement avec un commentaire en regard

  Pour chacun de ces types de présentation :

  • on associe un ou des niveaux de classification (*)
  • on peut décider de différencier ou non les 2ème et 3ème niveau de regroupement
• Plusieurs looks via de CSS modèles fournies (*)
• Plusieurs médias possibles (*) :
  • image (photo ou peinture)
  • son
  • texte
• Photos "private". Imaginez que vous ayez fait un voyage touristique dans un pays étranger. Peut-être y avez-vous pris des photos de votre famille ou de vos amis autant que des paysages. Dans ce cas, vous voudriez surement "cacher" les photos "privées" au grand public. Avec la notion de photo "private", il est possible de générer les 2 galleries sans avoir à gérer/dupliquer 2 séries de photos.
• Gestion automatisée
  • génération des vignettes et des photos retaillées (*)
  • pages d'aide au classement et d'annotation des oeuvres
  • génération des pages web à publier
• Commentaires textuels sur l'oeuvre (*)
• Commentaires sonores sur l'oeuvre
• Datation (*)
• Auteur (*)
• Génération de pages pour des votes en ligne
• Génération de pages de commande des oeuvres en ligne
• Page d'intro

Comment construire une galerie

Il y a 5 étapes :

• génération du fichier XML de description de la galerie

  C'est un script shell qui balaye un répertoire (récursivement), détecte les images et génère un fichier XML de base en conséquence

• retaillage des images et génération des vignettes

  C'est un script shell qui :

  • balaye un répertoire (récursivement)
  • copie les images dans un répertoire de travail et les renomme
  • crée des images retaillées dans des répertoires distincts pour les 3 tailles requises par la galerie
• enrichissement de la page de description de la galerie

  Avec un éditeur de texte (ou, quand elle existera, gràce à une page Web dédiée), vous enrichissez le fichier XML de base pour y ajouter les informations sur :

  • les types de présentation de la galerie que vous souhaitez
  • les niveaux de classification que vous souhaitez pour chacun des types de présentation
  • des commentaires et datations (non obligatoires) pour chacunes des oeuvres
• génération et des pages html

  c'est un script XSLT qui génère autant de pages Web que de types de présentation et niveaux de classification à partir du fichier XML de description de la galerie

• écriture ou copie et personalisation de la CSS

Implémentation

Bon, je vous expliquerais un peu plus tard dans le détail hein? ;o)

Todoliste

séparer css pour les couleurs et css pour l'agencement

Eclaircir le problème du pied de page

Possibilité de découpage en plusieurs page selon les titres

Mettre des index sur image4 pour avoir la photo "suivante" bien cadrée

Agrandir les photos prod

générer les repères automatiquement (?)

Si un seul mode d'affichage, une seule possibilité de sélection ou un seul chapitre n'existe, ne rien afficher dans la navigation

héritage