Technologies Informatiques

Tutoriel 0.a : Configurer votre environnement de travail

Pour la partie Web de l'UE Technologies Informatiques, nous vous demandons de configurer votre environnement de travail (ordinateur fixe/portable) avec les logiciels suivants :

Un éditeur de texte permettant de créer et modifier les fichiers HTML
- De nombreux éditeurs peuvent être utilisés pour créer des pages Web (fichiers HTML) comme Sublime Text, Visual Studio Code, Visual Studio, gedit ou encore emacs.
- Dans la partie Web, les démonstrations sont réalisées en utilisant Visual Studio et/ou Visual Studio Code (https://code.visualstudio.com/)
- Vidéo de démonstration : vid_tutoriel1_index_html_vs - Créer un fichier HTML avec Visual Studio
- Vidéo de démonstration : vid_tutoriel1_index_html - Créer un fichier HTML avec Visual Studio Code
Un navigateur web : Google Chrome, Firefox, IE, Opera, ...
- Dans ce projet, vous créez et modifiez un fichier HTML avec un éditeur de texte, mais vous visualisez ce ficher avec un navigateur web.
- Vidéo de démonstration : vid_tutoriel1_open_edit - Visualiser et éditer un fichier HTML avec Visual Studio
- Vidéo de démonstration : vid_tutoriel1_open_edit - Visualiser et éditer un fichier HTML avec Visual Studio Code
Application Discord (https://discord.com/)
- Lien d'invitation est disponible sur la page Moodle de l'UE
Accès au Moodle de l'UE Technologies Informatiques :
- https://moodlesciences.univ-brest.fr/moodle/course/view.php?id=8
- Savoir comment créer un fichier .zip et le déposer sur la page Moodle de l'UE
- Vidéo de démonstration : vid_tutoriel1_moodle - Créer un fichier .zip et le déposer sur le Moodle

Tutoriel 0.b : Partager et collaborer

Au cours du projet, vous serez invité à présenter votre site web. En cas d'enseignement en distanciel, vous pouvez utiliser l'un des outils listés ci-dessous :

Discord Screen Share
1. Connecter à un salon vocal
2. Clicker sur le button "Screen" trouvé en bas à gauche de la fenêtre Discord
3. Vous avez ici le choix pour partager :
  - La fenêtre d'une application
  - L'intégralité de votre écran
  Nous vous recommandons de partager l'intégralité de votre écran car il est plus facile de basculer entre votre éditeur de texte et votre navigateur Web lorsque vous présentez votre projet.
codecollab.io
- Créer un compte d'utilisateur sur codecollab.io
- Créer un projet HTML
- Mettre à jour le projet avec le contenu de votre dossier projet (TP 1)
- Activer "Sharable Link"
- Envoyer le lien à votre enseignant
Visual Studio Code Live Share
- Installer et lancer Visual Studio Code
- Installer l'extension : //marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack. Le processus d'installation et de démarrage d'une section Live Share est également disponible sur le site Web.