G.KEMBELLEC - UP81 Master 2 THYP Cas pratique d’utilisation De simpleXML Un lecteur de RSS Novembre 2009.

Présentation au sujet: "G.KEMBELLEC - UP81 Master 2 THYP Cas pratique d’utilisation De simpleXML Un lecteur de RSS Novembre 2009."— Transcription de la présentation:

1 G.KEMBELLEC - UP81 Master 2 THYP Cas pratique d’utilisation De simpleXML Un lecteur de RSS Novembre 2009

2 G.KEMBELLEC - UP82 Réaliser un système de communication basé sur RSS et PHP Comprendre et appliquer RSS Créer un système d’affichage via simpleXML Objectifs

3 G.KEMBELLEC - UP83 Définitions Rappel: XML : Extensible Markup Language (en), « langage de balisage extensible » Son objectif initial est de faciliter l'échange automatisé de contenus entre systèmes de données hétérogènes, notamment, sur Internet. Nous l’utiliserons pour faire transiter des données entre la base de données, le serveur web et le navigateur.

4 G.KEMBELLEC - UP84 Plan de la présentation 1.Choix techniques 2.Quelques définitions 3.Structure et Utilisation d’AJAX 4.Le plan du projet 5.La base de données 6.Quelques captures du resultat

5 G.KEMBELLEC - UP85 Choix techniques – Plateforme et langages LAMP ou Windows + easyPHP : Linux / Windows Apache MySQL PHP Langages et technologies XML, RSS Javascript

6 G.KEMBELLEC - UP86 Définitions AJAX Asynchronous Javascript And XML (en) Javascript asynchrone et XML. Méthode de développement web basée sur l'utilisation d'un script Javascript pour effectuer des requêtes web à l'intérieur d'une page web sans recharger la page. Javascript A proprement parler AJAX n’est pas une technologie, ni même un langage. Il s’agit de combiner XML et Javascript pour un traitemnt des flux de données.

7 G.KEMBELLEC - UP87 Mise en oeuvre AJAX Dans l’exemple nous aurons un outil nommé ajax.js qui se chargera de charger le flux XML pour le restituer sous la forme d’un objet dont les attributs seront accessibles par des méthodes : monObjetXML.getElementsByTagName(‘nomDuTag') -> Charge un attribut complet

8 G.KEMBELLEC - UP88 AJAX Dans l’exemple nous aurons un outil nommé ajax.js qui se chargera de charger le flux XML pour le restituer sous la forme d’un objet dont les attributs seront accessibles par des méthodes : monObjetXML.getElementsByTagName(‘nomDuTag') -> Charge un attribut complet monObjetXML.getElementsByTagName(‘nomDuTag').item(0) -> Charge le 1° élément de l’attribut 0 Mise en oeuvre

9 G.KEMBELLEC - UP89 Mise en oeuvre AJAX Dans l’exemple nous aurons un outil nommé ajax.js qui se chargera de charger le flux XML pour le restituer sous la forme d’un objet dont les attributs seront accessibles par des méthodes : monObjetXML.getElementsByTagName(‘nomDuTag') -> Charge un attribut complet monObjetXML.getElementsByTagName(‘nomDuTag').item(0) -> Charge le 1° élément de l’attribut 0 monObjetXML.getElementsByTagName(‘nomDuTag').item(0).firstChild -> Charge la première instance du 1° élément de l’attribut 0

10 G.KEMBELLEC - UP810 Mise en oeuvre AJAX Dans l’exemple nous aurons un outil nommé ajax.js qui se chargera de charger le flux XML pour le restituer sous la forme d’un objet dont les attributs seront accessibles par des méthodes : monObjetXML.getElementsByTagName(‘nomDuTag') -> Charge un attribut complet monObjetXML.getElementsByTagName(‘nomDuTag').item(0) -> Charge le 1° élément de l’attribut 0 monObjetXML.getElementsByTagName(‘nomDuTag').item(0).firstChild -> Charge la première instance du 1° élément de l’attribut 0 monObjetXML.getElementsByTagName(‘nomDuTag').item(0).firstChild.data -> Charge la valeur de la première instance du 1° élément de l’attribut 0

11 G.KEMBELLEC - UP811 Définitions RSS Really Simple Syndication (en) système de syndication simple Au format XML Le fichier RSS, appelé également flux RSS, canal RSS ou fil RSS, contenant les informations à diffuser, est maintenu à jour afin de constamment contenir les dernières informations à publier. Basiquement, un fil RSS est un fichier contenant le titre de l'information, une courte description et un lien vers une page décrivant plus en détail l'information.

12 G.KEMBELLEC - UP812 Mise en oeuvre RSS Dans l’exemple nous aurons dans la page principale un lien situé dans le header qui pointera vers un fichier chargé de proposer la syndication : Cette ligne indique une proposition de syndication, ce qui affiche le logo de syndication dans la barre de navigation.

13 G.KEMBELLEC - UP813 Mise en oeuvre RSS : Le Format Les news de THYP Initiation à AJAX et au RSS Une intervention sur AJAX et le RSS. 2009-11-03 http://127.0.0.1/THYP/lecteurRSS.php?id=7

14 G.KEMBELLEC - UP814 Architecture du site

15 G.KEMBELLEC - UP815 Développement du Serveur de flux : architecture du site Affichage des articles

16 G.KEMBELLEC - UP816 Développement du site : Organisation de la création des messages Ajouter des messages

17 G.KEMBELLEC - UP817 L’étude du cheminement des données Lors d’une lecture de flux RSS BDD Moteur PHP Data > XML Page AJAX Javascript Reformule le flux XML

18 G.KEMBELLEC - UP818 Création de la base de données Le Modèle Conceptuel de Données message N°Article Titre Contenu Date Type message utilisateurs Id_user nom prénom mail année password groupe Id_groupe intitulé année type concerne appartient 1,N 0,1

19 G.KEMBELLEC - UP819 Création de la base de données Le Modèle Relationnel de Données message #Pk_id_message Titre Contenu Date Fk_id_groupe utilisateurs #Pk_Id_user nom prénom mail année password groupe #Pk_Id_groupe intitulé année type Appartenance #Fk_id_utilisateurs #Fk_id_groupe

20 G.KEMBELLEC - UP820 Création de la base de données Modèle Physique de Données : Le SQL -- -- Structure de la table `appartenance` -- CREATE TABLE `appartenance` ( `fk_id_utilisateur` int(11) NOT NULL default '0', `fk_id_groupe` int(11) NOT NULL default '0', PRIMARY KEY (`fk_id_utilisateur`,`fk_id_groupe`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

21 G.KEMBELLEC - UP821 Création de la base de données Le SQL -- -- Structure de la table `groupes` -- CREATE TABLE `groupes` ( `pk_id_groupe` int(1) NOT NULL auto_increment, `intitule` varchar(15) collate utf8_bin NOT NULL default '', `annee` enum('L3','M1','M2','tous') collate utf8_bin NOT NULL default 'tous', `type` enum('administratif','technique','pedagogique') collate utf8_bin NOT NULL default 'administratif', PRIMARY KEY (`pk_id_groupe`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_bin COMMENT='Appartenance d''un message ou d''un utilisateur à un groupe' ;

22 G.KEMBELLEC - UP822 Création de la base de données Le SQL -- -- Structure de la table `messages` -- CREATE TABLE `messages` ( `pk_id_message` int(1) NOT NULL auto_increment, `titre` varchar(30) collate utf8_bin NOT NULL default '', `contenu` text collate utf8_bin NOT NULL, `date` date NOT NULL default '0000-00-00', `fk_id_groupe` int(1) NOT NULL default '0', PRIMARY KEY (`pk_id_message`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

23 G.KEMBELLEC - UP823 Création de la base de données Le SQL -- -- Structure de la table `utilisateurs` -- CREATE TABLE `utilisateurs` ( `pk_id_ine` int(1) NOT NULL default '0', `nom` varchar(20) collate utf8_bin NOT NULL default '', `prenom` varchar(20) collate utf8_bin NOT NULL default '', `adresse_mail` varchar(30) collate utf8_bin NOT NULL default '', `annee` enum('L3','M1','M2') collate utf8_bin NOT NULL default 'L3', `password` varchar(8) collate utf8_bin NOT NULL default '', PRIMARY KEY (`pk_id_ine`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

24 G.KEMBELLEC - UP824 - La CNIL - Toutes les informations sur l’aspect légal sur www.cnil.fr

25 G.KEMBELLEC - UP825

26 G.KEMBELLEC - UP826 Création d’une news

27 G.KEMBELLEC - UP827 Affichage d’une news

28 G.KEMBELLEC - UP828 Visualisation des flux