<!--
This style apply by default to all slides, unless .slide is used.
Note the use of the reveal class selector: this mean that only the presentation is affected by this style, and the makrdown preview or the book mode of hackmd.io is style intact.
If you want/need a resizable background image, add the background-size: cover; property and change background-position: 0px 0px;
pdf : https://hackmd.io/@ponsfrilus/syndication?print-pdf#/
-->
<style>
/*.reveal {*/
/*background-color: #eaeaea;*//*
background-image: url('https://epfl-si.github.io/elements/svg/epfl-logo.svg');
background-repeat: no-repeat;
background-position: 5px 5px;
}*/
.reveal {
color: #1c1c1c;
}
.reveal h1, .reveal h2, .reveal h3,
.reveal h4, .reveal h5, .reveal h6 {
color: #6c6c6c;
text-shadow: 2px 2px #ff0000;
}
.reveal a {
color: #f009;
}
.reveal a:hover {
color: #f00;
}
.reveal code {
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(255, 255, 255, 0.46);
border-radius: 3px;
}
[data-contrast="on"] > div {
background-color: #ffffff50;
}
[data-contrast="on+"] > div {
background-color: #ffffff99;
}
</style>
<!-- .slide: data-background="https://i.imgur.com/xwq9rjS.jpg" data-contrast="on+" https://unsplash.com/photos/USXfF_ONUGo -->
# Flux de syndications
Présentation des flux de syndications à l'atelier au vert à St-Luc
<small>Nicolas Borboën <<nicolas.borboen@epfl.ch>></small>
----
<!-- .slide: data-contrast="on+" data-background="https://i.imgur.com/Cg5YrPU.jpg" https://unsplash.com/photos/w8hWTFpGtpY -->
## Lien vers la présentation
https://hackmd.io/@ponsfrilus/syndication
<small>Toutes les photos viennent du site https://unsplash.com (libre de droits)</small>
---
<!-- .slide: data-background="https://i.imgur.com/lnTZ1TO.jpg" h[ttps://unsplash.com/photos/rqWoB4LFgmc](https://unsplash.com/photos/PzhmEp_aDU4) -->
# Pourquoi est-on là
Note:
- Parce que c'était mieux avant
- Pour blamer Google d'avoir arrêté Google Reader
- Parce que le pull d'info est mieux que le push
----
---
<!-- .slide: data-background="https://i.imgur.com/JoKKAap.jpg" https://unsplash.com/photos/cFplR9ZGnAk -->
# Introduction
----
<!-- .slide: data-contrast="on+" data-background="https://i.imgur.com/ix6NmhH.jpg" https://unsplash.com/photos/FN-cedy6NHA -->
> La syndication de contenu Web est une forme de syndication dans laquelle une partie d'un site est accessible depuis d'autres sites.
> <small>https://fr.wikipedia.org/wiki/Syndication_de_contenu</small>
----
<!-- .slide: data-contrast="on+" data-background="https://i.imgur.com/NUUiXMt.jpg" https://unsplash.com/photos/QLfjlyEamV4 -->
## Histoire
1. Rich Site Summary (RSS 0.91) sorti en 1999 ;
2. RDF Site Summary (RSS 0.90 et 1.0) sorti en 2000 ;
3. Really Simple Syndication (RSS 2.0) sorti en 2002 ;
4. Atom, 2003.
---
<!-- .slide: data-contrast="on+" data-background="https://i.imgur.com/RVWdAK7.jpg" https://unsplash.com/photos/de0P588zgls -->
# RSS 0.91, 0.92 and 2.0
* https://fr.wikipedia.org/wiki/RSS
* https://en.wikipedia.org/wiki/RSS_Advisory_Board
* [RFC5005 (Feed Paging and Archiving)](https://www.rfc-editor.org/rfc/rfc5005.html)
----
## Tribute to The Internet's Own Boy
> <small>https://www.lemonde.fr/pixels/article/2014/06/30/aaron-swartz-itineraire-d-un-enfant-du-net_4447830_4408996.html</small>
----
<!-- .slide: data-contrast="on+" data-background="https://i.imgur.com/v1PbaKN.png" https://unsplash.com/photos/xTQtznnfgqA -->
# Atom
* https://en.wikipedia.org/wiki/Atom_(web_standard)
* [RFC4287 (The Atom Syndication Format)](https://www.rfc-editor.org/rfc/rfc4287.html)
* [RFC5023 (The Atom Publishing Protocol)](https://www.rfc-editor.org/rfc/rfc5023.html)
----
<!-- .slide: data-contrast="on+" data-background="https://i.imgur.com/BAFMXux.png" https://unsplash.com/photos/eQaUlrIdgfA -->
# Atom > RSS
> Le Format de Syndication Atom fut normalisé en août 2005 par l'IETF (Internet Engineering Task Force) dans le RFC 4287 en tant que Proposed Standard, contrairement aux divers RSS, pilotés par des entreprises privées.
> <small>https://fr.wikipedia.org/wiki/Atom_Syndication_Format</small>
----
## XML
```xml
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Example Feed</title>
<subtitle>A subtitle.</subtitle>
<link href="http://example.org/feed/" rel="self" />
<link href="http://example.org/" />
<id>urn:uuid:60a76c80-d399-11d9-b91C-0003939e0af6</id>
<updated>2003-12-13T18:30:02Z</updated>
<entry>
...
</entry>
</feed>
```
----
## XML
```xml
<entry>
<title>Atom-Powered Robots Run Amok</title>
<link href="http://example.org/2003/12/13/atom03" />
<link rel="alternate" type="text/html" href="http://example.org/2003/12/13/atom03.html"/>
<link rel="edit" href="http://example.org/2003/12/13/atom03/edit"/>
<id>urn:uuid:1225c695-cfb8-4ebb-aaaa-80da344efa6a</id>
<published>2003-11-09T17:23:02Z</published>
<updated>2003-12-13T18:30:02Z</updated>
<summary>Some text.</summary>
<content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>This is the entry content.</p>
</div>
</content>
<author>
<name>John Doe</name>
<email>johndoe@example.com</email>
</author>
</entry>
```
---
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/IDtzIuP.png" https://unsplash.com/photos/Mbm0WnJ5emc -->
# Web sémantique
1. Web 1.0 = Links
2. Web 1.5 = Web dynamique (DHTML), e-commerce
3. Web 2.0 = Web participatif
4. Web 3.0 = AJAX
**Et le [web sémantique](https://fr.wikipedia.org/wiki/Web_s%C3%A9mantique) ?** [FOAF](https://fr.wikipedia.org/wiki/FOAF), [XFN](https://fr.wikipedia.org/wiki/XHTML_Friends_Network), [microformats](https://fr.wikipedia.org/wiki/Microformat), [ontologie](https://fr.wikipedia.org/wiki/Ontologie_(informatique))...
----
<!-- .slide: data-contrast="on+" data-background="https://i.imgur.com/0WEocCm.jpg" https://unsplash.com/photos/lgpQSEQGBRU -->
Avant les smartphones, suivre les informations sur différents blogs signifiait tous les visiter. Faire de la veille technologique pouvait s'avérer chronophage. Les flux de syndication permettent d'avoir les information en « push » dans un endroit centralisé, qu'on visite à notre guise.
----
<!-- .slide: data-contrast="on+" data-background="https://i.imgur.com/twZ8m6s.jpg" https://unsplash.com/photos/R3pUGn5YiTg -->
## « Just the signal without the noise »
---
## Sources de données (1/6)
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/p34RBx1.png" https://unsplash.com/photos/x8GFIajIq6M -->
**Blogs** (par exemple WordPress -- https://wordpress.com/support/feeds/)
> Every WordPress.com blog has multiple feeds. The main content feed can be accessed by adding /feed/ to your blog’s URL.
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/J4O6vQB.jpg" https://unsplash.com/photos/M7CWtla_8vE -->
## Sources de données (2/6)
**Google News :**
* https://news.google.com/rss (top stories)
* https://news.google.com/rss/topics/<TOPIC_ID>
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/APYMfPv.jpg" https://unsplash.com/photos/mTIt6CZots4 -->
## Sources de données (3/6)
**Youtube** (https://danielmiessler.com/blog/rss-feed-youtube-channel/) :
* https://www.youtube.com/feeds/videos.xml?channel_id=THE_CHANNEL_ID_HERE
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/5AULMLO.png" https://unsplash.com/photos/Jrl_UQcZqOc -->
## Sources de données (4/6)
**GitHub** / **Twitter** :
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/4tdF0yk.jpg" https://unsplash.com/photos/PS2s_sVjcJc -->
## Sources de données (5/6)
**Reddit** :
* https://reddit.com/r/subreddit.rss
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/r3uTAxL.jpg" https://unsplash.com/photos/qc8sv1bP_c0 -->
## Sources de données (6/6)
Et aussi go.epfl.ch/feed :satisfied:
---
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/Hw8yrcv.jpg" https://unsplash.com/photos/Hu0pc4Y92Ng -->
## Lecteurs (agrégateurs de contenus) (1/5)
[Thunderbird](https://blog.thunderbird.net/2022/05/thunderbird-rss-feeds-guide-favorite-content-to-the-inbox/), [Outlook](https://support.microsoft.com/en-us/office/subscribe-to-an-rss-feed-73c6e717-7815-4594-98e5-81fa369e951c), [Mail]([Thunderbird](https://www.fastcomet.com/tutorials/mail/apple-mac-rss-feeds))
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/fwinIxe.jpg" https://unsplash.com/photos/zlPhxd5OydQ -->
## Lecteurs (agrégateurs de contenus) (2/5)
* [Feedly](https://feedly.com/)
* [RSSOwl](http://www.rssowl.org/)
* [RSSBandit](http://rssbandit.org/)
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/ngjCHU0.jpg" https://unsplash.com/photos/JVtcrWcbj1c -->
## Lecteurs (agrégateurs de contenus) (2/5)
* iTunes (podcast)
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/x3OdZkB.jpg" https://unsplash.com/photos/S5dhgKIcaS0 -->
## Lecteurs (agrégateurs de contenus) (4/5)
Mais aussi différentes web extension et les bookmarks dynamiques (built-in) de FireFox.
----
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/LdS53rV.jpg" https://unsplash.com/photos/NXNU0vvMwXo -->
## Lecteurs (agrégateurs de contenus) (5/5)
Et plein d'autres !
https://en.wikipedia.org/wiki/Comparison_of_feed_aggregators
----
# Me want RSS icon
https://addons.mozilla.org/en-US/firefox/addon/want-my-rss/
---
<!-- .slide: data-contrast="on" data-background="https://i.imgur.com/V1ycXr4.png" https://www.failory.com/google/reader -->
# RIP Google Reader
Note:
Google Reader avec une "killer feature" : il permettait de voir les articles aimé par ses amis, et donc avoir une sélection de sélection d'article de nos connaissances !
July 1, 2013
https://en.wikipedia.org/wiki/Google_Reader
https://killedbygoogle.com/
---
<!-- .slide: data-background="https://i.imgur.com/4etRtMX.jpg" data-contrast="on" https://unsplash.com/photos/xdf1gU-LCnc -->
## Pour conclure
* Système simple
* Peu intrusif
* Information push
* Pas de pub (enfin presque), pas de distraction (texte pure), pas de course à l'engagement
* Adapté aux machines comme aux humains
* Textes, images ou même podcasts
* Veille technlogique, organisation de source d'information
Note: aussi, pas de timeline ou de liste de post "curaté" par Facebook ou Twitter
---
<!-- .slide: data-background="https://i.imgur.com/1yaIvYi.png" data-contrast="on" https://unsplash.com/photos/b0XSjnITSoA -->
# Lectures
* [Use RSS for privacy and efficiency](https://rsapkf.org/weblog/q2z)
* [It’s Time to Get Back Into RSS](https://danielmiessler.com/blog/its-time-to-get-back-into-rss/)
* [Why I Still Use RSS](https://atthis.link/blog/2021/rss.html)
* [Reclaiming RSS](https://ar.al/2018/06/29/reclaiming-rss/)
* [Outline Processor Markup Language](http://opml.org/)
---
<!-- .slide: data-background="https://i.imgur.com/ciqDQkq.jpg" data-contrast="on" https://unsplash.com/photos/eQaUlrIdgfA-->
## This is the end
Encore une question ? Un point à disctuer ?
<br>
Nicolas Borboën <<nicolas.borboen@epfl.ch>>
{"metaMigratedAt":"2023-06-17T19:14:06.300Z","metaMigratedFrom":"YAML","title":"Flux de syndications","breaks":true,"description":"Présentation sur les flux de syndications","slideOptions":"{\"transition\":\"convex\",\"theme\":\"black\",\"spotlight\":{\"enabled\":false},\"progress\":true}","contributors":"[{\"id\":\"98cf1d10-5049-49ca-9160-3f2e67fc1067\",\"add\":22875,\"del\":11037}]"}