390 likes | 575 Views
Web et Flux RSS. Sébastien Bayle. « Web et flux RSS ». Comment faire un site web aujourd’hui ? Construire son propre site Utiliser des outils OpenSource Utiliser des services en ligne Les technologies du Web flux RSS AJAX demain ?. Construire son propre site. Les outils : Notepad
E N D
Web et Flux RSS Sébastien Bayle
« Web et flux RSS » • Comment faire un site web aujourd’hui ? • Construire son propre site • Utiliser des outils OpenSource • Utiliser des services en ligne • Les technologies du Web • flux RSS • AJAX • demain ?
Construire son propre site Les outils : Notepad DreamWeaver Photoshop L’hébergement : compris dans l’abonnement à internet free.fr … 3
Utiliser des outils OpenSource • Joomla • Plone • Et bien d’autres : SPIP, DotClear, MediaWiki.
Joomla 5
Joomla 6
Joomla 7
Joomla 8
Joomla 9
Joomla 10
Joomla 11
Joomla • http://cirius.seb.free.fr/joomlademo 12
Plone 13
Plone • http://gds2i.eureos.fr 14
Les services en ligne • Package comprenant : • l’hébergement • la maintenance des applications • les applications pré-installées • Nés du phénomène « Skyblog »
Microsoft Live • http://sebastienbayle.spaces.live.com/
Google Sites • http://sites.google.com/site/monsitededemo/Home
Technologies du Web • Aujourd’hui : • La base : le serveur HTTP • Les flux RSS • AJAX • Et demain : • XUL • XAML
Flux RSS • Qu’est-ce que c’est : • un fichier texte « spécial » : formattage XML, respect des specifications RSS <?xmlversion="1.0"encoding="iso-8859-1"?> <rssversion="2.0"> <channel> <title>Mon site</title> <description>Ceci est un exemple de flux RSS 2.0</description> <lastBuildDate>Wed, 27 Jul 2005 00:30:30 -0700</lastBuildDate> <link>http://www.example.org</link> <item> <title>Actualité N°1</title> <description>Ceci est ma première actualité</description> <pubDate>Tue, 19 Jul 2005 04:32:51 -0700</pubDate> <link>http://www.example.org/actu1</link> </item> </channel> </rss>
Flux RSS • A quoi ça sert ? • formater l’information de manière standard • Séparer le contenu de sa mise en page • >> échanges d’informations entre sites web • >> centraliser des informations de sources différentes
Flux RSS • http://rss.cnn.com/rss/edition.rss • http://www.lequipe.fr/Xml/Football/Titres/actu_rss.xml • http://www.lemonde.fr/rss/une.xml • http://cirius.seb.free.fr/test_rss.xml
Flux RSS • http://www.google.fr/ig?hl=fr
AJAX • AJAX = Asynchronous Javascript And XML • Principe : • faire une requête au serveur depuis l’intérieur d’une page déjà chargée. • Modifier la page en cours pour prendre en compte les nouveaux résultats
Serveur HTTP Url + autres informations (cookies, formulaires) www.monsite.com/index.html www.monsite.com index.html <HTML> <BODY>BONJOUR </BODY> </HTML> 32
Serveur HTTP dynamique Url + autres informations (cookies, formulaires) SELECT MSG FROM TABLE www.monsite.com/index.php sql.monsite.com www.monsite.com BONJOUR index.php <HTML> <BODY>BONJOUR </BODY> </HTML> 33
SELECT MSG FROM TABLE www.monsite.com/index.php sql.monsite.com www.monsite.com BONJOUR index.php getHeure() AJAX Url + autres informations (cookies, formulaires) 19:00:00 getHeure() 19:00:05
AJAX • Exemples: • http://maps.google.fr/
Et demain ? • l’enjeu : remplacer le html car • le html décrit un document > pas suffisant pour RIA • Les interactions sont de plus en plus nombreuses • En lice : • Microsoft (XAML + Silverlight) • Google (Native Client) • Adobe (Flex/Air) • Mozilla (XUL) • Sun (JavaFX)
XUL • Xml based User interface Language • Conçu par Mozilla • http://robin.sourceforge.net/ • http://www.opensi.fr/expershop?Page=PresCompta/Pres_Compta.htm • Firefox SamePlace
XAML • eXtensible Application Markup Language • Conçu par Microsoft • Concerne tout type d’application, la partie Web est Silverlight
Web et flux RSS Merci !