Archives par étiquette : Modèle Web pour Lightroom

TTG Auto Index V4

Quatre ans après l’apparition des premières solutions d’indexation d’albums photo Web conçus avec Lightroom, Matthew Campagna décline une version CE (Core Element) de son plus célèbre modèle de galerie Web pour Lightroom, que l’on peut même qualifier de plug-in Web : TTG Auto Index.

Onglets, halo lumineux, fond de page transparent et icônes Sociaux sont des exclusivité du moteur TTG CE

Cette évolution s’est amorcée avec la déclinaison d’un autre plug-in faisant appel à un nouveau moteur de portage TTG Core Element framework : TTG Stage CE. TTG CE n’est quant à lui pas un modèle ou un plug-in, il définie une nouvelle technologie de portage de galerie Web mise en place par Matthew Campagna avec l’aide de John Bishop. Cette base de développement de modèle Web pour Lightroom, ouvre des perspectives de personnalisation qui vont bien au-delà de ce que vous connaissez.  Le travail pour les 2 compagnons a été d’isoler les fonctionnalités propres à TTG Auto Index pour les intégrer au moteur TTG CE. Après une série de quatre bêtas publiques qui ont débuté le 7 février, TTG Auto Index CE (alias V4) a été lâchée en version officielle ce jour.

Ce qui change…

Avec cette refonte, le modèle gagne en paramètres de personnalisation. Désormais plus claire, l’architecture de configuration du plug-in repose principalement sur  les panneaux Informations sur le site, Palette de couleurs et Aspect. Les caractéristiques communes aux modèles propulsés par TTG CE permettent d’affirmer que le premier panneau est réservé à la personnalisation de la page du gabarit, le second à son contenu et enfin le troisième aux options propres au modèle ou plug-in. Dans notre cas, la mise en page des cellules de présentation des albums indexés se fera au travers de ce panneau Aspect. C’est lui qui permettra de choisir entre-autres, une présentation de type Descriptive ou Iconic, qui au passage gagnent trois déclinaisons supplémentaires : Iconic Entitled, Text Box, Text only.

Exemple d’une page d’indexation ©Matthew Campagna

Ce qui arrive…

La véritable révolution, se trouve sous le capot d’Auto Index V4. Le moteur utilisé (TTG CE V3) offre les mêmes options que TTG Stage CE :

  • création d’ombres portées,
  • utilisation d’un cliché en fond de page avec en option la possibilité qu’elle reste fixe par rapport à la page,
  • arrières-plans transparents,
  • arrières-plans de couleur dégradée,
  • Ajout d’icônes « Sociaux » dans le pied de page,
  • La possibilité d’arrondir les coins de certaines fenêtres ou objets angle par angle.


Les 4 nouveaux curseurs d’ajustement de la courbure des angles

Il existe une liste plus longues des nouveautés, mais elle concerne plus les « pros » du PHP…

Ce qui disparait…

Peu nombreuses sont les options qui disparaissent, mais celle qui est la plus regrettable est la plus relevée, est la suppression des séparations par des caractères spéciaux des liens hypertextes. Pour les faire apparaitre, il faudra ruser et saisir du code HTML dans le champ « HTML for Custom Menu Items » de la rubrique Panneau Informations sur le site>Menu Items.

Et alors ?

J’aurais tendance à dire, que tant que tout marche bien, il n’y a pas de raison de changer une équipe qui gagne… D’autant qu’il n’existe pas de passerelle permettant de porter votre ancienne configuration de TTG Auto Index vers la nouvelle. Il faudra tout reprendre à la main, sans pouvoir s’appuyer sur le moindre automatisme. Ce qui signifie, aussi de devoir apprivoiser ce nouveau modèle. Donc, rien ne presse. Pour les nouveaux arrivants ou les habitués à TTG Stage, l’évolution est significativement majeure pour l’adopter. Surtout que les autres vaisseaux amiraux de la série TTG vont peu à peu migrer vers le moteur TTG CE… Prochaine étape : TTG Page et ensuite TTG Highslide. D’après Matthew, il se pourrait que la version actuelle du modèle Highslide, du moins dans sa version PRO, perdure et cohabite sans doute avec une version « CE ».

->La page de téléchargement de TTG AUto Index CE

Modèle Web Lr : SiteMaker

Bien que pas encore officiellement lancé, Sitemaker est un nouveau modèle Web pour Lightroom. Depuis le 4 janvier, on peut en apercevoir les prémices sur le site de son créateur John Beardsworth. Presque entièrement en HTML, Sitemaker devrait bientôt voir le jour.

Sitemaker serait un modèle similaire ce que propose les gabarits de la série WSPP de Timothy Armes, sans le service de publication. Il disposerait d’une architecture offrant la possibilité de concevoir une galerie photo Web complète avec Lightroom, sous entendant plusieurs albums, une page d’index les référençant, et plusieurs pages annexes pour fair passer les informations que vous voulez.

Le modèle pourrait être décliné dans le futur en plusieurs versions dont une incluant un service de publication comme WSPP, et une autre permettant un export vers le service en ligne SlideShowPro Director. La publication de site Web évolue grandement ces derniers temps et les offres sont de plus en plus complètes et surtout on en trouve pour tous les goûts.

En attendant, voici quelques images et deux liens qui vous feront (ou pas) apprécier ce modèle à venir. Nous allons le suivre de près et nous vous en dirons un peu plus dès qu’il sera disponible.

Liens

-> Site complet réalisé avec Sitemaker pour Lightroom (Fig.1 et Fig.2)

-> Une simple page (Fig.3)

Captures

Fig.1

Fig.2

Fig.3


Mon nouveau site : Lrb Portfolio

Après FOTOPASSION, c’est au tour de ma galerie photo de muter. Devrais-je dire plutôt « …de disparaître… ».

La métamorphose de FOTOPASSION était l’occasion de séparer ce qui est un Blog personnel d’un site professionnel. C’est dans ce contexte que depuis quelques jours, un lien est venu se greffer sur le blog (Ca se regarde...). Ce lien renvoi vers mon site professionnel dans lequel vous pourrez visualiser une partie de mon travail photographique. Cette page a été élaborée sur la base du modèle Web pour Lightroom : Lrb Portfolio.

Depuis sa première version (HScroll Lua), ce template a bien évolué et propose une interface sobre, classe et relativement simple à mettre en oeuvre. D’ici quelques temps, je vous distillerai quelques conseils de personnalisation pour ce modèle. Si vous le désirez, vous pourrez télécharger le manuel sur le site de son auteur pour voir si cette galerie pourrait vous convenir.

En attendant, je vous souhaite un très très bon week-end prolongé (pour ceux qui font le pont).

Soyez prudent, car je ne compte pas perdre de lecteur ;-)

Amicalement

Sébastien Abric

TTG Highslide, le meilleur template Web pour Lightroom ?

C’est non sans une certaine fierté que Matthew Campagna a annoncé samedi la sortie de son dernier modèle de galerie Web pour Lightroom. S’appuyant sur la technologie HTML et Highlight Js de Torstein Høns, le résultat est visuellement proche du modèle TTG Shadowbox. Mais l’analogie s’arrête là, car ce modèle est entièrement nouveau.

Fig.1

Le mode Diaporama. En arrière plan on aperçoit les vignettes de prévisualisation et tout en bas, le filmstrip.

J’avoue ne pas encore avoir installé cette galerie, mais d’ici le début du mois de juin, je devrais enfin voir la fin du tunnel et j’aurais alors un peu plus de temps pour tester ce modèle. Si les essais son concluants, j’envisage même de basculer l’ensemble de mes galeries dessus.

Un modèle = 3 modes

Un peu plus haut, je vous disais que ce nouveau modèle ressemblait à TTG Shadow. En effet, comme lui, il utilise un moteur javascript pour afficher en grand les miniatures de prévisualisation. Seulement ici, en dessous de la fenêtre d’affichage, se trouve un bouton l’activation d’un mode diaporama et les miniatures reprises à la manière du Fimlstrip de Lightroom (Fig. 1) . C’est ce que Matthew définie Slideshow Mode, comprenez littéralement en français le mode Diaporama.

Si Matthew a donné un nom à ce style de présentation, c’est que son modèle est capable de présenter vos photos sous 3 modes différents :

– Le mode Diaporama vu précédement ;

– le mode Proofing, que l’on traduira par Comparaison ;

– le mode Inline Slideshow que l’on appellera Diaporama en ligne…

Si le mode Diaporama est relativement classique, le mode Comparaison est véritablement nouveau et particulièrement destiné à la commercialisation de ses photos. Pour cause, il ouvres sur la présentation de vignettes sélectionnables et sur un formulaire Contact intégré permettant d’envoyer la sélection à l’auteur des photos (Fig. 2). Très pratique, on regrettera que Matthew n’est pas pû (ou pas encore) intégré la possibilité de verrouiller l’accès à la galerie par un mot de passe. Par contre si la présentation des photos en diaporama n’est pas offerte dans ce mode, vous pouvez cliquer sur plusieurs images en vue par exemple de les comparer (Fig. 3) Formidable !

Fig. 2

TTG%20Highlight%20Proofing.jpg

Le mode Proofing permet d’envoyer un email à l’auteur des photos avec sa sélection personnelle.

Fig.3

TTG%20Highlight%20Proofing2.jpg

Toujours le mode Proofing (Comparaison) avec cette fois, deux images affichées à l’écran.

Pour finir, le mode Diaporama en ligne ressemble à ce que propose SlideShowPro avec là aussi le choix entre visualiser les photos par sélection (en cliquant sur une des miniatures) ou par diaporama, en cliquant sur le bouton Play qui se trouve en bas à droite (Fig. 4).

Fig. 4

Highslide%20Inline.jpg

Le mode Inside Slideshow (Diaporama en ligne). Naviguez dans le fimlstrip ou lancez le diaporama (en bas à droite).

En bref

Le modèle de galerie Web qui manquait à Lightroom


Adobe s’étant focalisé sur les modules Bibliothèques et Développement, le module Web doit en grande partie son essor aux éditeurs tiers. Grâce à eux, le panel de gabarits disponibles s’est largement étoffé et ils viennent combler des lacunes sur lesquelles Adobe n’a pas eu le temps de se pencher.

Alors que l’on croyait avoir fait le tour de ce qu’il était possible de faire avec Lightroom, voici qu’un petit nouveau (dans le monde de Lightroom) présente lui aussi son template et son lot d’innovations. Attention, laissez place, Fotoplayer pour Lightroom arrive !

Continuer la lecture

Rien n’est gratuit

Victime de son succès, Matthew Campagna va devoir faire payer le téléchargement de ses templates Web…
L’histoire que je vais vous raconter est celle qui peut arriver à chacun et qu’il est bon de méditer. Il était un jour un étudiant tout autant passionné d’informatique que de photographie. Il utilisait Lightroom comme logiciel de post-traitement. Il le trouvait tout à fait à son goût pour l’organisation et le développement de ses clichés et la vie était belle.
Continuer la lecture

Créer un index pour ses Galeries Lightroom -Partie 2-

Google n’aime pas trop ça, mais en relisant cet article je ne l’ai pas trouvé très pédagogique et le dernier commentaire d’Eric m’a conforté dans mon impression.

Plutôt surchargé en ce moment (vous comprendrez bien tôt pourquoi…), j’avais laissé suspend la mise à niveau de ce post. Mais bon, j’ai fini par me prendre par la main et par vous livrer cette nouvelle mise à jour.

Depuis notre dernier article sur « Comment indexer des galeries web avec Lightroom », les choses ont quelques peu évolué et il est temps de faire un point sur ce qui a changé et sur les nouvelles possibilités offertes depuis la version 1.3 de Lightroom et la programmation de modèles Web en LUA.

Vous l’aurez sans doute remarqué, les 3 templates initialement mis à disposition sur le site de Matthew Campagna, ne sont plus disponibles et se sont vues remplacés par une nouvelle solution : TTG XML Auto Index. Vous trouverez donc dans la suite de ce post le nouveau workflow décrivant les différentes étapes à suivre pour indexer votre site ; que celui-ci soit composé de galeries compatibles ou non. Les modèles de galeries dit « compatibles » sont uniquement disponibles sur le site The Turning Gates. Vous trouverez la liste par ici (dans les menu Html Galleries, Flash Galleries, Galleries Indices et Special Purpose Templates).


Pré-requis

Votre serveur d’hébergement doit être compatible Php et vous devez avoir un serveur client FTP (CF la procédure Configurer un serveur FTP).

1/ Récupérez TTG XML Auto Index.

2/ Installez le template (CF la procédure Installer un template Web pour Lightroom)

** Si vous utilisez des modèles non compatibles pour créer votre site, téléchargez et installez aussi TTG XML Maker.

Indexation

1/ Configurez TTG Auto Index. Il n’y a aucun lien à renseigner pour que vos galeries thématiques soient référencées. La personnalisation est seulement  cosmétique. Les images affichées ne sont là qu’à titre d’exemple.

2/ Une fois personnalisé, sauvegardez votre modèle : Menu>Web>Nouveau modèle

3/ Exportez-le résultat sur votre Disque Dur (DD), puis l’envoyez dans le serveur (CF la procédure Configurer un serveur FTP).

4/ Supprimez le répertoire thumbnail et le fichier index.html.

Galeries compatibles avec TTG Auto Index

1/ Créez vos galeries comme vous en avez l’habitude, sans omettre de remplir les champs Album title et Album description (Figure 1). Pour forcer l’affichage d’une miniature en particulier, remplissez le champ en bleu.

Figure 1

En bleu, si vous voulez voir afficher une vignette particulière dans l’index.
Valable seulement pour les galeries compatibles

2/ Exportez-les sur votre DD (CF la procédure Configurer un serveur FTP).

3/ Placez-les dans la même arborescence que votre Index (figure 2).

Figure 2

Galeries non compatibles avec TTG Auto Index

Créez vos galeries comme vous en avez l’habitude et placez-les dans la même arborescence que votre Index (Figure 2).

Ensuite, il faudra générer un fichier autoindex.xml pour chaque galerie avec TTG Xml Maker w/Thumbs 1.1.

1/ Utilisez le modèle TTG Xml Maker w/Thumbs 1.1.

2/ Choisissez une photo représentative de la galerie à indexer. Ne pas tenir compte du message d’erreur affiché.

3/ Remplissez les champs Album title et Album description (Figure 1).

4/ Laissez-les autres vides.

5/ Exportez sur votre DD.

6/ Envoyer le répertoire Thumbnail et le fichier autoindex.xml dans le répertoire de la galerie à indexer

7/ Répétez l’opération pour les autres galeries.

Vos galeries existent sur le serveur

1/ A ce moment là, les déplacer sous la même racine (ou le même répertoire) que le template d’indexation dans votre serveur (Figure 2).

2/ Référez-vous au paragraphe Galeries non reconnues par TTG Auto Index.

Ma version de TTG AutoViewer Gallery

Il y a maintenant quelques semaines, Franck (fidèle lecteur) m’a contacté au sujet du template web TTG AutoViewer Gallery de Matthew Campagna. Les personnes ayant essayé ce plug-in se seront rendu compte qu’il ne permet pas de modifier la hauteur des images au format paysage… C’est bien dommage car le diaporama y perd en fluidité.

Le template d’origine ne permet pas d’ajuster les images à la même hauteur… Question de goût

Avant.jpg

J’ai donc apporté quelques modifications au template.

Réglez les hauteur dans l’ordre indiqué

Et voilà le résultat

Apr%E8s.jpg

Source : –> Télécharger la version modifiée

SlideShowPro pour Lightroom

Après tout juste une semaine de retard (par rapport à l’annonce officielle), SlideShowPro pour Lightroom vient de voir le jour. Il faut avouer que les template « Web » livrés avec LR sont relativement basiques et SSP devrait mettre un peu de gaieté dans tout ça. Personnellement, je ne comprends pas tout à fait pourquoi il aura fallu attendre la version 1.3 de LR pour voir apparaître ce template. En effet, ce n’est ni un module d’export, ni un module à part entière… Néanmoins, il est là et semble offrir la même apparence que les produits de la marque. Le petit plus de SSP est sans doute sont mode « plein écran » qui permet de visionner vos photos sans que l’on ne voit votre navigateur web. Un véritable diaporama ! Pour 25$, cela vaut le coup :-) Ma galerie réalisée avec SSP.
Attention mise à jour du 10/12/07: Inhiber le téléchargement d’une photo…à voir en fin d’article


La bonne surprise

Après avoir téléchargé (et payer car il n’y a pas de version d’évaluation…) puis installé le template (dans le repertoire galerie de LR), on ouvre LR en « mode » [Web] et là, miracle, SSP pour LR est disponible. Les menus de paramétrages sont nombreux et complets. D’ailleurs, de nombreux essais vous permettront de mieux les assimiler… La bonne surprise vient du fait que l’on peut facilement créer un index pour naviguer entre plusieurs albums. Malheureusement, cela n’est pas « automatique » et vous aurez quelques manipulations de fichiers .xml et de copier/coller de répertoires à réaliser. Mais rassurez-vous, rien de bien compliqué. Cela se fait d’ailleurs de manière plus simple que celle expliquée ici ;-)

Pour voir un exemple, cliquez sur ce lien…et essayez tout les boutons de l’affichage. Surtout celui en bas à gauche et celui à droite :-)

Un fil a été ouvert sur Forum.Utiliser-Lightroom.fr
Continuer la lecture

Protéger une galerie Lightroom

Il y a quelques mois de cela, je vous avais présenté comment créer un index pour les galeries Web de Lightroom. Pour parfaire cet article, il manquait un paragraphe… Comment protéger l’accès à une galerie par un mot de passe ? Il existe des solutions plus ou moins efficaces et surtout plus ou moins difficiles à mettre en oeuvre.

Matthew Campagna (encore lui ;-) ) nous propose de le faire avec password_protect (http://www.zubrag.com). Le principe est d’installer un fichier en php dans le répertoire de la galerie à protéger et d’ajouter une ligne de commande dans le fichier [index.html] de ce même album.

Je m’en vais donc vous expliquer la procédure en détail.
Continuer la lecture