<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
<head>
<title>Computer Networks and Security − 2017 − M1 WI/MLDM</title>
<meta name="year" content="2017"/>
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
<script type="text/javascript" src="extensions/tools.js"></script>
<style type="text/css">
html, body {margin:0; padding:0;}
html {text-align: center; background: white; font-family: Arial;}
h1,h2,h3,a {margin: 6px 0;}
h1,h2,h3 {clear: both;}
body {width: 800px;}
h1,h2 {width:760px; padding: 20px;}
body {display: inline-block;}
h1 {color: gray; margin-bottom: 2em;}
h2 {color: white; background: black; margin:0; margin-top: 120px;}
.tile {margin-top: 5px; min-height: 2.3em;}
.tile>a {flex: 1 1 auto; }
.tile>a {margin: 2px; }
a[href$=".pdf"] { box-shadow: black 2px 2px 2px; }
a[href$=".zip"] { box-shadow: darkred 2px 2px 2px; }
a, .tile {background: rgb(225, 73, 56); color: white; text-decoration: none; font-weight: bold;}
.tile {display:flex; float: left; width: 165px; padding: 15px; margin-bottom: 7px;}
a.tile {display: block;}
.tile {margin-left: 6px;}
.tile:nth-child(4n+1) {margin-left:0;}
.tile.proj {min-height: 65px;}
.tile:hover {background: rgb(255, 127, 0);}
.outlined {outline: 1px solid black;}
.vil {
outline: 2px solid black;
}
</style>
</head>
<body class="">
<h1><span class="var-title"></span></h1>
<h2>Slides</h2>
<div>
<!--a class="outlined" href="more-slides-help.html">Viewing the slides?</a-->
<div data-lesson="01">Intro</div>
<div data-lesson="02">Intro (end)</div>
<div data-lesson="02b">App. (1)</div>
<div data-lesson="03">App. (2)</div>
<div data-lesson="04" data-hascode="y">App. (3)</div>
<div data-lesson="05" data-hassvg="y">UDP TCP</div>
<div data-lesson="06" data-hassvg="y">TCP</div>
<div class="tile">
ancien slides en français
<a data-fr="1"></a>
<a data-fr="2"></a>
<a data-fr="3"></a>
</div>
<!--a href="all-slides-do-not-print.pdf">Slides as pdf <br/> (do not print) </a-->
<!--a href="../static/export_cours_1_2_3_4.pdf">Slides 1,2,3,4 <br/> en PDF</a-->
</div>
<h2>Other Resources</h2>
<div>
<div class="tile">
Practical (1)
<a href="practical-1.pdf">pdf</a>
<a href="raw/practical1.zip">java</a>
<a href="raw/practical1py.zip">py</a>
</div>
<div class="tile">
Solutions (1)
<a href="raw/practical1-solutions.zip">java/py</a>
</div>
<div class="tile">
<a href="more-projects.html">PROJECT <br/> instructions</a>
</div>
<div class="tile">
Exercices
<a href="ex1.pdf">(1)</a>
<a href="ex2.pdf">(2)</a>
</div>
<!--
<a href="ex1.pdf">Exercices (1)</a>
<a href="raw/socket-code-end-lesson7.zip">Socket Code <br/> (lesson-7's end)</a>
<a href="tp1.pdf">Practical (1)</a>
<a href="raw/PracticalNetwork1.zip">PracticalNetwork1 <br/> (code)</a>
<a href="ex2.pdf">Exercices (2)</a>
<a href="more-projects.html">PROJECT <br/> instructions</a>
<a href="raw/plan-defenses.html">Defenses <br/> Planing</a>
<!--a href="aide/fonctions-utiles.md">Fichier texte, à compléter : Listes de fonctions utiles</a>
<a href="aide/fonctions-utiles.html">Listes de fonctions utiles</a-->
<!--a href="more-installation.html">Installation pour travailler chez soi</a-->
<!--a href="raw/exam2014.pdf">EXAM 2014</a>
<a href="tp1.pdf">TP 1 <br/>Subject</a>
<a href="tp2.pdf">TP 2 <br/>Subject</a>
<a href="tp3.pdf">TP 3 <br/>Subject</a>
<a href="more-projects.html">Project <br/>Instructions</a>
<a href="more-links.html">Helpful <br/>Links</a>
<a href="more-installation.html">Installation <br/>on your laptop</a>
<a class="vil" href="more-errors.html">Typical <br/>Problems</a>
<a href="more-attribution.html">Where images are borrowed?</a>
<a href="media/test.mp4">A test video to download¹</a>
<a href="raw/tp1-base.txt">A file <br/>for TP1</a>
n <a href="raw/CORS.txt">The CORS config <br/>for TP3</a>
<a href="raw/lesson7-endcode.zip">Code from <br/> lesson-7's end</a>
<a href="raw/lesson-9-live-client.zip">The lesson9 <br/>client code</a>
<a href="raw/lesson9live-server.zip">The lesson9 <br/>server code</a>
<a href="raw/lesson10-endcode.zip">Code from <br/> lesson-10's end </a>
</div>
<p style="clear:both; padding-top: 2em; text-align: left;">¹ from https://vimeo.com/140075655</p-->
<script>
forEachInSelector("a[data-fr]", function(e, i) {
var l = e.getAttribute("data-fr");
e.textContent = l;
e.setAttribute("href", "fr/export-cours-"+l+".pdf");
});
forEachInSelector("div[data-lesson]", function(e, i) {
var l = e.getAttribute("data-lesson");
var cont = document.createElement("div");
var parent = e.parentElement;
parent.replaceChild(cont, e);
cont.classList.add("tile");
cont.textContent = e.textContent;
var html = document.createElement("a");
html.textContent = "[html]";
html.setAttribute("href", "lesson-"+l+".html");
cont.appendChild(html)
var pdf = document.createElement("a");
pdf.textContent = "[pdf]";
pdf.setAttribute("href", "export-lesson-"+l+".pdf");
cont.appendChild(pdf);
if (e.getAttribute("data-hascode")) {
var code = document.createElement("a");
code.textContent = "[src]";
code.setAttribute("href", "raw/lesson-"+l+".zip");
cont.appendChild(code);
}
if (e.getAttribute("data-hassvg")) {
var code = document.createElement("a");
code.textContent = "[svg]";
code.setAttribute("href", "raw/lesson-"+l+".svg");
cont.appendChild(code);
}
});
forEachInSelector("a", function(e, i) {
e.setAttribute("target", "_blank");
});
</script>
<!-- clicky Cla -->
<script type="text/javascript">
var clicky_site_ids = clicky_site_ids || [];
clicky_site_ids.push(100779706);
(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//static.getclicky.com/js';
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
})();
</script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100779706ns.gif" /></p></noscript>
<!-- Histats.com START (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,2767123,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('http://s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?2767123&101" alt="javascript hit counter" border="0"></a></noscript>
<!-- Histats.com END -->
</body>
</html>