---
# System prepended metadata

title: 1_ Syllabus séquence Observer
tags: [support]

---

---
title: 1_ Syllabus séquence Observer
tags: support
robots: noindex, nofollow
author: Julien Noyer
---

# Industrie 4.0 : Séquence Observer

*Formation Industrie 4.0 / Ingénieur 2000 / Référent Julien NOYER*

![](https://i.imgur.com/ICSQuJT.png)


*&copy; [Julien Noyer](https://www.linkedin.com/in/julien-n-21219b28/) for [Ingénieurs2000](https://www.ingenieurs2000.com) - All rights reserved for educational purposes only*

---

<br>

## Présentation de la séquence

L'objectif de cette séquence est de connaitre et d'appliquer des techniques de représentation de l'information sur Internet en utilisant les langages de base. Les différentes stacks techniques seront abordées afin de permettre aux étudiants d'avoir une vision juste des possibilités offertes selon les technologies utilisées.

- **Sessions de cours** 29 mars 2021 (AP) - 8 avril 2021 (MA)
- **Répertoire GitLab** https://gitlab.com/ingenieurs-2000/1_sequence_observer
- **Lien vers la version finale** https://map.dwsapp.io

<br>

## Syllabus

- Identifier les stacks techniques en développement Web
- Connaître les contraintes liées aux technologies
- Identifier les formats à privilégier
- Rendre accessible l'information via Internet
- Héberger un site ou une application Web
- Configurer un serveur distant

<br>

## Supprorts de cours

- [**WebStack** : Empiler les technologies pour développer le Web](https://hackmd.io/@teach-supports/rJr2NBwE_)
- [**WebApp** : Application native, hybride et web](https://hackmd.io/@teach-supports/r1pYVSv4_)
- [**NoCode** : Traiter l'information avec GoogleSheet](https://hackmd.io/@teach-supports/H1AK5rPVu)
- [**NoCode** : Développer une application avec Glideapp](https://hackmd.io/@teach-supports/BJC59SvV_)
- [**HTML** : Afficher des informations sur Internet](https://hackmd.io/@teach-supports/ByZnBSv4O)
- [**CSS** : Les feuilles de style en cascade](https://hackmd.io/@teach-supports/ByK5SBvV_)
- [**Javascript** : Les bases de la programmation](https://hackmd.io/@teach-supports/HycpVHDNd)
- [**Serveur** : Configurer un serveur NGINX](https://hackmd.io/@teach-supports/BJswWiONu)

<br>

---

<br><br><br>

# Notation de la séquence

![](https://i.imgur.com/FC9fnu5.png)

<br>

En plus du formulaire général sur les notions en Data abordées pendant la séquence "**Observer**", vous aurez à réaliser des **exercices notés sur 20** dans lesquels vous devrez mettre en pratique les techniques étudiées lors des sessions de cours avec **Julien Noyer**.

<br>

## Enoncé des exercices

Vous devez réaliser les **4 exercices** défini dans le fichier `exercice.html` dans le répertoire GitLab. Chacun de ces exercices vous rapporte **5 points** afin de vous donner une notre sur 20. Vous pouvez cliquer sur le lien suivant pour accéder directement au fichier `exercice.html` : 

- https://gitlab.com/ingenieurs-2000/1_sequence_observer/-/blob/master/exercice.html

<br>

Un exercice alternatif vous est également proposé dans le fichier `exercice.html` qui, si vous le réussissez, vous permet d'atteindre **20 points** sans avoir à faire les autres exercices. Dans cette exercice, qui se nomme **Kobayashi Maru** en hommage à la conquête spatiale, vous devez mettre en place un système de communication en temps réel dans une page Web en utilisant la bibliothèque Socket.io.

<br>

## Restitution

Pour restituer votre travail vous devez créer un fichier **ZIP** de votre dossier de travail afin que votre correcteur puisse tester le code dans son environnement local.

- **Date de restitution** 12 avril 2021

<br>

Pour créer une archive ZIP sur Mac, il vous suffit de faire un click-droit sur votre dossier de travail et de sélectionner l'option "Compresser...". Pour créer une archive ZIP sur Windows, il vous suffit de faire un click-droit sur votre dossier de travail et de sélectionner l'option "Envoyer vers > Ficher compressé".

- Créer un fichier **ZIP sur Mac** : https://apple.co/30W1cul
- Créer un fichier **ZIP sur Windows** : https://bit.ly/3sgc3vf

<br>

Une fois votre archive créée, il est essentiel que vous respectiez la nomenclature suivante pour la nommer :

- **NOM_PRENOM_JS_OBSERVER**

<br>

Vous devez ensuite effectuer votre rendu via le **LMS Ingénieur2000** en y déposant votre fichier **ZIP** dans le **dossier correspondant à la séquence**.

--- 

<br><br><br>

# Ressources

![](https://i.imgur.com/eAySYs0.png)

Liste de liens utiles pour la mise en place de la séquence : 

- **Google Sheet** https://docs.google.com/spreadsheets
- **GlideApp** https://www.glideapps.com
- **Hypertext Markup Language** https://hackmd.io/@dws-teach/SyO1wn858
- **Cascading Style Sheets** https://hackmd.io/@dws-teach/BJO72aLqL
- **Markdown** https://fr.wikipedia.org/wiki/Markdown
- **CommonMark** https://commonmark.org
- **Hackmd** https://hackmd.io/
- **Golang** https://golang.org
- **Homebrew** https://brew.sh/index_fr
- **SocketIO** https://socket.io

<br>

---

*&copy; [Julien Noyer](https://www.linkedin.com/in/julien-n-21219b28/) for [Ingénieurs2000](https://www.ingenieurs2000.com) - All rights reserved for educational purposes only*

---