essai

portail/1-env-graphique/README.md

+> # Prise en main de l'environnement de travail
+> [Outils pour le développement informatique](../Readme.md) \
+> 1re année de licence maths-info, Univ. Lille \
+> septembre 2023 \
+> [![](https://mirrors.creativecommons.org/presskit/icons/cc.png){width=20}![](https://mirrors.creativecommons.org/presskit/icons/by.png){width=20}](https://creativecommons.org/licenses/by/4.0/deed.fr) 
+
+
+# 1. Objectifs
+
+Ce document vise à vous faire découvrir l'environnement de travail pour travailler vos TDM de 
+l'UE Programmation durant tout le premier semestre, mais aussi le semestre prochain.
+
+Vous découvrirez les logiciels et sites que vous serez amenés à utiliser chaque semaine.
+
+La présentation est faite selon la configuration des postes de
+travail des salles de TP des bâtiments SUP et M5. Mais tout ce qui est décrit ci-après peut aisément
+être transposé à vos ordinateurs personnels.
+
+
+# 2. Utiliser un poste de travail des bâtiments SUP et M5
+
+Comme pour tout poste de travail de l'université, leur utilisation impose une identification.
+
+Les ordinateurs des salles de TP du SUP et du M5 fonctionnent avec un **système d'exploitation**
+Linux.
+
+## → Se connecter
+
+Au début d'une séance de TP, vous utilisez votre identifiant et mot de passe pour vous y connecter.
+
+**{+attention+}** L'identifiant est de la forme `prenom.nom.etu`. Il s'agit du début de votre adresse
+de messagerie, mais sans la partie domaine (pas de `@univ-lille.fr`).
+
+Une fois connecté, l'ordinateur affichera votre environnement de travail : 
+
+![environnement](./img/environnement.png)
+
+
+## → Se déconnecter
+
+En fin de séance, il faudra vous déconnecter. Pour cela :
+
+- cliquez sur l'icône apparaissant en haut à droite du bureau ;
+- puis sur votre nom ;
+- et enfin cliquez sur l'option `Logout`.
+
+![déconnexion](./img/deconnexion.png)
+
+**{-à faire-}** Déconnecter le membre connecté du binôme, puis connecter l'autre.
+
+# 3. Ouvrir des applications
+
+L'environnement dispose d'une barre d'icônes permettant d'exécuter certaines applications, mais pas
+toutes.
+
+**{-à faire-}** Identifier les applications de la barre d'icône en les survolant à l'aide de la souris.
+
+
+Les autres applications peuvent être exécutées en utilisant le bouton situé en haut, à gauche.
+
+
+Ce bouton permet de lancer une recherche parmi les applications :
+
+![menus-application](./img/menu-applications.png)
+
+**{+remarque+}** La recherche peut être lancé en utilisant le raccourci clavier <kbd><img src="./img/winlogo.png" alt="logo window"/></kbd>.
+
+
+**{-à faire-}** En utilisant la recherche, lancer le **gestionnaire de fichiers** (le nom de
+l'application est `Files`)
+
+**{+remarques+}** 
+
+1. Le gestionnaire de fichiers peut être lancé de plusieurs manières :
+
+- en effectuant une *recherche* ;
+- en utilisant l'icône correspondante dans la *barre d'icônes* ;
+- en double-cliquant sur l'*icône du bureau* représentant un dossier contenant une maison.
+
+2. Le gestionnaire de fichiers permet d'accéder à vos fichiers enregistrés sur la machine et à les
+   manipuler (déplacement, copie, création...).
+3. Par défaut, le gestionnaire de fichiers affiche votre **dossier personnel** (ou répertoire `HOME`)  
+ 
+## → Copie d'écran
+
+Une partie de l'évaluation de l'UE ODI se fera par le dépôt de copies d'écran.
+
+Pour effectuer une copie du bureau, il suffit d'utiliser la touche <kbd>Impr Écran</kbd> ou
+<kbd>Print Screen</kbd> (ou équivalent) du clavier. Cette touche est située en haut à droite du
+clavier. Lorsque vous appuyez puis relâchez cette touche, une copie du bureau est générée, mais elle
+n'est pas automatiquement affichée.
+
+Les fichiers générés par cette commande se trouvent dans le dossier `Pictures` de votre dossier
+personnel.
+
+**{-à faire-}** Utiliser le gestionnaire de fichiers pour ouvrir votre copie d'écran et laisser les deux
+fenêtres ouvertes : celle du gestionnaire de fichiers et celle de l'application avec laquelle l'image
+a été ouverte.
+
+Pour les premières séances, effectuez des copies d'écran pour attester du travail effectué et
+conservez les précieusement dans votre répertoire personnel. Nous vous demanderons plus tard de les
+déposer dans un dépôt git.
+
+## → Manipulation des fenêtres
+
+Dans les UE d'informatique, vous serez souvent amené·es à utiliser plusieurs fenêtres lors des TDM. Il
+faut savoir rapidement redimensionner vos fenêtres, passer d'une fenêtre à l'autre en utilisant la souris et le clavier.
+
+### Passer d'une fenêtre à l'autre
+
+Le raccourci clavier pour passer d'une fenêtre à l'autre est la combinaison
+<kbd>Alt</kbd>+<kbd>TAB</kbd>. La touche <kbd>Alt</kbd> est située à gauche de la barre espace, la
+touche de tabulation <kbd>TAB</kbd> est située à gauche de la touche <kbd>A</kbd> sur les claviers
+français, son dessin symbolise deux flèches horizontales de sens contraires.
+
+**{-à faire-}** Utiliser la combinaison de touche <kbd>Alt</kbd>+<kbd>TAB</kbd> pour changer
+l'application au premier plan.
+
+**{+remarque+}** Lorsque vous avez plus de deux applications ouvertes, les combinaisons de touches
+<kbd>Alt</kbd>+<kbd>TAB</kbd> et <kbd>Alt</kbd>+<kbd>shift</kbd>+<kbd>TAB</kbd> permettent
+respectivement d'avancer et de reculer dans la liste des fenêtres ouvertes (la touche
+<kbd>Shift</kbd> se situe au dessus de la touche <kbd>Ctrl</kbd>).
+
+### Redimensionner des fenêtres
+
+#### En utilisant les contrôles du gestionnaire de fenêtres
+
+Le gestionnaire de fenêtres décore les fenêtres des applications avec des boutons permettant d'agir
+sur l'aspect de celles-ci :
+
+![controles-fenetre](./img/controles-fenetre.png)
+
+
+Ces trois boutons permettent respectivement de réduire, maximiser et fermer la fenêtre.
+
+Lorsqu'une fenêtre est réduite, on peut la ré-afficher soit en cliquant sur son icône dans la barre
+d'icônes, soit en utilisant le raccourci <kbd>Alt</kbd>+<kbd>TAB</kbd>.
+
+Lorsqu'une fenêtre est maximisée, on peut restaurer son état en utilisant le même bouton.
+
+**{-à faire-}** Réduire une fenêtre, la restaurer, la maximiser et enfin la restaurer.
+
+**{+remarque+}** Vous pouvez retrouver ces opérations en utilisant le menu accessible par un clic droit
+(c'est-à-dire en utilisant le bouton de droite de la souris) sur la barre d'état de la fenêtre :
+
+![menu-fenetre](./img/menu-fenetre.png)
+
+#### En utilisant les raccourcis clavier
+
+Un·e programmeur·e efficace évite les déplacements inutiles de ses mains et préfère utiliser les
+raccourcis clavier pour manipuler la géométrie des fenêtres. Voici certains raccourcis clavier
+agissant sur les fenêtres :
+
+| Raccourci                                                                       | Effet                                                   |
+|---------------------------------------------------------------------------------|---------------------------------------------------------|
+| <kbd><img src="./img/winlogo.png" alt="logo window"/></kbd> + <kbd>Haut</kbd>   | Maximiser la fenêtre                                    |
+| <kbd><img src="./img/winlogo.png" alt="logo window"/></kbd> + <kbd>Bas</kbd>    | Restaurer la géométrie de la fenêtre                    |
+| <kbd><img src="./img/winlogo.png" alt="logo window"/></kbd> + <kbd>Droite</kbd> | Maximiser à droite (occupe la moitié droite de l'écran) |
+| <kbd><img src="./img/winlogo.png" alt="logo window"/></kbd> + <kbd>Gauche</kbd> | Maximiser à gauche (occupe la moitié gauche de l'écran) |
+
+**{+remarques+}** 
+
+1. Les touches <kbd>Haut</kbd>, <kbd>Bas</kbd>, <kbd>Gauche</kbd> et
+<kbd>Droite</kbd> sont appelées touches de direction et sont représentées par une flèche indiquant
+la direction.
+2. La séparation de l'espace de travail en deux vous sera utile pour, par exemple, afficher votre éditeur et le
+   sujet du TP en même temps.
+
+**{-à faire-}** Ouvrir deux fenêtres, en placer une à gauche et l'autre à droite.
+
+**{+pour aller plus loin+}** Lire la [mini-BD Dis... c'est quoi... ?](https://arpinux.org/discestquoi/) dédiée : [Dis.. c'est quoi... un raccourci clavier ?](https://arpinux.org/discestquoi/dcq/dcq-clavier.pdf)
+
+
+## → Ouvrir un shell
+
+Le shell ou interpréteur en ligne de commande est un programme permettant de dialoguer avec le
+système de manière textuelle : on y écrit des commandes pour qu'elles soient
+exécutées. L'utilisation du shell fera l'objet d'un prochain TP.
+
+Le système installé dispose souvent de plusieurs shell.
+
+**{-à faire-}** Effectuer une recherche d'applications en utilisant le mot-clé `shell` et identifier les différents shell graphiques disponibles.
+
+Le shell `Tilix` peut être lancé de plusieurs manières :
+
+- via le menu des applications ;
+- via la barre d'icônes ;
+- en utilisant le raccourci clavier <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>T</kbd>.
+
+**{-à faire-}** Lancer `Tilix` en utilisant le raccourci clavier.
+
+![Tilix](./img/tilix.png)
+
+## → Ouvrir le navigateur web
+
+Le système installé dispose d'au moins deux navigateurs web :
+
+- le navigateur de Google chrome ;
+- le navigateur Firefox.
+
+**{-à faire-}** Lancer le navigateur Firefox.
+
+Par défaut, le navigateur affiche au démarrage la page de l'intranet du FIL. Le FIL est la
+composante de l'université en charge des formations en informatique.
+
+**{-à faire-}** Cliquer sur le lien `Liens utiles` et identifier les services accessibles. Laissez ouverte l'application.
+
+Par défaut, le menu de l'application `Firefox` est caché, la touche <kbd>Alt</kbd> permet de le
+faire apparaître. Cela peut être utile pour accéder aux fonctions du logiciel.
+
+## → Ouvrir un éditeur de texte
+
+Parfois il vous sera demandé de créer ou d'ouvrir un fichier texte pour y saisir des
+informations. Le code source de vos programmes écrits dans le langage Python sera édité à l'aide d'un éditeur spécifique. Pour tous les autres fichiers, vous pouvez utiliser l'éditeur `gedit` en effectuant une recherche dans le menu des applications (entrez `gedit` ou `Text ...`)
+
+**{-à faire-}** Écrire les noms et prénom du binôme dans l'éditeur.
+
+
+Pour sauvegarder un document dans un fichier, vous pouvez utiliser le menu de l'application ou mieux en utilisant le raccourci clavier <kbd>Ctrl</kbd>+<kbd>S</kbd>
+
+**{-à faire-}** En utilisant le raccourci clavier, sauvegarder le document dans un fichier nommé
+`odi-tp1-NOM1-NOM2.txt` où `NOM1` et `NOM2` sont les noms des étudiants du binôme. Laisser ouverte l'application.
+
+
+Les éditeurs de texte partagent souvent les mêmes raccourcis. Voici une table des raccourcis du menu `Fichier` :
+
+| Raccourci                    | Action                   |
+|------------------------------|--------------------------|
+| <kbd>Ctrl</kbd>+<kbd>N</kbd> | Crée un nouveau document |
+| <kbd>Ctrl</kbd>+<kbd>O</kbd> | Ouvre un fichier         |
+| <kbd>Ctrl</kbd>+<kbd>S</kbd> | Sauvegarde un document   |
+| <kbd>Ctrl</kbd>+<kbd>W</kbd> | Ferme un document        |
+| <kbd>Ctrl</kbd>+<kbd>Q</kbd> | Quitte l'application     |
+
+## → Copier-coller
+
+En tant que programmeur·e, on est souvent amené·e à manipuler du texte. Les opérations de Copier-coller sont à la base de ces manipulations.
+
+Trois manipulations sont nécessaires :
+
+- la sélection ;
+- la copie ou la coupe (copie accompagnée d'un effaçage);
+- le collage.
+
+### En utilisant la souris
+
+1. La **sélection** s'effectue en maintenant le bouton gauche de la souris et en survolant le texte à sélectionner. 
+2. Un clic droit sur le texte sélectionné permet d'afficher un menu dit **contextuel** présentant les opérations possibles à cet endroit. L'entrée `Copier` permet de copier le texte dans le **presse-papier**.
+3. Dans une autre application ou à un autre endroit, on utilise aussi le menu contextuel et l'entrée `Coller` pour insérer le texte du presse-papier dans l'application.
+
+**{+remarque+}** Il est possible de sélectionner un mot entier en double cliquant (2 clics rapides) dessus, puis une ligne entière en cliquant une troisième fois juste après.
+
+### En utilisant les raccourcis clavier
+
+1. La sélection s'effectue en maintenant la touche <kbd>Shift</kbd> enfoncée, puis en déplaçant le curseur à l'aide des touches de direction. 
+2. La copie s'effectue en utilisant le raccourci clavier <kbd>Ctrl</kbd>+<kbd>C</kbd> ; la coupe s'effectue en utilisant le raccourci clavier <kbd>Ctrl</kbd>+<kbd>X</kbd> .
+3. Le collage s'effectue en utilisant le raccourci clavier <kbd>Ctrl</kbd>+<kbd>V</kbd>.
+
+**{+remarques+}** 
+
+- Il est possible de déplacer le curseur au début d'une ligne à l'aide de la touche <kbd>↖</kbd> ou <kbd>Home</kbd> et à la fin d'une ligne à l'aide de la touche <kbd>Fin</kbd> ou <kbd>End</kbd>. 
+Si vous maintenez la touche <kbd>Shift</kbd> enfoncée en utilisant ces raccourcis, vous sélectionnerez plus rapidement une longue portion de texte.
+
+- Le raccourci <kbd>Ctrl</kbd>+<kbd>A</kbd> sélectionne l'ensemble du contenu d'une fenêtre.
+
+
+**{-à faire-}** En utilisant la souris, sélectionner les textes des liens utiles présents dans le navigateur, puis **utiliser les raccourcis clavier** pour :
+
+- copier le texte dans le presse-papier ;
+- accéder à l'éditeur de texte ;
+- coller le texte dans l'éditeur.
+- enregistrer le fichier
+
+
+## → Ouvrir Thonny
+
+`Thonny` est un environnement de développement permettant d'écrire des programmes dans le langage
+`Python`.
+
+Le langage `Python` est celui choisi pour les UE de programmation de la première année.
+
+Sur les ordinateurs des bâtiments SUP et M5, deux versions de `Thonny` sont installées :
+
+- la version basique désignée simplement par `Thonny` ;
+- une version enrichie d'un environnement de test appelée `Thonny-l1test`.
+
+Cette année, nous utiliserons cette deuxième version.
+
+**{-à faire-}** En utilisant le formulaire de recherche des applications, lancer `thonny-l1test`.
+
+Au premier démarrage, le programme installe les fichiers nécessaires dans votre répertoire de travail **ce qui peut prendre plusieurs minutes**, ne paniquez pas !
+
+![thonny-attente](./img/thonny-attente.png)
+
+Puis un accord sur la collecte des données recueillies à travers l'application vous est demandé :
+
+![thonny-trace](./img/thonny-trace.png)
+
+**{+pour aller plus loin+}** Sur la collecte de donnes réalisée par L1log, 
+lire la [page dédiée](https://www.fil.univ-lille.fr/~L1S1Info/MI/collecte_donnees_thonny.pdf).
+
+Enfin le logiciel se lance :
+
+![thonny](./img/thonny.png)
+
+Thonny fera l'objet d'une prise en main dans un TP spécifique.
+
+

portail/1-fs+terminal/README.md

+> # Le système de fichiers et le terminal
+> 1re année de licence maths-info, Univ. Lille \
+> septembre 2023 \
+> [![](https://mirrors.creativecommons.org/presskit/icons/cc.png){width=20}![](https://mirrors.creativecommons.org/presskit/icons/by.png){width=20}](https://creativecommons.org/licenses/by/4.0/deed.fr) 
+
+
+## → Objectifs
+
+Ce document vise à vous présenter le système de fichiers Linux utilisé sur les machines des salles de <abbr title="travaux pratiques">tp</abbr>. 
+
+On présente dans ce document l'organisation du système de fichiers, des notions importantes comme chemin relatif et chemin absolu que vous retrouverez dans d'autres cours. 
+
+Bien que la présentation soit particulièrement orientée sur la configuration des salles de <abbr title="travaux pratiques">tp</abbr>, la majorité des concepts peuvent se retrouver sur vos machines personnelles même si celles-ci n'utilisent pas le même système d'exploitation.
+
+
+# 1. Le terminal, la console
+
+## → Introduction
+
+La plupart des systèmes sont pourvus d'une interface graphique dont l'intention prétendue est de rendre l'utilisation plus simple et plus intuitive. Toutefois, il peut arriver que les interfaces graphiques cachent une partie de la difficulté et entretiennent les utilisateurs dans un état de dépendance. Chaque changement d'interface nécessite une période de réapprentissage qui diminue la productivité pendant cette période. D'autre part certaines tâches répétitives peuvent être plus difficiles à automatiser en utilisant l'interface graphique. Enfin, ici il convient de faire de vous des utilisateurs avertis. Il a donc été décidé de vous présenter comment utiliser le terminal.
+
+## → Le terminal
+
+Il s'agit d'un programme interactif, l'opérateur tape des commandes. Ces commandes sont analysées puis exécutées par le programme qui modifie l'état du système. Cette modification peut, par exemple, consister à l'affichage d'un résultat ou des effets sur les fichiers ou des effets sur les processus en cours. 
+
+En français, on appelle ce programme, terminal, console, ou interprète de commande. En anglais, on l'appelle aussi <span lang="en">shell</span>. La coquille est ce qui fait l'interface entre l'interieur, -le système- et l'exterieur, -l'utilisateur-. 
+
+**{+remarque+}** Il existe plusieurs variantes de <span lang="en">shell</span> Linux. Mais pour l'instant cela importe peu.
+
+Lançons le terminal et observons.
+
+![Fenêtre Shell](./img/fenetre-shell.png)
+
+L'ordinateur affiche un message qui donne quelques informations sur l'état du système. Ce message s'appelle le *message d'invite* ou simplement *l'invite* (en anglais <span lang="en">*prompt*</span>). 
+
+Généralement, on y trouve les réponses aux questions *qui* et *où*.
+On va détailler plus loin sur le message d'invite.
+
+**{+remarque+}** Ce message est personnalisable.
+
+En plus des informations affichées, cela indique que le système est prêt à recevoir une commande.
+
+La syntaxe d'une commande est extrêmement simple, on écrit la commande suivie des paramètres éventuels séparés par des espaces.
+
+**{+remarque+}** Le choix du séparateur a pour conséquence qu'il est déconseillé d'utiliser l'espace dans les noms de fichiers. Ce n'est pas interdit, mais cela peut rendre plus complexe l'écriture de certaines commandes.
+
+![Pourquoi faire simple](./img/pourquoi-faire-simple.png)
+
+La commande `man` permet d'obtenir les documentations du systèmes et des commandes. 
+
+**{-à faire-}** Testez cette commande dans le terminal.
+
+`man`
+
+**{-à faire-}** Testez la commande
+`man man`
+
+Pour faire défiler le texte utilisez les flèches <kbd>haut</kbd> et <kbd>bas</kbd> du clavier. tapez <kbd>q</kbd> pour quitter.
+
+**{-à faire-}**
+À quoi sert la commande `ls` ?
+
+
+**{-à faire-}** 
+À quoi sert la commande `pwd` ?
+
+Le manuel est une description assez complète des commandes et de leur options. On s'en sert plutôt comme référence lorsqu'on recherche des fonctionnalités assez précises. Mais il ne serait pas très commode de découvrir le terminal en faisant la lecture <span class="locution latine" title="en entier">in extenso</span> de la totalité des pages du manuel. Aussi dans la suite, on va présenter quelques commandes usuelles en expliquant leur effet et en ne détaillant que quelques options les plus communes. Si vous souhaitez davantage d'information s'il vous plaît <abbr lang="en" title="read the f... manual">rtfm</abbr>[^rtfm]. 
+
+[^rtfm]: <abbr lang="en" title="read the f... manual">rtfm</abbr> est un acronyme en langue anglaise qui signifie – dans sa version présentable – <span lang="en">read the fine manual</span>. Dans la version moins présentable le mot <span lang="en">fine</span> est remplacé par un autre mot...
+
+# 2. Quelques commandes
+
+Voici une liste de quelques commandes :
+
+- `date`
+- `python3` (pour quitter l'interprète python tapez `quit()`
+- `thonny-l1test` 
+- `lowriter` (pour retrouver le prompt quittez libreoffice writer)
+- `localc` (idem)
+- `history`
+
+**{-à faire-}** 
+testez ces commandes
+
+On va présenter d'autres commandes après la description du système de fichiers.
+
+**{+remarque+}**
+La complétion automatique permet de d'économiser l'usure des empreintes digitales, c'est-àdire de moins presser de touche. par exemple pour taper la commande `thonny-l1test`, il suffit de taper <kbd>t</kbd><kbd>h</kbd><kbd>o</kbd><kbd>Tab</kbd>,  la machine affiche alors les deux complétions possible de ce début de commande, qui sont `thonny` et `thonny-l1test` et complète alors avec `nny` en tapant ensuite <kbd>-</kbd><kbd>Tab</kbd> la commande est complétée.
+
+**{-à faire-}**
+Vérifiez le.
+
+**{-à faire-}**
+Lancez libre-office Writer depuis la console en utilisant la complétion.
+
+
+**{+remarque+}**
+La commande `history` permet de connaitre les dernières commandes utilisées et éventuellement de les réutiliser.
+l'affichage obtenu est composé de la liste des dernières commandes chaque commande est précédée d'un numéro. en tapant <kbd>!</kbd> on peut relance la commande correspondante.
+
+# 3. Le système de fichiers
+
+## → Dossiers
+On appelle dossier ou répertoire un élément du système de fichiers qui peut
+contenir d'autres dossiers ou des fichiers. un dossier ou répertoire est le mot français  utilisé pour traduire <span lang="en">directory</span> ou <span lang="en">folder</span>.
+
+La commande `du` (<span lang="en">disk usage</span>) permet de connaitre la taille utilisée par un dossier. En précisant l'option `-h` (comme <span lang="en">human readable</span>)  on permet d'avoir un résultat présentant sous une forme plus agréable pour les humains (le programme choisit une unité adaptée). En précisant l'option `-s` (comme <span lang="en">summarize</span>), on demande de nous afficher que la taille totale du dossier.
+
+**{-à faire-}** Exécutez la commande
+`du -hs /usr/lib`
+
+**{-à faire-}** Quelle commande utiliser pour connaitre la taille du dossier ~/Téléchargements ? 
+
+Les dossiers possèdent un nom et différents attributs.
+
+## → Fichiers
+
+Les fichiers servent à contenir les données. On peut considérer que le contenu d'un fichier est une liste (éventuellement vide) de nombres entiers. Chaque nombre entier est compris entre `0` et `255`. L'ordre des éléments dans la liste est important.
+
+Comme les dossiers, Les fichiers possèdent un nom et différents attributs.
+
+## → Les noms des éléments
+
+la barre oblique `/` est interdite dans les noms de fichiers.
+
+Evitez aussi les `:` et les `\`, les espaces, les tabulations, les retours à la ligne.
+
+l'octet NUL est interdit dans les noms de fichiers.
+
+La longueur maximale (pour `ext4fs`) d'un nom de fichier ou dossier est 255 octets.
+
+Le point est autorisé une ou plusieurs fois dans les noms de fichiers.
+
+Lorsqu'un nom de fichier ou dossier commence par un point celui-ci est considéré comme un fichier caché.
+
+**{+remarque+}** Dans le système, il existe des fichiers cachés. Ils sont cachés car l'utilisateur n'est pas censé intervenir dessus directement. Ils sont créés par le système ou par des applications pour stocker des préférences des réglages, des historiques... Toutefois, il peut arriver dans certains cas bien particulier qu'on ait besoin d'y accéder. l'option `-a` (comme <span lang="en">all</span>) de la commande `ls` permet de voir les fichiers cachés.
+
+**{-à faire-}** Dans un terminal, tapez la commande `ls`
+
+**{-à faire-}** Dans un terminal, tapez la commande `ls -a`
+
+### Extensions
+
+usuellement, on attribue un suffixe qui commence par un point et qui est suivi de quelques caractères. On appelle cela l'extension du fichier. Cette extension peut être une indication de ce que contient le fichier. ainsi le l'extension `txt` indique que le contenu du fichier est du texte, `py` du python, etc... Dans certains systèmes, cette extension est parfois cachée. 
+
+
+
+## → La racine
+Un unique dossier sert de point de départ du système de fichiers. C'est le seul élément du système de fichiers dont le nom est la chaine vide. Tous les autres éléments du système de fichiers sont des *descendants* de la racine.
+
+## → La maison
+Les utilisateurs du système possèdent un dossier qui leur appartient. C'est dans leur dossier que les fichiers peuvent être créés et stockés.
+
+La maison est désignée par `~` 
+
+
+
+## → Dossier courant
+Lorsque le terminal est lancé, un dossier est courant est défini, en général il s'agit de la maison de l'utilisateur.
+
+On peut connaître le dossier courant en tapant l'instruction `pwd` qui est un acronyme de <span lang="en">print working directory</span>
+
+**{-à faire-}** Dans un terminal, tapez la commande `pwd`
+
+tout dossier contient deux éléments (cachés car ils commencent par un point) `.` et `..` qui désigne le dossier lui même et son père (sauf biensûr pour la racine...)
+
+
+
+### Changer le dossier courant.
+La commande `cd`  permet de changer de dossier. Le nom de la commande provient de l'anglais <span lang="en">change directory</span>
+
+
+**{-à faire-}** la commande `cd`, utilisée sans paramètre permet de revenir à la maison. Faites-le.
+
+**{-à faire-}** Tapez `cd Téléchargements`. Notez l'évolution du prompt. tapez l'instruction `pwd`.
+
+**{-à faire-}** la commande `cd`, utilisée sans paramètre permet de revenir à la maison. Faites-le.
+
+**{-à faire-}** Tapez la commande `cd ..`, puis la commande `pwd`, notez l'évolution du message d'invite (<span lang="en">prompt</span>)
+
+**{-à faire-}** Faites ce qu'il faut pour <q>revenir à la maison</q>.
+
+
+## → Création et suppression de dossiers
+la commande `mkdir` permet de creer un dossier. Le nom de la commande provient de l'anglais <span lang="en">make directory</span>. Le nom du dossier à créer doit être passé en paramètre.
+
+**{-à faire-}** Lancez un terminal, puis tapez la commande `mkdir toto`.
+Vérifiez ensuite avec un gestionnaire de fichiers graphique que le dossier `toto` a bien été  créé.
+
+la commande `rmdir` permet d'effacer un dossier. Il est indispensable que le dossier soit vide pour pouvoir le supprimer grâce à cette commande.
+
+**{-à faire-}** Effacez le dossier `toto` précédemment créé. Vérifiez ensuite avec un gestionnaire de fichiers graphique que le dossier `toto` a bien été supprimé.
+
+## → Création et suppression d'un fichier
+
+La commande `touch` permet d'actualiser l'heure de modification d'un fichier existant. Si le fichier est inexistant, il est créé avec une taille nulle.
+
+**{-à faire-}** Exécutez la commande `touch titi`. Vérifiez ensuite avec un gestionnaire de fichiers graphique que le fichier `titi` a bien été créé.
+
+la commande `rm` permet d'effacer un fichier. Faîtes très attention quand vous l'utiliserez, une maladresse est vite arrivée.
+
+**{-à faire-}** Tapez `rm titi`, confirmez si nécessaire, puis vérifiez avec un gestionnaire de fichiers graphique que le fichier `titi` a bien été supprimé.
+
+
+## → Noms absolus et noms relatifs
+Le nom absolu d'un fichier est le chemin obtenu en construisant la liste noms des répertoires à traverser depuis la racine inclue pour atteindre le fichier, puis en ajoutant en fin de liste le nom du fichier. Ensuite on intercale une barre oblique `/` entre chaque élément de la liste. La barre oblique signifie qu'il faut traverser le dossier. Comme le nom de la racine est la chaîne vide le chemin absolu commence par une barre oblique `/`.
+
+**{+remarque+}** Dans d'autres systèmes le caractère qui représente la traversée d'un dossier peut être différent, par exemple `\` sous windows, ou `:` sous mac.
+
+
+Un nom relatif d'un fichier est le chemin obtenu en construisant la liste des noms des répertoires à traverser depuis le dossier courant. On ajoute le nom du fichier en fin de liste. Puis on intercale une barre oblique entre chaque élément de la liste. Si le fichier est dans le dossier courant, la liste est réduite à un seul élément, le nom du fichier et il n'y a pas de barre oblique. Comme seul la racine est nommée par une chaîne vide, un nom relatif ne peut pas commencer par une barre oblique. C'est comme cela qu'on peut faire la différence entre un nom relatif et un nom absolu.
+
+**exemples:**
+
+~~~ 
+/
+├── codage
+│   ├── cm
+│   └── td
+├── math
+│   ├── cm
+│   ├── et
+│   └── td
+├── maths-discretes
+│   └── ctd
+├── odi
+│   └── tdm
+└── prog
+    ├── cm
+    ├── td
+    └── tdm
+
+~~~ 
+
+Imaginons que le dossier `cm` du dossier `prog` contienne un fichier nommé `seance1.txt`. Le nom absolu de ce fichier est `/prog/cm/seance1.txt`.
+Maintenant si le dossier courant est le dossier `td` du dossier `prog` alors le nom relatif de ce même fichier est `../cm/seance1.txt`.
+
+**{-à faire-}** Trouvez le chemin absolu d'un fichier nommé `td1.pdf` qui est situé dans le dossier `ctd` du dossier `maths-discretes`.
+
+**{-à faire-}** Déterminez quel est le chemin relatif de ce même fichier nommé `seance1.txt` si le dossier courant est `odi/tdm` .
+
+## → Quelques attributs des fichiers.
+taille, date de création, date de modification, date du dernier accès, propriétaire, groupe, droits d'accès, etc... sont des attributs possibles des fichiers. Vous pouvez en consulter certain en utilisant l'option `-l` de la commande `ls`. 
+
+**{-à faire-}** Faites-le ! et combinez avec l'option `-a` en tapant `ls -la`.
+
+
+# 4. D'autres commandes 
+
+- `pwd`
+- `ls`
+- `mkdir`
+- `cd` 
+- `rmdir`
+- `touch`
+- `tree`
+  permet d'afficher de manière textuelle sous forme d'un arbre le contenu d'un dossier et des sous dossier.  On précise le chemin du dossier dont on veut produire l'arbre. à défaut c'est le dossier courant qui va être utilisé.
+
+- `zip`
+  permet de fabriquer une archive compressée au format `zip`. Son utilisation est assez simple `zip nom_archive liste_des_elements_a_ajouter`. 
+
+**{+Attention+}** Lorsqu'on souhaite ajouter un dossier, si on ne précise pas l'option `-r` (pour récursif)  seul le dossier est ajouté dans l'archive mais pas le contenu du dossier. 
+- `zipinfo`
+  permet d'afficher le contenu d'une archive au format `zip`. Il suffit de préciser le nom de l'archive
+- `unzip` 
+  permet la décompression d'un fichier. Il faut préciser en paramètre le nom de l'archive à décompresser.
+- `tar`
+  permet de faire une archive au format `tar`.
+- `realpath`
+- `chmod`
+- `hexdump`
+  permet de visualiser le contenu d'un fichier sous forme hexadécimale. l'option `-C` permet un affichage *canonique*. En première colonne on trouve l'adresse (<span lang="en">offset</span>) et ensuite on trouve seize colonnes avec le contenu de chaque octet en hexadécimal et enfin seize caractères ascii correspondant lorsqu'ils sont affichables et un point à la place sinon.
+  On précise en paramètre le nom du fichier à afficher.
+  
+  
+  
+- `hexedit`
+  permet de visualiser et de modifier le contenu d'un fichier sous forme hexadécimale. (on reviendra sur cette commande dans une autre séance)
+  
+- `wget`
+
+# 5. Résumé
+
+Pour pouvoir retrouver ses travaux, qu'on utilise un outil graphique, ou qu'on utilise la console, il est important de connaitre comment est organisé le stockage de l'information. En première approximation, on peut considérer que le système de stockage est organisé en fichiers et en dossiers. Les dossiers peuvent contenir des fichiers et d'autres dossiers. Les fichiers peuvent être vus comme une suite finie et ordonnée d'octets. Un octet (byte en anglais) est un entier naturel compris entre 0 et 255. Les fichiers et les dossiers possèdent un nom et quelques attributs. Un unique dossier utilise le mot vide comme nom. Il s'agit de la racine. La structure du système de fichiers est un arbre. Pour obtenir le nom absolu d'un fichier on commence à la racine et on liste les dossiers qu'il faut traverser pour atteindre le fichier. à chaque fois qu'on traverse un fichier on utilise une barre oblique pour indiquer qu'on a traversé le dossier. Enfin, on place le nom du fichier.
+Lorsqu'on utilise un gestionnaire de fichiers graphique, ou lorsqu'on utilise la console, on change de dossier courant. La méthode pour le faire avec le gestionnaire de fichiers est assez intuitive généralement il suffit de cliquer sur le dossier. Lorsqu'on utilise la console, on doit le faire en utilisant la commande cd (change directory) (changer de dossier)
+
+

portail/1-fs+terminal/complements.md

+> # Utilisation d'Unix — compléments
+> [Outils pour le développement informatique](../Readme.md) \
+> 1re année de licence maths-info, Univ. Lille \
+> septembre 2023 \
+> [![](https://mirrors.creativecommons.org/presskit/icons/cc.png){width=20}![](https://mirrors.creativecommons.org/presskit/icons/by.png){width=20}](https://creativecommons.org/licenses/by/4.0/deed.fr)
+
+# 1. Redirections des entrées/sorties
+
+Les processus Unix possèdent des fichiers d'entrées standard, de sortie standard et d'erreur standard indépendants. Le mécanisme de redirection permet de rediriger les entrées et sorties respectivement depuis ou vers des fichiers.
+	
+Cette partie va illustrer ce mécanisme.
+
+## → Redirection de la sortie standard
+
+**{-à faire-}** exécutez les commandes suivantes
+~~~
+mkdir sc-redirections
+cd sc-redirections
+pwd
+ls -la
+du /usr/lib
+~~~
+
+
+**{-à faire-}** Dans votre éditeur de texte préféré créez un fichier nommé `compte_rendu_complements.md`, collez et complétez le texte suivant:
+
+~~~
+# Quelques commandes
+
+|----------------------|----------------------------------------------------------------------|
+| Commande             | Effet                                                                |
+|----------------------|----------------------------------------------------------------------|
+|mkdir sc-redirections |                                                                      | 
+|cd sc-edirections     |                                                                      |
+|pwd                   |                                                                      |
+|ls -la                |                                                                      |
+|du /usr/lib           |                                                                      |
+|----------------------|----------------------------------------------------------------------|
+
+
+# Contenu initial du dossier courant
+
+~~~
+
+**{-à faire-}** Précisez en dessous du tableau quel est le contenu précis du dossier courant. Enregistrez le fichier `compte_rendu_complements.md`.
+
+**{+remarque+}** Dans toute la suite, on va ajouter de nouvelles choses à ce fichier. Pensez à l'enregistrer régulièrement après chaque modification.
+
+
+**{-à faire-}** Executez maintenant les commandes suivantes :
+~~~
+du /usr/lib > texte-produit.txt
+ls -la
+~~~
+
+**{-à faire-}** Constatez qu'aucun affichage ne se produit, puis ajoutez dans le fichier nommé `compte_rendu_complements.md` le texte suivant.
+
+~~~
+# Contenu du dossier courant après l'exécution de la commande `du` avec une redirection de la sortie 
+~~~
+
+**{-à faire-}** Puis visualisez avec votre éditeur de texte préféré le contenu du fichier `texte-produit.txt`
+
+Je précise que  `>` permet de rediriger la sortie standard vers le fichier dont le nom est précisé ensuite. Attention, si le fichier existe son contenu est écrasé par la sortie crée par la commande qui précéde le `>`
+
+Utilisée sans paramètre, la commande `cat` permet d'envoyer sur la sortie standard le contenu d'un fichier.
+
+**{-à faire-}** Utilisez la commande `cat` pour afficher sur la sortie standard le contenu du fichier `texte-produit.txt`
+
+La commande `cat` peut être utilisée sans paramètre. Le fichier affiché est alors l'entrée standard. On a moyen de signaler au système que l'entrée standard est terminée en tapant en début de ligne la combinaison <kbd>ctrl</kbd>+<kbd>d</kbd>. Si on teste la commande `cat` sans paramètre, la console va se comporter comme un perroquet, qui va répeter tout ce qu'on y tape jusqu'à ce que l'utilisateur tape la combinaison <kbd>ctrl</kbd>+<kbd>d</kbd>.
+
+**{-à faire-}** Faites-le.
+
+On peut utiliser la commande  `cat` pour réaliser un court fichier, en utilisant une redirection. 
+
+**{-à faire-}** Réalisez le fichier `proverbe-shadok.txt` en utilisant la commande `cat > proverbe-shadok.txt` et en saisissant le texte suivant :
+~~~
+Il vaut mieux pomper même s’il ne se passe rien que de risquer qu’il se passe quelque chose de pire en ne pompant pas.
+~~~
+(N'oubliez pas  <kbd>ctrl</kbd>+<kbd>d</kbd> à la fin)
+
+**{-à faire-}** En utilisant `ls -l`,  vérifiez que le fichier `proverbe-shadok.txt` existe bien. Vérifiez son contenu avec votre éditeur de texte préféré.
+
+La commande `wc` (vraisemblablement de l'anglais <span lang="en">word count</span>) permet de faire des statistiques sur les fichiers, elle permet – entre autres – de compter le nombre de lignes d'un fichier. Il faut pour cela utiliser l'option `-l`  et préciser le nom du fichier.
+
+**{-à faire-}** Combien de lignes contient le fichier `texte-produit.txt`. Copiez le texte ci-dessous à la fin de `compte_rendu_complements.md` et complétez ce qui doit l'être.
+
+~~~
+# Utilisation de `wc`
+
+Le nombre de ligne du fichier `compte_rendu_complements.md` est ...
+~~~
+
+## → Redirection de la sortie standard à la suite d'un fichier (<span lang="en">append</span>).
+
+**{-à faire-}** Exécutez les commandes suivantes, notez bien que l'avant dernière instruction utilise un double `>`.
+En regardant attentivement le résultat de ces instructions et le titre du paragraphe, proposez une explication du rôle de `>>` 
+
+~~~
+# l'ajout en fin de fichier
+
+|---------------------------------|----------------------------------------------------------------------|
+| Commande                        | Effet                                                                |
+|---------------------------------|----------------------------------------------------------------------|
+|cat proverbe-shadok.txt > a.txt  |                                                                      | 
+|cat proverbe-shadok.txt > a.txt  |                                                                      |
+|cat a.txt                        |                                                                      |
+|cat proverbe-shadok.txt >  b.txt |                                                                      |
+|cat proverbe-shadok.txt >> b.txt |                                                                      |
+|cat b.txt                        |                                                                      |
+|---------------------------------|----------------------------------------------------------------------|
+
+L'opérateur de redirection `>>` sert à ....
+~~~
+
+**{-à faire-}** Copiez et collez le texte précédent dans `compte_rendu_complements.md` et complétez le tableau et la phrase qui est au dessous.
+
+
+## → Redirection de la sortie erreur standard
+Sous linux, les processus disposent aussi d'une sortie erreur standard.
+Lorsque tout se passe bien, produit ses affichages sur la sortie standard, mais quand cela se passe mal, elle produit ses affichages vers la sortie erreur standard. Toutefois à premiere vue, on ne s'en aperrçoit pas car tout est affiché sans distinction dans le terminal. 
+
+Illustrons cela à l'aide de la commande `find`. Elle permet de chercher des fichiers dans le système de fichier. On reviendra sur cette commande plus longuement plus tard. l'option maxdepth permet de limiter la profondeur de recherche dans l'arbre du système de fichier. la commande 
+~~~
+find / -maxdepth 3
+~~~
+permet de trouver tous les éléments du système de fichiers qui sont à profondeur 3 à partir de la racine. 
+
+Regardez attentivement le resultat. 
+Vous devez voir deux types de lignes, certaines sont du genre `find:... Permission non accordée`. d'autre correspondent à des noms absolus de fichier ou de dossier. Les premieres sont imprimées sur la sortie erreur les secondes sur la sortie standard. Pour s'en convaincre, il suffit de faire une redirection de la sortie. 
+
+**{-à faire-}** Exécutez la commande : 
+~~~
+find / -maxdepth 3 > trouve.txt
+~~~
+Que constatez vous ? 
+
+**{-à faire-}** Exécutez la commande : 
+~~~
+find / -maxdepth 3 > trouve.txt 2> erreur.txt
+~~~
+Que constatez vous ? 
+
+
+
+
+## → Redirection de l'entrée standard
+Lorsqu'on utilise la commande `wc -l` sans paramètre en plus de l'option. c'est le nombre de lignes de l'entrée standard qui est compté. 
+
+**{-à faire-}** Testez cette commande et utilisez le texte ci-dessous pour l'entrée standard.
+
+<pre>
+a
+b
+c
+d
+<kbd>ctrl</kbd>+<kbd>d</kbd>
+</pre>
+
+On peut demander au système de prendre le contenu d'un fichier et d'utiliser ce contenu pour la commande `wc -l`. 
+
+**{-à faire-}** Testez la commande suivante `wc -l < proverbe-shadok.txt`
+
+**{-à faire-}** Complétez le compte rendu avec le texte suivant :
+~~~
+# Redirection de l'entrée standard
+l'opérateur `<` permet de faire une redirection de l'entrée standard. lors de l'exécution de la commande située à gauche, au lieu de lire ses entrées sur l'entrée standard, les entrées vont être lues dans le fichier dont le nom est précisé à droite.
+~~~
+
+**{-à faire-}** Prévoyez l'effet de la commande suivante `cat < b.txt`. 
+	
+## → Le tube
+
+L'opérateur `|` sert à enchainer des commandes. Dans ce contexte, cette barre verticale est appelée <q>tube</q> (en anglais <span lang="en">pipe</span>).
+~~~
+commande_1 | commande_2
+~~~
+possède a peu près la signification suivante :
+~~~
+commande_1 > fichier-temporaire
+commande_2 < fichier-temporaire
+~~~
+sauf que le fichier l'environnement n'est pas pollué par la création du fichier `fichier-temporaire`
+On peut enchainer ainsi plusieurs commandes:
+~~~
+commande_1 | commande_2 | commande_3 | ... | commande_n
+~~~
+possède à peu près la signification suivante:
+~~~
+commande_1 > resultat_1
+commande_2 < resultat_1 > resultat_2
+commande_3 < resultat_2 > resultat_3
+...
+commande_n < resultat_nmoins1
+~~~
+
+**{-à faire-}** Utilisez un tube pour connaitre le nombre de lignes produites par l'exécution de 
+`du -h /usr/lib`
+
+
+**{-à faire-}** Téléchargez le fichier [materiel_complements.zip](./materiel_complements.zip)
+On peut aussi le faire en ligne de commande : `wget https://gitlab-fil.univ-lille.fr/ls1-odi/portail/-/raw/master/1-fs+terminal/materiel_complements.zip`
+
+**{-à faire-}** Décompressez le dans le dossier courant.
+On peut aussi le faire en ligne de commande : `unzip materiel_complements.zip`
+
+le fichier `melange` est une commande qui a pour effet de lire l'entrée standard et de recopier les lignes lues sur la sortie standard dans un ordre aléatoire
+
+le fichier `binomise` est une commande qui a pour effet de lire l'entrée standard et de joindre les lignes par groupe de deux. 
+
+**{-à faire-}** Testez les commandes suivantes
+~~~
+cat liste_eleve.txt
+cat liste_eleve.txt | ./melange
+cat liste_eleve.txt | ./melange
+cat liste_eleve.txt | ./binomise
+cat liste_eleve.txt | ./binomise
+cat liste_eleve.txt | ./melange | ./binomise
+cat liste_eleve.txt | ./melange | ./binomise
+~~~
+**{+remarque+}** Chaque commande sauf la première est répétée deux fois.

portail/1-navigateur-web/README.md

+ > # Navigateur web
+> [Outils pour le développement informatique](../Readme.md) \
+> 1re année de licence maths-info, Univ. Lille \
+> septembre 2023 \
+> [![](https://mirrors.creativecommons.org/presskit/icons/cc.png){width=20}![](https://mirrors.creativecommons.org/presskit/icons/by.png){width=20}](https://creativecommons.org/licenses/by/4.0/deed.fr)
+
+# 1. Objectifs
+
+Ce document vise à vous présenter les fonctionnalités de base d'un
+[navigateur web](https://fr.wikipedia.org/wiki/Navigateur_web) ainsi
+que les sites web principaux qui vous seront utiles pendant vos
+études de licence.
+
+# 2. Le navigateur web
+
+Un navigateur web est une application desormais toujours présente
+sur un poste informatique. 
+
+![Navigateur web](./img/navigateur-web.png)
+
+Elle vous permet de visualiser des documents ou en général
+d'acceder à des ressources publiées sur
+le [World Wide Web](https://fr.wikipedia.org/wiki/World_Wide_Web).
+Vous avez normalement déjà appris 
+comment démarrer
+les navigateurs web présents dans les postes de travail à votre
+disposition dans la partie de découverte à l'environnement graphique.
+
+## → Les URLs
+
+Les réssources publiées sur le World Wide Web peuvent être récupérées 
+en connaissant l'[_URL_](https://fr.wikipedia.org/wiki/Uniform_Resource_Locator) 
+correspondante (de l’anglais : Uniform Resource Locator, localisateur 
+uniforme de ressource).
+
+Un exemple simple d'URL est
+`https://www.fil.univ-lille.fr/portail/`.
+Cette URL se compose de trois parties :
+- le nom du 
+  [protocole réseau](https://fr.wikipedia.org/wiki/Protocole_r%C3%A9seau) :
+  [HTTPS](https://fr.wikipedia.org/wiki/Hypertext_Transfer_Protocol_Secure) ;
+- le [nom de domaine](https://fr.wikipedia.org/wiki/Nom_de_domaine) 
+  du [serveur informatique](https://fr.wikipedia.org/wiki/Serveur_informatique) 
+  qui hébèrge la page web : `www.fil.univ-lille.fr` ;
+- le [chemin d'accès](https://fr.wikipedia.org/wiki/Chemin_d%27acc%C3%A8s) 
+  à la ressource spécifique : `/portail/`.
+
+**{-à faire-}** Si vous êtes en train d'utiliser un navigateur web
+pour visualiser ce document,
+essayez d'identifier le protocole réseau et le nom de domaine du serveur
+en analysant l'URL qui se trouve maintenant dans la 
+[barre d'adresse](https://fr.wikipedia.org/wiki/Barre_d%27adresse)
+du navigateur, typiquement située au dessus de la page web que vous
+êtes en train de lire.
+
+![Barre d'adresse du navigateur web](./img/barre-adresse.png)
+
+## → Les fenêtres de navigation
+
+Un navigateur web permet de visiter une ou plusieurs URLs pour récuperer 
+les ressources correspondantes. Chaque ressource est normalement visualisée 
+dans une [fenêtre de navigation](https://fr.wikipedia.org/wiki/Fen%C3%AAtre_(informatique))
+différente.
+La plupart des navigateurs modernes permet d'ouvrir **plusieurs fenêtres** de navigation
+en même temps, pour acceder à plusieurs ressources simultanément.
+
+![Plusieurs fenêtres de navigation](./img/plusieurs-fenetres.png)
+ 
+Une fois ouvertes plusieurs fenêtres, on peut normalement passer d'une 
+fenêtre de navigation à l'autre en utilisant les mêmes techniques 
+et raccourcis clavier que vous avez découvert dans la partie de découverte
+de l'environnement graphique.
+
+
+**{-à faire-}** Si vous ne l'avez pas encore fait,
+à partir du menu application ouvrez un navigateur web 
+[Mozilla Firefox](https://fr.wikipedia.org/wiki/Mozilla_Firefox)
+ou
+[Google Chrome](https://fr.wikipedia.org/wiki/Google_Chrome).
+Sinon, passez à une fenêtre quelconque de votre navigateur
+et ouvrez une nouvelle fenêtre de 
+navigation avec le raccourci clavier <kbd>Ctrl</kbd>+<kbd>N</kbd>.
+
+**{-à faire-}** Dans cette nouvelle fenêtre de navigation, 
+visitez l'URL `https://www.fil.univ-lille.fr/portail/` soit en modifiant
+le contenu de la barre d'adresse directement avec votre clavier,
+soit en copiant/collant l'URL avec la méthode de votre choix. 
+
+**{-à faire-}** Maximisez à gauche la fenêtre de navigation de 
+l'exercice précédent en utilisant le raccourci clavier 
+<kbd><img src="../1-env-graphique/img/winlogo.png" alt="logo window"/></kbd> + <kbd>Gauche</kbd>
+vu dans la partie d'introduction à l'environnement graphique.
+
+**{-à faire-}** Ouvrez une nouvelle fenêtre de navigation
+avec le raccourci clavier <kbd>Ctrl</kbd>+<kbd>N</kbd>,
+maximisez la fenêtre à droite en utilisant le raccourci
+<kbd><img src="../1-env-graphique/img/winlogo.png" alt="logo window"/></kbd> + <kbd>Droite</kbd>.
+
+**{-à faire-}** Dans cette nouvelle fenêtre de navigation, visitez
+l'URL `https://portail.fil.univ-lille.fr`.
+
+**{-à faire-}** Sans les déplacer, visualisez côte à côte lez deux 
+fenêtres que vous avez ouvert dans les exercices précédents. Vous
+devriez obtenir un placement de fenêtres comme dans l'image ci-dessous :
+![Deux fenêtres de navigation côte à côte](./img/fenetres-cote-a-cote.png)
+
+**{-à faire-}** Comparez les URLs qui apparaissent dans les barres d'adresses
+de vos deux fenêtres de navigation. Que notez vous ?
+
+**{+pour aller plus loin+}** Est ce que le concept expliqué
+dans cette page
+`https://fr.wikipedia.org/wiki/Redirection_d%27URL`
+pourrait expliquer votre découverte ?
+
+**{-à faire-}** Fermez les fenêtres de navigation que vous avez ouvert
+dans les exercices précédents.
+
+## → Les hyperliens
+
+Les pages web intègrent de manière naturelle les URLs à travers les
+[hyperliens](https://fr.wikipedia.org/wiki/Hyperlien), qui cachent les
+URLs dans des _liens cliquables._
+
+**{-à faire-}** Lisez le document identifié par l'URL caché dans 
+l'hyperlien suivant en le cliquant avec le bouton gauche de la souris :
+[→cliquez⠀ici←](https://arpinux.org/discestquoi/dcq/dcq-web.pdf).
+
+**{-à faire-}** Cliquez maintenant l'hyperlien de l'exercice précédent
+en utilisant plutôt le **bouton droit** de la souris. Un
+[menu contextuel](https://fr.wikipedia.org/wiki/Menu_contextuel)
+apparaîtra, similaire à celui montré ci-dessous :
+
+![Menu contextuel d'hyperlien](./img/menu-contextuel-hyperlien.png)
+
+**{-à faire-}** Dans le menu contextuel que vous venez d'ouvrir,
+sélectionnez l'entrée qui vous permet de copier
+l'URL dans le [presse-papiers](https://fr.wikipedia.org/wiki/Presse-papiers_(informatique)).
+Ouvrez une nouvelle fenêtre de navigation avec la touche <kbd>Ctrl</kbd>+<kbd>N</kbd>
+et collez l'URL dans la barre d'adresse sans visiter la ressource.
+
+**{-à faire-}** Identifiez dans l'URL que vous venez de coller
+dans l'exercice précédent les parties qui le composent : 
+le protocole réseau, le nom de domaine et le
+chemin vers la ressource.
+
+**{-à faire-}** Devinez comment modifier la partie "chemin" de 
+l'exercice précédent pour trouver d'autres bandes
+déssinées hébergées sur le même serveur.
+
+**{-à faire-}** Une fois lue(s) la(les) bande(s) déssinées qui vous
+intéressent, fermez la(les) fenêtre(s) de navigation que vous venez
+d'ouvrir.
+
+**{-à faire-}** Ce document contient un nombre considerable d'hyperliens
+vers des pages de Wikipedia. Visitez-les et approfondissez votre culture
+informatique.
+
+## → Les onglets du navigateur web
+
+L'ouverture de nouvelles fenêtres de navigation est pratique si le nombre
+de fenêtres ouvertes en même temps reste limité. Dans le cas contraire,
+la plupart des navigateurs web modernes, de façon similaire à beaucoup 
+d'autres applications graphiques, permet de regrouper dans une seule 
+fenêtre de navigation plusieurs pages web ouvertes, en utilisant 
+le concept 
+d'[onglet](https://fr.wikipedia.org/wiki/Onglet_(informatique)).
+Les onglets apparaissent normalement juste au dessus de la barre d'adresse
+du navigateur.
+
+![Onglets du navigateur web](./img/onglets.png)
+
+
+**{-à faire-}** Cliquez avec le bouton droit de la souris l'hyperlien
+suivant :
+[→cliquez⠀ici←](https://fr.wikipedia.org/wiki/Onglet_(informatique)#Navigation_par_onglets).
+Dans le menu contextuel qui s'ouvre, sélectionnez l'entrée qui vous
+permet d'ouvrire la page web correspondante dans un nouvel onglet.
+
+**{-à faire-}** Une fois ouverte la page, 
+visualisez l'onglet qui vient de s'ouvrir si le navigateur ne l'a pas 
+déjà sélectionné pour vous.
+
+**{-à faire-}** Une fois lu le document, fermez l'onglet que vous
+venez d'ouvrir.
+
+**{-à faire-}** Le 
+[portail du département informatique de la Faculté de Sciences et Technologies de l'Université de Lille](https://portail.fil.univ-lille.fr)
+contient une page web spécifique pour la L1 MATHS-INFO. Visitez le lien,
+cherchez la page et visitez-la.
+
+**{-à faire-}** Dans la page ouverte dans l'exercice précédent, trouvez 
+l'hyperlien vers la sous-page qui décrit le premier 
+semestre (S1) de la L1 MATHS-INFO et ouvrez-la **dans un nouvel onglet**.
+
+**{-à faire-}** Identifiez maintenant dans cette sous-page 
+les hyperliens vers les UEs du S1 de la L1 MATHS-INFO.
+Ouvrez chaque hyperlien dans un nouvel onglet.
+
+**{-à faire-}** Chaque UE contient plusieurs sous-sous-pages, nommées
+_Présentation_, _Programme_, _Emploi du temps_, _Semainier_, etc.
+Ouvrez chaque sous-sous-page de chaque UE dans un nouvel onglet.
+
+**{-à faire-}** Après avoir lu les informations importantes sur les UEs
+de votre licence, cliquez avec le **bouton droit** de la souris sur le premier
+onglet de la fenêtre de navigation. Dans le menu contextuel qui apparaît, 
+sélectionnez l'entrée qui vous permet de fermer tous les onglet à droite 
+du courant.
+
+**{-à faire-}** Cliquez avec le bouton droit de la souris sur un onglet
+de votre choix, en faisant apparaître le menu contextuel correspondant.
+Étudiez les differentes options proposées par ce menu.
+
+
+# 3. Sites web d'intérêt
+
+## → Les sites des départements
+
+Le portail L1 mathématiques-informatique est une formation de la Faculté des 
+Sciences et Technologies de l'Université de Lille. Sur le 
+[site de la faculté](https://sciences-technologies.univ-lille.fr/)
+vous trouverez de nombreuses informations, dont une rubrique sur la vie étudiante. 
+Vous trouverez également des liens vers les deux départements d'enseignement 
+dont dépend la L1 :
+
+- le département [d'informatique](https://sciences-technologies.univ-lille.fr/informatique), 
+  historiquement appelé FIl pour Formation en Informatique de Lille ;
+- le département [de mathématiques](https://sciences-technologies.univ-lille.fr/mathematiques).
+
+**{-à faire-}** Visitez les pages spécifiées ci-dessus.
+
+## → Le portail pédagogique du département informatique
+
+Les formations gérées par le département informatique et la description de leurs UE sont présentées dans le 
+[portail pédagogique](https://www.fil.univ-lille.fr/portail) que vous avez visité
+dans des exercices précédents.
+
+Les années de formation, semestres puis UE sont accessibles dans des pages et sous-pages spécifiques.
+
+**{-à faire-}** Explorez les formations disponibles sur ce portail.