architectures des services Web

Transcription

1 architectures des services Web Dominique RESENT Dépt S.R.C. - I.U.T. de Marne la Vallée Architecture d un Web : HTT+h+SQL Requête HTT Nom de domaine : Nom du de l admin : Réponse HTML windows ou linux HTT MySQL H web BD2 MySQL Admin Connexion au MySQL Création d un annuaire Utilisateur : Mot de passe : Cours : SRC SRC2 L STIC Mastère I&S Mastère MITIC Zone Structure d une page Une page est découpée en zones Les zones contiennent des objets (texte, image, ) Zone 2 Cet ouvrage s'adresse aux étudiants de l'enseignement technique supérieur (BTS IRIS et BTS informatique de gestion option réseaux, IUT d'informatique, IUT de génie électrique et informatique industrielle, IUT Service Réseau et Communication, IUT Génie Télécommunication et Réseaux, IU, classes préparatoires et grandes écoles), ainsi qu'aux auditeurs de la formation continue Les auteurs proposent pour chaque chapitre un questionnaire d'évaluation, des exercices corrigés permettant à chacun d'évaluer l'assimilation des connaissances. Les études de cas associés aux exercices age pratiques sont l'occasion d'acquérir les compétences et savoir faire assurant une maîtrise des outils. Le lecteur Zone 3 trouvera ainsi non seulement les principes de fonctionnement, mais également les méthodes de mise en œuvre des matériels et logiciels. Cet ouvrage constitue un véritable manuel d'auto-formation pour un lecteur tant débutant que confirmé.

2 Créer des zones par tableaux chaque zone correspond à une cellule des cellules peuvent être fusionnées Zone 2 Zone Zone 3 Créer des zones par cadres Les cadres permettent de découper la page en zones Chaque cadre affiche un fichier (html, jpeg, ) our s adapter aux tailles des écrans, les dimensions des cadres peuvent être définies en pourcentage Zone 2 Zone Zone 3 30% 70% Créer des zones par calques Les calques permettent de créer des blocs flottants,librement positionnables les calques sont associés aux balises <div> de HTML- Les calques sont dynamiques et peuvent être animés, changer de couleur, Les calques peuvent être superposés et/ou transparents (0,0) S=0 G=35 Z= L=65 Calque page Z=2 H=50 Calque 2 2

3 Calques et feuilles de style CSS les feuilles de style CSS (Cascading Style Sheet) font partie de HTML- les CSS s apparentent aux feuilles de styles des traitements de texte largeur marge hauteur remplissage Texte contenu dans le bloc. Il peut s agir d un calque, d une balise ou de tout autre élément HTML de bloc comme <p> Couleur de remplissage Bordure de la boîte Un calque est un objet virtuel résultant de l application d attributs CSS Les règles du W3C : XHTML, CSS et DOM Association d acteurs institutionnels du Web, le W3Consortium : édite les règles pour un bon usage des sites Web ; romeut l accès universel (différences culturelles, ressources matérielles, limitations physiques, ) ; Définit des standards pour les outils (navigateurs, outils de développement, ) De bonnes raisons de suivre les préconisations du W3C : Gain de temps en séparant le contenu de la présentation (XHTML+CSS) ; Réduction de la charge du ; Amélioration de l accessibilité ; Meilleure lisibilité du code (ex.: DOM contre DHTML); Meilleure évolution du site ; Anticipation sur le futur (indépendance des versions de navigateurs) ; Inutilité des versions imprimables spécifiques Le Web 2.0 : des pages «sur mesure» Le Web 2.0 : utilise un dialogue «asynchrone» entre et web (AJAX) ; Utilise des technologies classiques (XML, Javascript, HTT, CSS, ) autorise de nouveaux services : Concevoir le contenu d une page à travers plusieurs interfaces de programmation (AI) (ex.: Earth Album); ersonnaliser l organisation des pages de manière dynamique (ex.: forminfo); Collaborer à l élaboration du contenu (travail collaboratif) (ex.: wikio) Activité Activité Activité du du Le dialogue asynchrone ne bloque pas l activité de l usager Requête du traitement Dialogue web classique Machine appel requête Rép. Rép. traitement traitement Dialogue asynchrone du web 2.0 appel requête Rép. AJAX 3

4 Architecture du web 2.0 basée sur AJAX Interface Appel javascript HTML+CSS Machine AJAX navigateur web Requête HTT Réponse XML windows ou linux HTT XML MySQL H BD2 Le moteur AJAX, écrit en javascript, est chargé au départ de la session ; Le moteur assure le rendu de l interface vue par le et du dialogue avec le. web MySQL Admin L appel javascript communique par l objet XMLHttpRequest utilisant : open(mode, url, boolean) mode: type de requête, GET ou OST, boolean: true (asynchrone). send("chaine") null pour une commande GET. Organisation des fichiers d un site La page d accueil est en général placée sur le répertoire «racine» du site ( pour les s Apache) Les images de chaque page sont placées dans un répertoire spécifique, ainsi que les autres fichiers Les autres pages peuvent être placées dans une arborescence en fonction de leur lien avec les autres pages et rubriques Accueil.html Images_acceuil Fichiers_accueil Cours_mitic mitic.html Images_mitic Sécurisation de l accl accès s au pages du site Le contrôle de l accès aux pages utilise 2 fichiers : «.htaccess» et «.htpasswd» Le premier est placé dans le répertoire dont l accès doit être contrôlé et contient : AuthUserFile chemin absolu d accès au fichier.htpasswd» AuthGroupFile /dev/null AuthName "accès protégé" AuthType Basic <LIMIT GET OST> Cours_mitic Require valid-user </LIMIT> mitic.html Le second contient la liste des utilisateurs autorisés ainsi que leur mot de passe sous la syntaxe : «nom» : «mot de passe» ; «nom» : «mot de passe» Il est placé dans un répertoire du répertoire «logins» du Apache. logins Images_mitic.htaccess Cours_mitic.htpasswd

5 Clavier Clavier Ordinateur Ordinateur Mise à jour d un Intranet par service FT Chaque service dispose dans l arborescence du site web d un répertoire propre situé dans le répertoire commun «\ftp» ; Les administrateurs des pages (André pour «produits» et Lise pour «services» disposeront d un compte leur donnant accès exclusivement au répertoire qu ils ont à gérer. ftp Clients : André xxxxxx Lise yyyyy Groupe ftp produits services Arborescence des répertoires Client ftp réseau local récautions à prendre avant le transfert des fichiers : -le nommage des fichiers et répertoires doit respecter les règles utilisées sur le. -- l arborescence des fichiers devra être conservée. Mise à jour d un Intranet par service FT Chaque service dispose dans l arborescence du site web d un répertoire propre situé dans le répertoire commun «\ftp» ; Les administrateurs des pages (André pour «produits» et Lise pour «services» disposeront d un compte leur donnant accès exclusivement au répertoire qu ils ont à gérer. ftp Clients : André xxxxxx Lise yyyyy Groupe ftp produits services Arborescence des répertoires Client ftp réseau local récautions à prendre avant le transfert des fichiers : -le nommage des fichiers et répertoires doit respecter les règles utilisées sur le. -- l arborescence des fichiers devra être conservée. La modification en ligne : le Wiki Les s Wiki proposent une interface permettant de charger une page html dans un éditeur de texte afin de la modifier Il faut contrôler l accès à ces pages par le http Avantages : Il n existe qu un seul exemplaire du document Le lecteur/correcteur dispose de la dernière version comportant toutes les modifications antérieures Inconvénient : toute modification est effective en temps réel, sans sauvegarde de la version initiale ou précédente Exemple de s Wiki : de l ESI pit-it.com wikipédia articles sur le Wiki et son utilisation 5

6 Flux RSS : naviguer sur les canaux Les flux RSS (Really Simple Syndication) ou «canaux RSS», «fils RSS» permettent : D envoyer les dernières offres de la société en personnalisant la relation ; D informer les abonnés des nouveaux articles, informations pour les cellules de veille technologique ou économique ; De signaler les dernières modifications techniques d un produit ; D améliorer le référencement d un site auprès des moteurs de recherche ; À terme, des applications dans le recrutement sont envisagées Exemple : Offre de veille gratuite sur les marchés publics (le monde informatique du 02// Les entreprises peuvent utiliser gratuitement les systèmes de veille des marchés publics proposés par la société Dematis. Quatre formules sont proposées : un système d'alerte par mots-clés, une veille flash accessible d'un seul clic, un flux RSS pour suivre l'actualité des publications de marchés publics et, enfin, la consultation libre. E-marchespublics.com Architecture d un flux RSS : XML+SQL Lecteur RSS Interface 2 3 agrégateur 2 - Le lecteur se connecte au 2- Le envoie le descripteur 3- le choisit ses - l agrégateur envoie périodiquement une requête vers les sélectionnées et actualise l affichage Le contient : les ; un descripteur des canaux ; une BdD des éléments descriptifs des Un script met à jour le descripteur à partir de la BdD titre RSS de Descripteur des canaux (XML) contenu auteur lien script date Lire des flux RSS armi les applications qui permettent d'exploiter et de lire les fichiers RSS, citons : des lecteurs en ligne comme Bloglines, Everyfeed, mais aussi sur des lecteurs de flux comme, sous Windows, les logiciels libres FeedReader, gratuit Net Newz, ou sur Mac, NetNewsWire (payant, il existe aussi une version Lite non payante), ou sur Linux Liferea. lusieurs navigateurs peuvent également lire les flux RSS, notamment Opera 7.5 ou Mozilla Firefox, et prochainement Safari. On trouve aussi un lecteur de flux RSS dans le mail Mozilla Thunderbird. Les canaux RSS sont accessibles : Sur les pages Web : le petit logo signale un service d affiliation (syndication). Il suffit d'un copier -coller ou un clic droit et l'importation se fait automatiquement dans l'agrégateur (ex.: LCI ; framasoft); ar importation de dossiers au format OML (Outline rocessor Markup Language) permettant l échange d URL (ex.: liste de J-C Houpier) ; À partir de moteurs de recherche (ex.: Exalead ; RSSFeeds) 6

7 Navigateur+agrégateur en ligne=lecteur de fil RSS navigateur Interface 235 Le contient : les ; un descripteur des canaux ; une BdD des éléments descriptifs des ; les comptes s Le se connecte au et à son compte 2- Le envoie le descripteur 3- le renvoie son descripteur qui est stocké sur son compte - l agrégateur lie les sélectionnées périodiquement RSS de Descripteur des canaux (XML) agrégateur Compte Descripteur du Liens utiles Généraux : Framasoft - : articles, logiciels libres Développez.com - Journal du net - Web : Installation Apache - web_sous_ windows_ pdf _ pdf Web 2.0 : Ajax Web Flux RSS : Création d'un système RSS avec H - Mettre en place un fil RSS simple avec RSS Editor - RSS