Transférer des fichiers à l’aide de WinSCP 2 contextes...

26
Transférer des fichiers à l’aide de WinSCP et 2 contextes d’utilisation dans des sites SPIP avec FCK editor Pierre Drouin Conseiller pédagogique en TIC Service local du RECIT Commission scolaire de la Baie-James Janvier 2006

Transcript of Transférer des fichiers à l’aide de WinSCP 2 contextes...

Transférer des fichiers à l’aide de WinSCP et 2 contextes d’utilisation dans des sites SPIP avec FCK editor

Pierre Drouin Conseiller pédagogique en TIC Service local du RECIT Commission scolaire de la Baie-James

Janvier 2006

2

Table des matières

Table des matières ................................................................................................................... 1

Description de WinSCP .......................................................................................................... 2

Installation ............................................................................................................................... 3

Créer un compte et définir les paramètres ............................................................................ 6

Se connecter............................................................................................................................. 8

Opérations sur les fichiers .................................................................................................... 10 Pour copier des fichiers ..................................................................................................................11

Méthode no 1 : Mode traîner et déposer avec la souris..................................................................................11 Méthode no 2 : Mode copier-coller..................................................................................................................11

Copier des fichiers vers le serveur (mode album de SPIP) .......................................................12 Contexte d’utilisation – préparation et règles à suivre ...................................................................................12 Procédure de création de l’album avec de multiples photos..........................................................................13

Étape 1 : WinSCP .........................................................................................................................................13 Étape 2 : SPIP................................................................................................................................................15

Copier des fichiers vers le serveur (banque d’images partagées du mode WYSIWYG dans SPIP) .................................................................................................................................................18

Contexte d’utilisation ........................................................................................................................................18 Procédure............................................................................................................................................................18

Étape 1 : WinSCP .........................................................................................................................................18 Étape 2 : FCKeditor dans SPIP....................................................................................................................21

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 2

Description de WinSCP

WinSCP est un client SFTP (Secure FTP) graphique pour Windows. Il utilise SSH (Secure Shell) et est open source (logiciel libre). Le protocole SCP (Secure CoPy) est également supporté. Le but de ce programme est de permettre la copie sécurisée de fichiers entre un ordinateur local et un ordinateur distant.

WinSCP peut être installé gratuitement sur vos postes, aucun achat requis.

Vous trouverez une documentation complète à cette adresse : http://winscp.net/eng/docs/lang:fr

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 3

Installation

1. Téléchargez l’application à l’adresse suivante : http://winscp.net/ afin d’obtenir la version française, veillez à sélectionner dans la zone de téléchargement « Multilanguage installation package ». L’application est gratuite.

2. Double cliquez l’application et suivez les instructions.

3. Suivez les instructions suivantes pour procéder à l’installation :

4. Sélectionnez la langue française si celle-ci ne vous est pas proposée.

5. On applique les recommandations.

6. On accepte la licence d’utilisation pour pouvoir l’utiliser.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 4

7. On ne change rien.

8. On informe les champs tel que recommandé ici.

9. On ne change rien.

10. Attention de procéder aux changements indiqués ci-dessous.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 5

11. Il est plus facile de travailler avec l’interface Norton Commander.

12. … et on installe

13. …et on redémarre

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 6

Créer un compte et définir les paramètres

1. Lorsque vous entrez pour la première fois vous obtiendrez cette fenêtre. Veillez à renseigner ces champs. Dans le cas des enseignants qui obtiennent un compte par le RECIT de la CSBJ, vous renseignez les champs tel qu’indiqué dans le message reçu. Veillez à ne pas indiquer votre mot de passe à ce moment pour des raisons de sécurité. Il vous sera demandé au moment de se connecter.

2. Par la suite, vous renseignez les champs répertoire distant et répertoire local.

Voici les utilités des principaux répertoires des enseignants :

a. public_html : la racine de votre site Web (SPIP ou autre)

b. public_html/ecrire/upload : le répertoire de téléchargement massif de documents ou d’images pour l’album dans SPIP

c. public_html/FCKeditorFiles/Image : images accessibles à tous dans l’éditeur WYSIWYG de SPIP

Cet accès aux répertoires indiqués ici concerne SPIP. WinSCP peut être configuré de différentes façons. Cependant, ce tutoriel s’adresse aux enseignants et autres personnes qui gèrent un site SPIP et qui souhaitent profiter de certaines fonctionnalités qui permettent de sauver un temps précieux en effectuant des transferts massifs de fichiers sans passer par l’interface SPIP ou par FCKeditor.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 7

3. Rendez-vous dans l’item SSH et cochez « activer la compression ».

4. Au niveau des préférences, assurez-vous que Norton Commander est sélectionné, si le choix vous est offert.

5. Sauver les informations

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 8

Se connecter

Cette démarche fonctionnera si vous avez configuré une ou des sessions sauvées.

1. Soit par cette interface…

ou par celle-ci

Cliquez sur connecter.

2. Entrez le mot de passe et cliquez sur OK.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 9

3. Vous devriez obtenir une fenêtre semblable à celle-ci :

Notez que les répertoires affichés par défaut sont définis dans la configuration de la connexion.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 10

Opérations sur les fichiers

Veuillez noter que cette section ne présente que les opérations de base de WinSCP. Voici un aperçu de l’interface de WinSCP :

L’interface de WinSCP comporte trois familles principales d’actions et d’informations dans son interface.

1. L’identification des fichiers et des répertoires (locaux et distants)

2. Les outils de navigation (locaux et distants)

3. Les commandes d’action sur les fichiers et les transferts (locaux et distants)

Veuillez noter que les menus donnent accès à une foule d’autres opérations. Ce tutoriel se contente des opérations de base.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 11

Pour copier des fichiers

Que vous choisissiez la méthode 1 ou 2, sélectionnez d'abord les fichiers locaux ou les répertoires que vous voulez télécharger. SI vous choisissez un fichier ou un répertoire, vous n’avez qu’à le cliquer une fois pour le sélectionner.

Pour effectuer des sélections multiples, maintenez enfoncer la touche Ctrl de votre clavier et cliquez chacun des fichiers à copier avec votre souris.

Méthode no 1 : Mode traîner et déposer avec la souris

Traînez alors le ou les fichiers de votre choix et déposez-les dans la fenêtre du serveur éloigné. Si vous déposez les fichiers sur la place vide dans la liste de fichier, les fichiers seront téléchargés dans le répertoire éloigné. Si vous déposez les fichiers sur l'icône d'un répertoire, les fichiers seront téléchargés dans ce répertoire.

Méthode no 2 : Mode copier-coller

Cliquez simplement sur le bouton F5 Copier dans le bas de l’interface.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 12

Copier des fichiers vers le serveur (mode album de SPIP)

L’album de SPIP consiste à présenter un album de photo avec ou sans commentaires. Lorsqu’il y a plusieurs photos, la tâche de transfert des photos et de la publication peut devenir fastidieuse, car elle oblige à répéter et attendre continuellement le transfert des photos.

Cette démarche vise donc à épargner beaucoup de temps en automatisant une partie du processus.

Contexte d’utilisation – préparation et règles à suivre

Heureusement SPIP a prévu une simplification radicale de cette tâche. Pour y arriver, nous devrons observer un certain nombre de règles.

1. Les photos pour un album donné devront être déposées dans un répertoire isolé dont le nom ne comportera pas d’accents et pas d’espaces.

2. Les fichiers photos devront être au format .jpg. Les autres formats (.png et .gif par exemple) peuvent être aussi affichés mais les appareils photos génèrent habituellement des images au format .jpg. Elles devront idéalement obéir à la règle des accents et des espaces comme ci-avant mentionné.

3. Si l’ordre d’apparition des images est important, veuillez choisir un nom de fichier standard + un no à 2 chiffres : image01.jpg – image02.jpg – image03.jpg - … SPIP procédera alors à une mise en ordre alphabétique ou numérologique.

4. Veillez à faire le traitement de redimensionnement de vos photos, afin qu’elles s’affichent correctement sans déborder de la page Web. Si vous devez faire un traitement de toutes vos photos, consultez le tutoriel de Xnview qui vous fournira plus de détails à ce sujet. Cette application est capable de faire le traitement de redimensionnement désiré sur toutes vos photos et ce automatiquement. La dimension idéale tourne autour de 500 pixels de largeur.

5. Appliquez ces règles dès la préparation de votre répertoire local, avant le transfert. Cela vous évitera des ennuis.

Un dernier point, afin que les miniatures soient produites, il faut que l’option dans l’interface d’administration de SPIP – Configuration – Fonctions avancées – Générer automatiquement les miniatures des images soit actif.

Une fois ces quelques règles établies nous sommes prêts à procéder.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 13

Procédure de création de l’album avec de multiples photos

Étape 1 : WinSCP

Cette procédure n’est valable que si les étapes précédentes ont été respectées, et que vous êtes connecté par WinSCP à votre répertoire distant. Nous allons illustrer cet exemple par un transfert de 4 répertoires contenant des images afin de créer 4 albums.

1. Les quatre répertoires que nous allons déplacer sont situés dans le répertoire suivant :

et sont les suivants :

2. WinSCP devrait pointer vers le répertoire distant suivant :

Votre répertoire devrait apparaître de la façon suivante :

a. Home est le répertoire racine commun de tous les usagers /

b. Nom de l’usager qui est dans ce cas Pierre. Ce répertoire est le seul qui différera du résultat que vous obtiendrez à votre écran /

c. Public_html est le répertoire qui affiche publiquement sur le Web les pages déposées /

d. Ecrire est le répertoire d’administration de votre SPIP /

e. Upload est le répertoire d’accueil des fichiers transférés dans SPIP pour être récupéré ultérieurement.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 14

3. Sélectionnez les fichiers locaux à copier selon votre méthode ou la méthode proposée avant.

4. Glissez et déposez les fichiers dans la fenêtre du répertoire distant…

ou cliquez sur le bouton F5 Copier dans le bas de l’interface de WinSCP

5. On vous demandera une petite confirmation que vous autorisez en cliquant sur copier.

6. Le transfert s’affiche via une fenêtre flottante

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 15

7. … et vous obtenez le résultat

8. Le travail avec WinSCP se termine ici. Pour la suite, il faut se rendre à SPIP pour compléter le processus.

Étape 2 : SPIP

Vous vous connectez à votre SPIP comme à l’habitude et vous suivez les étapes suivantes pour compléter le tout.

1. On choisit le répertoire et l’on crée un nouvel article

2. On lui donne un titre

3. On peut écrire un descriptif rapide ou un texte mais ce n’est pas obligatoire

4. On valide l’entrée

5. On se rend à l’item joindre un document

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 16

6. On clique le petit triangle noir et l’on obtient l’interface suivante :

On clique ensuite sur la flèche installer tous les documents

7. On sélectionne le répertoire qui contient les fichiers de l’album que l’on souhaite créer

8. On clique sur choisir

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 17

9. … et l’on obtient

(ceci n’est qu’un extrait de l’ensemble des images) Notez que les vignettes sont générées automatiquement

10. Avant dernière étape, on indique à SPIP qu’il s’agit d’un album via le mot clé album

11. On publie l’article et l’on visionne.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 18

Copier des fichiers vers le serveur (banque d’images partagées du mode WYSIWYG dans SPIP)

Dans cette section, l’on procède un peu de la même manière. Notre intention est cependant différente. Lorsque l’on utilise l’interface WYSIWYG de FCK Editor intégrée dans SPIP, (attention ! SPIP ne propose pas cette option par défaut, et demande une installation spéciale) l’option d’insertion d’images permet un partage d’une banque d’images locales entre les différents utilisateurs.

Contexte d’utilisation

La démarche proposée ici sera utile dans le contexte suivant :

1. Lorsque l’on souhaite faire l’inclusion de plusieurs images.

2. et que l’on souhaite donner un accès immédiat à tous nos rédacteurs, aux images déposées dans SPIP.

3. Par rapport au mode de transfert massif de photos pour inclure dans un album, FCK Editor propose des options de redimensionnement qui nous permettent de ne pas se soucier de la taille et des dimensions de fichiers. Cependant, pour des raisons rapidité d’accès à l’ensemble des informations de votre site Web, nous vous conseillons de redimensionner vos images.

Procédure

Étape 1 : WinSCP

Nous allons nous servir de WINSCP pour déposer nos images dans des répertoires qui nous permettront de partager les images par l’interface de FCK editor, entre tous les rédacteurs du site SPIP.

1. Les quatre répertoires que nous allons déplacer sont situés dans le répertoire suivant :

et sont les suivants :

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 19

2. WinSCP devrait pointer vers le répertoire distant suivant : [imageàvenir] Votre répertoire devrait apparaître de la façon suivante :

a. Home est le répertoire racine commun de tous les usagers /

b. Nom de l’usager qui est dans ce cas Pierre. Ce répertoire est le seul qui différera du résultat que vous obtiendrez à votre écran /

c. public_html est le répertoire qui affiche publiquement sur le Web les pages déposées /

d. FCKeditorFiles est le répertoire partagé des éléments graphiques de l’interface WYSIWYG /

e. Image est le répertoire d’accueil des images transférées dans SPIP pour être récupéré ultérieurement à travers le module d’insertion d’image de FCK editor /

3. Sélectionnez les fichiers locaux à copier selon votre méthode ou la méthode proposée avant.

4. Glissez et déposez les fichiers dans la fenêtre du répertoire distant…

ou cliquez sur le bouton F5 Copier dans le bas de l’interface de WinSCP

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 20

5. On vous demandera une petite confirmation que vous autorisez en cliquant sur copier.

6. Le transfert s’affiche via une fenêtre flottante

7. … et vous obtenez le résultat

8. Le travail avec WinSCP se termine ici. Pour la suite, il faut se rendre à SPIP pour compléter le processus.

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 21

Étape 2 : FCKeditor dans SPIP

Maintenant que nos images sont déposées dans la banque d’images de FCK editor, nous allons voir comment nous pouvons les utiliser dans SPIP.

1. On entre dans l’espace privé

2. Une fois entré, on clique sur le bouton « écrire un nouvel article »

3. On clique sur le bouton « Utiliser l’éditeur WYSIWYG »

4. On clique ensuite sur le bouton « Insérer/Modifier Image »

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 22

5. On clique ensuite sur « Parcourir le Serveur »

6. On sélectionne ensuite le dossier contenant le fichier à insérer

7. On clique ensuite sur le fichier image que l’on veut insérer

8. On fait ensuite les réglages souhaités…

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 23

9. … dont voici un exemple

et

puis on clique sur OK pour accepter les paramètres

10. On obtient le résultat dans l’interface de FCK editor et l’on clique sur « Valider »

C.S. DE LA BAIE-JAMES PIERRE DROUIN -

PAGE 24

11. Voici le résultat dans l’éditeur de SPIP qui affiche le code HTML de la page générée par l’éditeur WYSIWYG

12. On enregistre ensuite le résultat qui donnera la page suivante

13. On suit par la suite les étapes normales de SPIP pour publier l’article