Atelier création web : FTP (C5)

Atelier création web : FTP
Objectif général de l'atelier :
l
Comprendre le principe du transfert
FTPet réaliser une session pour rendre
sa page perso publique
Référence : voir Site EO / RESSOURCES :
l
l
l
Fiche technique " Concepts liés à l'usage des réseaux et
d'internet "
fiche technique " FTP-Transfert de fichiers"
fiche technique " Fiche d'hygiène pour l'espace d'un
groupe étudiant " (accès depuis le bas de la fiche
" Composition web ")
ATTENTION : pour cet atelier, il est nécessaire de vous mettre par deux devant une machine.
A. Comment rendre publique une page sur Internet ? durée estimée : 20min
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.
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
l
l
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 (Netscape, Internet
Explorer) doit être enregistrée sur un serveur web.
En sachant qu'en général le nom du serveur dans lequel est localisée une page apparaît dans la première
partie de l'adresse de cette page, voici deux adresses de pages venant de deux serveurs différents et qui vous
intéressent particulièrement dans l'EO. Voilà comment les décoder :
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
n le site de l'EO
n les projets des étudiant(e)s (donc bientôt les vôtres)
2. http://home.etu.unige.ch /~lombardf/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 lombardf
¡ 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 lombardf 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 ?
n 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.
n 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.
B-1. Gérer (déposer et mettre à jour) les fichiers de sa
page perso sur le serveur de l'uni - durée estimée : 40
min
Sur base de ce que vous avez lu ci-avant, voici une vue
schématique de la connexion au dossier public étudiant à
l'UniGE :
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.
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.
SENS : On voit qu'il est facile de mettre en place des fichiers lorsqu'on est à
l'intérieur de l'Université. Ce confort est rare et ne correspond pas à la situation dans
une école.
B-2. Connexion via FTP à l'Uni (pour l'étudiant(e) qui
n'est pas connecté(e) sous son nom)
l
l
PRINCIPE : Pour transférer des fichiers sur un serveur
depuis n'importe quel ordinateur, il faut utiliser un
programme de transfert FTP.
Vous pouvez utiliser le ftp pour transférer sur votre
ordinateur tout fichier se trouvant sur le serveur dans
votre espace perso, que ce soit dans le dossier priv é ou
public, mais aussi dans l'autre sens : de votre
ordinateur au serveur.
C'est clair, vous n'êtes pas pour le moment à
l'extérieur de l'Uni mais pour l'étudiant B 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
l
l
l
l
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 :
Vous allez à présent sur la fiche technique " FTP- le nom du serveur
Transfert de fichiers" et vous suivez la procédure - votre login
- votre password
décrite pour " Ouvrir une session ftp " puis vous
Pour réaliser un transfert correctement, vous allez
reprenez cette fiche d'activité.
devoir vous placer dans le bon dossier de l'arborescence
Dans un premier temps, vous allez prendre ce qui se de part et d'autre (sur votre ordinateur, fenêtre de
gauche et sur le serveur, fenêtre de droite).
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).
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
PRINCIPE : L'espace de travail du groupe se trouve
sur le serveur de TECFA.
Pour travailler sereinement sur un fichier, vous devez
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 :
l
l
savoir retrouver la dernière version de ce fichier et son
emplacement dans l'arborescence des dossiers.
ê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.htm
l
l
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/0304/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 :
l
l
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)
l
l
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.
Quelques règles imposées par l'uni : pour une "utilisation responsable et consciente des ressources mises à
votre disposition".
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.
EdI-ND-LG