Principes généraux

Les médias de votre site web sont situés sur un ordinateur distant.(en général un serveur de données)
Pour pouvoir mettre à disponibilité sur votre site des images, des vidéos,... , il faut au préalable placer ces fichiers sur ce serveur.

Pour cela nous vous proposons cet explorateur de fichier qui vous permet:

• D'ajouter de nouveau fichier (Upload*)
• De consulter, organiser et renommer vos fichiers
• De séléctionner le ou les fichiers pour les rendre disponibles sur votre site web

*L'Upload est l'action qui consiste à envoyer un fichier de votre ordinateur vers le serveur.

Les différents boutons

Les boutons d'actions en haut de gauche à droite

• Le bouton d'upload : permet d'envoyer un fichier sur le serveur
• Le bouton rafraichir : réinitialise l'explorateur à son état d'origine
• Le bouton séléction : permet de quitter le browser en choisissant un ou plusieurs fichiers

Les boutons de configuration en haut à droite.

• L'outil clé : permet de configurer l'explorateur
• Le point d'interogation : Permet d'afficher cette aide

Si vous laisser quelques instants la souris sur les boutons le nom des actions apparaîteront

Uploader un fichier

Pour uploader un fichier, il faut cliquer sur le premier bouton en haut (Le bouton d'upload).

Dans la partie droite de l'explorateur, une liste de fichier en cours d'upload apparait. (Normalement si vous débutez elle doit être vide). En haut de cette liste trois boutons, Ajouter un fichier (pour envoyer un fichier de votre ordinateur vers le serveur), Annuler (permet d'interrompre tous les téléchargements en cours), La croix permet de fermer la partie upload.

Lorsque vous cliquez sur le bouton ajouter, une fenêtre choix des fichiers à transférer apparaît. Elle permet de parcourir les fichiers de votre ordinateur afin de choisir celui ou ceux que vous voulez ajouter. Il est tout à fait possible d'en choisir plusieurs en maintenant la touche contrôle enfoncée en même temps que vous cliquez sur vos fichiers.
Une fois les fichiers choisis un clique sur le bouton ouvrir démarrera l'upload.

L'upload d'un fichier se déroule en plusieurs étapes:

• L'upload réel (envoi du fichier original vers le serveur)
• Le redimenssionement automatique des images (si votre site possède plusieurs fois la même image avec des tailles différentes)
• Eventuellement un crop de l'image (opération de séléction d'une portion de l'image)

Cropper une image

Il se peut que votre site utilise plusieurs fois la même image mais avec des ratios différents. Dans ce cas on utilise un petit outil qui permet de choisir la portion d'image à utiliser.

Dans ce cas, le logiciel ouvre une fenêtre vous affichant l'image original avec une zone de séléction que vous pouvez agrandir, diminuer et deplacer afin de choisir la portion d'image que vous désirez voir sur votre site.
Une fois cette partie définie, il faut cliquer sur le boutons vert pour continuer et finir l'upload du fichier.

Un clic sur le bouton rouge aura pour effet de stopper et annuler l'upload de ce fichier.

Organiser ces fichiers

Il est important d'organiser convenablement ses fichiers. Mettre tous les fichiers dans le répertoire racine du serveur présente le risque de très vite ne plus s'y retrouver.
Si par exemple votre site présente des produits classés par catégorie, il serait judicieux de faire un répertoire par catégorie.

Pour créer un dossier, il faut faire un clique droit de la souris sur le dossier qui sera le parent et faire nouveau. Une petite fenêtre s'ouvre et vous demande le nom du dossier à créer.

Il est aussi conseillé de nommer correctement ces fichiers, permettant ainsi de savoir exactement à quoi correspond ce fichier.
Pour reprendre notre exemple de produit chaque image pourra par exemple porter pour nom la référence ou le nom du produit.

Pour renommer un fichier, il faut faire un clique droit dessus et cliquer sur renommer. Une petite fenêtre s'ouvre et vous demande le nouveau nom du fichier. (sans extension)

Il faut éviter de déplacer ou renommer une image que vous utiliser déjà sur votre site web. Il faut donc bien penser l'ogranisation et le nommage lors des premières utilisations du browser.


Par l'intermédaire du clique droit de la souris d'autre opérations sont possibles.

Sur les dossiers

• Nouveau (Création d'un dossier)
• Renommer (Change le nom du dossier)
• Supprimer (Attention la suppression d'un dossier entraine la suppresssion de tous les sous dossiers et fichiers contenus dans ce dossier)

Sur les fichiers

• Télécharger (Permet de télécharger le fichier sur son ordinateur)
• Renommer (Change le nom du fichier)
• Supprimer

Séléction d'un ou plusieurs fichiers

L'explorateur se lance à chaque endroit de votre backoffice où vous pouvez ajouter un ou plusieurs fichiers.

S'il s'agit d'une image unique d'un produit (par exemple) alors vous ne pourrez séléctionner qu'une image (en cliquant dessus le point de la case deviens noir). Il faudra lier une image en appelant le browser autant de fois que vous aurez de produit.
Cependant rien ne vous empêche de faire l'upload de toutes les images lors du première appel. Ainsi à chaque création de produit vous n'aurez plus qu'a séléctionner l'image qui correspond au produit.

Si au contraire il s'agit d'une galerie d'images vous pourrez alors séléctionner plusieurs images (en cliquant sur une image la petite case se cochera ou se décochera).

Configuration

Permet de modifier le comportement de l'explorateur.

L'option mode affichage permet d'afficher les fichiers sous forme de petites vignettes ou sous forme de liste.
Dans le cas de trés grandes listes de fichiers, l'affichage en mode liste permet d'avoir une meilleure réactivité de l'explorateur.