Obtention de votre compte usager
Vous devez avoir votre nom d'usager du DIRO-DESI dont le mot de passe est de 14 caractères. Vous êtes censé avoir reçu un courriel avec les informations. Si vous ne l'avez pas encore, veuillez suivre les instructions dans la page ci-dessous:
Téléchargement de logiciels pour le travail à partir de votre ordinateur
- VSCode: https://code.visualstudio.com/Download
- WinSCP (si vous travaillez sur windows): https://winscp.net/eng/download.php
- Filezilla (si vous travaillez sur mac): https://filezilla-project.org/download.php
- Navigateur Chrome (si vous ne l'avez pas)https://www.google.com/intl/en/chrome/
Informations importantes pour les étudiantes de la DESI
Lisez avec attention les documents suivants:
Lisez aussi avec attention les informations fournies par le support technique sur le fonctionnement des laboratoires de la DESI
Connexion avec Winscp
La connexion avec Winscp vous donne accès au réseau Unix du laboratoire à partir de la maison:
Dans la liste de programmes, choisissez le programme Winscp et entrer avec:
- le nom du serveur auquel vous pouvez vous brancher:
arcade.iro.umontreal.ca; - votre compte usager;
- votre mot de passe.
Lecture du Courriel
Quelques conseils:
- Le serveur de courriel à l'Université de Montréal. Lisez votre courriel régulièrement car des messages importants peuvent vous être envoyés concernant le cours ou votre compte d'usager.
Édition d'un fichier HTML dans l'éditeur VSCode
Au laboratoire de l'université, vous devez toujours travailler sur le disque R: (en non sur le disque C:). Le disque R: est accessible à partir de toutes les machines. Donc, si vous changez de poste de travail d'une semaine à l'autre, vous aurez tous vos fichiers.
Nous allons utiliser au laboratoire l'éditeur VSCode.
Créez un nouveau dossier sur le disque R: dont le nom est demoIntro pour mettre les fichiers
développés
dans la démonstration d'aujourd'hui.
Téléchargez le fichier simple.html dans le dossier
demoIntro. Pour télécharger un fichier à partir d'une page web, vous devez, avec le bouton de la
souris
sur le lien, cliquez sur le bouton droit et choisir l'option Enregistrer la cible du lien sous. Ce
fichier contient le modèle de page que nous utiliserons dans notre cours.
Dans la liste de programmes, choisissez le programme VSCode.
Édition de fichier HTML:
Cliquez sur "Ouvrir fichier" et sélectionnez le fichier simple.html sur le disque R:, dans le
dossier demoIntroHTML:
Édition de fichier HTML
Entrez avec le titre de la page dans l'élément title Ma première page Web.
VSCode indique que le fichier n'est pas sauvegardé dans le premier icône à gauche en haut.
Vous pouvez sauvegarder le fichier avec l'option Save (ou Sauvegarder dans la version française) sur le menu File (ou Fichier). En bas de l'option Save, il y a aussi l'option de sauvegarder le fichier avec un autre nom et aussi l'option de sauvegarder tous les fichiers ouverts dans VSCode.
Visualisation d'un fichier HTML dans le navigateur Chrome
Une fois la page sauvegardée, nous pouvons la réperée dans l'explorateur de fichiers pour l'ouvrir dans le navigateur.
Visualisation du HTML dans le navigateur
- Le contenu de la page affiché dans le navigateur
- la ligne d'adresse de la page avec l'indication du protocole file pour trouver la page localement dans l'ordinateur du client
- le titre de la page indiqué dans l'onglet du navigateur
Il est possible de visualiser le code source de la page dans le navigateur.
Le code source de la page tel quel édité dans l'éditeur de texte est donc affiché dans une autre page du navigateur.
Suppression de la mémoire cache dans le navigateur Chrome
Chaque navigateur permet la suppression de sa mémoire cache.
Chrome nous permet donc de choisir quelles données seront effacées.
N'oubliez pas de sélectionner le bouton Delete data après avoir fait votre choix.
Ressources à explorer
- Convertisseur d'adresse IP et vice-versa URL
- Trouvez le nom du domaine de l'adresse ip suivant: 149.56.198.21
- Trouvez l'adresse ip du nom du domaine: nelligan.ville.montreal.qc.ca
- IANA (Internet Assigned Numbers Authority)
- Quelle est la raison d'être de cette organisation?
- Site pour l'achat de nom de domaine au Canada (CIRA - Canadian Internet
Registration Authority)
- Vérifiez si un nom de domaine avec votre nom est disponible. Par exemple: elianacoelho.ca
- Statistiques d'utilisation des navigateurs (StatCounter
Global Stats)
- Quelle est la navigateur plus utilisé actuellement? Quelle est la part de marché de ce navigateur?
- Quelle était la part de marché de ce navigateur en septembre de 2014?
Travail à la maison
C'est pratique et commode de travailler à la maison. Pour pouvoir le faire vous devez :
- Lisez avec attention les informations fournies par le support technique à propos de la connexion et le transfert de fichiers à partir de la maison.
- Lisez avec attention les informations fournies par le support technique à propos du répertoire web de chaque usager.
- Lisez avec attention les informations fournies par la bibliothèque de Mathématique et d'informatique à propos de l'accès aux bases de livres numériques à partir de la maison.