Présentation
diapoWEB est un logiciel
qui permet de créer des diaporamas au format HTML à partir des
images contenues dans un dossier particulier. C'est un logiciel GRATUIT (freeware),
mais livré tel quel sans aucune garantie particulière.
fonctionnalités :
- création de diaporamas
avec ou sans cadre (frame)
- taille et aspect des
vignettes configurables
- code HTML généré
entièrement configurable (connaissance du HTML requise)
- les diaporamas générés
peuvent être complétés par de nouvelles images très
simplement et rapidement. Un fichier de configuration peut être sauvé
pour chaque diaporama
- l'ordre et la liste des
images présentées dans le diaporama est configurable
- l'emplacement des différents
fichiers est configurable
- un menu permet facilement
et visuellement d'associer un commentaire à chaque image. Chaque commentaire
est enregistré dans un fichier texte individuel
Prise en main rapide
:
Au démarrage un
assistant s'exécute : Laissez-vous guidé. Une fois la configuration
définie, lancer la construction du diaporama (menu "Construire").
C'est tout !!! Les fichiers sont créés et vous pouvez lancer votre
page d'accueil dans votre navigateur web préféré pour voir
le résultat.
Installation
sous Windows
1- Vérification
du JRE (ou plus)
diapoWEB est un logiciel
écrit en JAVATM 2 (jdk 1.3).
Il nécessite pour fonctionner qu'au minimum le JRE
(JAVATM 2 Runtime Environment ou Java virtual
machine) version 1.3.0 (minimum) soit installé sur votre machine. Si
ça n'est pas le cas, visitez la rubrique concernée sur le site
de SUN (à l'origine de java), le JRE est GRATUIT ! :
http://java.com/en/index.jsp
2- Installation
de diapoWeb
(validé
sous windows XP)
Note
1:
Sous Windows XP ou n'importe
quel Windows dans lequel l'explorateur de fichier est mal configuré (erreur
d'association d'application aux fichiers dont l'extension est .jar),
il faut corriger l'explorateur comme-suit :
Au type de fichier .jar, il faut associer l'application javaw.exe
(cherchez la sur votre disque dur là où vous avez installé
le JRE), avec les options suivantes -jar "%1" %*.
Par exemple
si vous avez installé le JRE dans C:\Program Files et trouvé
javaw.exe dans C:\Program Files\Java\j2re1.4.2_05\bin\ vous devrez
taper la ligne de commandes suivante :
"C:\Program
Files\Java\j2re1.4.2_05\bin\javaw.exe" -jar "%1" %*
Exemple sous
Windows XP :
3- Association
au type fichier .dwc
diapoWEB vous permet (depuis
la version 1.2) le lancement d'un diaporama spécifique (fichier .dwc) à partir
d'une ligne de commande. Il suffit de taper dans une ligne de commande le chemin
complet vers diapoWEB, suivi en paramètre du chemin complet
vers le fichier .dwc à ouvrir. (entre guillemets pour être
compatible avec les chemins contenant des espaces)
Une des applications
possible est l'association des types de fichier .dwc dans l'explorateur
de fichier à diapoWEB pour qu'ils s'ouvrent directement
en double-cliquant dessus. Si
cela vous intéresse, voici la procédure (sous windows XP) :
Il faut d'abord
créé un nouveau type de fichier puis lui associer l'application
diapoWeb. Ce qui est un peu compliqué puisqu'elle est elle même
lancé par javaw.exe (voir note1).
Il faut donc lancer
le runtime java (javaw.exe), qui interprètera diapoweb
(fichier .jar passé en option). Il faut enfin passé en
paramètre, pour diapoWeb cette fois, le nom du fichier sur lequel
a eu lieu de double-clic (parametre %1).
Vous devrez donc chercher et connaître la localisation exacte sur votre
disque de javaw et de diapoWeb
Par exemple,
si vous avez installé
le JRE dans C:\Program Files et trouvé javaw.exe dans C:\Program
Files\Java\j2re1.4.2_05\bin\
si vous avez installé diapoWeb dans C:\Program Files\diapoWEB\
et que vous avez la version 1.5,
vous devrez taper
la ligne de commandes suivante :
"C:\Program Files\java\j2re1.4.2_05\bin\javaw.exe" -jar "C:\Program Files\diapoWEB\diapoWEB1.5.jar"
"%1"
|
Exemple sous
Windows XP :
Vous avez noté
qu'on peut au passage associé l'icone diapoWeb grace au bouton changer
d'icone
Installation
"universelle"
Ce mode d'installation s'adresse aux personnes qui auraient un
problème avec l'installation expliqué ci-avant, mais
aussi et surtout aux personnes qui utilisent un autre operating system
que Windows.
1- Vérification
du JRE (ou plus)
diapoWEB est un logiciel
écrit en JAVATM 2 (jdk 1.3).
Il nécessite pour fonctionner qu'au minimum le JRE
(JAVATM 2 Runtime Environment ou Java virtual
machine) version 1.3.0 (minimum) soit installé sur votre machine. Si
ça n'est pas le cas, visitez la rubrique concernée sur le site
de SUN (à l'origine de java), le JRE est GRATUIT ! :
http://java.com/en/index.jsp
2- Téléchargement
, décompression et exécution de l'archive
JAR
(archive
executable)
diapoWEB1.5.jar
(env. 350 Ko) est une archive non-compressé exécutable au
format Java Archive. Elle est compatible avec tous les systemes d'exploitation
(Windows, Mac, Linux...etc), et ne nécessite aucune décompression
ou extraction pour être exécutée.
En revanche ce type d'installation,
vous privera de quelques fonctionnalités mineures.
(ex : Aide directement lisible dans diapoWEB...)
- Téléchargez
le fichier diapoWEB1.5.jar
dans le dossier de votre choix.
(exemple : C:\program Files)
si Windows ajoute une extension .zip à la fin du nom du fichier
(diapoWEB1.5.jar.zip), supprimez la.
- Vous pouvez maintenant
exécuter diapoWEB en tapant la ligne de commande suivante :
java -jar "xxxx"
ou xxxx est le chemin complet vers diapoWEB1.2.jar. Dans notre exemple
cela donnerait :
java -jar
"C:\Program Files\diapoWEB1.5.jar"
ATTENTION
! Respecter les majuscules/minuscules
|
|
3- Association
au type de fichier .dwc (uniquement sous Windows)
diapoWEB vous permet maintenant
(depuis la version 1.2) le lancement d'un diaporama spécifique (fichier .dwc)
à partir d'une ligne de commande. Il suffit d'ajouter à la ligne de commande
habituelle pour lancer diapoWEB, le chemin complet vers le fichier
.dwc à ouvrir. (entre guillemets pour être compatible
avec les chemins contenant des espaces)
Mise en pratique
avec l'exemple suivant. Objectif :
- Ouvrir un fichier .dwc
directement dans diapoWEB en double-cliquant dessus dans l'explorateur
Windows 98.
- Associer à tous
les fichiers .dwc une icone spécifique dans l'explorateur.
Voici la procédure
(sous windows 98) :
Dans l'explorateur Windows, choisissez le menu "affichage",
puis "Options des dossiers", puis l'onglet "type
de fichier". Choisissez "nouveau type".
La fenêtre ci-contre apparait. Complétez la comme indiqué.
Cliquez sur "nouveau..." pour ajouter
une action à associer. Complétez les champ comme indiqué.
Attention, la ligne de commande est longue et vous devez l'adapter.
Elle se compose de la même ligne que celle indiquée
pour l'installation, excepté que
- Une fois cette fenêtre
fermée vous pouvez cliquez sur "Modifier l'icône..."
et parcourir le disque jusqu'au dossier d'installation de diapoWEB, lequel
contient un fichier "icone.ico"
Désinstallation
éventuelle
L'installation de diapoWEB
ne modifit pas la base de registre sous windows.
Procédure :
- Supprimez votre dossier
diapoWEB ou l'archive diapoWEB.jar
- Supprimez les raccourcis
que vous avez éventuellement créés
Les menus
et boutons
La barre de menus de l'application,
une fois installée, présente les items suivants:
- Fichier
- Nouveau
Pour créer un nouveau diaporama sans frame. Tous les champs sont
remis à leur valeur par défaut. La localisation, l'ordre
des images ...etc doivent être redéfinies.
- Nouveau
(frame) Pour
créer un nouveau diaporama avec des frames (écran séparé
en 2, un menu avec les vignettes clickables à gauche, et la photo
courante à droite). Ce menu existe, mais j'ai un avis (comme beaucoups
d'autres personnes) très critique sur l'usage des "frames",
aussi je vous les déconseille pour les raisons classiques suivantes
(entre autres) :
- nombreux bugs
avec les navigateurs à l'impression
- difficultés
pour vos visiteurs d'enregistrer des signets (bookmarks) sur vos pages
- difficultés
également pour le téléchargement éventuel
d'une page
- plus spécifiquement
au diaporama : les frames réduisent l'espace libre pour afficher
les images (critique pour certaines résolutions d'écran)
- Avec une barre
de menu sur chaque page (inséré par défaut par
diapoWEB) la "navigabilité" du diaporama se passe
facilement des frames
- Ouvrir
Pour modifier un diaporama existant. Ce menu vous demandera le nom du
fichier de configuration (fichier .dwc) correspondant au diaporama à
modifier. Si
des nouvelles images ont été ajoutées au dossier
des images depuis la dernière construction, elles aparaitront dans
la fenêtre de configuration "tri images",
qui s'ouvre automatiquement à l'ouverture d'un fichier .dwc
- Enregistrer
Pour enregistrer la configuration du diaporama courant dans le fichier
.dwc courant, afin d'être en mesure de modifier ce diaporama ultérieurement.
Tous
les paramètres de votre diaporama sont enregistrés sans
exception. A
chaque enregistrement d'un même diaporama, un fichier de sauvegarde
de la config précédente est créé. Un historique
des 5 dernier enregistrements est ainsi créé. Ils se nomment
respectivement, du plus récente au plus ancien : xxxx.dwc,
xxxx.dwc2, xxxx.dwc3, xxxx.dwc4,
xxxx.dwc5 (avec xxxx = nom du fichier sans l'extension)
- Enregistrer
sous
Idem mais pour créer un nouveau fichier de configuration .dwc
- Quitter
Pour quitter diapoWEB (celui-ci vous incitera à enregistrer votre
travail dans un fichier de configuration .dwc)
- Edition
: Chacun des items de ce menu, permet de modifier le contenu du champ texte
principal de l'onglet courant. Par exemple, si l'onglet courant est le 1er,
soit "accueil", c'est le champ texte qui contient le code HTML pour
la page d'accueil qui sera affecté.
- Import
: Importe
dans le champ texte concerné, le contenu d'un fichier défini
(*.ini, *.txt ou *.html ...etc.) grace à un explorateur de fichier.
- Export
: Idem, mais dans l'autre sens. Exporte le contenu du champ texte vers
un fichier texte choisi.
- Défaut
: Restaure dans le champ texte concerné, le code HTML par défaut.
(identique à celui d'un nouveau diaporama).
- Effacer
: Efface le contenu du champ texte concerné.
- Construire
- Accueil
: (coché
par défaut) Quand il est coché, la prochaine fois qu'une
construction sera lancée, la page d'accueil sera (re)construite.
Par page d'accueil j'entends la page qui contient le tableau de vignettes
et éventuellement (diaporama avec frames) le fichier d'accueil
qui contient la structure du "frameset"
- Accomp.
: (coché par défaut) Idem pour tous les fichiers d'accompagnements,
y-compris les 2 pages de début et de fin de diaporama et tous les
fichiers textes qui contiennent les commentaires définis par l'utilisateur
- Vignettes
: (coché par défaut) Idem pour l'ensemble des vignettes
- Construire
: Pour (re)lancer la construction du diaporama. La liste des fichiers
concernés dépend des options choisie ci-avant.
- Configuration
- Localisation
: Pour préciser la position sur le disque de tous les fichiers
ou dossiers, en particulier où se trouvent les images à
présenter dans le diaporama. Pour gagner du temps, remplissez uniquement
le champ "dossier image originelle". C'est le dossier de départ
qui contient les images à présenter dans le diaporama. Une
fois remplit, diapoWEB complètera automatiquement les autres champs
avec des localisations par défaut. Si des dossiers entrés
n'existent pas, diapoWEB les créer (Attention ! Voir rubrique "Bugs
et limitations").
- Tri
Images
: Pour organiser l'ordre du diaporama. Cela permet de demander au diaporama
de présenter telle image avant telle autre... etc. Cela permet
aussi de faire un tri dans les images à présenter ou non.
Un visualisateur et de nombreuses options permettent de faciliter ce tri
(voir les "tool tip text" qui apparaissent à l'écran
lorsqu'on laisse la souris sur un bouton). Grossièrement il y a
2 champs. "Disponible" contient toutes les images encore disponibles
dans le dossier choisi. "Choisies" contient toutes les images
qui seront présentées dans le diaporama. Elles y apparaissent
dans le même ordre que dans le diaporama qui sera construit. Attention
! une image n'apparaitra pas dans le diaporama tant qu'elle reste dans
"disponibles". En cas de mise à jour d'un diaporama
existant, les nouvelles images éventuelles apparaissent dans "disponibles".
- Vignettes
: Pour modifier les caractéristiques des vignettes, tel que leur
taille (en pixels), le taux de compression (pour optimiser le compromis
taille du fichier/qualité d'image), le niveau d'accentuation des
détails. Concernant l'accentuation, le fait de réduire une
image pour en faire une vignette génére un certain flou.
Pour le compenser on peut accentuer les détails. Il faut faire
plusieurs essais pour affiner ce réglage, mais sachez que chaque
fois que vous modifier la taille des vignettes, il peut être remis
en cause. Une case à cocher "garder ratio" permet (si
validé) de définir la largeur et la hauteur max des vignettes,
diapoWEB règle au max la largeur ou la hauteur en fonction du format
de l'image (portrait ou paysage) et ajuste l'autre dimension pour conserver
les proportions identiques à l'image d'origine. Si elle n'est pas
coché, une image rectangulaire deviendra carrée si hauteur
et largeur sont réglées identiquement.
- Aide
- Aide
: Message qui vous
invite à consulter cette présente page.
- A
propos
: Informations générales (version...etc) et succintes sur
ce logiciel.
Il existe aussi une barre
d'outil. Celle-ci contient quelques boutons reprenant des fonctionnalités
de certains items des menus. Les routines appelées par les boutons sont
les mêmes que celles appelées par les menus correspondants.
Les différents
onglets
Les
premiers onglets permettent de personnaliser à 100% le code HTML des
différentes pages du diaporama, en supprimant la partie la plus fastidieuse
d'une édition "manuelle" grace au recours aux "balises
propriétaires". Quelqu'un qui ignore le language HTML peut
se contenter de laisser tel quel le code pré-entré par défaut,
le diaporama sera valide. Le dernier onglet est différent puisqu'il
concerne les commentaires.
- Accueil
et Tableau
: Ces 2 onglets permettent de définir le code HTML de la page d'accueil.
Le premier définit l'allure globale de la page (la position du tableau,
ce qu'il y a autour...etc). Le deuxième entre dans le détail
du tableau et de ses cellules.
- Accompagnements
: Définit le code standard à étendre à toute les
pages d'accompagnement des images du diaporama. C'est diapoWEB qui se charge
de cette extension à toutes les pages.
- Début
: Définit le code HTML de la première page du diaporama.
- Fin
: Idem pour la dernière page du diaporama.
- Commentaires
: cette fois c'est du texte et non du HTML qui est généré.
Chaque commentaire entré est enregistré dans un fichier texte
associé à l'image concerné. Cette opération intervient
quand on appuit sur le bouton "écrire". Attention
! Un commentaire est perdu si l'on passe à l'image suivante avant de
cliquer sur "écrire".
Les Balises
propriétaires
La
principale originalité de diapoWEB est d'utiliser des "balises propriétaires"
au moment de la configuration du code HTML du diaporama. A la construction de
ce dernier, ces balises spéciales seront remplacées par un contenu
variable.
Ainsi, par exemple, dans
le code de chaque cellule, la balise <_url-vignette>, si elle est présente,
sera remplacée par l'adresse de la vignette concernée dans chacune
des cellules du tableau de vignettes.
Dans la liste ci dessous,
j'appelle "image", l'image source (photo) à sa taille originelle,
c'est à dire l'image qui a servit de base à la création
de la vignette associée
Voici la liste de ces balises
:
- <_tableauVignette>
l'ensemble du tableau de vignettes dans la page d'accueil
- <_titre>
le titre du diaporama (insérable par exemple dans la page d'accueil
elle même et dans la balise HTML classique "<TITLE>"
- <_url-vignette>
l'adresse de la vignette pour chacune des cellules du tableau de vignettes
- <_url-image>
l'adresse du fichier image. Cette balise est utilisée dans le code
HTML par défaut de diapoWEB, pour associer un lien vers l'image source,
à chaque vignette du tableau de la page d'accueil. Elle est aussi utilisée,
par défaut, dans chaque pages d'accompagnement pour insèrer
la photo
- <_nom-image>
le nom du fichier image.
- <_nom-image-complet>
idem, mais sans exclure l'extension. Par exemple pour une cellule liée
au fichier image "DSCN2075.JPG", <_nom-image> = "DSCN2075",
tandis que <_nom-image-complet> = "DSCN2075.JPG"
- <_taille-fichier>
taille en Ko du fichier image. Cette balise permet de donner à un visiteur
d'un diaporama mis en ligne sur le web, une indication du temps de téléchargement
- <_date-image>
date de la dernière modification du fichier image
- <_url-prev>
adresse du fichier d'accompagnement de l'image précédente du
diaporama. Cette balise permet de créer des liens pour simplifier la
navigation.
- <_url-next>
idem pour l'image suivante
- <_url-home>
adresse de la page d'accueil. Par défaut elle est utilisée dans
chaque page d'accompagnement pour fournir un lien au visiteur pour un retour
rapide au tableau
- <_commentaire>
commentaire défini par l'utilisateur pour chaque photo (onglet "commentaires"
dans diapoWEB)
- <_largeur-image>
largeur de l'image concernée en pixels.
- <_hauteur-image>
hauteur de l'image concernée en pixels.
Dans chaque onglets, vous
trouverez sous les zones de textes concernées la liste des "balises
propriétaires" disponibles à ce niveau.
Bugs et Limitations
-
Contrairement
à la validation d'un fichier seul, quand on veut valider la sélection
d'un dossier dans une fenêtre de localisation (activée en cliquant
sur les boutons "parcourir" ),
celui-ci doît être sélectionné pour pouvoir valider
le choix et sortir de la fenêtre. Quand je dit "sélectionné"
c'est sélectionné dans le champ central de la fenêtre.
Le fait de double-cliquer sur un dossier l'ouvre, son contenu apparait alors
dans le champ central. Il n'est plus à cette instant sélectionné,
mais ouvert. Il n'y a donc plus de dossier sélectionné et
on ne peut pas quitter la fenêtre et valider !
Dans les illustrations ci-contre, seule la "fenêtre oui"
vous permettrait de cliquer sur le bouton "ouvrir" avec succès.
- diapoWEB permet de créer
des diaporama "éclaté", c'est à dire avec des
fichiers relativement éparpillés sur le disque, mais il y a
une limite. Ainsi, il plantera si vous tentez de créer un dossier (menu
configuration/localisation) dans une arboresence inexistante. Par exemple,si
le dossier "C:\mesdiapos" existe, vous pourrez créer
"C:\mesdiapos\vignettes\", mais pas "C:\mesdiapos\toto\vignettes\",
car "C:\mesdiapos\toto\" n'existe pas. Vous ne pouvez créer
qu'un niveau de dossier à la fois.
Contact
dcadiou@m6net.fr