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

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

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 PAGE 2

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. PAGE 3

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. PAGE 4

11. Il est plus facile de travailler avec l interface Norton Commander. 12. et on installe 13. et on redémarre PAGE 5

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. PAGE 6

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 PAGE 7

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. PAGE 8

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. PAGE 9

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. PAGE 10

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. PAGE 11

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. PAGE 12

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. PAGE 13

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 PAGE 14

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 PAGE 15

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 PAGE 16

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. PAGE 17

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 : PAGE 18

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 PAGE 19

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. PAGE 20

É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» PAGE 21

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 PAGE 22

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» PAGE 23

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 PAGE 24