Atelier création web : FTP

PRINCIPE : Pour être visible sur le Web, un fichier doit se trouver sur un serveur. Pour trouver un fichier, il faut connaître son emplacement sur le serveur.

A. Comment rendre publique une page sur Internet ? - durée estimée : 20min

1. Cette première partie est importante pour la compréhension de l'activité qui suit. Vous allez essentiellement lire et tenter de comprendre. Tous les mots sont importants. Si vous ne comprenez pas un passage, demandez de l'aide au tuteur ou à un collègue.
2. Rappel : la relation serveur - client

• Relire la fiche "Concepts liés à l'usage des réseaux et d'internet ", le point " Ce qu'est une relation serveur-client "
• Conclusion : une page web, pour être accessible sur Internet à partir d'un navigateur (Firefox, Internet Explorer) doit être enregistrée sur un serveur web.

1. http://tecfa.unige.ch/tecfa/teaching/LME/tech/c1-usage-reseau-internet.html
• Le fichier " c1-usage-reseau-internet.html " est localisé sur le serveur portant le nom " tecfa.unige.ch " dans une arborescence de dossiers (/tecfa/teaching/LME/tech/)
• Ce serveur est celui contenant
• le site de l'iTIC
• les projets des étudiant(e)s (donc bientôt les vôtres)


2. http://home.etu.unige.ch/~vieira6/index.htm
• Le fichier " index.htm " est localisé sur un serveur portant le nom de " home.etu.unige.ch/" dans le dossier pour le pseudo-étudiant vieira6
• En fait, dans ce cas, c'est un peu plus compliqué que cela : pour simplifier l'adresse d'une page perso étudiant(e), les responsables informatiques de l'université ont créé une adresse " raccourci ", http://home.etu.unige.ch/~login/ que le serveur complète automatiquement avec index.htm
• On accède au dossier public de vieira6  sur une machine de l'UniGE.
• OK, mais comment aller déposer ses fichiers à cet endroit, pour les rendre ainsi public ? Comment faire pour les tenir à jour, les modifier ?
• Depuis l'Uni, c'est assez facile, chaque étudiant(e) a accès à ce dossier public en se connectant avec ses coordonnées et depuis son espace H:/PUBLIC.WWW.
• Depuis l'extérieur de l'Uni ou quand vous êtes connecté sous le nom d'un collègue, vous n'avez pas d'accès direct à votre espace H. Il faut utiliser un outil pour se connecter et transférer ses fichiers : le ftp 
• NB : si aucun fichier n'est indiqué à la fin de l'adresse http://home.etu.unige.ch/~login/ : dans ce cas, par convention, c'est le fichier " index.htm " qui est servi.
  Il est donc INDISPENSABLE que le fichier " page d'accueil " de votre page perso porte ce nom précis (index.htm) et qu'il soit situé dans le dossier PUBLIC.WWW

SENS : Savoir décoder une URL permet de trouver le nom du serveur et donc de connaître le statut des informations qu'on y trouve.
Le reste de l'adresse correspond à l'arborescence des dossiers sur le serveur et permet de savoir où poser/trouver les fichiers.

PRINCIPE : Pour gérer des fichiers sur le Web, il est possible de le faire de manière directe (seulement depuis un ordinateur de l'Université (explorateur Windows)) ou avec un programme FTP depuis n'importe quel ordinateur sur Internet.

Sur base de ce que vous avez lu ci-avant, voici une vue schématique de la connexion au dossier public étudiant à l'UniGE :

Diffusion sur le Web via http://home.etu.unige.ch/~login/

Pour pouvoir déposer et mettre à jour les fichiers de sa page perso sur le serveur de l'Uni, vous voyez dans le schéma ci-dessus qu'il y a 2 possibilités d'accès ou de connexion. Vous allez réaliser maintenant ces deux types de connexions, directement par l'explorateur pour l'étudiant(e), appelons le(la) A, qui s'est identifié(e) au démarage de cet ordinateur et dont le H: apparaît et via FTP pour l'étudiant(e) dont le H: n'est pas accessible, appelons le(la) B.

1. Connexion depuis l'uni  (pour l'étudiant(e) A qui a ouvert une session à son nom)
2. Depuis l'explorateur Windows, sélectionner les fichiers (tous les fichiers et les dossiers) qui se trouvent dans H:/PRIVE/pageperso/ et les glisser (déplacer) dans le dossier H:/PUBLIC.WWW/
3. Comme il existe déjà un fichier index.html dans le PUBLIC.WWW (mis par défaut par les responsables informatiques de l'uni), le système vous demande si vous voulez remplacer ce fichier : vous acceptez.
4. Une fois vos fichiers installés dans le dossier public, il s'agit de vérifier que votre page s'affiche correctement sur le web (cf le schéma : Diffusion sur le web).
5. Pour vérifier, allez dans votre navigateur, indiquez l'URL de votre page perso : http://home.etu.unige.ch/~loginA/index.htm
6. S'il y a un problème d'affichage, appelez un tuteur.

• C'est clair, vous n'êtes pas pour le moment à l'extérieur de l'Uni mais pour l'étudiant B et C c'est comme si puisqu'il n'a pas accès direct à son espace perso sur le serveur de l'uni. C'est lui qui prend maintenant les commandes !
• Le but de l'exercice est le même que le précédent : copier les fichiers qui se trouvent dans l'espace privé de B pour les déposer dans l'espace public de B. Mais la manière de faire est différente puisque B n'a pas accès à son espace H:
• Vous allez imaginer que la machine sur laquelle vous êtes est simplement connectée à internet et que vos fichiers de travail seront localisés dans un dossier sur votre disque dur : C:\Documents and Settings\Default User\Mes documents
• En utilisant l'outil de transfert de fichiers, vous allez copier en local sur le disque dur de A, dans le dossier " …/Mes documents ", les fichiers et dossiers que constitue votre page perso B (qui se trouvent pour le moment sur le serveur) et ensuite, vous allez copier ces fichiers et dossiers dans votre espace public B par FTP sur le serveur. Ce double chemin correspond aux deux flèches que vous voyez sur le schéma ci-dessus.
  

PRINCIPE : Pour une connexion, il faut :
- le nom du serveur
- votre login
- votre password
Pour réaliser un transfert correctement, vous allez devoir vous placer dans le bon dossier de l'arborescence de part et d'autre (sur votre ordinateur, fenêtre de gauche et sur le serveur, fenêtre de droite).










• Vous allez à présent sur la fiche technique " FTP-Transfert de fichiers"  et vous suivez la procédure décrite pour " Ouvrir une session ftp " puis vous reprenez cette fiche d'activité.
• Dans un premier temps, vous allez prendre ce qui se trouve sur le serveur dans l'espace privé, afin de faire une copie sur votre machine en local, dans " …/Mes Documents ". Ensuite, vous copierez les fichiers en local dans votre espace public du serveur.
1. Il s'agit de bien se positionner dans les bons dossiers sur chaque machine ;
2. Sur le serveur (fenêtre de droite), placez-vous dans le répertoire PRIVE (cliquez 2x dessus) puis allez dans le dossier que vous avez créé pour mettre les fichiers de votre page perso (il devrait s'appeler pageperso) ;
3. Le chemin d'accès dans la fenêtre de droite doit être quelque chose comme : DATAETU/FAPSE/HOME/login/PRIVE/pageperso
4. Sur la machine en local (fenêtre de gauche), il s'agit d'aller dans le dossier " …/Mes Documents/ " sur le disque dur (C), là où vous placeriez vos fichiers de travail : vous cliquez 2x sur C puis sur les dossiers jusqu'à arriver au chemin d'accès : C:\Documents and Settings\Default User\Mes documents
5. Pour recevoir les fichiers que vous allez transférer du serveur, vous allez créer un sous-dossier dans votre dossier Mes documents : avec Mkdir (point 5 sur l'image), créer un dossier " pagepersob " (en minuscules et sans espaces).
6. Assurez vous maintenant que le chemin d'accès est bien C:\Documents and Settings\Default User\Mes documents \pagepersob
7. Une fois que vous êtes bien situé au bon endroit des deux côtés, vous pouvez procéder au transfert de fichiers. Sélectionnez tous les fichiers et dossiers qui se trouvent sur le serveur sous PRIVE/pageperso, et cliquez sur la flèche de transfert
8. Vous avez ainsi une copie de l'ensemble des fichiers et dossiers que constitue votre page perso à la fois sur le serveur (espace privé de B) et en local. Il faut maintenant placer ces documents dans votre espace public du serveur (pour B).
9. Ainsi, dans la fenêtre du serveur (droite), vous allez dans le dossier public : vous cliquez sur la flèche verte pour remonter d'un niveau de dossier et vous cliquez 2x sur le dossier PUBLIC.WWW : le chemin d'accès doit devenir DATAETU/FAPSE/HOME/login/PUBLIC.WWW
10. Vous sélectionnez les fichiers/dossiers qui se trouvent en local sous " …\Mes documents\pagepersob " et vous cliquez sur la flèche de transfert
11. Si tout s'est bien déroulé, votre page perso est à présent accessible sur Internet, via le web.
12. Comme pour l'exercice précédent, vous allez vérifier dans le navigateur en tapant l'adresse de votre page : http://home.etu.unige.ch/~votre_loginB/index.htm
13. S'il y a un problème d'affichage, appelez un tuteur.

SENS : Ce transfert par FTP - plus ardu, il est vrai - peut se faire depuis n'importe où, même loin de l'Uni (école ou domicile).

PRINCIPE : L'espace de travail du groupe se trouve sur le serveur de TECFA.
Pour travailler sereinement sur un fichier, vous devez savoir retrouver la dernière version de ce fichier et son emplacement dans l'arborescence des dossiers.

C. Gérer (déposer et mettre à jour) les fichiers de son projet EO sur le serveur de TECFA - durée estimée : 20 min

Dans l'activité précédente, on s'est surtout intéressé à la question de la connexion et des 2 types existants et de la manière de le faire. Mais gérer les fichiers d'un site web que ce soit votre page perso ou vos pages projets dans l'EO sous-entend au moins deux compétences :

• être capable de transférer ses fichiers d'un lieu à l'autre et de manière systématique
• être capable de respecter des règles d'hygiène élémentaire d'un site web

Passons en revue ces différents points dans le cas de la gestion de vos pages projets EO (en sachant que certaines infos sont aussi valables pour gérer votre page perso sur le serveur de l'uni).

Si vous avez une question, encore une fois, n'hésitez pas à appeler le tuteur.

Transférer

Diffusion sur le Web via http://tecfa.unige.ch/etu/LME/0304/nom_groupe/index.html

• L'accès à vos pages projets dans l'EO (serveur TECFA) doit se faire via une connexion FTP. On n'a pas le choix
• Concrètement, dès que vos groupes seront constitués :
  • un espace sera créé pour votre groupe sur le serveur tecfa.unige.ch, dans l'arborescence de dossier : etu/LME/0405/nom_groupe/
  • vous recevrez les infos nécessaires pour y accéder par ftp (login et mot de passe du groupe) : pour le moment, tout ce que vous avez a retenir à propos de la connexion, c'est le nom du serveur : tecfa.unige.ch

De manière systématique

On entend par démarche systématique le fait qu'il est important :

• de commencer par créer une copie conforme (=miroir) en local des fichiers de votre site sur le serveur ;
• avant de réaliser une modification sur un fichier, transférer du serveur vers l'ordinateur local, afin de s'assurer d'avoir la dernière version avant d'entreprendre la modification. Lorsqu'on travaille à plusieurs endroits ou personnes sur un même site, il est important de remettre à jour son miroir local pour le cas où un fichier aurait été changé entre temps, puis retransférer le fichier sur le serveur.

Ces règles sont aussi valables pour gérer votre page perso.

Respecter des règles d'hygiène sur le site (elles seront une condition de certification)

• Nous vous invitons à lire attentivement ici la fiche technique en ligne 

• Ces mêmes règles d'hygiène, notamment celles portant sur la manière de nommer des fichiers s'appliquent pour gérer votre page perso.

SENS : Vous perdrez moins facilement des données si vous possédez une copie de celles-ci et que la dernière version se trouve sur le serveur. De plus, en structurant l'ordre de vos fichiers, vous arriverez peut-être plus facilement à les retrouver.