IFT 1005 - Design et développement Web

1. Internet

Exercice

Sébastien Roy, Université de Montréal

IFT 1005 - Design et développement Web

1. Internet

Exercice

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

Exercice 1

Cet exercice familiarise avec les protocoles de l'internet.
Deux parties...
  1. Routage (traceroute)
  2. HTTP et pages web (devtools)
J'aimerais ajouter wireshark, mais on manque un peu de temps...

Remise

(remplacer roys par votre nom d'usager)
Pas de remise sur Studium.
Déposez simplement les fichiers dans le répertoire
/home/www-ens/roys/public_html/ift1005/ex1
ou (si vous avez un lien symbolique www)
~/www/ift1005/ex1

1. Routage

Par où passe les paquets réseaux quand on accède à google.com?
Utilisez la commande traceroute pour le savoir...
Mac & Linux
traceroute www.google.com
Windows (console ou powershell)
tracert www.google.com
Note: Vous devez éxécuter cette commande à l' extérieur de l' UdeM.

1. Routage

Dans un fichier ~www/ift1005/ex1/route.html, indiquez les adresses, et pour les 5 premières et 5 dernières indiquez de quel type de réseau il s' agit (public, privé, ...)

Attention: identifiez votre adresse réseau et masquez-en une partie.

Formattez comme vous le voulez, ou inspirez-vous de cet exemple.

1. Routage

Exemple de résultat:

traceroute to www.google.com (172.217.13.196), 64 hops max
  1   192.168.1.1     privé
  2   192.222.163.*** public (mon adresse réseau)
  3   10.170.192.58   privé
  4   96.127.240.41
  5   96.127.249.30
  6   142.250.174.26
  7   108.170.251.33
  8   108.170.231.67
  9   172.217.13.196  public
         

2. Outils de développement web

Visitez une page web de votre choix, avec devtool pour voir le transfert des éléments de la page.
  1. Visitez www.umontreal.ca et allez où vous voulez dans le site, sauf la page d'accueil.
  2. Activez les outils développeurs (devtools) de votre navigateur
  3. Allez sur l' onglet "Network/Réseau" du devtools
  4. Relire la page sans cache (shift-control-R, shift-clic-reload)
  5. Faire une capture d'écran. On doit voir la page et devtools

2. Outils de développement web

Dans un fichier ~www/ift1005/ex1/devtool.html, indiquez
  1. Quel est la page web visitée?
  2. Combien de requêtes ont été nécessaires pour lire la page?
  3. Combien de temps est nécessaire pour lire la page au complet?
  4. Quelle est la taille totale en octets pour cette page?
  5. Quelle est la taille de la plus grosse image? fournissez un lien.
  6. Ajoutez votre capture d'écran.
Formattez à votre goût, ou inspirez-vous de cet exemple.

Exercice 1

(remplacer roys par votre nom d'usager)
Votre exercice 1 doit être accessible par les deux URL suivant:
https://www-ens.iro.umontreal.ca/~roys/ift1005/ex1/route.html
https://www-ens.iro.umontreal.ca/~roys/ift1005/ex1/devtool.html

Bon
Exercice 1!