<commit_before><!DOCTYPE HTML>
<html lang="en">
<head>
	<title>REST / RWW.IO</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=792, user-scalable=no">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<link rel="stylesheet" href="shower/themes/ribbon/styles/screen.css">
	<style>
	    #logo {
	        position: absolute;
	        top: 1px;
	        left: 1px;
	    }
	    #header {
	        position: absolute;
	        display: inline-block;
	        top: 10px;
	        color: #ccc;
            font: 30px 'PT Sans Narrow', sans-serif;
        }
	</style>
</head>
<body class="list">
	<header class="caption">
		<h1>REST / RWW.IO</h1>
		<p>by <a href="https://my-profile.eu/people/deiu/card#me" target="blank"><NAME></a> (<a href="https://twitter.com/therealdeiu" target="blank">@therealdeiu</a>)</p>
	</header>

	<section class="slide cover" id="Cover"><div>
		<h2>REST / RWW.IO</h2>
		<p>Presented to you by <a href="https://my-profile.eu/people/deiu/card#me" target="blank"><NAME></a></p>
		<img src="pictures/cover.jpg" alt="">
		<!--
			To apply styles to the certain slides
			set slide ID to get needed elements
			-->
		<style>
			#Cover h2 {
				margin:30px 0 0;
				color:#FFF;
				text-align:center;
				font-size:70px;
				}
			#Cover p {
				margin:10px 0 0;
				text-align:center;
				color:#FFF;
				font-style:italic;
				font-size:20px;
				}
				#Cover p a {
					color:#FFF;
					}
		</style>
	</div></section>
<!-- Intro -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Introduction</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>A bit of personal history...</h2>
		<ul>
			<li>2010 - finished MSc at TSP in <em>Computer and Communication Networks</em></li>
			<li class="next">2010 - started PhD at TSP on <em>Anonymity in Computer Networks</em> (too broad)</li>
			<li class="next">2011 - switched subject to "Decentralized Identity w/ Privacy control"</li>
			<li class="next">2011 - first contact with the <a href="http://w3.org/" target="blank">W3C</a> (<a href="http://www.w3.org/community/webid/" target="blank">WebID</a>, <a href="http://www.w3.org/community/rww/" target="blank">RWW</a>, <a href="http://www.w3.org/2012/ldp/wiki/Main_Page" target="blank">LDP</a>, <a href="http://www.w3.org/community/rdfjs/" target="blank">RDFjs</a>)</li>
			<li class="next">2012 - became co-chair of the <a href="http://www.w3.org/community/rww/" target="blank">Read Write Web</a> group</li>
			
			<li class="next">2012 - got invited by <a href="http://www.w3.org/People/Berners-Lee/card#i" target="blank"><NAME></a> to work at MIT</li>
		</ul>
		<p class="note"></p>
	</div></section>
<!-- MIT -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<figure>
			<blockquote>
				<p>Getting an Education from MIT is like taking a drink from a Fire Hose.</p>
			</blockquote>
			<figcaption>Former MIT President ['71-'80] <NAME></figcaption>
		</figure>
		<div class="next" align="center"><img src="pictures/fountain.jpg" alt="Fountain"></div>
	</div></section>
	<section class="slide" id="RMS"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<p>The one and only, RMS.</p>
		<img src="pictures/rms.jpg" alt="RMS">
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<div align="center"><img src="pictures/tardis.jpg" alt="Tardis"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<div align="center"><img src="pictures/dalek.jpg" alt="Dalek"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<div align="center"><img src="pictures/r2d2.jpg" alt="R2D2"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<div align="center"><img src="pictures/car.jpg" alt="Car"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<p><br/></p>
		<div align="center"><h2><a href="http://hacks.mit.edu/" target="blank">hacks.mit.edu/</a></h2></div>
	</div></section>
<!-- My work -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>My work...</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>W3C standards</h2>
	    <ul>
	        <li>Web Identity and Discovery - <a href="https://dvcs.w3.org/hg/WebID/raw-file/tip/spec/identity-respec.html" target="blank">WebID</a></li>
	        <li class="next">WebID authentication over TLS - <a href="https://dvcs.w3.org/hg/WebID/raw-file/tip/spec/tls-respec.html" target="blank">WebID-TLS</a></li>
	        <li class="next" id="star">Web Access Control<span>*</span> - <a href="http://www.w3.org/wiki/WebAccessControl" target="blank">WAC</a></li>
	        <li class="next">Linked Data Platform - <a href="http://www.w3.org/2012/ldp/wiki/Main_Page" target="blank">LDP</a></li>
	    </ul>
		<p><br/></p>
		<p class="note next" id="star"><span>*</span> WAC is not yet a standard</p>
		<style>
			#star span {
				color:red;
				}
		</style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>W3C standards - how does it work?</h2>
	    <ol>
	        <li class="next">find like-minded people and draft a charter</li>
            <li class="next">elect a chair (administrative tasks)</li>
            <li class="next">lots of teleconferences (usually weekly)</li>
            <li class="next">editors publish a Working Draft (WD) - <small>that is open for public review</small></li>
            <li class="next">after polishing the WD, spec becomes Candidate Recommendation (CR) - <small>elicit aid from the development community (tests)</small></li>
            <li class="next">if CR passes tests, spec becomes Proposed Recommendation (PR) - <small>submitted to the W3C Advisory Council for final approval</small></li>
            <li class="next">if accepted -> W3C Recommendation (REC)</li>
	    </ol>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <h2>Open source software</h2>
	    <div class="next">
            <img src="pictures/myprofile.jpg" alt="MyProfile" />
            <ul>
                <li>Available at <a href="https://my-profile.eu/" target="blank">https://my-profile.eu/</a></li>
                <li>GitHub <a href="https://github.com/MyProfile/myprofile" target="blank">repository</a></li>
            </ul>
        </div>
        <div class="next">
            <img src="pictures/rww.png" alt="Read Write Web" />
            <ul>
                <li>Available at <a href="https://rww.io/" target="blank">https://rww.io/</a></li>
                <li>GitHub <a href="https://github.com/deiu/rww.io" target="blank">repository</a></li>
            </ul>
        </div>
	</div></section>
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Philosophical questions</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <p><br /></p>
		<h2>1. Why start a PhD?</h2>
		<h2 class="next">2. Why open source?</h2>
	</div></section>
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why start a PhD?</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why start a PhD?</h2>
		<ul>
			<li>your work may potentially help others (if good)</li>
			<li class="next">you get to see the world through conferences (if you work hard)</li>
			<li class="next">you meet new and interesting people</li>
			<li class="next">frustrating but...<span class="next"><strong>incredibly gratifying</strong> once it works</span></li>
		</ul>
		<p class="note"></p>
	</div></section>
		<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why start a PhD? - <em>advices</em></h2>
		<ul>
			<li>advisor?</li>
			<li class="next"><strong>Yes, advisor!</strong></li>
			<li class="next">PhD = <strong><em>Sci</em></strong>-Fi (results > blah blah)</li>
			<li class="next"><em>very</em> personal experience over at least 3 years</li>
			<li class="next">take the initiative, be creative!</li>
		</ul>
		<p class="note"></p>
	</div></section>
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why open source?</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why open source?</h2>
		<ul>
			<li>collaboration / meet new people</li>
			<li class="next">share ideas and get instant feedback</li>
			<li class="next">others can study how your code works and change it to fit their needs</li>
			<li class="next">reuse -> <code><mark class="important">improve</mark></code> -> contribute back to the original project</li>
			<li class="next">greatly helps the community</li>
			<li class="next">applied to the Web -> <em>"view source"</em></li>
		</ul>
		<p class="note"></p>
	</div></section>
<!-- Issues -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Moving on....<br/>Current issues?</h2>
	</div></section>
		<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Identities? <small>(the NASCAR problem)</small></h2>
		<div align="center" class="next"><img src="pictures/web-nascar.jpg" alt="Web Nascar problem">
		</div>
		<style>
		    small {
		        font-size: 0.5em;
		    }
		</style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Data silos?</h2>
		<div align="center"><img src="pictures/walled_garden.jpg" alt="Walled gardens">
		<figcaption>"Walled Gardens" - The Economist</figcaption>
		</div>		
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Privacy?</h2>
		<div align="center"><img src="pictures/panopticon.jpg" alt="Panopti">
		<p><em>Panopticon</em> - a watchman observes people without their knowledge</p>
		</div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Recap</h2>
		<br/>
        <ul>
			<li>Identity? -> <span class="next"><strong>Web Identity and Discovery (WebID) - standard</strong></span></li>
			<li class="next">Privacy? -> <span class="next"><strong>Web Access Control Lists (WebACL) - to be standardized</strong></span></li>
			<li class="next">Data silos? -> <span class="next"><strong>Read/Write personal Web data storage (RWW.IO) - service</strong></span></li>
		</ul>
        <p class="note next">RWW.IO incorporates previous standards</p>
	</div></section>
<!-- WebID -->
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Identity -> WebID / WebID-TLS</h2>
        <ul>
			<li>decentralized identity based on HTTP URIs</li>
			<li class="next"><strong><em>you</em></strong> control your profile data (where it is stored / who can access it)</li>
			<li class="next"><em>extremely</em> rich profile (Web apps preferences, regionalization, etc.)</li>
			<li class="next">currently in a standardization process</li>
			<li class="next">based on the Semantic Web</li>
		</ul>
		<p class="note next">More info here: <a href="http://www.w3.org/wiki/WebID" target="blank">http://www.w3.org/wiki/WebID</a></p>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <h2>WebID</h2>
		<div align="center"><img src="pictures/WebID.png" alt="WebID" style="height:420px;"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <h2>WebID-TLS</h2>
		<div align="center"><img src="pictures/webid-tls.png" alt="WebID-TLS"></div>
	</div></section>
<!-- WAC -->
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Privacy -> WebACL</h2>
        <ul>
			<li>decentralized! <small>(X-domain identities)</small></li>
			<li class="next">classic access modes: Read <small>(GET)</small> / Write <small>(PUT, DELETE)</small> / Append <small>(POST)</small></li>
			<li class="next">soon to beging standardization process</li>
			<li class="next">based on the Semantic Web</li>
		</ul>
		<p class="note next">More info here: <a href="http://www.w3.org/wiki/WebAccessControl" target="blank">http://www.w3.org/wiki/WebAccessControl</a></p>
		<style>
		    small { font-size: 0.7em; }
		</style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <h2>WebACL</h2>
		<div align="center"><img src="pictures/WebACL.jpg" alt="WebACL" style="height:420px;"></div>
	</div></section>
<!-- RWW -->
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Data silos -> RWW.IO</h2>
        <ul>
			<li>Linked Data-enabled personal storage platform <small>(<a href="http://www.freedomboxfoundation.org/" target="blank">FreedomBox</a>)</small> but not only!</li>
			<li class="next">built on REST principles <small>(HEAD, GET, POST, PUT, DELETE, MKCOL, OPTIONS)</small></li>
			<li class="next">no <em>dedicated</em> API!</li>
			<li class="next">relies heavily on <a href="http://www.w3.org/TR/cooluris/#conneg" target="blank"><em>content negotiation</em></a> <small>(supported types: RDF, text, html, js, css, images)</small></li>
			<li class="next">supports many RDF media types <small>(<a href="https://en.wikipedia.org/wiki/Turtle_(syntax)" target="blank">Turtle</a>, <a href="https://en.wikipedia.org/wiki/RDF/XML" target="blank">RDF/XML</a>, <a href="https://en.wikipedia.org/wiki/Notation3" target="blank">Notation3</a>, <a href="https://en.wikipedia.org/wiki/N-Triples" target="blank">N-triples</a>, <a href="https://en.wikipedia.org/wiki/JSON-LD" target="blank">JSON-LD</a>)</small></li>
			<li class="next">RDF resources can <em>also</em> be retrieved and manipulated using <a href="https://en.wikipedia.org/wiki/Sparql" target="blank">SPARQL</a></li>
			<li class="next">it's <strong><em>free</em></strong> <small>(as in beer and freedom to use) - grab the code from <a href="https://github.com/deiu/rww.io" target="blank">GitHub</a></small></li>
		</ul>
		<style>
		    small { font-size: 0.7em; }
		</style>
	</div></section>
<!-- Web apps -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>So..what's next?</h2>
	</div></section>
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Privacy-friendly Web apps!</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Web app: Linked Data Calendar</h2>
        <ul>
			<li>uses only existing standards <small>(HTML5, REST, RDF, WebID)</small></li>
			<li class="next">can be hosted <em>anywhere</em> <small>(got a WebID? try it! <a href="https://ld-cal.rww.io/index.html" target="blank">https://ld-cal.rww.io/index.html</a>)</small></li>
			<li class="next">does <strong><em>not</em></strong> store the user data in a silo! <small>(you choose where)</small></li>
            <li class="next">relies on WebID to:
                <ul><li class="next">personalize user experience</li><li class="next">locate user data</li></ul>
            </li>
			<li class="next">it's <strong><em>free</em></strong> <small>(as in beer and freedom to use) - grab the code from <a href="https://github.com/rww-apps/ld-cal" target="blank">GitHub</a></small></li>
		</ul>
		<style>
		    small { font-size: 0.7em; }
		</style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Web app example: Linked Data Calendar</h2>
		<div align="center"><img src="pictures/ld-cal.jpg" alt="Linked Data Calendar" style="height:420px;">
		</div>		
	</div></section>
<!-- REST code examples -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Time to play!</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Hands on with REST and RWW.IO</h2>
        <ul>
            <li>our goal - basic REST operations: <em><strong>Create</strong> / <strong>Read</strong> / <strong>Update</strong> / <strong>Delete</strong></em> (CRUD)</li>
        </ul>
		<div class="next">
		<h2>Before starting:</h2>
		<ul>
		    <li>get a private workspace on <a href="http://rww.io/" target="blank">http://rww.io/</a></li>
            <li>if the *nix is strong in you, just use <strong><em>curl</em></strong></li>
            <li>if you like the <em>"dark side"</em>, use <a href="https://apigee.com/console/others" target="blank">https://apigee.com/console/others</a></li>
	    </ul>
		</div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Inquiring about a resource (HEAD)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -X HEAD \ <mark class="comment">&lt;- request type</mark>
            http://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>    
        <strong>HTTP request:</strong>
		<pre class="response">
			HEAD /data HTTP/1.1<br/>
            Host: <mark>name</mark>.rww.io<br/>
		</pre>
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>404</strong> Not Found
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Inquiring about server options (OPTIONS)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -X OPTIONS \ <mark class="comment">&lt;- request type</mark>
        http://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>200</strong> OK<br/>
            Access-Control-Allow-Methods: GET, PUT, POST, OPTIONS, HEAD, MKCOL, DELETE<br/>
            Allow: GET, PUT, POST, OPTIONS, HEAD, MKCOL, DELETE, PATCH<br/>
            Accept-Post: text/turtle,text/n3,text/html,text/javascriptimage/jpeg,image/png;
            Access-Control-Allow-Origin: *<br/>
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Writing (POST)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -X POST \ <mark class="comment">&lt;- request type</mark>
        -H "Content-Type:text/turtle" \ <mark class="comment">&lt;- content type</mark>
        -d "&lt;s&gt; &lt;p&gt; &lt;o&gt; ." \ <mark class="comment">&lt;- the body</mark>
        http://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>    
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>201</strong> Created<br/>
            User: <mark>https://my-profile.eu/people/deiu/card#me</mark><br/>
            Link: &lt;http://name.rww.io/.acl.data&gt;; rel=<mark class="important">acl</mark>
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Reading (GET)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -H "Accept:text/turtle" \ <mark class="comment">&lt;- content type</mark>
        http://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>    
		<br/>
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>200</strong> OK<br/>
            Content-Type: <mark class="important">text/turtle</mark><br/>
            @prefix rdf: &lt;http://www.w3.org/1999/02/22-rdf-syntax-ns#&gt; .<br/>
            &lt;s&gt; &lt;p&gt; &lt;o&gt; .
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Deleting (DELETE)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -X DELETE \ <mark class="comment">&lt;- request type</mark>
        http://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>
		<br/>
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>200</strong> OK
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section><commit_msg>Switched examples to https<commit_after><!DOCTYPE HTML>
<html lang="en">
<head>
	<title>REST / RWW.IO</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=792, user-scalable=no">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<link rel="stylesheet" href="shower/themes/ribbon/styles/screen.css">
	<style>
	    #logo {
	        position: absolute;
	        top: 1px;
	        left: 1px;
	    }
	    #header {
	        position: absolute;
	        display: inline-block;
	        top: 10px;
	        color: #ccc;
            font: 30px 'PT Sans Narrow', sans-serif;
        }
	</style>
</head>
<body class="list">
	<header class="caption">
		<h1>REST / RWW.IO</h1>
		<p>by <a href="https://my-profile.eu/people/deiu/card#me" target="blank"><NAME></a> (<a href="https://twitter.com/therealdeiu" target="blank">@therealdeiu</a>)</p>
	</header>

	<section class="slide cover" id="Cover"><div>
		<h2>REST / RWW.IO</h2>
		<p>Presented to you by <a href="https://my-profile.eu/people/deiu/card#me" target="blank"><NAME></a></p>
		<img src="pictures/cover.jpg" alt="">
		<!--
			To apply styles to the certain slides
			set slide ID to get needed elements
			-->
		<style>
			#Cover h2 {
				margin:30px 0 0;
				color:#FFF;
				text-align:center;
				font-size:70px;
				}
			#Cover p {
				margin:10px 0 0;
				text-align:center;
				color:#FFF;
				font-style:italic;
				font-size:20px;
				}
				#Cover p a {
					color:#FFF;
					}
		</style>
	</div></section>
<!-- Intro -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Introduction</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>A bit of personal history...</h2>
		<ul>
			<li>2010 - finished MSc at TSP in <em>Computer and Communication Networks</em></li>
			<li class="next">2010 - started PhD at TSP on <em>Anonymity in Computer Networks</em> (too broad)</li>
			<li class="next">2011 - switched subject to "Decentralized Identity w/ Privacy control"</li>
			<li class="next">2011 - first contact with the <a href="http://w3.org/" target="blank">W3C</a> (<a href="http://www.w3.org/community/webid/" target="blank">WebID</a>, <a href="http://www.w3.org/community/rww/" target="blank">RWW</a>, <a href="http://www.w3.org/2012/ldp/wiki/Main_Page" target="blank">LDP</a>, <a href="http://www.w3.org/community/rdfjs/" target="blank">RDFjs</a>)</li>
			<li class="next">2012 - became co-chair of the <a href="http://www.w3.org/community/rww/" target="blank">Read Write Web</a> group</li>
			
			<li class="next">2012 - got invited by <a href="http://www.w3.org/People/Berners-Lee/card#i" target="blank"><NAME></a> to work at MIT</li>
		</ul>
		<p class="note"></p>
	</div></section>
<!-- MIT -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<figure>
			<blockquote>
				<p>Getting an Education from MIT is like taking a drink from a Fire Hose.</p>
			</blockquote>
			<figcaption>Former MIT President ['71-'80] <NAME></figcaption>
		</figure>
		<div class="next" align="center"><img src="pictures/fountain.jpg" alt="Fountain"></div>
	</div></section>
	<section class="slide" id="RMS"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<p>The one and only, RMS.</p>
		<img src="pictures/rms.jpg" alt="RMS">
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<div align="center"><img src="pictures/tardis.jpg" alt="Tardis"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<div align="center"><img src="pictures/dalek.jpg" alt="Dalek"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<div align="center"><img src="pictures/r2d2.jpg" alt="R2D2"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<div align="center"><img src="pictures/car.jpg" alt="Car"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>MIT...</h2>
		<p><br/></p>
		<div align="center"><h2><a href="http://hacks.mit.edu/" target="blank">hacks.mit.edu/</a></h2></div>
	</div></section>
<!-- My work -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>My work...</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>W3C standards</h2>
	    <ul>
	        <li>Web Identity and Discovery - <a href="https://dvcs.w3.org/hg/WebID/raw-file/tip/spec/identity-respec.html" target="blank">WebID</a></li>
	        <li class="next">WebID authentication over TLS - <a href="https://dvcs.w3.org/hg/WebID/raw-file/tip/spec/tls-respec.html" target="blank">WebID-TLS</a></li>
	        <li class="next" id="star">Web Access Control<span>*</span> - <a href="http://www.w3.org/wiki/WebAccessControl" target="blank">WAC</a></li>
	        <li class="next">Linked Data Platform - <a href="http://www.w3.org/2012/ldp/wiki/Main_Page" target="blank">LDP</a></li>
	    </ul>
		<p><br/></p>
		<p class="note next" id="star"><span>*</span> WAC is not yet a standard</p>
		<style>
			#star span {
				color:red;
				}
		</style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>W3C standards - how does it work?</h2>
	    <ol>
	        <li class="next">find like-minded people and draft a charter</li>
            <li class="next">elect a chair (administrative tasks)</li>
            <li class="next">lots of teleconferences (usually weekly)</li>
            <li class="next">editors publish a Working Draft (WD) - <small>that is open for public review</small></li>
            <li class="next">after polishing the WD, spec becomes Candidate Recommendation (CR) - <small>elicit aid from the development community (tests)</small></li>
            <li class="next">if CR passes tests, spec becomes Proposed Recommendation (PR) - <small>submitted to the W3C Advisory Council for final approval</small></li>
            <li class="next">if accepted -> W3C Recommendation (REC)</li>
	    </ol>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <h2>Open source software</h2>
	    <div class="next">
            <img src="pictures/myprofile.jpg" alt="MyProfile" />
            <ul>
                <li>Available at <a href="https://my-profile.eu/" target="blank">https://my-profile.eu/</a></li>
                <li>GitHub <a href="https://github.com/MyProfile/myprofile" target="blank">repository</a></li>
            </ul>
        </div>
        <div class="next">
            <img src="pictures/rww.png" alt="Read Write Web" />
            <ul>
                <li>Available at <a href="https://rww.io/" target="blank">https://rww.io/</a></li>
                <li>GitHub <a href="https://github.com/deiu/rww.io" target="blank">repository</a></li>
            </ul>
        </div>
	</div></section>
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Philosophical questions</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <p><br /></p>
		<h2>1. Why start a PhD?</h2>
		<h2 class="next">2. Why open source?</h2>
	</div></section>
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why start a PhD?</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why start a PhD?</h2>
		<ul>
			<li>your work may potentially help others (if good)</li>
			<li class="next">you get to see the world through conferences (if you work hard)</li>
			<li class="next">you meet new and interesting people</li>
			<li class="next">frustrating but...<span class="next"><strong>incredibly gratifying</strong> once it works</span></li>
		</ul>
		<p class="note"></p>
	</div></section>
		<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why start a PhD? - <em>advices</em></h2>
		<ul>
			<li>advisor?</li>
			<li class="next"><strong>Yes, advisor!</strong></li>
			<li class="next">PhD = <strong><em>Sci</em></strong>-Fi (results > blah blah)</li>
			<li class="next"><em>very</em> personal experience over at least 3 years</li>
			<li class="next">take the initiative, be creative!</li>
		</ul>
		<p class="note"></p>
	</div></section>
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why open source?</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Why open source?</h2>
		<ul>
			<li>collaboration / meet new people</li>
			<li class="next">share ideas and get instant feedback</li>
			<li class="next">others can study how your code works and change it to fit their needs</li>
			<li class="next">reuse -> <code><mark class="important">improve</mark></code> -> contribute back to the original project</li>
			<li class="next">greatly helps the community</li>
			<li class="next">applied to the Web -> <em>"view source"</em></li>
		</ul>
		<p class="note"></p>
	</div></section>
<!-- Issues -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Moving on....<br/>Current issues?</h2>
	</div></section>
		<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Identities? <small>(the NASCAR problem)</small></h2>
		<div align="center" class="next"><img src="pictures/web-nascar.jpg" alt="Web Nascar problem">
		</div>
		<style>
		    small {
		        font-size: 0.5em;
		    }
		</style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Data silos?</h2>
		<div align="center"><img src="pictures/walled_garden.jpg" alt="Walled gardens">
		<figcaption>"Walled Gardens" - The Economist</figcaption>
		</div>		
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Privacy?</h2>
		<div align="center"><img src="pictures/panopticon.jpg" alt="Panopti">
		<p><em>Panopticon</em> - a watchman observes people without their knowledge</p>
		</div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Recap</h2>
		<br/>
        <ul>
			<li>Identity? -> <span class="next"><strong>Web Identity and Discovery (WebID) - standard</strong></span></li>
			<li class="next">Privacy? -> <span class="next"><strong>Web Access Control Lists (WebACL) - to be standardized</strong></span></li>
			<li class="next">Data silos? -> <span class="next"><strong>Read/Write personal Web data storage (RWW.IO) - service</strong></span></li>
		</ul>
        <p class="note next">RWW.IO incorporates previous standards</p>
	</div></section>
<!-- WebID -->
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Identity -> WebID / WebID-TLS</h2>
        <ul>
			<li>decentralized identity based on HTTP URIs</li>
			<li class="next"><strong><em>you</em></strong> control your profile data (where it is stored / who can access it)</li>
			<li class="next"><em>extremely</em> rich profile (Web apps preferences, regionalization, etc.)</li>
			<li class="next">currently in a standardization process</li>
			<li class="next">based on the Semantic Web</li>
		</ul>
		<p class="note next">More info here: <a href="http://www.w3.org/wiki/WebID" target="blank">http://www.w3.org/wiki/WebID</a></p>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <h2>WebID</h2>
		<div align="center"><img src="pictures/WebID.png" alt="WebID" style="height:420px;"></div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <h2>WebID-TLS</h2>
		<div align="center"><img src="pictures/webid-tls.png" alt="WebID-TLS"></div>
	</div></section>
<!-- WAC -->
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Privacy -> WebACL</h2>
        <ul>
			<li>decentralized! <small>(X-domain identities)</small></li>
			<li class="next">classic access modes: Read <small>(GET)</small> / Write <small>(PUT, DELETE)</small> / Append <small>(POST)</small></li>
			<li class="next">soon to beging standardization process</li>
			<li class="next">based on the Semantic Web</li>
		</ul>
		<p class="note next">More info here: <a href="http://www.w3.org/wiki/WebAccessControl" target="blank">http://www.w3.org/wiki/WebAccessControl</a></p>
		<style>
		    small { font-size: 0.7em; }
		</style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
	    <h2>WebACL</h2>
		<div align="center"><img src="pictures/WebACL.jpg" alt="WebACL" style="height:420px;"></div>
	</div></section>
<!-- RWW -->
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Data silos -> RWW.IO</h2>
        <ul>
			<li>Linked Data-enabled personal storage platform <small>(<a href="http://www.freedomboxfoundation.org/" target="blank">FreedomBox</a>)</small> but not only!</li>
			<li class="next">built on REST principles <small>(HEAD, GET, POST, PUT, DELETE, MKCOL, OPTIONS)</small></li>
			<li class="next">no <em>dedicated</em> API!</li>
			<li class="next">relies heavily on <a href="http://www.w3.org/TR/cooluris/#conneg" target="blank"><em>content negotiation</em></a> <small>(supported types: RDF, text, html, js, css, images)</small></li>
			<li class="next">supports many RDF media types <small>(<a href="https://en.wikipedia.org/wiki/Turtle_(syntax)" target="blank">Turtle</a>, <a href="https://en.wikipedia.org/wiki/RDF/XML" target="blank">RDF/XML</a>, <a href="https://en.wikipedia.org/wiki/Notation3" target="blank">Notation3</a>, <a href="https://en.wikipedia.org/wiki/N-Triples" target="blank">N-triples</a>, <a href="https://en.wikipedia.org/wiki/JSON-LD" target="blank">JSON-LD</a>)</small></li>
			<li class="next">RDF resources can <em>also</em> be retrieved and manipulated using <a href="https://en.wikipedia.org/wiki/Sparql" target="blank">SPARQL</a></li>
			<li class="next">it's <strong><em>free</em></strong> <small>(as in beer and freedom to use) - grab the code from <a href="https://github.com/deiu/rww.io" target="blank">GitHub</a></small></li>
		</ul>
		<style>
		    small { font-size: 0.7em; }
		</style>
	</div></section>
<!-- Web apps -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>So..what's next?</h2>
	</div></section>
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Privacy-friendly Web apps!</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Web app: Linked Data Calendar</h2>
        <ul>
			<li>uses only existing standards <small>(HTML5, REST, RDF, WebID)</small></li>
			<li class="next">can be hosted <em>anywhere</em> <small>(got a WebID? try it! <a href="https://ld-cal.rww.io/index.html" target="blank">https://ld-cal.rww.io/index.html</a>)</small></li>
			<li class="next">does <strong><em>not</em></strong> store the user data in a silo! <small>(you choose where)</small></li>
            <li class="next">relies on WebID to:
                <ul><li class="next">personalize user experience</li><li class="next">locate user data</li></ul>
            </li>
			<li class="next">it's <strong><em>free</em></strong> <small>(as in beer and freedom to use) - grab the code from <a href="https://github.com/rww-apps/ld-cal" target="blank">GitHub</a></small></li>
		</ul>
		<style>
		    small { font-size: 0.7em; }
		</style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Web app example: Linked Data Calendar</h2>
		<div align="center"><img src="pictures/ld-cal.jpg" alt="Linked Data Calendar" style="height:420px;">
		</div>		
	</div></section>
<!-- REST code examples -->
	<section class="slide shout"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Time to play!</h2>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Hands on with REST and RWW.IO</h2>
        <ul>
            <li>our goal - basic REST operations: <em><strong>Create</strong> / <strong>Read</strong> / <strong>Update</strong> / <strong>Delete</strong></em> (CRUD)</li>
        </ul>
		<div class="next">
		<h2>Before starting:</h2>
		<ul>
		    <li>get a private workspace on <a href="http://rww.io/" target="blank">http://rww.io/</a></li>
            <li>if the *nix is strong in you, just use <strong><em>curl</em></strong></li>
            <li>if you like the <em>"dark side"</em>, use <a href="https://apigee.com/console/others" target="blank">https://apigee.com/console/others</a></li>
	    </ul>
		</div>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Inquiring about a resource (HEAD)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -X HEAD \ <mark class="comment">&lt;- request type</mark>
            https://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>    
        <strong>HTTP request:</strong>
		<pre class="response">
			HEAD /data HTTP/1.1<br/>
            Host: <mark>name</mark>.rww.io<br/>
		</pre>
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>404</strong> Not Found
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Inquiring about server options (OPTIONS)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -X OPTIONS \ <mark class="comment">&lt;- request type</mark>
        https://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>200</strong> OK<br/>
            Access-Control-Allow-Methods: GET, PUT, POST, OPTIONS, HEAD, MKCOL, DELETE<br/>
            Allow: GET, PUT, POST, OPTIONS, HEAD, MKCOL, DELETE, PATCH<br/>
            Accept-Post: text/turtle,text/n3,text/html,text/javascriptimage/jpeg,image/png;
            Access-Control-Allow-Origin: *<br/>
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Writing (POST)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -X POST \ <mark class="comment">&lt;- request type</mark>
        -H "Content-Type:text/turtle" \ <mark class="comment">&lt;- content type</mark>
        -d "&lt;s&gt; &lt;p&gt; &lt;o&gt; ." \ <mark class="comment">&lt;- the body</mark>
        https://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>    
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>201</strong> Created<br/>
            User: <mark>https://my-profile.eu/people/deiu/card#me</mark><br/>
            Link: &lt;https://name.rww.io/.acl.data&gt;; rel=<mark class="important">acl</mark>
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Reading (GET)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -H "Accept:text/turtle" \ <mark class="comment">&lt;- content type</mark>
        https://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>    
		<br/>
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>200</strong> OK<br/>
            Content-Type: <mark class="important">text/turtle</mark><br/>
            @prefix rdf: &lt;http://www.w3.org/1999/02/22-rdf-syntax-ns#&gt; .<br/>
            &lt;s&gt; &lt;p&gt; &lt;o&gt; .
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
	<section class="slide"><div>
        <img id="logo" src="pictures/logo.png" alt="Ecole Mines Telecom" />
	    <div id="header">REST / RWW.IO</div>
		<h2>Deleting (DELETE)</h2>
        <strong>Curl request:</strong>
		<pre>
            <code>curl -v -X DELETE \ <mark class="comment">&lt;- request type</mark>
        https://<mark>name</mark>.rww.io/data <mark class="comment">&lt;- the resource URI</mark></code>
		</pre>
		<br/>
		<strong>Response:</strong>
        <pre class="response">
            HTTP/1.1 <strong>200</strong> OK
        </pre>
        <style>
            .response {
                font-size: 20px;
            }
        </style>
	</div></section>
{'fraction_non_alphanumeric': 0.2098783284100064, 'fraction_numerical': 0.010328657894193228, 'mean_word_length': 3.1775975146703486, 'pattern_counts': {'":': 0, '<': 2031, '<?xml version=': 0, '>': 2053, 'https://': 54, 'lorem ipsum': 0, 'www.': 30, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5056147', 'n_tokens_mistral': 18668, 'n_tokens_neox': 17283, 'n_words': 3638}