add draft

This commit is contained in:
Simon Vieille 2021-11-28 22:24:08 +01:00
commit c7db66d5cf
20 changed files with 2815 additions and 0 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
build/*
!build/.gitkeep

18
Makefile Normal file
View File

@ -0,0 +1,18 @@
build-pdf:
marp src/index.md --allow-local-files -o build/slides.pdf
build-pptx:
marp src/index.md --allow-local-files -o build/slides.pptx
build-html:
marp src/index.md --allow-local-files -o build/index.html
clean:
test -f build/slides.pdf && rm build/slides.pdf || true
test -f build/slides.pptx && rm build/slides.pptx || true
test -f build/index.html && rm build/index.html || true
build: build-pdf build-pptx build-html
serve:
marp --allow-local-files -w -s ./src

0
build/.gitkeep Normal file
View File

BIN
src/assets/autoherb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
src/assets/bonne_idee.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 251 KiB

File diff suppressed because one or more lines are too long

BIN
src/assets/dns.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

BIN
src/assets/internet.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 495 KiB

4
src/assets/ip.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 30 KiB

BIN
src/assets/question.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" style="background-color: rgb(255, 255, 255);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="482px" height="182px" viewBox="-0.5 -0.5 482 182" content="&lt;mxfile host=&quot;draw.deblan.org&quot; modified=&quot;2021-11-28T18:06:41.057Z&quot; agent=&quot;5.0 (X11)&quot; etag=&quot;f5mY1GaewVW1qWuIk7bj&quot; version=&quot;15.8.6&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;gqIbgjD4pNEynKjRDQUw&quot; name=&quot;Page-1&quot;&gt;7VbbbtswDP0aP66I7dz6WKfpBrTdBgTY9qrajKVFNg2Zjp1+/aRY8qVpsxVoHwoMAQLxkJLIw0MlXrjKms+KFfweE5BeMEkaL7z2guBycam/DXBogekybIFUiaSF/B7YiEew4MSilUigHAUSoiRRjMEY8xxiGmFMKazHYVuU41sLlsIJsImZPEV/ioR4iy6DRY9/AZFyd7M/twVnzAXbSkrOEqwHULj2wpVCpHaVNSuQhjvHS7vv5gVvl5iCnP5lw+xH/fX+l8iL22/NbSXny4P/+MmWsWeysgXbZOngGFBY5QmYQyZeGNVcEGwKFhtvrVuuMU6Z1JavlyUp3MEKJSqN5JjrsMjeAYqgeTF5v6NESwkwA1IHHeI2zCyLVkb+Ytnadd+U6dLG8GFDHMisENLu7J4rvbB0vYK68IQpSLR0rImKOKaYM7nu0WjMZR9zh1hYBn8D0cHOAasIn/DLWWE8UuS7jm4nzPCkAV4QTmczNp92XTA5nu+BLgkrFcOZ0t0gMpUCnYkLnu+pAslI7Md5vHl//L9Lu9wBxdx1oyLNqqbOPSQG3GJOAzL158akEKWKJQJ6n1X6Vkg55v7qyP2zY5GwkndaMNMh9LNzxx5AfsdSkMBc+x6QCLNBwJUUqXGQUUzErBXrXECNtWJyt0LyA2fb4s2VrCzaQreiMXlEBQpzynqvDyufCC5rUvO+X7C6nF7EUhw18xaT3b2PdrKDcHIy2W7Yh4O9mL+TboL/uvkIuule+/fXjTb7n+mjb/BfJ1z/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="0" y="0" width="480" height="180" fill="rgba(255, 255, 255, 1)" stroke="none" pointer-events="all"/><path d="M 147.66 87 L 330.34 87 M 330.34 93 L 147.66 93 M 330.34 93" fill="none" stroke="#455a64" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="70" y="52" width="78" height="76" fill="none" stroke="none" pointer-events="all"/><path d="M 143 52 L 75.01 52 C 72.43 52 70.34 54.09 70.34 56.67 L 70.34 101.56 C 70.34 104.13 72.43 106.22 75.01 106.22 L 143 106.22 C 145.57 106.22 147.66 104.13 147.66 101.56 L 147.66 56.67 C 147.66 54.09 145.57 52 143 52 Z M 144.13 101.56 C 144.13 102.18 143.62 102.69 143 102.69 L 75.01 102.69 C 74.38 102.69 73.87 102.18 73.87 101.56 L 73.87 56.67 C 73.87 56.04 74.38 55.53 75.01 55.53 L 143 55.53 C 143.62 55.53 144.13 56.04 144.13 56.67 Z M 138.92 58.18 L 79.03 58.18 C 77.64 58.18 76.52 59.31 76.52 60.69 L 76.52 97.53 C 76.52 98.92 77.64 100.04 79.03 100.04 L 138.92 100.04 C 140.3 100.04 141.43 98.92 141.43 97.53 L 141.43 60.69 C 141.43 59.31 140.3 58.18 138.92 58.18 Z M 80.05 96.51 L 80.05 61.71 L 137.9 61.71 L 137.9 96.51 Z M 143 109.15 L 75.01 109.15 C 72.43 109.15 70.34 111.24 70.34 113.82 L 70.34 123.33 C 70.34 125.9 72.43 128 75.01 128 L 143 128 C 145.57 128 147.66 125.9 147.66 123.33 L 147.66 113.82 C 147.66 111.24 145.57 109.15 143 109.15 Z M 144.13 123.33 C 144.13 123.96 143.62 124.47 143 124.47 L 75.01 124.47 C 74.38 124.47 73.87 123.96 73.87 123.33 L 73.87 113.82 C 73.87 113.19 74.38 112.68 75.01 112.68 L 143 112.68 C 143.62 112.68 144.13 113.19 144.13 113.82 Z M 141.49 116.93 L 141.49 120.32 C 141.49 121.1 140.86 121.72 140.09 121.72 L 121.12 121.72 C 120.34 121.72 119.72 121.1 119.72 120.32 L 119.72 116.93 C 119.72 116.15 120.34 115.53 121.12 115.53 L 140.09 115.53 C 140.86 115.53 141.49 116.15 141.49 116.93 Z" fill="#455a64" stroke="none" pointer-events="all"/><rect x="330" y="52" width="78" height="76" fill="none" stroke="none" pointer-events="all"/><path d="M 403 52 L 335.01 52 C 332.43 52 330.34 54.09 330.34 56.67 L 330.34 101.56 C 330.34 104.13 332.43 106.22 335.01 106.22 L 403 106.22 C 405.57 106.22 407.66 104.13 407.66 101.56 L 407.66 56.67 C 407.66 54.09 405.57 52 403 52 Z M 404.13 101.56 C 404.13 102.18 403.62 102.69 403 102.69 L 335.01 102.69 C 334.38 102.69 333.87 102.18 333.87 101.56 L 333.87 56.67 C 333.87 56.04 334.38 55.53 335.01 55.53 L 403 55.53 C 403.62 55.53 404.13 56.04 404.13 56.67 Z M 398.92 58.18 L 339.03 58.18 C 337.64 58.18 336.52 59.31 336.52 60.69 L 336.52 97.53 C 336.52 98.92 337.64 100.04 339.03 100.04 L 398.92 100.04 C 400.3 100.04 401.43 98.92 401.43 97.53 L 401.43 60.69 C 401.43 59.31 400.3 58.18 398.92 58.18 Z M 340.05 96.51 L 340.05 61.71 L 397.9 61.71 L 397.9 96.51 Z M 403 109.15 L 335.01 109.15 C 332.43 109.15 330.34 111.24 330.34 113.82 L 330.34 123.33 C 330.34 125.9 332.43 128 335.01 128 L 403 128 C 405.57 128 407.66 125.9 407.66 123.33 L 407.66 113.82 C 407.66 111.24 405.57 109.15 403 109.15 Z M 404.13 123.33 C 404.13 123.96 403.62 124.47 403 124.47 L 335.01 124.47 C 334.38 124.47 333.87 123.96 333.87 123.33 L 333.87 113.82 C 333.87 113.19 334.38 112.68 335.01 112.68 L 403 112.68 C 403.62 112.68 404.13 113.19 404.13 113.82 Z M 401.49 116.93 L 401.49 120.32 C 401.49 121.1 400.86 121.72 400.09 121.72 L 381.12 121.72 C 380.34 121.72 379.72 121.1 379.72 120.32 L 379.72 116.93 C 379.72 116.15 380.34 115.53 381.12 115.53 L 400.09 115.53 C 400.86 115.53 401.49 116.15 401.49 116.93 Z" fill="#455a64" stroke="none" pointer-events="all"/></g></svg>

After

Width:  |  Height:  |  Size: 4.9 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 9.4 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 27 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 60 KiB

BIN
src/assets/slide1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

BIN
src/assets/slide2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 494 KiB

BIN
src/assets/slide3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 335 KiB

2533
src/assets/src.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 364 KiB

BIN
src/assets/toile.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 842 KiB

241
src/index.md Normal file
View File

@ -0,0 +1,241 @@
---
theme: gaia
paginate: true
footer: 'www.tinternet.net / fablab.grandbesancon.fr'
backgroundColor: #fff
---
<style>
ul {
padding-left: 0;
}
li {
list-style: none;
}
p img {
margin: auto;
width: 100%;
}
</style>
<!-- _paginate: false -->
<!-- _footer: '' -->
![bg left:30%](./assets/slide1.png)
# Les principes de fonctionnement dInternet 🧐
---
![bg left:30%](./assets/slide2.jpg)
# Sommaire
* Définition
* Réseau de base
* Réseau plus complexe
* Réseau encore plus complexe
* Internet et Internet Protocol (IP)
* Nom de domaine et DNS
* L'auto-hébergement
* Vos questions
---
![bg left:30%](./assets/slide3.jpg)
# Définition
* De façon simple, l'Internet est un vaste réseau d'ordinateurs qui communiquent les uns avec les autres.
---
![bg left:30%](./assets/toile.jpg)
# Réseau de base
* Afin que rendre possible la communication entre des ordinateurs, ils doivent être reliés :
* → soit par un lien physique (câble ethernet)
* → soit par un lien sans fil (wifi, bluethooth)
---
![](./assets/reseau_base.svg)
---
![bg left:30%](./assets/toile.jpg)
# Réseau plus complexe
* Dans le cas où on veut relier plus de 2 ordinateurs, on va utiliser un routeur qui fera office de relais de communication.
* C'est le comportement que vous avez dans votre réseau domestique via votre Bidule Box qui joue ce rôle de routeur.
---
![bg 70%](./assets/reseau_complexe.svg)
---
![bg left:30%](./assets/toile.jpg)
# Réseau encore plus complexe
* Pour interconnecter plusieurs réseaux, c'est le même principe mais on va lier des routeurs.
---
![bg 70%](./assets/reseau_complexe_2.svg)
---
![bg left:30%](./assets/toile.jpg)
# Réseau encore plus complexe
Si on sait connecter 2 routeurs, on peut en connecter une infinité !
---
![bg 70%](./assets/reseau_complexe_3.svg)
---
![bg left:30%](./assets/toile.jpg)
# ...
Quand on traduit **Réseau connecté** en anglais, on obtient
* → **Inter**connected
* → **Net**work
* ...
* ## Hello, **Internet**!
---
<!--
_paginate: false
_footer: ''
-->
![bg cover](./assets/bonne_idee.jpg)
---
![bg left:30%](./assets/internet.jpg)
# Internet et Internet Protocol (IP)
* Ce qu'on a vu est théorique, en pratique c'est un poil plus compliqué.
---
![bg left:30%](./assets/internet.jpg)
# Internet et Internet Protocol (IP)
Pour réaliser les connexions entre les réseaux, on a besoin de fournisseurs de liens : les **F**ournisseurs d'**A**ccès **I**nternet (FAI).
---
![bg left:30%](./assets/internet.jpg)
# Internet et Internet Protocol (IP)
Les FAI installent et revendent des liens fibre optique. Il exploitent également le réseau téléphonique historique (ADSL/VSDSL).
---
![bg left:30%](./assets/internet.jpg)
# Internet et Internet Protocol (IP)
Il existe des équipements autres que des routeurs comme :
* → des Points Branchement Optiques (**PBO**)
* → des Digital Subscriber Line Multiplexer (**DSLAM**)
* …et pleins d'autres !
---
![bg left:30%](./assets/internet.jpg)
# Internet et Internet Protocol (IP)
Pour communiquer sur un réseau informatique, les machines sont identifiées par des **adresses IP**.
---
![bg left:30%](./assets/internet.jpg)
# Internet et Internet Protocol (IP)
Certaines sont destinées à un usage privée (au sens de réseau privé), c'est le cas d'un réseau domestique ou d'un réseau d'entreprise.
---
![bg left:30%](./assets/internet.jpg)
# Internet et Internet Protocol (IP)
D'autres sont publiques et permettent de communiquer sur Internet, c'est le cas de votre Machin Box.
---
![bg left:30%](./assets/internet.jpg)
# Internet et Internet Protocol (IP)
Vous pouvez gérer l'adressage de votre réseau local mais c'est votre FAI qui définit l'adresse IP publique affectée à votre Machin Box.
---
![bg 90%](./assets/ip.svg)
---
![bg left:30%](./assets/internet.jpg)
# Nom de domaine et DNS
* Vous manipulez des noms de domaine tous les jours, voici des exemples :
* `wikipedia.org`
* `mamot.fr`
* `www.tinternet.net`
* `fablab.grandbesancon.fr`
* `deblan.fr`
---
![bg left:30%](./assets/internet.jpg)
# Nom de domaine et DNS
Un nom de domaine s'achète chez un registrar comme Gandi.net ou OVH.net.
* → En moyenne, il coûte 15€/ans
* → Le moyen de le configurer est son DNS et des enregistrements
---
<!--
_paginate: false
_footer: ''
-->
![bg cover](./assets/dns.png)
---
![bg left:30%](./assets/autoherb.png)
# L'auto-hébergement
Quand on illustre Internet par une toile daraignée, on met en évidence quil ny a pas un centre dInternet.
En effet, Internet cest plein de réseaux informatiques connectés ensemble. Si un des réseaux connectés disparaît, Internet existe toujours.
---
![bg left:30%](./assets/autoherb.png)
# L'auto-hébergement
Cependant, les usages que les personnes font dInternet changent complètement la donne. Ils échangent avec leurs amis via Facebook et Twitter, ils postent leurs photos sur Instagram et ils senvoient des e-mails via leur adresse Gmail, Hotmail ou celle que leur met à disposition leur fournisseur daccès Internet.
---
![bg left:30%](./assets/autoherb.png)
# L'auto-hébergement
Cela sous-entend que si lune des sociétés rencontre un problème ou décide de fermer un service, en plus de mettre beaucoup dusagers dans lembarra, ce sont leurs données qui disparaissent.
---
![bg left:30%](./assets/autoherb.png)
# L'auto-hébergement
Lauto-hébergement revient simplement à se soustraire de ces grandes entreprises pour gérer ces données et exploiter pleinement votre accès Internet pour créer un nouveau morceau de l'Internet 😎
* …et ce n'est pas destiné qu'aux barbus et aux nerdz 🤓
---
![bg left:30%](./assets/question.jpg)
# Vos questions