IFT 1005 - Design et développement Web

0. Introduction

Exercice

Sébastien Roy, Université de Montréal

IFT 1005 - Design et développement Web

0. Introduction

Exercice

Sébastien Roy, Université de Montréal
25 janvier 2023
 

Exercice 0

Cet exercice pratique l'utilisation du compte étudiant au DIRO.
Avant de commencer... Ce qui est à faire...

Compte au DIRO

Vous pouvez activer votre compte ici: Création des comptes au DIRO.

Moyen de communication avec le DIRO

Les serveurs au DIRO s'accède par la machine arcade, avec une connection ssh.

Sur Linux et MacOS...

(remplacer roys par votre nom d'usager)
ssh roys@arcade.iro.umontreal.ca

Moyen de communication avec le DIRO

Les serveurs au DIRO s'accède par la machine arcade, avec une connection ssh.

Sur Windows... méthode 1

Installer le Windows Subsystem Linux (WSL), choisissez Ubuntu Linux Maintenant vous avez Linux dans votre Windows!

Moyen de communication avec le DIRO

Les serveurs au DIRO s'accède par la machine arcade, avec une connection ssh.

Sur Windows... méthode 2

Installer Putty (voir instructions du DIRO).

Putty permet d'établir une connexion ssh.

Changer le mot de passe DIRO

Le mot de passe suggéré à l'activation du compte est loin d'être pratique...
Sur arcade, vous pouvez changez le mot de passe avec

passwd

Choisissez une séquence de mots, c'est plus simple que des lettres au hasard...

Espace web du DIRO

(remplacer roys par votre nom d'usager)
L'espace web de votre compte est
/home/www-ens/roys/public_html/
Il est suggéré de faire un lien symbolique pour y accéder directement...
ln -s /home/www-ens/roys/public_html /u/roys/www
Maintenant, www représente /home/www-ens/roys/public_html.
N'oubliez pas que votre compte est /u/roys, ou aussi ~.

Lien entre fichiers et URL

(remplacer roys par votre nom d'usager)
Un fichier toto dans votre espace web:
/home/www-ens/roys/public_html/toto
ou plus simplement
~/www/toto
Sera visible dans le navigateur par l'URL
https://www-ens.iro.umontreal.ca/~roys/toto

Exercice 0

(remplacer roys par votre nom d'usager)
Vous devez créer une page web simple qui sera accessible par l'URL:
https://www-ens.iro.umontreal.ca/~roys/ift1005/ex0/index.html
Vous devez donc créer un le fichier suivant:
~/www/ift1005/ex0/index.html
et vous assurer qu'il possède les bonnes permissions.

Exercice 0

Dans votre espace web DIRO, créez un répertoire ift1005:
cd ~/www; mkdir ift1005 puis un répertoire ex0:
cd ift1005; mkdir ex0 puis cd ex0
Vérifiez que c'est bon... ( ls ~/www/ift1005/ex0 )

Exercice 0

Allez dans le répertoire ex0:
cd ~/www/ift1005/ex0
Vérifiez que vous êtes au bon endroit... ( pwd )
Utilisez un éditeur de texte simple pour créer le fichier index.html (suggestion: vi, nano, ou emacs)

Exercice 0

Déposez ce fichier dans votre compte (ici roys, dans l'espace web.
/home/www-ens/roys/public_html/ift1005/ex0/index.html
Contenu du fichier:
<html>
<body>
<h1>Succès!!!</h1>
</body>
</html>
Pour cet exercice, le contenu n'a pas d'importance.
Attention: Le contenu doit être différent des autres étudiants. Soyez créatif!

Exercice 0

Vérifier dans un navigateur:
http://www-ens.iro.umontreal.ca/~roys/ift1005/ex0/index.html
(remplacer roys par votre nom d'usager)

Permissions

Le contenu web doit être accessible au serveur web...

Forbidden

You don't have permission to access this resource.Server unable to read htaccess file, denying access to be safe


Apache/2.4.54 (Debian) Server at www-ens.iro.umontreal.ca Port 443

Permissions

Visiter wikipedia pour une explication détaillée.
Pour vérifier les permissions : ls -l
Pour un répertoire, on veut (noter le d pour directory)
drwxr-xr-x 3 roys viscao   5 jan 29 10:21 ift1005
Pour un fichier, on veut
-rw-r--r-- 1 roys viscao 106 jan 29 10:26 index.html
Attention: On ne veut jamais de x sur un fichier.

Permissions

Comment modifier les permissions? Avec la commande chmod
Pour un répertoire:
chmod o+rx ift1005 (others can read and execute)
Pour un fichier:
chmod o+r index.html (others can read)

En plus de o, on peut utiliser g (group) ou u (user).
On peut retirer des permissions avec - plutôt que +.

Permissions

Comment modifier les permissions? Avec la commande chmod
Pour les deux en même temps (répertoire ou fichier):
chmod o+rX * (others can read, and eXecute if it is a directory)

Cette commande est vraiment utile sous la forme suivante...
Pour changer tous les fichiers et répertoires, récursivement:
chmod -R o+rX ift1005

Conseils #1

Si vous avez déjà un fichier premier.html dans le répertoire ift1005, vous pouvez ajuster comme suit:

        cd ~/www/ift1005
        mkdir ex0
        mv premier.thml ex0/index.html
        chmod -R o+rX *
            
Ces commandes vont créer ift1005/ex0/index.html à partir de ift1005/premier.html

Conseils #2

Créez un fichier ~/www/ift1005/index.html qui donne accès à vos exercices et travaux du cours. Pas obligatoire, mais pratique...

<html>
<meta charset="utf-8">
<body>
    <h1>Bienvenue dans l'espace IFT1005 de Sébastien Roy</h1>
    <h2><a href="ex0">Exercice 0</a></h2>
    <h2><a href="ex1">Exercice 1</a></h2>
    <h2><a href="ex2">Exercice 2</a></h2>
</body>
</html>
        
Visitez ensuite http://www-ens.iro.umontreal.ca/~roys/ift1005/

Bon
Exercice 0!