bandeau


Les tutoriels de Jardinamel

Les tutoriels sont consultables également depuis le forum de Jeffdulac
minilogo forum


Le skin FotoPlayer



Tutoriel réalisé par Danamel le 15/08/2008 avec JAlbum version 8.09
et le skin FotoPlayer version 3.1.1
en rouge modifications du 30/09/2008

Pour voir la version imprimable faites -> Fichier -> Aperçu avant impression

Pour imprimer cliquez ci-contre


Interface FotoPlayer
L'interface principale
E-Card et Mot de passe
Le menu
Le lecteur MP3
Le panier
Le livre d'or
La recherche et l'arborescence du menu
Francisation de l'aide et du livre d'or
Quelques conseils et astuces - MODIFIE
RETOUR Interface JAlbum




FotoPlayer - Interface Utilisateur


Ce thème présente les fonctionnalités de l'interface utilisateur de FotoPlayer.


L'interface principale



interface FP

Figure 9a: interface utilisateur FotoPlayer

Référence Fonction
F1 Couleur de fond pour index.html
F4 Ombre du cadre. Ne sera activée que lorsque le cadre est de largeur 6 (qui est la valeur par défaut)
F5 Ombre de l'image
F6 Largeur du cadre de l'album. Est de 6 par défaut.
F7 Image de fond au format jpg. Vous pouvez également utiliser un fichier SWF (flash) comme arrière-plan. A priorité sur l'option couleur d'arrière-plan (voir F27).
F8 Largeur du cadre de l'album. Vous pouvez modifiez la largeur de 0 à 6. La mise à 0 permet de désactiver le cadre.
F9 Bordure de l'image.
F10 Zone sensible transparente pour faire défiler les vignettes à gauche ou à droite avec la souris.
F11 Bouton panier . Pas disponible en version "Lite".
F12 Livre d'or. Votre serveur Web doit soutenir PHP.
F13 Bouton Téléchargement. Lorsqu'on clique dessus affiche un message en pop-up avec le nom du fichier et un bouton de téléchargement.
L'utilisateur doit faire un clic droit pour lancer le téléchargement.
F14 Lecteur MP3.
F15 Icône de Copyright. Droits d'auteur du logiciel FP.
Ne seront pas affichés sur les albums publiés sur le Web pour la version sous licence.
F16 Panneau de contrôle de FP.
F17 Couleur d'arrière plan de la fenêtre d'affichage des vignettes
F18 Boutons de navigation Départ/Arrêt/Diaporama. Tous les boutons peuvent être également désactivés.
F19 Recherche dans l'album . Votre serveur Web doit soutenir PHP.
F20 Aide FP.Vous afficherez le panneau d'aide en cliquant sur l'icône.
Le panneau d'aide peut également être afficher automatiquement lorsque l'album commence.
F21 Zoom et déplacement panoramique de l'image.
Peut-être réalisé en cliquant sur les boutons de fenêtre de zoom apparue
ou en cliquant sur l'image et en déplaçant la souris dans la direction désirée.
F22 Icône Gallery. Cet icône peut aussi être remplacé par un bouton et un texte personnalisable. Voir référence F36.
Cette icône / bouton ne peut être désactivé que dans la version sous licence.
F23 Fenêtre de description de l'image. Peut être désactivée complètement.
F24 Date. Peut être désactivée manuellement dans config.htt 'topdata' avec l'attribut à YNY
F25 Compte d'images. Peut être désactivé manuellement dans config.htt 'topdata' avec l'attribut à YNY
F26 Référence image. Peut être désactivée manuellement dans config.htt 'topdata' avec l'attribut à YYN
Note: Si vous définissez topdata "NNN" et exifheightper = "0" dans config.htt,
FP désactive automatiquement l'arrière-plan de la fenêtre de description.
Ce paramètre est très bien si vous voulez afficher uniquement le texte de description.
F27 Couleur d'arrière plan.Voir la référence F7. Cette configuration est annulée si l'option 'image d'arrière plan' est choisie.
F28 Mots-clé. Supporte le format UTF8. FP affiche les informations de la description de la photo.
F29 Affichage des données EXIF / IPTC. Supporte le format UTF8.
Sera automatiquement désactivé s'il n'existe pas de données <EXIF> et <IPTC> pour l'image.
F30 Texte de description de l'image. Source: balise <description> dans photos.xml.
Le texte est transcris en HTML permettant d'afficher des fonctions de base telles que <a>, <font>, <p>, <u>, etc.
F31 Lien vers le service d'impression. Shutterfly, Snap Galaxy ou Digibug. ID de compte doit être personnalisé dans le fichier config.htt.
F32 Titre de l'image. Par défaut, le skin utilise le nom du fichier comme titre si l'option est activée.
Mais le texte peut être personnalisé en utilisant n'importe quelle source (champs EXIF ou IPTC).
F33 Icône d'ancrage de la fenêtre de description de l'image.
F34 Largeur personnalisable de l'album.
F35 Hauteur personnalisable de l'album.

fleche_haut


E-Card et Mot de passe



interface FP

Figure 9b: interface utilisateur FotoPlayer

Référence Fonction
F100 Bouton de lien vers une autre page. Texte personnalisable. Optionnel.
F101 Description du dossier en info-bulle au passage de la souris.
Les infos-bulle ne seront affichées que lorsque la description du dossier est activée.
Vous pouvez entrer la description du dossier avec l'explorateur de JAlbum .
F102 Estimation d'Image. Disponible uniquement en version PRO.
F103 Vue en mode "Plein Ecran". Il est à noter qu'en mode plein écran "flash" ne prend pas en charge les entrées clavier.
Ainsi, FotoPlayer temporairement désactive des fonctions qui exigent le clavier lors de l'entrée mode plein écran.
Elles seront activées à nouveau à la clôture du mode plein écran.
F104 Icône Ecard. Disponible uniquement en version PRO.
F105 Fenêtre d'entrée de mot de passe affichée en cliquant sur l'icône de téléchargement quand la fonction de protection du teléchargement est activée.
Permet le téléchargerment sécurisé de l'image en taille réelle.
F106 Pour afficher la fenêtre d'envoi d'une Ecard, cliquer sur l'icône d'enveloppe.

fleche_haut




menus

Figure 10: FotoPlayer interface utilisateur - les menus

Référence Fonction
F36 Couleur du texte du menu personnalisable.
F37 Selection de la couleur du menu
F38 Couleur personnalisable du menu.
F39 Accentuation personnalisable de la couleur du menu.
F40 Info-bulles avec texte défilant du titre et de la taille de l'image. Peuvent être désactivées en mettant "tooltips" à off
F41 Texte indiquant la version d'essai de FP. Ne sera pas affiché avec la version licence.
F42 Fenêtre de description du dossier. Supporte l'UTF8.

fleche_haut


Le lecteur MP3



mp3

Figure 11: FotoPlayer interface utilisateur - Lecteur MP3

Référence Fonction
F43 Titre de la piste MP3(texte défilant). Peut-être désactivé via config.xml.
F44 Contrôle du volume
F45 Fenêtre lecture de la piste on / off
F46 Liste déroulante des pistes
F47 Piste en cours avec suivi du téléchargement en %

fleche_haut


Le panier



panier

Figure 12: FotoPlayer interface utilisateur - panier commande

vue panier

Figure 13: FotoPlayer interface utilisateur - panier - panier récapitulatif

panier caisse

Figure 14: FotoPlayer interface utilisateur - panier paiement

Référence Fonction
F48 Texte d'en-tête du panier.
F49 Références images personnalisables
F50 Liste déroulante pour afficher les tailles disponibles pour la photo.
F51 Liste déroulante optionnelle 1 - le nom et le contenu peuvent être personnalisés.
F52 Liste déroulante optionnelle 2 - le nom et le contenu peuvent être personnalisés.
F53 Bouton d'aide pour le panier.
Le vendeur peut afficher plus d'infos sur l'utilisation du panier : prix / port et d'autres informations sur les ventes liées dans la page d'aide.
Ce bouton peut également être désactivé.
F54 Affichage du prix à l'unité pour la taille.
F55 Sélection de la quantité. Cette option sera désactivée pour les types d'images "Digital" et sera par défaut 1.
F56 Bouton pour appliquer la remise d'un bon de réduction entré.
Un message d'erreur sera affiché si le code du bon n'existe pas. Si le code entré est bon, le montant sera affiché.
F57 Ajouter au panier. Texte du bouton personnalisable.
F58 Voir le panier. Pour visualiser le contenu du panier.
F59 Pour faire le lien des articles dans le panier avec la caisse si l'écran existe déjà.
F60 Textes en-tête panier personnalisable.
Les colonnes peuvent être dynamiquement redimensionnées en faisant glisser la bordure verticale de la colonne.
F61 Remise calculée sur la base du montant ou de la quantité. Peut être désactivée.
F62 Montant de la réduction du bon dont le code est entré dans l'écran précédent.
F63 Frais d'expédition et de manutention. Calculés sur le montant total partiel après les remises.
Peuvent être désactivés. La taxe peut varier suivant les régions sélectionnées dans la liste déroulante.
F64 Taxes. Calculées sur la base du montant total partiel après les remises et avant l'application des frais d'expédition et de traitement.
F65 Fenêtre optionnelle pour l'affichage des textes sur mesure. Peut être utilisé pour afficher des informations de réduction d'impôt.
F67 * Indique les champs obligatoires.
F68 Sélection du Pays. La liste peut-être personnalisée
F69 Coordonnées personnalisables.
F70 Email order button. Quand il est cliqué, conserve les informations de la commande dans res/shoppingcart/order_id où <order_id> est ID générée par FP,
unique pour chaque commande. La commande peut également être envoyée par e-mail au vendeur / acheteur
automatiquement chaque fois qu'une commande est passée. Peut également être désactivé.
F71 Bouton Paypal. Lorsqu'on clique dessus, les informations de la commande sont stockées dans un fichier texte dans "res/shoppingcart"
dossier similaire à l'ordre et un message peut être envoyé par e-mail au vendeur et à l'acheteur.
Outre l'écriture du fichier, les informations de la commande sont passées à PayPal (ouverture dans une nouvelle fenêtre).
Peut être désactivé.
F72 Offline order. Fonction pour la prise de commandes hors ligne d'album (albums CD envoyés au client).
L'acheteur peut envoyer la commande par e-mail, fax, ou par la Poste.
F73 La transaction du paiement par carte de crédit sera traitée via un service bancaire sécurisé ou l'acheteur sera invité à rentrer ses informations. La transaction ne rentre pas dans le cadre de FotoPlayer. FotoPlayer enverra autant que possible le contenu des informations du panier et des détails de facture entré par l'utilisateur via POST
F74 Google Checkout. Fonctionne de manière similaire à PayPal.
Lien vers le site de Google pour le traitement de la transaction. Ce service est disponible uniquement aux utilisateurs des États-Unis / Royaume-Uni.
F75 Zone de texte avec barre de défilement pour afficher toute les informations du panier que le vendeur souhaite.
Les textes sont écrits dans la section <sellernotes> du fichier res/shoppingcart/shoppingcart.xml de l'album.
F107 Annotion de l'utilisateur pour l'article ajouté au panier. Les notes pour chaque article seront écrites au dossier d'ordre

fleche_haut


Le livre d'or



livre d'or

Figure 15: l'interface utilisateur FotoPlayer - livre d'or

Référence Fonction
F76 Nombre total de commentaires. Texte / couleur personnalisables.
F77 Posté par "X" le "date". Couleur personnalisable.
F78 Commentaire. Couleur personnalisable.
F79 Zones de saisie "Nom et Message". Textes personnalisables.
F80 Textes des boutons personnalisables.
Le contrôle se fait depuis l'onglet "Colors" du skin FP de JAlbum
F81 Textes de la version d'essai de FotoPlayer. Ne sera pas affichée pour les utilisateurs enregistrés.
F82 Le message s'affiche si le livre d'or est modéré. Personnalisable.

fleche_haut


La recherche et l'arborescence du menu



recherche

Figure 16: l'interface utilisateur FotoPlayer - fenêtre de Recherche et liste tags (mots-clé)

Référence Fonction
F83 Barre de titre de la fenêtre tagslist déplaçable.
F84 Zone d'affichage de la liste des tags (un tag/ligne).
F85 Zone de saisie du texte de la recherche.
Les caractères UTF multi-octet d'UTF de recherche (Exemple: chinois) ne sont pas pris en charge.
F86 Case à cocher pour la recherche des tags (qui sera vérifié par défaut). Source Recherche: attribut balises
F87 Case à cocher pour la recherche des noms de fichiers. Source Recherche: attribut titre dans photos.xml
F88 Case à cocher pour la recherche des informations sur l'image. Source Recherche: informations sur l'image dans photos.xml
F89 Case à cocher pour la recherche des informations EXIF/IPTC. Source Recherche: données EXIF/IPTC dans photos.xml
F90 Bouton de recherche.
F91 Case à cocher pour la recherche des textes qui contiennent tous les mots.
F92 Case à cocher pour la recherche des textes qui contiennent un des mots.
F93 Afficher tous les tags. Lien vers la fenêtre d'affichage de la liste des tags.
Lorsqu'on clique dessus pour la première fois, FP va générer la liste des tags de tous le dossier photos.xml
et les stocke à tagslist.txt. dans le fichier / dossier du livre d'or
(pour cette raison, le dossier du livre d'or doit avoir les droits d'accès en écriture).
Ensuite, FP vérifie si le fichier tagslist.txt existe. Si oui, il charge la liste depuis ce fichier texte
(ce qui réduira grandement le temps de la recherche).
Si il y a eu des changements aux tags, des images ajoutées ou supprimées,
il faut supprimer le fichier tagslist.txt manuellement.
Note: vous pouvez aussi forcer la généreration de la liste des tags via le navigateur
en chargeant la page domain.com / album / loadtags.php? refresh = Y
F94 Zone d'affichage des messages d'Erreurs / Infos.


arborescence menus

Figure 17: l'interface utilisateur FotoPlayer - Arborescence Menu

Référence Fonction
F95 Couleur d'arrière-plan des menus. Couleur et largeur peuvent être personnalisés.
F96 Couleur d'arrière-plan de la description du dossier.
Note: Ce dossier description peut être activé en mettant <description display="Y"> dans config.htt <treemenu> tag.
Avant de mettre une description dans ce dossier, désactiver la fonction de description par défaut dans l'onglet "Paramètres" du skin.
Ce dossier description est disponible seulement en version PRO.
F97 La description du dossier. Taille de police, couleur, gras peuvent être personnalisés.
F98 Menu. La police, sa taille, sa couleur, le gras peuvent être personnalisés
F99 Couleur du dossier sélectionné est personnalisable

fleche_haut


Francisation de l'aide et du livre d'or



Pour franciser l'aide et le livre d'or de FotoPlayer ce qui peut faciliter la compréhension de vos visiteurs francophones,
vous devez modifier le fichier "config.htt" du skin.
Soit vous modifier directement l'original, soit vous créez une copie du skin que vous renommez
"FotoPlayer_Perso" par exemple, et vous modifiez le fichier "config.htt" de cette copie.
Vous ouvrez ce fichier avec le bloc-notes ou de préférence 'Notepad++'.
Vous cherchez la partie "guestbook" et juste en dessous les parties "helpwindow" et "tooltips".
Vous n'avez plus qu'a remplacer le texte anglais par celui en français que j'ai mis en rouge ci-dessous.

Tout ce qui est en vert n'est visible que dans la version 'PRO',
donc si vous n'avez que la version 'LITE' il n'est pas nécessaire de franciser.
Vous pouvez évidemment mettre un texte à votre convenance.

ATTENTION   de ne pas toucher aux variables et balises de chaque coté du texte.



L'aide

Help - Code original

Fenêtre d'aide

<helpwindow>
<title><![CDATA[FOTOPLAYER INSTRUCTIONS]]></title>
<gallery><![CDATA[Click this icon to view the gallery menu ]]></gallery>
<zoom><![CDATA[Use this option to zoom and pan the image.]]></zoom>
<navigations><![CDATA[Photo navigation buttons. previous, Next, Play and Stop.]]></navigations>
<timer><![CDATA[Use the inside arrows to change the slideshow timer and press the timer icon to set the new delay.]]></timer>
<shopping><![CDATA[Online shop with built-in Shopping cart system. Buy your favorite photos and pay thru paypal.]]></shopping>
<guestbook><![CDATA[Option to enter your comments for the photos]]></guestbook>
<download><![CDATA[Icon to download the currently viewing image.]]></download>
<music><![CDATA[MP3 player. Plays a background music while you browse. You can change music and control volume!]]></music>
<fullscreen><![CDATA[View album in full screen]]></fullscreen>
<search><![CDATA[Search image tags, file name , description ,EXIF and IPTC.]]></search>
<print><![CDATA[Click to print the image using Shutterfly/PhotoBox print service.]]></print>
<rating><![CDATA[Image Rating.]]></rating>
<ecard><![CDATA[Send as E-Card]]></ecard>
</helpwindow>

Info-bulles

<tooltips galleryicon="View Gallery" panzoomicon="Pan and Zoom" helpicon= "FotoPlayer Help" searchicon="Search Album" closebtnicon="Close" previousicon="previous photo" nexticon="next photo" playicon="Start Slideshow" guestbookicon="View Guestbook" downloadicon="Download" musicicon="Play music" abouticon="About" delayincrease="Increase delay" delaydecrease="Decrease delay" settimer="Set slideshow delay" zoomplus="Zoom in" zoomminus="Zoom out" panleft="Move left" panright="Move right" panup="Move up" pandown="Move down" reset="Reset photo" dockicon="Window always on / Only on mouseover" shoppingcarticon="Shopping Cart" sh_minimize ="Minimize shoppingcart window" sh_help="Shopping Cart help documents" sh_addcart="Add item to the cart" sh_viewcart="View Cart" sh_checkout="Check out" sh_removeitem="Select a row and click here to remove the item" sh_removeall="Remove all items from the cart" sh_additem="Add more items" sh_shopmore="Return to Gallery" sh_emailorder="Send an email order" sh_paypalorder="Click to pay thru paypal.com" sh_coupon="Click to apply the coupon discount" print_icon="Click to print the image" offlineorder="Click to order offline." offline_print="Print order" offline_clipboard="Copy text to Clipboard (memory)" sh_creditcardorder="Pay thru Credit Card" sh_googlecheckoutorder="Pay thru Google Checkout" sh_restorecontents="Restore Contents" sh_tonepreview="Preview image in Black&White and Sepia" ratingicon="Rate this Image" fullscreenicon_open="View in Full Screen" fullscreenicon_close="Exit Full Screen" ecardicon="Send as E-Card">
</tooltips>

Aide - Code francisé

Fenêtre d'aide

<helpwindow>
<title><![CDATA[FOTOPLAYER INSTRUCTIONS]]></title>
<gallery><![CDATA[Cliquez cette icône pour voir le menu de la galerie]]></gallery>
<zoom><![CDATA[Utilisez cette option pour zoomer et déplacer l'image]]></zoom>
<navigations><![CDATA[Boutons de navigation de photo. Précédent, Suivant et Arrêter]]></navigations>
<timer><![CDATA[Utilisez les flèches intérieures pour changer le temps d'affichage de la photo]]></timer>
<shopping><![CDATA[Magasin en ligne avec le système de panier d'achats intégré. Achetez vos photos préférées et payez avec Paypal]]></shopping>
<guestbook><![CDATA[L'option pour entrer vos commentaires pour les photos]]></guestbook>
<download><![CDATA[Icône pour télécharger l'image actuellement affichée]]></download>
<music><![CDATA[Lecteur MP3. Joue une musique de fond. Vous pouvez changer la musique et contrôler le volume!]]></music>
<fullscreen><![CDATA[Vue en mode plein écran de l'album]]></fullscreen>
<search><![CDATA[Recherche d'images suivant des étiquettes, un nom de dossier, une description, des données EXIF et IPTC]]></search>
<print><![CDATA[Cliquez pour imprimer l'image en utilisant un service d'impression : Shutterfly/PhotoBox]]></print>
<rating><![CDATA[Estimation d'Image]]></rating>
<ecard><![CDATA[Envoyez une E-carte]]></ecard>
</helpwindow>

Info-bulles

<tooltips galleryicon="Galerie Photos" panzoomicon="Pan et Zoom" helpicon= "Aide FotoPlayer" searchicon="Recherche Album" closebtnicon="Fermer" previousicon="photo précédente" nexticon="photo suivante" playicon="Départ Diaporama" guestbookicon="Voir Livre d'or" downloadicon="Télécharger" musicicon="Départ musique" abouticon="Site FotoPlayer" delayincrease="Augmenter durée" delaydecrease="Diminuer durée" settimer="Durée affichage photo" zoomplus="Zoom +" zoomminus="Zoom -" panleft="Déplacer à droite" panright="Déplacer à gauche" panup="Déplacer en bas" pandown="Déplacer en haut" reset="Retour original" dockicon="Fixer la fenêtre / Afficher au passage souris" shoppingcarticon="Shopping Cart" sh_minimize ="Minimize shoppingcart window" sh_help="Shopping Cart help documents" sh_addcart="Add item to the cart" sh_viewcart="View Cart" sh_checkout="Check out" sh_removeitem="Select a row and click here to remove the item" sh_removeall="Remove all items from the cart" sh_additem="Add more items" sh_shopmore="Return to Gallery" sh_emailorder="Send an email order" sh_paypalorder="Click to pay thru paypal.com" sh_coupon="Click to apply the coupon discount" print_icon="Click to print the image" offlineorder="Click to order offline." offline_print="Print order" offline_clipboard="Copy text to Clipboard (memory)" sh_creditcardorder="Pay thru Credit Card" sh_googlecheckoutorder="Pay thru Google Checkout" sh_restorecontents="Restore Contents" sh_tonepreview="Preview image in Black&White and Sepia" ratingicon="Rate this Image" fullscreenicon_open="Voir en plein écran" fullscreenicon_close="Sortir du plein écran" ecardicon="Send as E-Card">
</tooltips>


Livre d'or

Livre d'or - Code original

<guestbook xmlphp_path="res/" countcolor="666666" usercolor="666699" commentscolor="993300" addbtn="Add comment" nextbtn="Next" prevbtn="Previous" closebtn="Close" sendbtn="Send" namelabel="Name" msglabel="Message" totmsgs="Total comments" showmsg="Showing message" nameerror="please fill out your name" msgerror="please leave a message" welcomemsg="Be the first to post a comment on this photo!" postedbymsg="Posted by" msgscount="999" emailnotify="<ja:if test="${emailnotify}">Y</ja:if><ja:else>N</ja:else>" emailto="${emailto}" emailfrom="${emailfrom}" moderated="<ja:if test="${moderated}">Y</ja:if><ja:else>N</ja:else>" modcomment="Note: Guestbook is moderated. Comments will be reviewed before posting." albumwideguestbook="<ja:if test="${albumwidegb}">Y</ja:if><ja:else>N</ja:else>" emailnote="(Not visible to the public)" emaillabel="Email">
</guestbooks>

Livre d'or - Code francisé

<guestbook xmlphp_path="res/" countcolor="666666" usercolor="666699" commentscolor="993300" addbtn="Ajouter un message" nextbtn="Suivant" prevbtn="Precédent" closebtn="Fermer" sendbtn="Envoyer" namelabel="Nom" msglabel="Message" totmsgs="Total messages" showmsg="Voir le message" nameerror="Veuillez indiquer votre nom" msgerror="Vous n'avez pas mis de message" welcomemsg="Soyez le premier à poster un commentaire de cette photo!" postedbymsg="Posté par" msgscount="999" emailnotify="<ja:if test="${emailnotify}">Y</ja:if><ja:else>N</ja:else>" emailto="${emailto}" emailfrom="${emailfrom}" moderated="<ja:if test="${moderated}">Y</ja:if><ja:else>N</ja:else>" modcomment="Note: Le livre d'or est modéré. Les commentaires seront vérifiés avant d'être postés." albumwideguestbook="<ja:if test="${albumwidegb}">Y</ja:if><ja:else>N</ja:else>" emailnote="(Non visible au public)" emaillabel="Email">
</guestbook>


fleche_haut


Quelques conseils et astuces



Dans ce chapitre j'ai tenté de traduire les conseils, trucs, astuces et modes d'emploi
que l'on peut trouver sur le site de FotoPlayer
en cliquant sur "Tips and Tricks ->Tips "

J'ai conservé le numéro des chapitres existants à la création de ce tutoriel sur le site officiel,
mais des ajouts étant fait régulièrement, la numérotation peut changer.
Par contre, j'ai éliminé toutes les parties qui ne concernent que la version 'Pro'


Sommaire des conseils et astuces
1. Création d'album plein écran
2. Ajouter des commentaires sur les dossiers et sur les images
3. Ajout aux images de mots-clé
4. Livre d'or - Fonctionnalité ne fonctionne pas
5. L'édition de fichiers text, swf, flv
7. Comment ajouter des fichiers MP3 à FotoPlayer?
8. Comment modifier des entrées du livre d'or?
9. Comment puis-je utiliser l'entité RSS ?
11. Comment démarrer FP avec comme dossier de départ un sous-dossier de la Galerie?
12. Normes de nommage des fichiers
14. Comment créer les menus affichés dans la Galerie par FP?
15. Impossible de voir l'album FP lors de leur publication en ligne, mais fonctionne au niveau local
16. Puis-je avoir plus d'un thème pour le même album d'images?
17. Protection d'albums par mot de passe - MODIFIE
18. Comment mettre à jour mon album sur site si je veux ajouter un nouveau dossier ou de nouvelles images dans un dossier?
19. Comment puis-je convertir la vidéo compatible aux formats SWF et FLV dans FotoPlayer ?
20. Comment ajouter des liens externes à la galerie menu?
21. Existe-t-il une version personnalisée de FotoPlayer pour ma langue?
23. La création de plusieurs styles pour un album unique
24. Mon lecteur vidéos FLV n'est pas correctement aligné/ou ne présente pas la vidéo en taille réelle?
25. Est-il possible de communiquer par e-mail lorsque quelqu'un se connecte à un dossier sécurisé?
26. Les textes personnalisés pour une autre langue ne sont pas affichés correctement dans l'album
28. Changer la musique de fond pour un dossier spécifique!
29. Comment publier/jouer des vidéos YouTube directement dans FotoPlayer?
30. Comment adapter 'Photo Gallery' dans Gallery Menu et qu'est-ce que c'est?
31. Puis-je supprimer le lien 'Photo Gallery' et utiliser à la place un dossier spécifique comme album de démarrage?
     Comment ouvrir dans une nouvelle fenêtre
     Autorisation des Dossiers - NOUVEAU
     Configuration des notifications par Email - NOUVEAU


1. Création d'album plein écran

Voir ci-dessous en fin de chapitre "Ouvrir dans une nouvelle fenêtre" Méthode 2.



2. Ajouter des commentaires sur les dossiers et sur les images

NOTE : Si vous n'avez que la version "Lite", il n'y a que la description des images qui apparaitra,
en principe, la description des dossiers n'agissant qu'avec un menu qui est une fonction de la version "Pro".
Mais si vous cocher "Pro" au-lieu de "Lite" vous aurez un menu et la description des dossiers qui fontionnera.

menu lite   menu pro

Menu Galerie - Version "Lite"                    Menu Galerie - Version "Pro"

A - Ajouter un commentaire aux dossiers

Cliquez Droit sur le nom du dossier dans JAlbum et sélectionnez Editer.
Entrez le commentaire dans la partie inférieure prévue pour inscrire le ''commentaire''.

description dossier

L'interface utilisateur JAlbum - Commentaires dossiers


B - Ajouter un commentaire aux images

Cliquer avec le bouton droit sur la vignette de l'image et sélectionnez Editer.

description image1

L'interface utilisateur JAlbum - Commentaires images 1

Entrez le commentaire dans la partie inférieure prévue pour inscrire le ''commentaire''.
description image2

L'interface utilisateur JAlbum - Commentaires images 2



3. Ajout aux images de mots-clé




4. Livre d'or - Fonctionnalité ne fonctionne pas




5. L'édition de fichiers text, swf, flv

Configurer le fichier filetypes.xml de Jalbum pour inclure les formats de fichiers txt, swf et flv.
Vous trouverez filetypes.xml dans le dossier JAlbum installé dans le répertoire (C: \ Program Files \ JAlbum \ system)


Assurez-vous de définir les formats FLV et SWF si ils n'existent pas.
FP utilise le Viewer TextFile incorporé pour afficher les fichiers texte.
Vous pouvez personnaliser la largeur et la hauteur du Viewer TextFile dans les parametres du skin dans Options-> Settings.
Vous pouvez également personnaliser la couleur pour le Viewer à 'TextViewer Bg' dans l'onglet Colors.
Par défaut, FotoPlayer utilisera la norme SWF, FLV pour les vignettes.
Si vous voulez utiliser des vignettes personnalisées, copier une image de la vidéo et l'enregistrer au format thm
(vous pouvez d'abord créer en jpg, puis renommer le fichier avec l'extension .thm).
Copiez maintenant le fichier.thm avec votre vidéo au répertoire d'image de JAlbum.
Exemple: pour video.flv, video.thm créer dans le même dossier.
Si vous ne voulez pas que le panneau de contrôle du lecteur de film swf-flv apparaisse,
vous pouvez le désactiver dans les paramètres du skin Onglet->Settings.
Pour l'édition de fichiers texte, le contenu du fichier texte doit toujours commencer par un texte "loadtext ="
Vous pouvez également charger des swf en intégrant le swf dans un fichier texte.


7. Comment ajouter des fichiers MP3 à FotoPlayer?

Si vous utilisez JAlbum v7.1.2 ou plus,
vous pouvez utiliser et gérer la musique dans les paramètres du skin FotoPlayer onglet Music.
Si vous utilisez des versions plus anciennes de JAlbum :




Note :br/> v3.0 permet un nombre illimité de pistes. FLASH supporte des taux d'échantillonnage: 44,1, 22,05 et 11,025 kHz.
Si votre MP3 n'est pas encodé dans un de ces taux, vous aurez des problèmes de lecture du player.



8. Comment modifier des entrées du livre d'or?

Si vous avez activé le système administration du livre d'or, vous pouvez gérer le livre d'or
en visitant gbadmin.php dans le même dossier où vous avez album index.html.
Manuel des modifications:



Notes:
FP fournit une fonction de filtrage d'injures et de gros mots dans les commentaires.
Modifier le fichier guestbook.php dans le dossier PHP du skin PF et rechercher la fonction $badwords.
Ajouter vos mots à filtrer à cette variable.
Lorsque quelqu'un entre un mauvais mot, il sera automatiquement remplacé par une chaîne "*****"
ou "[censored]" que vous pouvez franciser en 'censuré'.



9. Comment puis-je utiliser l'entité RSS ?


Personnalisation de flux RSS:




11. Comment démarrer FP avec comme dossier de départ un sous-dossier de la Galerie?

Utilisation d'un lien: www.domain.com/index.html?openfolder=subfoldername/
Ouvrez res/javascript.js et ajouter le code donné ci-dessous.
rechercher: variable openfolder = QString ( "openfolder");
et ajouter le code suivant après cette ligne.
if (openfolder == "") openfolder = "subfoldername/";



12. Normes de nommage des fichiers

Ne pas utiliser de caractères spéciaux comme les espaces, .,',/, \ ,",[,],{,& ...
Les caractères spéciaux causent des problèmes de chargement de vignette/image et causent également des problèmes dans le livre d'or.



14. Comment créer les menus affichés dans la Galerie par FP?

Vous n'avez pas à les créer manuellement.
FP crée automatiquement le menu Galerie basé sur la structure des dossiers dans votre source d'images pour JAlbum.



15. Impossible de voir l'album FP lors de leur publication en ligne, mais fonctionne au niveau local.

Cela est dû à la nouvelle fonction de sécurité mise en place au lecteur FLASH 8.
Visitez le lien ci-dessous et cocher le bouton radio 'Always allow'.
Le changement va modifier les paramètres du plugin flash de votre navigateur.
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html



16. Puis-je avoir plus d'un thème pour le même album d'images?


Oui.


Vous devriez voir deux albums dans les fichiers d'index des albums générés (index.html et index1.html).
index.html utilisera la couleur et la fonction des paramètres dans le fichier config.xml et index1.htm utilisera config1.xml



17. Protection d'albums par mot de passe. - MODIFIE


Afin de protéger un album entier:



Pour le scénario ci-dessus,
rootimage1.jpg et rootimage2.jpg ne seront pas traitées.
Les images des dossiers Folder1 & Folder2 seront traitées.
Pour protéger un dossier spécifique au sein de l'album:
Il est possible de protéger un dossier spécifique au sein de l'album généré.
Pour la structure de répertoires ci-dessus entrée dans Jalbum,
le contenu de l'album généré va ressembler à ceci:

Afin de protéger le dossier1:





18. Comment mettre à jour mon album sur site si je veux ajouter un nouveau dossier ou de nouvelles images dans un dossier?


Ajout d'un nouveau dossier:


Ajout de nouvelles images dans un dossier:


Note: Certains clients FTP comme "http://www.ipswitch.com/products/ws_ftp/index.asp"WS_FTP Pro
vous permettent de synchroniser les répertoires entre le dossier local et le dossier distant sur site.




19. Comment puis-je convertir la vidéo compatible aux formats SWF et FLV dans FotoPlayer ?

Pour la conversion de SWF:

Il existe d'autres produits pour la conversion de films de format SWF (qui ne nécessite pas FLASH editor).


Pour la conversion progressive FLV:



20. Comment ajouter des liens externes à la galerie menu?

Utilisez dans les paramètres du skin l'onglet Options ->Gallery menu et mettez les liens comme d'habitude.



21. Existe-t-il une version personnalisée de FotoPlayer pour ma langue?

Non. Actuellement il n'est pas envisagé d'avoir des versions différentes du skin pour chaque langue.
La personnalisation des langues est effectuée sur les différents fichiers de configuration
et ça va être difficile à maintenir quand il ya des mises à jour.
Si vous le désirez vous pouvez personnaliser le texte vous-même.
Note : Pour réaliser cela aller voir le chapitre de ce tutoriel sur la francisation.



23. La création de plusieurs styles pour un album unique.

Vous pouvez présenter votre album dans plus d'un style en utilisant les mêmes dossiers vignettes, images et dossier ressources!
Chaque style peut avoir différents paramètres de fonction, différents dossiers menus, et différents thèmes, couleurs ....



24. Mon lecteur vidéos FLV n'est pas correctement aligné/ou ne présente pas la vidéo en taille réelle?

FP permet la publication de vidéos FLV en plusieurs tailles.
Cela signifie qu'il doit connaitre la hauteur/largeur de la vidéo afin qu'il puisse centrer la vidéo.
Il reçoit les informations des métadonnées de la FLV (similaires à EXIF/IPTC pour les images ).
Mais tous les outils de création de vidéos FLV ne comprennent pas des outils de génération de ces métadonnées à l'intérieur des FLV.
Solution:
Si vous utilisez Windows, vous pouvez injecter les métadonnées dans le fichier vidéo FLV
à l'aide de FLV Meta Data Injector (FLVMDI).



25. Est-il possible de communiquer par e-mail lorsque quelqu'un se connecte à un dossier sécurisé?

Oui. Remplacer secured.php du dossier 'PHP' du skin FP par cette version de secured.php
Assurez-vous de modifier les adresses "from" et "to" pour le message dans ce fichier.

Exemple de message de notification:

Sujet: Notification de connexion à un dossier d'album sécurisé

Message:
Utilisateur connecté le Juin 16, 2007, 7:35 am
Album URL : http://www.domain.com/Client1/Wedding


26. Les textes personnalisés pour une autre langue ne sont pas affichés correctement dans l'album.

Lorsque vous apportez des modifications à l'un des fichiers XML dans le skin,
assurez-vous de mettre le fichier en 'UTF-8'.

Par exemple, si vous avez personnalisé le fichier shoppingcart.xml pour utiliser le symbole euro,
si elle n'est pas sauvegardé en UTF-8, vous aurez comme symbole de la monnaie ¨ au lieu de €.



28. Changer la musique de fond pour un dossier spécifique!

Il s'agit d'une fonctionnalité récemment ajoutée (29/07/2007).
Vous pouvez maintenant jouer une musique différente pour chaque dossier.
Pas un seul mp3 mais une playlist personnalisable avec playmodes!

Marche à suivre:


Comment cela fonctionne:

Quand l'album commence, les infos des pistes utilisées sont celles contenues dans res/config.xml
(vous ne pouvez pas appliquer de foldermusic.xml à un album de départ)
Lorsque vous chargez une autre galerie (à l'aide du menu Galerie),
FotoPlayer vérifiera si foldermusic.xml existe dans ce dossier.
Si oui, il va utiliser cette liste de lecture.
Lorsque vous changez à nouveau pour un autre dossier, celui-ci vérifie si foldermusic.xml existe pour ce dossier.
S'il n'existe pas, il charge par défaut la liste de lecture de res/config.xml.
Note: Cette fonction ne peut être configurée dans le cadre du modèle du skin
et nécessite l'ajout de la liste des fichiers manuellement dans l'album généré.
Assurez-vous de sauvegarder les fichiers avant de reconstruire l'album. Sinon, il seront supprimés.



29. Comment publier/jouer des vidéos YouTube directement dans FotoPlayer?

Marche à suivre:


Apportera les modifications suivantes:



30. Comment adapter 'Photo Gallery' dans Gallery Menu et qu'est-ce que c'est?

'Photo Gallery' est le lien pour visualiser les images du dossier racine du répertoire image JAlbum.
Les images dans le dossier racine sont affichées par défaut quand l'album se charge.

Vous pouvez personnaliser le texte dans les paramètres du skin Options-> onglet Gallery Menu.
Vous pouvez aussi le désactiver si vous n'avez pas d'images dans le dossier racine.



31. Puis-je supprimer le lien 'Photo Gallery' et utiliser à la place un dossier spécifique comme album de démarrage?

Oui, vous pouvez supprimer le lien en décochant 'Root folder menu link'
dans les paramètres du skin Options-> onglet Gallery Menu.

Pour lancer l'album avec des images en utilisant un dossier spécifique,
utilisez l'option 'startup folder' dans les paramètres du skin Options-> onglet Setting.



Comment ouvrir dans une nouvelle fenêtre

Qu'est-ce qui pourrait être plus simple que d'ajouter un lien
sur la page principale de votre site pour ouvrir l'album dans une fenêtre pop-up?
Vous pouvez ouvrir la fenêtre à la taille par défaut
ou personnalisée en utilisant la largeur/hauteur ou en plein écran.


Méthode 1:
L'ajout d'un simple lien sur la page principale pour ouvrir une nouvelle fenêtre.
Exemple: <a href="http://www.yourdomain.com/album/index.html" target="_blank">Album</a>
Méthode 2:

Ouverture en plein écran.


Méthode 3:
Ouverture de la fenêtre à la largeur et la hauteur personnalisée.
Même méthode que ci-dessus mais, lorsque vous créez les liens (Etape 3),
passer la largeur et la hauteur comme le 3e et 4e paramètres du javascript.

<a href="javascript:fullscreen('album/index.html','FotoPlayer',600,500);" title="Album"> Album </a>

Demo: http://www.fotoplayer.com/integration/template4/method3/ (Cliquez sur le lien Gallery pour voir la démo)
Télécharger: http://www.fotoplayer.com/downloads/templates/V3.1_template4_method3.zip
Instructions pour l'installation (contenues dans le fichier instructions.txt en anglais)
Voir méthode 2 ci-dessus.

Autorisation des Dossiers - NOUVEAU

Configuration d'autorisations des dossiers sur votre site:

Certaines des caractéristiques de FotoPlayer nécessitent que les dossiers est l'autorisation d'accès en écriture.
Cela doit permettre à FotoPlayer de créer et actualiser des dossiers dynamiquement.
Par exemple, lorsque vous utilisezla fonction du livre d'or,
l'utilisateur et les commentaires entrés sont stockés dans le dossier res/guestbook comme un fichier XML.
Ce fichier est mis à jour quand il ya plus de commentaires pour le diaporama.
Si la permission pour le dossier n'est pas correctement établie, FP ne sera pas en mesure de créer des fichiers.


Les caractéristiques et leurs dossiers correspondants des autorisations d'écriture:



Comment faire pour modifier l'autorisation des dossier:

Comme la méthode diffère, vous devez connaître votre système d'exploitation serveur avant de fixer la permission des dossiers.
Vous pouvez trouver votre système d'exploitation serveur en affichant le fichier res/diag.php du skin FotoPlayer (Diagnostic script)


Unix ou Linux:

Si votre serveur est Unix ou Linux, vous pouvez utiliser un logiciel client FTP
comme WS_FTP, FileZilla ou Cute_FTP pour changer l'autorisation du dossier.



L'aide de WS_FTP:

aide WS_FTP

propriétés Guesbook

Note: Certains serveurs web ne permettent pas d'utiliser le chmod 777.
Si 777 ne fonctionne pas, essayez d'utiliser 755 ou 775.

Si votre serveur est Windows:

Connectez-vous à votre panneau de contrôle de site fourni par votre fournisseur d'hébergement.
Il devrait y avoir une option pour changer le dossier pour l'autorisation des dossiers de votre site.
Contactez votre service de soutien d'hébergement si vous avez des questions.

Comment faire pour vérifier si les autorisations de dossier sont correctement définies:

Vérifiez le script de diagnostic res/diag.php de votre album via votre navigateur.

diagnostic_script



Configuration des notifications par Email - NOUVEAU

FotoPlayer comprend une notification par email, pour l'utisation des caractéristiques Shopping (Panier d'achat),
Guestbook (Livre d'or) et Ecard. L'email de notification se fait soit en utilisant PHP mail ()
ou par l'intermédiaire de commande de configuration SMTP.

Permissions de la caractéristique Notification par email:

Trouver la méthode à utiliser pour l'envoi d'email:

Voyez le script de diagnostic de l'album, entrez votre email et cliquez sur "Envoyer".
Si vous recevez le message de test, votre serveur supporte la commande PHP Mail().

Cliquez pour voir l'image

Utiliser PHP mail ():

Utiliser l'option PHP mail () est très simple.
Il suffit de permettre l'usage de mail () "dans Jalbum-> FotoPlayer_V3.1-> onglet Email.
Assurez-vous également que "Use SMTP 'est désactivé.
La notification par Email est faite en utilisant votre serveur de courrier de site.

Utiliser SMTP:
Cette méthode permet d'envoyer une notification par email
en utilisant votre propre adresse email si votre compte email permet l'accès SMTP (comme Gmail).
Comment ça marche: Le script de connexion FP se connecte à votre compte de messagerie,
envoie le message et ferme la connexion.

Etapes:

Note: L'explication détaillée de ce qui est POP ou SMTP est au-delà de la portée de ce guide de l'utilisateur.



Notes:



lignedor
fleche_gauche  fleche_haut  fleche_droite
lignedor

logo
Forum d'entre-aide français Jalbum

Valid XHTML 1.0 Strict    Valid CSS!
Copyright © "Jardinamel" 2008 - 2009, tous droits réservés