207 lines
100 KiB
HTML
207 lines
100 KiB
HTML
|
<!DOCTYPE html><html lang="fr-FR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0"><meta name="apple-mobile-web-app-capable" content="yes"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta property="og:type" content="website"><meta name="twitter:card" content="summary"><style>@media screen{body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;color:inherit;cursor:pointer;font-size:inherit;opacity:80%;outline:none;padding:0;transition:opacity .2s linear}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:disabled,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:disabled,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:disabled{cursor:not-allowed;opacity:15%!important}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover{opacity:100%}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:active,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:active,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover:active{opacity:60%}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:not(:disabled),body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:not(:disabled),body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover:not(:disabled){transition:none}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button.bespoke-marp-presenter-info-page-prev{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNNjggOTAgMjggNTBsNDAtNDAiLz48L3N2Zz4=") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button.bespoke-marp-presenter-info-page-next{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJtMzIgOTAgNDAtNDAtNDAtNDAiLz48L3N2Zz4=") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen]{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJv
|
|||
|
|
/*!
|
|||
|
|
* Marp / Marpit Gaia theme.
|
|||
|
|
*
|
|||
|
|
* @theme gaia
|
|||
|
|
* @author Yuki Hattori
|
|||
|
|
*
|
|||
|
|
* @auto-scaling true
|
|||
|
|
* @size 16:9 1280px 720px
|
|||
|
|
* @size 4:3 960px 720px
|
|||
|
|
*/div#p>svg>foreignObject>section .hljs{background:#000;color:#f8f8f8;display:block;overflow-x:auto;padding:.5em}div#p>svg>foreignObject>section .hljs-comment,div#p>svg>foreignObject>section .hljs-quote{color:#aeaeae;font-style:italic}div#p>svg>foreignObject>section .hljs-keyword,div#p>svg>foreignObject>section .hljs-selector-tag,div#p>svg>foreignObject>section .hljs-type{color:#e28964}div#p>svg>foreignObject>section .hljs-string{color:#65b042}div#p>svg>foreignObject>section .hljs-subst{color:#daefa3}div#p>svg>foreignObject>section .hljs-link,div#p>svg>foreignObject>section .hljs-regexp{color:#e9c062}div#p>svg>foreignObject>section .hljs-name,div#p>svg>foreignObject>section .hljs-section,div#p>svg>foreignObject>section .hljs-tag,div#p>svg>foreignObject>section .hljs-title{color:#89bdff}div#p>svg>foreignObject>section .hljs-class .hljs-title,div#p>svg>foreignObject>section .hljs-doctag{text-decoration:underline}div#p>svg>foreignObject>section .hljs-bullet,div#p>svg>foreignObject>section .hljs-number,div#p>svg>foreignObject>section .hljs-symbol{color:#3387cc}div#p>svg>foreignObject>section .hljs-params,div#p>svg>foreignObject>section .hljs-template-variable,div#p>svg>foreignObject>section .hljs-variable{color:#3e87e3}div#p>svg>foreignObject>section .hljs-attribute{color:#cda869}div#p>svg>foreignObject>section .hljs-meta{color:#8996a8}div#p>svg>foreignObject>section .hljs-formula{background-color:#0e2231;color:#f8f8f8;font-style:italic}div#p>svg>foreignObject>section .hljs-addition{background-color:#253b22;color:#f8f8f8}div#p>svg>foreignObject>section .hljs-deletion{background-color:#420e09;color:#f8f8f8}div#p>svg>foreignObject>section .hljs-selector-class{color:#9b703f}div#p>svg>foreignObject>section .hljs-selector-id{color:#8b98ab}div#p>svg>foreignObject>section .hljs-emphasis{font-style:italic}div#p>svg>foreignObject>section .hljs-strong{font-weight:700}div#p>svg>foreignObject>section svg[data-marp-fitting=svg]{max-height:580px}div#p>svg>foreignObject>section h1,div#p>svg>foreignObject>section h2,div#p>svg>foreignObject>section h3,div#p>svg>foreignObject>section h4,div#p>svg>foreignObject>section h5,div#p>svg>foreignObject>section h6{margin:.5em 0 0}div#p>svg>foreignObject>section h1 strong,div#p>svg>foreignObject>section h2 strong,div#p>svg>foreignObject>section h3 strong,div#p>svg>foreignObject>section h4 strong,div#p>svg>foreignObject>section h5 strong,div#p>svg>foreignObject>section h6 strong{font-weight:inherit}div#p>svg>foreignObject>section h1{font-size:1.8em}div#p>svg>foreignObject>section h2{font-size:1.5em}div#p>svg>foreignObject>section h3{font-size:1.3em}div#p>svg>foreignObject>section h4{font-size:1.1em}div#p>svg>foreignObject>section h5{font-size:1em}div#p>svg>foreignObject>section h6{font-size:.9em}div#p>svg>foreignObject>section blockquote,div#p>svg>foreignObject>section p{margin:1em 0 0}div#p>svg>foreignObject>section ol>li,div#p>svg>foreignObject>section ul>li{margin:.3em 0 0}div#p>svg>foreignObject>section ol>li>p,div#p>svg>foreignObject>section ul>li>p{margin:.6em 0 0}div#p>svg>foreignObject>section code{display:inline-block;font-family:Roboto Mono,monospace;font-size:.8em;letter-spacing:0;margin:-.1em .15em;padding:.1em .2em;vertical-align:baseline}div#p>svg>foreignObject>section pre{display:block;margin:1em 0 0;min-height:1em;overflow:visible}div#p>svg>foreignObject>section pre code{box-sizing:border-box;font-size:.7em;margin:0;min-width:100%;padding:.5em}div#p>svg>foreignObject>section pre code svg[data-marp-fitting=svg]{max-height:calc(580px - 1em)}div#p>svg>foreignObject>section blockquote{margin:1em 0 0;padding:0 1em;position:relative}div#p>svg>foreignObject>section blockquote:after,div#p>svg>foreignObject>section blockquote:before{content:"“";display:block;font-family:Times New Roman,serif;font-weight:700;position:absolute}div#p>svg>foreignObject>section blockquote:before{left:0;top:0}div#p>svg>foreignObject>section blockquote:after{bottom:0;right:0;transform:rotate(180deg)}div#p>svg>foreignObject>section blockquote>:first-child{margin-top:0}div#p>svg>foreignObject>section mark{background:t
|
|||
|
|
<h1>Les principes de fonctionnement d’Internet <img class="emoji" draggable="false" alt="🧐" src="https://twemoji.maxcdn.com/2/svg/1f9d0.svg" data-marp-twemoji=""/></h1>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="8" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="2" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/slide2.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="2" data-marpit-fragments="8" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="2" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Sommaire</h1>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">Définition</li>
|
|||
|
|
<li data-marpit-fragment="2">Réseau de base</li>
|
|||
|
|
<li data-marpit-fragment="3">Réseau plus complexe</li>
|
|||
|
|
<li data-marpit-fragment="4">Réseau encore plus complexe</li>
|
|||
|
|
<li data-marpit-fragment="5">Internet et Internet Protocol (IP)</li>
|
|||
|
|
<li data-marpit-fragment="6">Nom de domaine et DNS</li>
|
|||
|
|
<li data-marpit-fragment="7">L'auto-hébergement</li>
|
|||
|
|
<li data-marpit-fragment="8">Vos questions</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="2" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="1" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="3" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/slide3.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="3" data-marpit-fragments="1" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="3" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Définition</h1>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">De façon simple, l'Internet est un vaste réseau d'ordinateurs qui communiquent les uns avec les autres.</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="3" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="3" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="4" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/toile.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="4" data-marpit-fragments="3" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="4" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Réseau de base</h1>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">
|
|||
|
|
<p>Afin que rendre possible la communication entre des ordinateurs, ils doivent être reliés :</p>
|
|||
|
|
</li>
|
|||
|
|
<li data-marpit-fragment="2">
|
|||
|
|
<p>→ soit par un lien physique (câble ethernet)</p>
|
|||
|
|
</li>
|
|||
|
|
<li data-marpit-fragment="3">
|
|||
|
|
<p>→ soit par un lien sans fil (wifi, bluethooth)</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="4" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="5" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="5" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;">
|
|||
|
|
<p><img src="./assets/reseau_base.svg" alt="" /></p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="2" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="6" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/toile.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="6" data-marpit-fragments="2" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="6" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Réseau plus complexe</h1>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">Dans le cas où on veut relier plus de 2 ordinateurs, on va utiliser un routeur qui fera office de relais de communication.</li>
|
|||
|
|
<li data-marpit-fragment="2">C'est le comportement que vous avez dans votre réseau domestique via votre Bidule Box qui joue ce rôle de routeur.</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="6" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="7" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/reseau_complexe.svg");background-size:70%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="7" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="7" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="content"><footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="7" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="1" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="8" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/toile.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="8" data-marpit-fragments="1" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="8" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Réseau encore plus complexe</h1>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">Pour interconnecter plusieurs réseaux, c'est le même principe mais on va lier des routeurs.</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="8" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="9" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/reseau_complexe_2.svg");background-size:70%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="9" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="9" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="content"><footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="9" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="10" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/toile.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="10" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="10" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Réseau encore plus complexe</h1>
|
|||
|
|
<p>Si on sait connecter 2 routeurs, on peut en connecter une infinité !</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="10" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="11" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/reseau_complexe_3.svg");background-size:70%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="11" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="11" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="content"><footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="11" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="4" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="12" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/toile.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="12" data-marpit-fragments="4" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="12" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>...</h1>
|
|||
|
|
<p>Quand on traduit <strong>Réseau connecté</strong> en anglais, on obtient</p>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">→ <strong>Inter</strong>connected</li>
|
|||
|
|
<li data-marpit-fragment="2">→ <strong>Net</strong>work</li>
|
|||
|
|
<li data-marpit-fragment="3">...</li>
|
|||
|
|
<li data-marpit-fragment="4">
|
|||
|
|
<h2>Hello, <strong>Internet</strong>!</h2>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="12" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-background-color="#fff" data-theme="gaia" style="--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/bonne_idee.jpg");background-size:cover;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="13" data-background-color="#fff" data-theme="gaia" style="--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="content"></section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="1" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="14" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="14" data-marpit-fragments="1" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="14" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Internet et Internet Protocol (IP)</h1>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">Ce qu'on a vu est théorique, en pratique c'est un poil plus compliqué.</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="14" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="15" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="15" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="15" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Internet et Internet Protocol (IP)</h1>
|
|||
|
|
<p>Pour réaliser les connexions entre les réseaux, on a besoin de fournisseurs de liens : les <strong>F</strong>ournisseurs d'<strong>A</strong>ccès <strong>I</strong>nternet (FAI).</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="15" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="16" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="16" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="16" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Internet et Internet Protocol (IP)</h1>
|
|||
|
|
<p>Les FAI installent et revendent des liens fibre optique. Il exploitent également le réseau téléphonique historique (ADSL/VSDSL).</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="16" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="3" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="17" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="17" data-marpit-fragments="3" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="17" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Internet et Internet Protocol (IP)</h1>
|
|||
|
|
<p>Il existe des équipements autres que des routeurs comme :</p>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">→ des Points Branchement Optiques (<strong>PBO</strong>)</li>
|
|||
|
|
<li data-marpit-fragment="2">→ des Digital Subscriber Line Multiplexer (<strong>DSLAM</strong>)</li>
|
|||
|
|
<li data-marpit-fragment="3">…et pleins d'autres !</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="17" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="18" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="18" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="18" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Internet et Internet Protocol (IP)</h1>
|
|||
|
|
<p>Pour communiquer sur un réseau informatique, les machines sont identifiées par des <strong>adresses IP</strong>.</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="18" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="19" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="19" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="19" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Internet et Internet Protocol (IP)</h1>
|
|||
|
|
<p>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.</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="19" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="20" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="20" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="20" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Internet et Internet Protocol (IP)</h1>
|
|||
|
|
<p>D'autres sont publiques et permettent de communiquer sur Internet, c'est le cas de votre Machin Box.</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="20" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="21" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="21" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="21" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Internet et Internet Protocol (IP)</h1>
|
|||
|
|
<p>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.</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="21" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="22" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/ip.svg");background-size:90%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="22" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="22" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="content"><footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="22" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="6" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="23" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="23" data-marpit-fragments="6" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="23" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Nom de domaine et DNS</h1>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">
|
|||
|
|
<p>Vous manipulez des noms de domaine tous les jours, voici des exemples :</p>
|
|||
|
|
</li>
|
|||
|
|
<li data-marpit-fragment="2">
|
|||
|
|
<p><code>wikipedia.org</code></p>
|
|||
|
|
</li>
|
|||
|
|
<li data-marpit-fragment="3">
|
|||
|
|
<p><code>mamot.fr</code></p>
|
|||
|
|
</li>
|
|||
|
|
<li data-marpit-fragment="4">
|
|||
|
|
<p><code>www.tinternet.net</code></p>
|
|||
|
|
</li>
|
|||
|
|
<li data-marpit-fragment="5">
|
|||
|
|
<p><code>fablab.grandbesancon.fr</code></p>
|
|||
|
|
</li>
|
|||
|
|
<li data-marpit-fragment="6">
|
|||
|
|
<p><code>deblan.fr</code></p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="23" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="2" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="24" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/internet.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="24" data-marpit-fragments="2" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="24" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Nom de domaine et DNS</h1>
|
|||
|
|
<p>Un nom de domaine s'achète chez un registrar comme <a href="http://Gandi.net">Gandi.net</a> ou <a href="http://OVH.net">OVH.net</a>.</p>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">→ En moyenne, il coûte 15€/ans</li>
|
|||
|
|
<li data-marpit-fragment="2">→ Le moyen de le configurer est son DNS et des enregistrements</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="24" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-background-color="#fff" data-theme="gaia" style="--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/dns.png");background-size:cover;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="25" data-background-color="#fff" data-theme="gaia" style="--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;" data-marpit-advanced-background="content"></section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="26" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/autoherb.png");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="26" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="26" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>L'auto-hébergement</h1>
|
|||
|
|
<p>Quand on illustre Internet par une toile d’araignée, on met en évidence qu’il n’y a pas un centre d’Internet.</p>
|
|||
|
|
<p>En effet, Internet c’est plein de réseaux informatiques connectés ensemble. Si un des réseaux connectés disparaît, Internet existe toujours.</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="26" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="27" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/autoherb.png");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="27" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="27" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>L'auto-hébergement</h1>
|
|||
|
|
<p>Cependant, les usages que les personnes font d’Internet changent complètement la donne. Ils échangent avec leurs amis via Facebook et Twitter, ils postent leurs photos sur Instagram et ils s’envoient des e-mails via leur adresse Gmail, Hotmail ou celle que leur met à disposition leur fournisseur d’accès Internet.</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="27" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="28" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/autoherb.png");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="28" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="28" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>L'auto-hébergement</h1>
|
|||
|
|
<p>Cela sous-entend que si l’une des sociétés rencontre un problème ou décide de fermer un service, en plus de mettre beaucoup d’usagers dans l’embarra, ce sont leurs données qui disparaissent.</p>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="28" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-marpit-fragments="1" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="29" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/autoherb.png");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="29" data-marpit-fragments="1" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="29" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>L'auto-hébergement</h1>
|
|||
|
|
<p>L’auto-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 <img class="emoji" draggable="false" alt="😎" src="https://twemoji.maxcdn.com/2/svg/1f60e.svg" data-marp-twemoji=""/></p>
|
|||
|
|
<ul>
|
|||
|
|
<li data-marpit-fragment="1">…et ce n'est pas destiné qu'aux barbus et aux nerdz <img class="emoji" draggable="false" alt="🤓" src="https://twemoji.maxcdn.com/2/svg/1f913.svg" data-marp-twemoji=""/></li>
|
|||
|
|
</ul>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="29" data-marpit-pagination-total="30"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="30" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("./assets/question.jpg");"></figure></div></section></foreignObject><foreignObject width="70%" height="720" x="30%"><section id="30" data-paginate="true" data-footer="www.tinternet.net / fablab.grandbesancon.fr" data-background-color="#fff" data-theme="gaia" data-marpit-pagination="30" data-marpit-pagination-total="30" style="--paginate:true;--footer:www.tinternet.net / fablab.grandbesancon.fr;--background-color:#fff;--theme:gaia;background-color:#fff;background-image:none;--marpit-advanced-background-split:30%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
|||
|
|
<h1>Vos questions</h1>
|
|||
|
|
<footer><a href="http://www.tinternet.net">www.tinternet.net</a> / <a href="http://fablab.grandbesancon.fr">fablab.grandbesancon.fr</a></footer>
|
|||
|
|
</section>
|
|||
|
|
<script>!function(){"use strict";const t="marpitSVGPolyfill:setZoomFactor,",e=Symbol();let r,o;function n(n){const i="object"==typeof n&&n.target||document,a="object"==typeof n?n.zoom:n;window[e]||(Object.defineProperty(window,e,{configurable:!0,value:!0}),window.addEventListener("message",(({data:e,origin:r})=>{if(r===window.origin)try{if(e&&"string"==typeof e&&e.startsWith(t)){const[,t]=e.split(","),r=Number.parseFloat(t);Number.isNaN(r)||(o=r)}}catch(t){console.error(t)}})));let l=!1;Array.from(i.querySelectorAll("svg[data-marpit-svg]"),(t=>{var e,n,i,s;t.style.transform||(t.style.transform="translateZ(0)");const c=a||o||t.currentScale||1;r!==c&&(r=c,l=c);const d=t.getBoundingClientRect(),{length:u}=t.children;for(let r=0;r<u;r+=1){const o=t.children[r],a=o.getScreenCTM();if(a){const t=null!==(n=null===(e=o.x)||void 0===e?void 0:e.baseVal.value)&&void 0!==n?n:0,r=null!==(s=null===(i=o.y)||void 0===i?void 0:i.baseVal.value)&&void 0!==s?s:0,l=o.firstElementChild,{style:u}=l;u.transformOrigin||(u.transformOrigin=`${-t}px ${-r}px`),u.transform=`scale(${c}) matrix(${a.a}, ${a.b}, ${a.c}, ${a.d}, ${a.e-d.left}, ${a.f-d.top}) translateZ(0.0001px)`}}})),!1!==l&&Array.from(i.querySelectorAll("iframe"),(({contentWindow:e})=>{null==e||e.postMessage(`${t}${l}`,"null"===window.origin?"*":window.origin)}))}r=1,o=void 0;const i=(t,e,r)=>{if(t.getAttribute(e)!==r)return t.setAttribute(e,r),!0};function a({once:t=!1,target:e=document}={}){const r="Apple Computer, Inc."===navigator.vendor?[n]:[];let o=!t;const a=()=>{for(const t of r)t({target:e});!function(t=document){Array.from(t.querySelectorAll('svg[data-marp-fitting="svg"]'),(t=>{var e;const r=t.firstChild,o=r.firstChild,{scrollWidth:n,scrollHeight:a}=o;let l,s=1;if(t.hasAttribute("data-marp-fitting-code")&&(l=null===(e=t.parentElement)||void 0===e?void 0:e.parentElement),t.hasAttribute("data-marp-fitting-math")&&(l=t.parentElement),l){const t=getComputedStyle(l),e=Math.ceil(l.clientWidth-parseFloat(t.paddingLeft||"0")-parseFloat(t.paddingRight||"0"));e&&(s=e)}const c=Math.max(n,s),d=Math.max(a,1),u=`0 0 ${c} ${d}`;i(r,"width",`${c}`),i(r,"height",`${d}`),i(t,"preserveAspectRatio",getComputedStyle(t).getPropertyValue("--preserve-aspect-ratio")||"xMinYMin meet"),i(t,"viewBox",u)&&t.classList.toggle("__reflow__")}))}(e),o&&window.requestAnimationFrame(a)};return a(),()=>{o=!1}}const l=Symbol(),s=document.currentScript;((t=document)=>{if("undefined"==typeof window)throw new Error("Marp Core's browser script is valid only in browser context.");if(t[l])return t[l];const e=a({target:t}),r=()=>{e(),delete t[l]};Object.defineProperty(t,l,{configurable:!0,value:r})})(s?s.getRootNode():document)}();
|
|||
|
|
</script></foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="30" data-marpit-pagination-total="30"></section></foreignObject></svg></div><script>/*!! License: https://unpkg.com/@marp-team/marp-cli@1.4.2/lib/bespoke.js.LICENSE.txt */
|
|||
|
|
!function(){"use strict";const e=document.body,t=(...e)=>history.replaceState(...e),n="presenter",r="next",o=["",n,r],a="data-bespoke-marp-",i=(e,{protocol:t,host:n,pathname:r,hash:o}=location)=>{const a=e.toString();return`${t}//${n}${r}${a?"?":""}${a}${o}`},s=()=>e.dataset.bespokeView,l=e=>new URLSearchParams(location.search).get(e),c=(e,n={})=>{var r;const o={location,setter:t,...n},a=new URLSearchParams(o.location.search);for(const t of Object.keys(e)){const n=e[t];"string"==typeof n?a.set(t,n):a.delete(t)}try{o.setter({...null!==(r=window.history.state)&&void 0!==r?r:{}},"",i(a,o.location))}catch(e){console.error(e)}},d=(()=>{const e="bespoke-marp";try{return localStorage.setItem(e,e),localStorage.removeItem(e),!0}catch(e){return!1}})(),f=e=>{try{return localStorage.getItem(e)}catch(e){return null}},u=(e,t)=>{try{return localStorage.setItem(e,t),!0}catch(e){return!1}},m=e=>{try{return localStorage.removeItem(e),!0}catch(e){return!1}},g=(e,t)=>{const n="aria-hidden";t?e.setAttribute(n,"true"):e.removeAttribute(n)},p=e=>{e.parent.classList.add("bespoke-marp-parent"),e.slides.forEach((e=>e.classList.add("bespoke-marp-slide"))),e.on("activate",(t=>{const n="bespoke-marp-active",r=t.slide,o=r.classList,a=!o.contains(n);if(e.slides.forEach((e=>{e.classList.remove(n),g(e,!0)})),o.add(n),g(r,!1),a){const e=`${n}-ready`;o.add(e),document.body.clientHeight,o.remove(e)}}))},v=e=>{let t=0,n=0;Object.defineProperty(e,"fragments",{enumerable:!0,value:e.slides.map((e=>[null,...e.querySelectorAll("[data-marpit-fragment]")]))});const r=r=>void 0!==e.fragments[t][n+r],o=(r,o)=>{t=r,n=o,e.fragments.forEach(((e,t)=>{e.forEach(((e,n)=>{if(null==e)return;const i=t<r||t===r&&n<=o;e.setAttribute(`${a}fragment`,(i?"":"in")+"active");const s=`${a}current-fragment`;t===r&&n===o?e.setAttribute(s,"current"):e.removeAttribute(s)}))})),e.fragmentIndex=o;const i={slide:e.slides[r],index:r,fragments:e.fragments[r],fragmentIndex:o};e.fire("fragment",i)};e.on("next",(({fragment:a=!0})=>{if(a){if(r(1))return o(t,n+1),!1;const a=t+1;e.fragments[a]&&o(a,0)}else{const r=e.fragments[t].length;if(n+1<r)return o(t,r-1),!1;const a=e.fragments[t+1];a&&o(t+1,a.length-1)}})),e.on("prev",(({fragment:a=!0})=>{if(r(-1)&&a)return o(t,n-1),!1;const i=t-1;e.fragments[i]&&o(i,e.fragments[i].length-1)})),e.on("slide",(({index:t,fragment:n})=>{let r=0;if(void 0!==n){const o=e.fragments[t];if(o){const{length:e}=o;r=-1===n?e-1:Math.min(Math.max(n,0),e-1)}}o(t,r)})),o(0,0)},h=document,y=()=>!(!h.fullscreenEnabled&&!h.webkitFullscreenEnabled),x=()=>!(!h.fullscreenElement&&!h.webkitFullscreenElement),w=e=>{e.fullscreen=()=>{y()&&(async()=>{return x()?null===(e=h.exitFullscreen||h.webkitExitFullscreen)||void 0===e?void 0:e.call(h):((e=h.body)=>{var t;return null===(t=e.requestFullscreen||e.webkitRequestFullscreen)||void 0===t?void 0:t.call(e)})();var e})()},document.addEventListener("keydown",(t=>{"f"!==t.key&&"F11"!==t.key||t.altKey||t.ctrlKey||t.metaKey||!y()||(e.fullscreen(),t.preventDefault())}))},b="bespoke-marp-inactive",k=(e=2e3)=>({parent:t,fire:n})=>{const r=t.classList,o=e=>n(`marp-${e?"":"in"}active`);let a;const i=()=>{a&&clearTimeout(a),a=setTimeout((()=>{r.add(b),o()}),e),r.contains(b)&&(r.remove(b),o(!0))};for(const e of["mousedown","mousemove","touchend"])document.addEventListener(e,i);setTimeout(i,0)},E=["AUDIO","BUTTON","INPUT","SELECT","TEXTAREA","VIDEO"],L=e=>{e.parent.addEventListener("keydown",(e=>{if(!e.target)return;const t=e.target;(E.includes(t.nodeName)||"true"===t.contentEditable)&&e.stopPropagation()}))},$=e=>{window.addEventListener("load",(()=>{for(const t of e.slides){const e=t.querySelector("[data-marp-fitting]")?"":"hideable";t.setAttribute(`${a}load`,e)}}))},P=({interval:e=250}={})=>t=>{document.addEventListener("keydown",(e=>{if(" "===e.key&&e.shiftKey)t.prev();else if("ArrowLeft"===e.key||"ArrowUp"===e.key||"PageUp"===e.key)t.prev({fragment:!e.shiftKey});else if(" "!==e.key||e.shiftKey)if("ArrowRight"===e.key||"ArrowDown"===e.key||"PageDown"===e.key)t.next({fragment:!e.shiftKey});else if("End"===e.key)t.slide(t.slides.length-1,{fragment:-
|