La syndication de contenu

Agrégateur

Reproduire le fonctionnement d'un agrégateur

Nous avons récupéré différents flux RSS provenant de différentes sources (on suppose ici que les fichiers des différents flux sont disponibles de manière statique).

Notre objectif va être, à partir de ces fichiers XML, de créer une page HTML permettant d'afficher les différents articles de nos différents flux.

Remarque : si cela vous intéresse, vous pouvez accéder aux différents flux RSS disponibles pour ces sites ici :

Flux 1

Notre premier flux : Le flux de "Le Monde"

1
<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
2
    <channel>
3
        <title>Actu : Toute l'actualité sur Le Monde.fr.</title>
4
        <description>Actu - Découvrez gratuitement tous les articles, les vidéos et les infographies de la rubrique Actu sur Le Monde.fr.</description>
5
        <copyright>Copyright Le Monde.fr</copyright>
6
        <link>http://www.lemonde.fr/m-actu/rss_full.xml</link>
7
        <atom:link href="http://www.lemonde.fr/m-actu/rss_full.xml" rel="self" type="application/rss+xml"/>
8
        <pubDate>Fri, 13 Nov 2015 00:40:55 +0100</pubDate>
9
        <image>
10
            <url>http://www.lemonde.fr/medias/web/img/export/logo_lmfr_90x20_export.png</url>
11
            <title>Actu : Toute l'actualité sur Le Monde.fr.</title>
12
            <link>http://www.lemonde.fr/m-actu/rss_full.xml</link>
13
        </image>
14
        <item>
15
            <link>http://bigbrowser.blog.lemonde.fr/2015/11/10/lesbos-une-zone-de-paix-qui-ressemble-tant-a-une-zone-de-guerre/</link>
16
            <title>Lesbos, une « zone de paix » qui ressemble tant à une zone de guerre</title>
17
            <description>Un photographe de l'Agence France-Presse livre un récit poignant, face à la souffrance des migrants qui viennent s'échouer sur l'île grecque.</description>
18
            <pubDate>Tue, 10 Nov 2015 18:06:09 +0100</pubDate>
19
            <guid isPermaLink="true">http://www.lemonde.fr/tiny/4806885/</guid>
20
            <enclosure url="http://s2.lemde.fr/image/2015/11/11/644x322/4807360_3_0c83_ill-4807360-7706-362555_6cc84fd1a9f68e91de95291241f88055.jpg" type="image/jpeg" length="45473"/>
21
        </item>
22
        <item>
23
            <link>http://www.lemonde.fr/m-actu/article/2015/11/04/le-mariage-a-trois-avenir-de-la-chine_4802599_4497186.html</link>
24
            <title>Le mariage à trois, avenir de la Chine ?</title>
25
            <description>Face au déséquilibre entre les naissances de garçons et de filles, un professeur a trouvé la parade : permettre aux femmes d'épouser plusieurs hommes.</description>
26
            <pubDate>Wed, 04 Nov 2015 06:22:54 +0100</pubDate>
27
            <guid isPermaLink="true">http://www.lemonde.fr/tiny/4802599/</guid>
28
            <enclosure url="http://s1.lemde.fr/image/2015/11/04/644x322/4802598_3_61f9_a-nanning-dans-le-sud-de-la-chine-des_d0956b3c51514e21294cec12f07d964b.jpg" type="image/jpeg" length="84674"/>
29
        </item>
30
    </channel>
31
</rss>

Flux 2 : Le flux de "Le Point"

1
<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
2
<channel>
3
	<atom:link rel="self" href="http://www.lepoint.fr/24h-infos/rss.xml"/>
4
	<title>Le Point - En continu</title>
5
	<description>Actualité de la rubrique En continu</description>
6
	<lastBuildDate>Sun, 15 Nov 2015 11:40:04 +0100</lastBuildDate>
7
	<link>http://www.lepoint.fr#xtor=RSS-221</link>
8
	<category>En continu</category>
9
	<language>fr</language>
10
	<pubDate>Sun, 15 Nov 2015 11:40:04 +0100</pubDate>
11
	<image>
12
		<url>
13
		http://www.lepoint.fr/images/commun3/header/logo2010.gif
14
		</url>
15
		<title>Le Point - En continu</title>
16
		<link>http://www.lepoint.fr</link>
17
	</image>
18
	<item>
19
		<title>Une organisation panislamique appelle à combattre "l'ennemi de l'humanité"</title>
20
		<description/>
21
		<pubDate>Sun, 15 Nov 2015 10:42:00 +0100</pubDate>
22
		<link>http://www.lepoint.fr/monde/une-organisation-panislamique-appelle-a-combattre-l-ennemi-de-l-humanite-15-11-2015-1981761_24.php#xtor=RSS-221</link>
23
		<guid>http://www.lepoint.fr/monde/une-organisation-panislamique-appelle-a-combattre-l-ennemi-de-l-humanite-15-11-2015-1981761_24.php#xtor=RSS-221</guid>
24
		<enclosure url="http://www.lepoint.fr/images/2015/11/15/3293053-717024-jpg_3159276.jpg" length="64415" type="image/jpeg"/>
25
		<category>Actualité</category>
26
	</item>
27
	<item>
28
		<title>Attentats de Paris: aussi prévisibles qu'imparables ?</title>
29
		<description/>
30
		<pubDate>Sat, 14 Nov 2015 11:58:00 +0100</pubDate>
31
		<link>http://www.lepoint.fr/societe/attentats-de-paris-aussi-previsibles-qu-imparables-14-11-2015-1981607_23.php#xtor=RSS-221</link>
32
		<guid>http://www.lepoint.fr/societe/attentats-de-paris-aussi-previsibles-qu-imparables-14-11-2015-1981607_23.php#xtor=RSS-221</guid>
33
		<enclosure url="http://www.lepoint.fr/images/2015/11/14/3292596-716953-jpg_3157896.jpg" length="71480" type="image/jpeg"/>
34
		<category>Actualité</category>
35
	</item>
36
	</channel>
37
</rss>

Agrégation de plusieurs flux

Nous disposons également d'un fichier supplémentaire qui sert à référencer les fichiers XML de nos flux.

1
<?xml version="1.0" encoding="UTF-8"?>
2
<agregateur>
3
    <title>Liste des flux</title>
4
    <flux>
5
        <rss>
6
            <ref>le_monde.xml</ref>
7
        </rss>
8
        <rss>
9
            <ref>le_point.xml</ref>
10
        </rss>
11
    </flux>
12
</agregateur>

Question

Proposer une XSLT permettant de transformer le fichier d’agrégation ci-dessus en un fichier HTML, qui listera le nom de chacun des fichiers XML correspondant à nos flux.

Indice

Résultat attendu :

1
<?xml version="1.0" encoding="UTF-8"?>
2
<html>
3
   <head>
4
      <title>Mon Agregateur</title>
5
   </head>
6
   <body>
7
      <h1>Liste des flux</h1>
8
      <div>
9
         <p>le_monde.xml</p>
10
      </div>
11
      <div>
12
         <p>le_point.xml</p>
13
      </div>
14
   </body>
15
</html>
16
Indice
On cherche à extraire le nom des documents (le_monde.xml et le_point.xml). Nous utilisons la technique du for-each pour parcourir chacun des flux rss.
Exemple d'exercice utilisant le for-each (Stéphane Crozat)
1
<xsl:for-each select="rss">
2
   <p><xsl:value-of select="ref"/></p>
3
</xsl:for-each>
Solution
Première étape
1
<?xml version="1.0" encoding="UTF-8"?>
2
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
3
    <xsl:output method="xml" indent="yes"/>
4
    <xsl:template match="agregateur">
5
    <html>
6
        <head><title>Mon Agregateur</title></head>
7
        <body>
8
            <xsl:apply-templates></xsl:apply-templates>
9
        </body>
10
    </html>
11
</xsl:template>
12
    <xsl:template match="title">
13
        <h1><xsl:value-of select="."/></h1>
14
    </xsl:template>
15
    <xsl:template match="flux">
16
        <xsl:for-each select="rss">
17
            <div>
18
                <p><xsl:value-of select="ref"/></p>
19
            </div>
20
        </xsl:for-each>
21
    </xsl:template>
22
</xsl:stylesheet>
Question
Nous souhaitons maintenant aller chercher à l'intérieur de chacun de ces flux les différentes entrées (articles) et les afficher dans notre page HTML. Nous ne récupérerons que :
  • Le titre de l'article
  • Le lien
  • La description
Modifier votre XSLT pour prendre en compte ces modifications.
Indice
Résultat attendu :
1
<?xml version="1.0" encoding="UTF-8"?>
2
<html>
3
   <head>
4
      <title>Mon Agregateur</title>
5
   </head>
6
   <body>
7
      <h1>Mon agrégateur de flux</h1>
8
      <h2>Actu : Toute l'actualité sur Le Monde.fr.</h2>
9
      <div>
10
         <h3>
11
            <a href="http://bigbrowser.blog.lemonde.fr/2015/11/10/lesbos-une-zone-de-paix-qui-ressemble-tant-a-une-zone-de-guerre/">Lesbos, une « zone de paix » qui ressemble tant à une zone de guerre</a>
12
         </h3>
13
         <p>Un photographe de l'Agence France-Presse livre un récit poignant, face à la souffrance des migrants qui viennent s'échouer sur l'île grecque.</p>
14
      </div>
15
      <div>
16
         <h3>
17
            <a href="http://www.lemonde.fr/m-actu/article/2015/11/04/le-mariage-a-trois-avenir-de-la-chine_4802599_4497186.html">Le mariage à trois, avenir de la Chine ?</a>
18
         </h3>
19
         <p>Face au déséquilibre entre les naissances de garçons et de filles, un professeur a trouvé la parade : permettre aux femmes d'épouser plusieurs hommes.</p>
20
      </div>
21
      <h2>Le Point - En continu</h2>
22
      <div>
23
         <h3>
24
            <a href="http://www.lepoint.fr/monde/une-organisation-panislamique-appelle-a-combattre-l-ennemi-de-l-humanite-15-11-2015-1981761_24.php#xtor=RSS-221">Une organisation panislamique appelle à combattre "l'ennemi de l'humanité"</a>
25
         </h3>
26
         <p/>
27
      </div>
28
      <div>
29
         <h3>
30
            <a href="http://www.lepoint.fr/societe/attentats-de-paris-aussi-previsibles-qu-imparables-14-11-2015-1981607_23.php#xtor=RSS-221">Attentats de Paris: aussi prévisibles qu'imparables ?</a>
31
         </h3>
32
         <p/>
33
      </div>
34
   </body>
35
</html>
36
Indice
On utilise la fonction document() pour rentrer à l'intérieur de chacun des fichiers.
1
<xsl:variable name="doc"><xsl:value-of select="./ref"/></xsl:variable>
2
<xsl:for-each select="document($doc)/rss/channel/item">
3
   (...)
4
</xsl:for-each>
Solution
Deuxième partie
1
<?xml version="1.0" encoding="UTF-8"?>
2
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
3
    <xsl:output method="xml" indent="yes"/>
4
    <xsl:template match="agregateur">
5
        <html>
6
            <head>
7
                <title>Mon Agregateur</title></head>
8
            <body>
9
                <h1>Mon agrégateur de flux</h1>
10
                <xsl:apply-templates select="flux"/>
11
            </body>
12
        </html>
13
    </xsl:template>
14
    <xsl:template match="flux">
15
        <xsl:for-each select="rss">
16
            <xsl:variable name="doc"><xsl:value-of select="./ref"/></xsl:variable>
17
            <h2><xsl:value-of select="document($doc)/rss/channel/title"/></h2>
18
            <xsl:for-each select="document($doc)/rss/channel/item">
19
                <div>
20
                    <h3><a><xsl:attribute name="href"><xsl:value-of select="./link"/></xsl:attribute><xsl:value-of select="./title"/></a></h3>
21
                    <p><xsl:value-of select="./description"/></p>
22
                </div>
23
            </xsl:for-each>
24
            
25
        </xsl:for-each>
26
    </xsl:template>
27
</xsl:stylesheet>
28
PrécédentPrécédentFin
AccueilAccueilImprimerImprimer
								Amélie Perdriaud, Crouillère Pauline, Maxime Margerin, 2013-2015 (Contributions : Stéphane Crozat, les étudiants de NF29)
								Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)