JAlbum

jAlbum

Ici depuis Windows 10 et jAlbum 19 - 2019-2020


Je pratique avec l'habillage Tiger	À voir l'habillage Lucid

Ici depuis Windows 10 et jAlbum 13.

2016-2017



Je pratique avec l'habillage Gromit.	Aussi avec l'habillage Turtle	Habillage BluPlusPlus
	Habillage PositionMap
Un bon tutoriel en français pour jAlbum 12

Nom des champs des métadonnées dans jAlbum.

NOTE: Dans Windows 13 les habillages sont dans le répertoire C:\Users\Marcel\AppData\Roaming\jAlbum\skins

Tous ci-bas doit être mis à jour, Windows 7 et XP.

À mettre à jour car je suis à la version 9 et Windows7. Maitenant jAlbum 13 en 2016

À moins d'indications contraires, les commentaires s'appliquent à la version 8 de jAlbum

Pour publier mes photos sur Internet j'utilise le logiciel jAlbum auquel est ajouté des éléments de Google Analytic, GoogleMap et les habillages (skins).

BluPlusPlus est un habillage (skin) de jAlbum : Voir par exemple : http://mwlandry.ca/photos/chine/photos/beijing/slides/IMG_2473.html

PositionMap est un habillage (skin) de jAlbum : Voir par exemple : http://mwlandry.ca/photos/franceespagne2009/photoscarte/

NospOfTombl est un habillage (skin) de jAlbum : Voir par exemple : http://mwlandry.ca/photos/eglises/index.html

Google Analytic est une technique permettant de mesurer l'achalandage sur notre site Internet.

GoogleMap permet l'affichage de la carte géographique où a été prise la photo.

Emplacement des plug-in d'habillage (skins)

Avant Windows Vista les skins étaient conservés dans un sous répertoire avec le programme principal comme C:\Program Files\jAlbum\ skins\BluPlusPlus. Depuis Vista et Windows 7 on ne permet plus d'installer de nouveaux habillages (skins) dans ce même répertoire une fois le logiciel original installé. Ainsi maintenant les habillages sont conservés dans le répertoire C:\Documents and Settings\Marcel\Application Data\jAlbum\skins\BluPlusPlus pour l'usager Marcel si on est en Windows XP (En Windows 7 ils sont conservé dans C:\Users\Marcel\AppData\Roaming\jAlbum\skins\). Je crois que cet endroit a priorité par rapport au même habillage qui serait installé sous le programme principal, soit dans C:\Program Files\jAlbum\ skins\. À noter que lors de l'installation original jAlbum 8 installe 7 habillages et ils sont placés dans le répertoire C:\Program Files\jAlbum\ skins\ mais ça ne comprend pas BluPlusPlus. Ceci est problématique car on ne peut pas changer ces pages.

Procédure d'installation

Je télécharge la version 8.0.9 dans mon ordinateur et je l'installe dans le répertoire C:\Program Files\jAlbum. Les nouveaux habillages arrivent sous deux formats tels BluPlusPlus4_3.jaskin ou BluPlusPlus4_3.zip. Ces deux fichiers sont identiques dans leur contenu sauf qu'avec BluPlusPlus4_3.jaskin il s'installe directement dans le bon répertoire soit C:\Documents and Settings\Marcel\Application Data\jAlbum\skins\. C'est cette dernière façon que je recommande.

J'ai copié photo-metadata.properties
texts_fr&en.properties mais je crois qu'il devra être modifié
Pour texts_fr.properties je vais attendre avant.

Configuration de jAlbum V 8.1.2

Je n'ai pas trouvé une nouvelle version de l'aide pour la configuration de jAlbum 8. Je garde sur mon site pour l'instant l'aide qui était disponible avec la version 6. Je crois que la plupart des éléments sont toujours valables.

Aide de jAlbum 6

Dans l'onglet Avancées - Général - Format de la date

EEEE, d MMMM yyyy', ' H' h 'm va permettre d'avoir les date comme suit: mardi, 1 juin 2004, 16 h 12

Dans l'onglet Avancées - Meta données

Cocher "Générer un flux Media RSS" pour que les photos puissent être vu par des lecteur de RSS

J'ai placé ici un fichier exemple.jap de configuration jAlbum. Télécharger et une fois jAlbum installé double cliquer pour en voir le résultat dans jAlbum. Ce fichier correspond au site de photo du Voyage en Chine.

Procédure pour placer un pointeur html dans une page photo et en particulier l'affichage de grandes photos panoramiques

Inscrire dans l'IPTC de la photo un texte comme ci-bas dont le contenu html est entre les < >

Cliquer pour voir cette <a href="http://mwlandry.ca/photos/hawaii/Panoramiques/slides/Volcan614_grande.jpg">Photo panoramique</a> pleine grandeur.

Ce texte affichera "Cliquer pour voir cette Photo panoramique pleine grandeur", avec Photo panoramique pointant vers la page internet mwlandry.ca/photos/hawaii/Panoramiques/slides/Volcan614_grande.jpg

Ma photo panoramique Volcan614.jpg sera affiché selon les paramètres de jAlbum et j'ajoute la photo Volcan614_grande.jpg qui est la version pleine grandeur dans le répertoire approprié sur Internet.

jAlbum nom des champs

Dans Jalbum

"Date/Time" utilise le champs Date-Modified des EXIF

"Date" utilise Date-taken dans EXIF

et le format de la date provient de Avancées/principal

Le nom des champs utilisé dans ce logiciel sont indiqués dans ma page

http://mwlandry.ca/famille/etudes/classe_tableau.htm

À noter que le nom d'un champs n'est pas nécessairement le même dans jAlbum, son habillage BluPlus¨Plus ou d'autres logiciels.

Exemple pour le même champs :

Exifer	Author
Irfanview	Caption writer
Windows Photo Info	Desc. Writer
BluPlusPlus	Iptc.Writer/Editor
jAlbum 8	writer
et moi je traduis par	Auteur IPTC

Info utile

As I had trouble figuring out how to display those values, this is to anybody who have the same problem.

Use the syntax <%=meta.get("Iptc.TAG")%>
Where Iptc.TAG can be any of the following values:

Iptc.Country/Primary Location
Iptc.Time Created
Iptc.Date Created
Iptc.Province/State
Iptc.Directory Version
Iptc.Credit
Iptc.Headline
Iptc.City
Iptc.Caption/Abstract
Iptc.Source
Iptc.Copyright Notice
Iptc.By-line
Iptc.Object Name

This is valid if the value is present/populated. I don't know what happens when it is not.

Source : http://jalbum.net/forum/thread.jspa?messageID=52907&#52907

jAlbum - Bugs

Les photos qui ont été tourné de 90 degrés peuvent générées un code erreur de
xxxx.jpg: Missing Huffman code table entry ou xxxx.jpg: JFIF APP0 must be first marker after SOI
Pour enlever cette erreur aller dans l'onglet Avancées-Principal et décocher l'option, Garder les informations de prise de vue
PS Toujours présent avec Version 8.

Références
1. http://jalbum.net/forum/message.jspa?messageID=117247
I believe if you deselect the option to "Keep photographic data" on the Advanced tab, it will get rid of those errors.
2. http://jalbum.net/forum/thread.jspa?messageID=121388
Please uncheck the "Keep photographic data" checkbox. That should sort it out. jAlbum can still write EXIF data to the generated html pages with the "Extract photographic data" setting.

Lorsque je crée un album avec les photos d'origine via des petites, le lien pour passer de la photo d'origine à la petite photo ne fonctionne pas. Voir http://mwlandry.ca/photos/famille/slides/1917_001-orig.php

le bouton vers le haut ne fonctionne pas.

exemple pour le fichier 1917_001-orig.php
Antérieurement on avait la ligne
<a href="1917_001.php" title="Monter d'un niveau"><img src="....
maintenant on a
<a href="${currentPage}" title="Monter d'un niveau"><img src="....

N'existait pas avec version 6, existe depuis la version 7.

BluPlusPlus - Pour permettre aux visiteurs de placer des commentaires avec les photos :
OK avec la version 8.

Visionner la photo http://mwlandry.ca/photos/famille/slides/1917_001.php pour voir l'utilisation de cette option.

Chez votre fournisseur de service Web, créez dans MySql, une base de données,

DB Name: Le nom de la base de données., disons xyz
Password: un mot de passe tel 123

Notez l'adresse du URL de cette base,
URL: mysql69.secureserver.net:3306

Dans jAlbum , avec BluPlusPlus, onglet Viewer Remarks, inscrire

Dans section Database

(Chez Godaddy le User et le DB Name , c'est le même nom. Ici c'est xyz. Pour Godaddy, il faut ajouter :3306 au URL)
Le URL(mysql69.secureserver.net:3306). User Name (xyz), DB Name (xyz), Password (123)

Choisir un nom de table que le site web de jAlbum va créer dans la base de données. Table Name: disons test1 (choisir un nom particulier pour chaque album (groupe)).

Dans section Album, choisir un nom Admin Username, disons test, un Admin Password disons motdepasse.

Dans section Notification, cochez Notify via e-mail et indiquer votre adresse de courriel où vous désirez recevoir ses commentaires. Il n'y a pas de lien entre ce nom et ce mot de passe avec celui de la base de données.

(L'option courriel ne fonctionne pas si le site web est sous Windows. Sous Linux, il y a un problème car il gère les accents avec UTF-8. Ainsi lorsqu'on reçoit le courriel les lettres accentuées sont mal indiquées. Pour recevoir les courriels contenant des accents, j'ai modifié les propriétés de cette boîte de courriels pour revoir des messages en caractères autres que Western.). Je reçois tous les messages des photos dans ma boîte jalbum@mwlandry.ca. (Pourtant TNG gère bien cette fonction). Dans les messages on donne le nom du fichier de la photo et le premier niveau de répertoire dans laquelle il a été créé sur notre ordinateur (Exemple, web2\IMG_0001.JPG).

L’heure indiquée est l’heure du serveur. Dans le cas de GoDaddy c’est l'heure de l'Est moins -2 ou -3 heures, alors indiquer « heure du Pacifique ». Espace requis avant le mot heure.

Dans jAlbum, onglet Avancées,

onglet Principal, on doit cocher Write UTF-8. Garder Encoder avec ISO-8859-1.
onglet Nommer, on doit mettre page extension = .php

Lorsqu'on veut lire les commentaires en étant dans notre base de données chez GoDaddy, il faut changer le type de caractères de French (fr-iso-8859-1) par French (fr-urt-8)

Après l'installation sur le site web, on peut aller modifier les options dans le fichier \res\php\connect.php.

On peut corriger directement sur une page les données inscrites en entrant comme nom, notre nom d'usager et comme commentaire, notre mot de passe. On peut ainsi effacer des messages désobligeant.

Dans la base de données, les commentaires sont conservés sous le nom de la photo. Le nom de la photo est conservé en incluant comme préfixe le nom du répertoire où a été créé le site web. Ainsi si mon site web a été généré par jAlbum dans le répertoire D:\Photos\Internet\CD_Famille\web3 la photo 1941_017.JPG sera enregistrée dans la base de données sous web3/1941_017.

Habillage PositionMap 5.7.11 intégré à BluPlusPlus

Création d'un site de photos utilisant PositionMap comme Index et BluPlusPlus comme page de présentation des photos individuelles.
Créer les pages web avec PositionMap (webPositionMap) et un autre avec BluPlusPlus (webBluPlusPlus). Les deux sites doivent avoir les mêmes paramètres de base; nombre de photos par page, dimension des photos, des icônes, etc.
Dans Avancées - Métadonnées : Enlever Inclure le support pour les widgets de jAlbum
Dans PositionMap enlever la loupe dans Slide Page - Main settings.

Créer les deux sites, \webPositionMap et \webBluPlusPlus de départ.

-Créer un nouveau site (\webIntégré) composé au départ de tous les fichiers du site de webPositionMap.
-Copier les fichiers .html de webBluPlusPlus\slides dans le site webIntégré\slides, en écrasant les précédentes.
-Copier les trois répertoires webBluPlusPlus\res\js, styles et topbars dans webIntégré\res
-copier les fichiers webBluPlusPlus\res\empty.gif et favicon.ico dans webIntégré\res\

-Copier le répertoire webBluPlusPlus\res\actions\universal dans webIntégré\res\actions\

Le nouveau site webIntégré comprend maintenant un index selon PositionMap et affiche les photos avec BluPlusPlus ce qui permet d'afficher les métadonnées au bas des photos.

Habillage NospOfTombl

Voir sa page particiculière

Matrix - Mes modifications et bugs

Matrix Version 6.0.0, avril 2011

Dans le fichier index.htt (C:\Users\Marcel\AppData\Roaming\jAlbum\skins\Matrix\index.htt)

je modifie la ligne 128
pour remplacer "Generated by " par "Produit par "

Dans l'affichage des Tooltips des photos, je préfère afficher Headline + Object Name que le Comment (Commentaires, description etc)
Pour ce faire, dans le fichier AppData\Roaming\jAlbum\skins\Matrix\includes\itemStrings.inc
entre les lignes 15 et 16 j'ajoute les 4 lignes suivantes:
<%
if (meta.get("Iptc.Object Name") == null) comment= meta.get("Iptc.Headline") ;
else comment= meta.get("Iptc.Headline")+ " - " + meta.get("Iptc.Object Name");
%>

Dans jAlbum - Matrix, il faut avoir choisi dans
Matrix - Captions - Thumbnails - Image Thumbnails - Tooltip popup
sélectionner "title - comment" et cocher "Show file name if no image ..."

Bug

Dans le panneau de configuration de Matrix, l'onglet Text, le sous-onglet Control Bars, ne pas mettre les noms trop long car l'image des photos ne peut plus s'afficher.

C o o l i r i s C o o l i r i s C o o l i r i s C o o l i r i s C o o i r i s	Le Plug-in Cooliris n'existe plus depuis son achat par Yahoo. Certaines idées dans le présent tableau peuvent cependant être utile. Cooliris avec jAlbum
	jAlbum option .RSS et Cooliris Pour utiliser un montage jAlbum avec Cooliris il suffit de cocher dans Paramètres - Avancées - Meta Données la case indiquée Générer un flux Media RSS. Automatiquement un navigateur avec le plug-in Cooliris va détecter ce fichier et l'offrir en option. Ceci est vrai avec le Skin BluPlusPlus mais pas avec le Skin Fotoplayer. Probablement car ce dernier ne crée pas de page html pour chacune des photos. jAlbum crée des fichiers album.rss dans chacun des dossiers et insère une information comme <link rel="alternate" href="album.rss" type="application/rss+xml"> dans chacune des pages web. Voir ma page de Cooliris pour son mode d'utilisation.
	jAlbum - Modifications pour afficher les métadonnées iptc dans Cooliris Voir aussi ma page sur Cooliris. Lorsque l'option RSS est choici dans jAlbum un fichier, album.rss, est créé. Au départ et par défaut jAlbum donne comme nom de toutes les photos le nom de l'album et ajoute le commentaire si disponible, entre autre dans le champs Iptc.Caption/Abstract. Ces deux valeurs sont utilisées par Cooliris dans sa présentation. Si on veut changer cela on doit faire la modification indiquée plus bas, (C:\Program Files\jAlbum\ est ma localisation du logiciel JAbum)
	Dans Version jAlbum 8.0 Pour avoir le texte de Iptc.Headline et Iptc.Object Name plutôt que le nom de l'album avec chacune des photos dans le fichier album.rss on doit modifier le fichier C:\Program Files\jAlbum\system\album.rss en remplaçant à la ligne 24 <title><%= entityEncode(title) %></title> par <title><%= meta.get("Iptc.Headline")%><%=" - "%><%= meta.get("Iptc.Object Name") %></title> Pour avoir les autres informations de l'IPTC plutôt que le champs description on remplace dans le même fichier les 4 lignes (lignes 28-31) <ja:if exists="comment"><% String desc = entityEncode(comment); %> <description>${desc}</description> <media:description type="html">${desc}</media:description> </ja:if> Par <description><%= meta.get("Iptc.City") %><%=" "%><%= meta.get("Date/Time Original") %><%=" "%><%= meta.get("Iptc.Caption/Abstract") %><%=" "%>$fileName</description> <media:description type="html"><%= meta.get("Iptc.City") %><%=" "%><%= meta.get("Date/Time Original") %><%=" "%><%= meta.get("Iptc.Caption/Abstract") %><%=" "%>$fileName</media:description> Au besoin on pourra ajouter d'autres champs selon l'intérêt.
	Dans Version jAlbum 8.1 Pour avoir le texte de Iptc.Headline et Iptc.Object Name plutôt que le nom de l'album avec chacune des photos dans le fichier album.rss on doit modifier le fichier C:\Program Files\jAlbum\system\album.rss en remplaçant à la ligne 26 <title><%= entityEncode(title) %></title> par <title><%= meta.get("Iptc.Headline")%><%=" - "%><%= meta.get("Iptc.Object Name") %></title> Pour avoir les autres informations de l'IPTC plutôt que le champs description on remplace dans le même fichier les 2 lignes (lignes 29-30) <description><ja:if exists="comment"><% String desc = entityEncode(comment); %>${desc}</ja:if></description> <media:description type="html"><ja:if exists="comment"><% String desc = entityEncode(comment); %>${desc}</ja:if></media:description> Par <description><%= meta.get("Iptc.City") %><%=" "%><%= meta.get("Date/Time Original") %><%=" "%><%= meta.get("Iptc.Caption/Abstract") %><%=" "%>$fileName</description> <media:description type="html"><%= meta.get("Iptc.City") %><%=" "%><%= meta.get("Date/Time Original") %><%=" "%><%= meta.get("Iptc.Caption/Abstract") %><%=" "%>$fileName</media:description> Au besoin on pourra ajouter d'autres champs selon l'intérêt. Le Plug-in Cooliris n'existe plus depuis son achat par Yahoo. Certaines idées dans le présent tableau peuvent cependant être utile.

jAlbum et Google Analytics

Pour savoir combien de personnes vont voir mes photos. Pour le fonctionnement de Google Analytics créer un compte chez Google, google.com, et suivez les instructions pour le service gratuit de Google Analytics.

Les pages "Index.htt and slide.htt are “html template files”. All of the index and slide image pages in a generated album are based upon these two templates. jAlbum processes index.htt for each index page in the generated album, and processes slide.htt for each slide image page in the generated album. "

J'ai modifié pour jAlbum BluPlusPlus dans le répertoire C:\Documents and Settings\Marcel\Application Data\jAlbum\skins\BluPlusPlus, index.htt et slide.htt pour inclure les 6 lignes de Google pour le suivi des visiteurs. Les fichiers originaux sont conservés sous le nom index_orig.htt et slide_orig.htt

<Texte placé pour Google>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2911152-1";
urchinTracker();
</script>

Placé juste avant le dernier </body>. Attention ce texte est particulier à des pages sur le site mwlandry.ca

Dans PositionMap placer à la fin de indexWithGoogleMap.inc

Dans Turtle placer dans index.htt

Dans NospOfTombl dans index.htt et slide.htt.

______________________________________________________________________

FotoPlayer maintenant 4.1.8

Exemple: http://www.fotoplayer.com/v4/index.html
Aide : http://www.fotoplayer.com/userguide/tips.htm
Forum: http://jalbum.net/forum/forum.jspa?forumID=21&start=0

pour aller à un dossier:    /photos.html?openfolder=croisiere
Pour aller à une image:    photos.html?openfolder=croisiere&openfile=IMG_4762.JPG

Considérations particulières dans le fichier .jap
Options - Settings - Allow special chars:
Original: ^-().=#&+;:©!?àèìòùáéóúäëïöü*   Mon option:   ^-().=#&+;:©!?àèìòùáéóúäëïöü*êîâûôÉçÇ@ÀÈÎÙËÏ
Problème avec [ ] et livre sterling, ne pas utiliser.

Dans G. Analytics, Google Map ne pas cocher "Use Title & Commets ..." car ça enlève la flèche verte indiquant le site exact et problème lorsqu'il y a des lettres accentuées dans le texte.

Fichiers modifiés pour mettre en français.

Fichier	Français	Autre changement	Changer index.html (1)
config.htt	3, 27, 72 etc.
index.htt	363, 366, etc.	362 ou 364 pour enlever commentaires avant les exif/iptc. Car cela cause des problèmes de présentation. Remplace simplement comment avec comment1.
default.htt	56, etc.

	Français du HTML
..\PHP\rss.php	Divers	Ligne 211 changer pour .... $writeind=="N" pour enlever la description au bas des thumb ligne 158 neutralisée car date du jour	Oui
..\PHP\rss2html\html.php	Divers
..\PHP\rss2html\slidenav.php	Divers	ligne 307 enlève .$slidedesc pour pas mettre description sur la ligne en dessous de photo et mettre le titre etc	Oui

..\res\diag.php			Oui

(1) Si on change le nom du fichier de départ dans l'onglet General de FotoPlayer de index.html on doit modifier ses 3 fichiers. Moi j'utilise photos.html.

Pages des logiciels - jAlbum - Aide de jAlbum BluPlusPlus PositionMap

mwl

Au besoin Cliques ici pour m'envoyer un courriel.

Dernière modification : 10 novembre 2019.