Client / Serveur. Rémy Courdier. Normes et Standards. C/S et l Internetl

Please download to get full document.

View again

of 45
54 views
PDF
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Document Description
Client / Serveur Rémy Courdier Normes et Standards C/S et l Internetl Normes et Standards du Client-Serveur de l Internetl Introduction L immense force d un vrai standard Site, Système et Application Web
Document Share
Documents Related
Document Transcript
Client / Serveur Rémy Courdier Normes et Standards C/S et l Internetl Normes et Standards du Client-Serveur de l Internetl Introduction L immense force d un vrai standard Site, Système et Application Web HTTP /HTTPS HTML & CSS Gestion de Sessions Clients Dynamiques Le Dom Les Scripts Les événements Applets et JavaBean Active X et COM Technologies coté serveur CGI PHP/ASP/JSP J2EE Au-delà de HTTP Au-delà de HTML Objets distribués et le web WAP & WML XML/DTD/XSL/XSLT XHTML Les Web Services SOAP Normes et Standards du Client-Serveur de l Internetl Introduction L immense force d un vrai standard W3G et l IETF Site, Système et Appli. Web HTTP / HTTPS Standards de documents HTML / CSS WAP & WML DOM XML/DTD/XSL/XSLT XHTML Architectures C/S Clients / Serveurs Légers o o CGI PHP/ASP/JSP Clients / Serveurs Lourds o o J2EE Objets distribués SOAP et Web Services Normes et Standards du Client/Serveur de l Internetl Introduction L immense force d un vrai standard W3G et IETF Site, Système et Application Web HTTP / HTTPS L immense force d un d vrai standard W3C : Web Consortium on ne lutte pas contre un vent à 200 km/h IETF : Internet Engineering Task Force Tunnel XHTML, XML, SOAP,... PERL, Java, DOM, Gif, JPEG, NPG,SMIL... Le World Wide Web Consortium : W3C et L Internet L Engineering Task Force : IEFT Rôles : faire évoluer les standards de l Internet l o proposition de nouvelles spécifications de HTTP afin de mieux prendre en compte la nature des objets véhiculv hiculé pour optimiser les connexions o responsable de l'adaptation du SGML aux besoins de l'internet o... définir les voies de migration sans douleur pour l immense base installée o o mode de migration du PC au terminal Internet (NC) mode de migration des appli. C/S traditionnelles vers l internet/intranet Contacts Web o Site, Système et Application Web Sites Web Tim Berners-Lee (CERN) informations publiées sur les réseaux r pour les chercheurs Navigateur web sur le poste Client Serveur Web sur l ordinateur l hôte Requêtes formatées (protocole spécialis cialisé) ) du client vers le serveur via le réseaur Systèmes Web Système hypermédia de ressources reliées es entre elles Métaphore du web (toile d arignd arignée) Application Web Résulte de l utilisation l des sites et des systèmes Web Extension qui adjoint des fonctionnalités s métier m à un système web Permet à l utilisateur de modifier l él état applicatif sur le serveur Une application web est une application informatique mettant en œuvre des fonctionnalités s métier m dont l él état peut être affecté par un utilisateur au travers d un d site web. (Jim Conallen,, 2000) Concevoir des applications web avec UML, Eyrolles,, ISBN , 9, 2000 HTTP : HyperText Transfer Protocol HTTP Standard de communication entre clients et serveurs sur le Web Protocole applicatif : dernière re couche du modèle OSI (Open System Interconnection) de l ISOl Il est indépendant du protocole de transport Cependant, L Internet L à adopté TCP/IP comme couche transport Le succès s de ce protocole est du au fait de sa simplicité,, ce qui en fait également sa faiblesse Le serveur coupe la connexion sans se préoccuper de savoir si le client a tout reçu... HTTPS HTTP avec SSL (Secure( Sockets Layer) Version sécuriss curisée e de HTTP avec encryptage HTTP-NG Augmenter l él évolutivité,, la flexibilité et les performances actuelles du Web Etendre la notion d objets d sur l Internetl HTTP : principales requêtes la Requête GET : Sert à demander une entité : page ASCII qui va contenir le code HTML, applet Java,... L adresse de l entitl entité est précis cisée e par son URL : Uniform Ressource Locator qui est le format standard d adressage d des sites sur le Web Get et formulaires : Les valeurs de tous les champs d un d formulaire sont concaténées à l URL comme paramètres Requête déconseilld conseillé par le W3C pour, utiliser de préférence rence POST la Requête POST : Sert à envoyer un block de données au serveur Post et formulaires : Le navigateur regroupe les valeurs des champs dans une section particulière re de la requête : «le corps des données». la Requête PUT : Sert à envoyer une entité (page HTML) sur un serveur pour la rendre visible sur le Web la Requête HEAD : utilisé pour les tests de validité de liens hypertexte pour la recherche de date de maj. Normes et Standards du Client/Serveur de l Internetl Standards de documents HTML / CSS WAP & WML DOM XML/DTD/XSL/XSLT XHTML HTML : Hypertext Markup Language Standard de publication sur le World Wide Web C est une application de SGML (Standard Generalized Markup Language) ) vérifiant v le standard international ISO 8879 SGML (stabilisé milieu des années 1980) : standard description de documents avec stockage sur indexations thématiques ( (electronic document exchange,, document management, document publishing) A la base HTML n est n qu un un langage de description de documents, il évolue maintenant pour la description de mises en pages interactives Il est limité et permissif, mais évolutif... Les spécification de HTML sont accessible sur le site a href= org site du W3C /a Notation Graphique Usuelle CSS Cascading Style Sheets feuilles de styles en cascade Objectif : moyen efficace pour contrôler l'apparence et le rendu des documents www consultés s par l'utilisateur. séparation du contenu d une d page de sa forme externe possibilité de traitement des informations contenues dans les documents HTML par diverses applications. Normalisation : Spécifications proposée e par le W3C (World( Wide Web Consortium). spécification avec la norme CSS1 (CSS, level 1), CSS2 (CSS, level 2). Microsoft a ajouté quelques propriétés s de son cru. Ces dernières res ne sont toutefois interprétées es que par Internet Explorer. Références officielles : Cascading Style Sheet du W3C : CSS Attributes Reference,, de Microsoft sur le site de MSDN : CSS Types et Syntaxes Il existe deux types de feuilles de styles : Feuille de styles interne (au document HTML) Une feuille de styles interne est insérée e en en-tête du fichier HTML l'élément STYLE introduit les règles r pour chacun des styles de la feuille interne. Utilisation de l'attribut class placé à l'intérieur des balises d'ouverture des éléments sur lesquels on veut les appliquer Feuille de styles externe Fichier texte portant habituellement l'extension.css. Un lien link doit être défini d dans l'en-tête du document HTML pour référencer r rencer le fichier Syntaxe de définition d d un d Style: Sélecteur {propri{ propriété: : valeur; propriété: : valeur } Exemple : Dans les cas oùo le sélecteur s porte le même nom qu'un élément, le style s'appliquera sur l'élément sans qu'il soit nécessaire n d'ajouter l'attribut class. H2 {COLOR{ COLOR: navy; FONT: : 18px; FONT-FAMILY FAMILY: : sans-serif} serif} Il est aussi possible de regrouper plusieurs sélecteurs s pour une même description de style. H1, H2, H3, H4 {color{ color: blue} Utilisation d un d style dans le corps de la page : H1 texte bleu P CLASS= toto texte du paragraphe - A - azimuth - B - background background-attachement attachement background-color color background-image background-position background-repeat repeat behavior border border-bottom bottom border-bottom bottom-color border-bottom bottom-style border-bottom bottom-width border-collapse border-color border-left border-left left-color border-left left-style border-left left-width border-right right border-right right-color border-right right-style border-right right-width border-spacing border-style border-top border-top top-color border-top top-style border-top top-width border-width bottom CSS - Exemples Feuille de styles interne : HEAD TITLE Nom du document /title style !-- A { COLOR: red }.toto {COLOR: navy; ; FONT: 12px;} -- /style /HEAD Application d'un style sur un élément P CLASS= toto texte du paragraphe Appel à une feuille de styles externe : HTML HEAD TITLE Histoire des feuilles de styles /title link REL= StyleSheet StyleSheet TYPE= text text/css HREF= ../styles.css styles.css /HEAD speak speak-header speak-numeral speak-ponctuation ponctuation speech-rate stress - T - table-layout layout text-align text-decoration text-indent text-justify text-shadow text-transform transform top - U - unicode-bidi - V - vertical-align align visibility voice-family volume - W - white-space widows width word-break word-spacing - Z - z-index CSS : règles r CSS2 destinées à fournir des informations spéciales à l'application qui doit lire et interpréter la feuille Import des règles r d'une autre feuille de style. Il est possible d'insérer plusieurs règles doit être déclard clarée e avant toute autre règler Exemple de règler url(http://www.univ indique à quel média m s applique s les règles r de styles qui suivent. Il peut y avoir plusieurs règles dans une même feuille de styles. Exemple de règler destinée e aux imprimantes print {BODY {background{ background-color: white} Liste des médias m : all :Tous les médias. m Handheld : Petits écrans, etc. print : Imprimantes. Projection: Projecteurs. Screen : Écrans d'ordinateurs. tty : Écrans de type télétype t type (terminaux). Tv : Télévision. Nécessaire aux aspects spéciaux concernant l'impression permet l'insertion d instructions d pour les dimensions, orientation, marges, etc. d'une e boîte de { size: : 8.5in 11in; margin: : 2cm :left: { size: : 8.5in 11in; margin: : 2cm :right: { size: : 8.5in 14in; margin: : 2cm } /* pages de gauche et de droite :first: { size: landscape; margin: : 2cm } */première page */ /* Feuille de style par defaut d'un rapport Version format CSS level 1-99 / 03 / 2002 */ ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT,, FORM, LI, MENU, OL, P, PRE, TD, TH, TR, UL INPUT { font-family family: Verdana, Geneva, Arial, sans-serif serif} pre,, code { font-family family: : monospace} A { cursor: : pointer; background: transparent} A:link { color: : #DD6600; /*9933CC */ text-decoration decoration: : none} A:visited { color: : #DD6600; /*6633CC */ text-decoration decoration: : none} A:active { text-decoration decoration: : none} A:hover { color: : #DD6600;/*DD6600 EE9911*/ text-decoration decoration: underline} BODY { margin-top top: : 0.5em; margin-bottom bottom: : 0.5em; margin-left left: : 1.5em; margin-right right: : 1.5em; color: : black; cursor: default} H1 { font-family family: Verdana, Geneva, Arial, sans-serif serif; color: : #212566;/*333366*/ text-align align: center; /*font font-style: small-caps caps;*/ margin-top top: : 0em; margin-bottom bottom: : 0.5em} Exemple !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/tr/html40/loose.dtd HTML lang= fr dir= ltr HEAD META http-equiv= content-type content= text/html; charset=iso META NAME= Keywords CONTENT= META NAME= description CONTENT= META name= author lang= fr content= rémy Courdier META NAME= reply-to META NAME= contact_addr title Le DESS RMI /title link rel= stylesheet href= rapport.css type= text/css /HEAD Wap & WML WAP Les pages WAP sont semblables à des pages HTML à la différence qu elles utilisent le langage WML,, c estc est-à-dire, un langage interprétable table par les téléphones t mobiles. WML (Wireless( Markup Language) Langage inventé afin de convertir les pages HTML en format de poche lisible par les téléphones t WAP. Les pages WAP ne sont pas très s différentes des pages HTML sinon qu elles utilisent le langage WML. Les pages WML ont une extension.wml. wml. Propriété Le WML est pratiquement que du texte. Les balises et les scripts qui ralentissent le transfert ne font pas partie du standard WML. L utilisation L des tableaux et des images est restreint au minimum. WML est une application XML, toutes les balises doivent respecter la casse et toutes les balises ouvertes doivent être fermées. es. Le DOM (Document Object Model) Objet : API permettant aux développeurs d de sites de manipuler le contenu du Document HTML que les ressources du navigateur But : Exécution de Scripts de contrôle et de mise en forme dynamique Méthode : Un document HTML ainsi que ses constituants sont manipulés s comme des objets, possédant données et comportements La hiérarchie DOM window layer text frame link password document image hidden location history area anchor submit reset applet radio form button select option checkbox XML XML : Extensible Markup Langage Format d'échanges de données sur Web issu de SGML Forme simplifiée e de SGML (Standard Generalized M. L.) qui existe depuis les années A l'initiative de Jon Bosak de Sun Microsystems, Inc. Standard W3C depuis 1998 Objectif Faciliter le traitement automatisé de documents et de données sur le Web Principe Meta-langage permettant de créer et de formater vos propres balises pour des documents publiés s sur l'internet. Description de staructures de documents Logique et Physique Document «Bien formé» : Respecte une grammaire décrite d dans une DTD (Document( Type Definition) DTD : Définition D de types de documents Utilité défini de manière formelle par une grammaire BNF les règles r de bonne formation de documents Exemple Toujours un émetteur Un ou plusieurs destinataires Éventuellement des destinataires en copie Cc Le message !DOCTYPE o Un Titre !DOCTYPE boiteauxlettres boiteauxlettres [[ o !ELEMENT !ELEMENT boiteauxlettres boiteauxlettres ( )+ ( )+ La Date !ELEMENT!ELEMENT (emetteur,destinataire*,cc?,message,date) (emetteur,destinataire*,cc?,message,date) !ELEMENT !ELEMENT emetteur emetteur (#PCDATA) (#PCDATA)#required #required !ELEMENT !ELEMENT destinataire destinataire (#PCDATA) (#PCDATA) !ELEMENT !ELEMENT message message (Titre, (Titre, ) ) ]] (Fichier (Fichier boiteauxlettresdtd.dtd) boiteauxlettresdtd.dtd) Introduction aux espaces de noms XML définit d un système permettant de créer des balises modulaires, c'est-à-dire pouvoir donner la possibilité d'utiliser des balises provenant de différents langages à balise au sein d'un même document grâce à la notion d'espace de noms. La définition d d'un espace de nom permet d'associer toutes les balises d'un langage à un groupe afin d'être capable de mêler différents langage à balise dans un même document XML (être capable de dissocier les éléments de HTML contenus dans le document des balises XML, ou mieux : pouvoir mettre du HTML, MathML,, et CML dans un même document). A priori,, il n'y a pas de risques que des balises XML interfèrent rent avec des balises HTML car ces deux langages ont été mis au point par le même organisme (W3C). Par contre, étant donné que XML est un méta-langage,, il permet par définition d de définir d de nouvelles balises. Ainsi, il se peut que deux organismes mettent au point des langages dont certaines balises portent le même nom, ce qui pose un problème si on désire d utiliser des éléments des deux langages au sein d'un même document. XML exemple ? Xml version 1.0 standalone=«no»? !DOCTYPE list SYSTEM «boiteauxlettresdtd.dtd» boiteauxlettres emetteur courdier / /emetteur destinataire srmi-etu /destinataire etu /destinataire message hello /message / !DOCTYPE !DOCTYPE boiteauxlettres boiteauxlettres [[ !ELEMENT !ELEMENT boiteauxlettres boiteauxlettres ( )+ ( )+ / /boiteauxlettres boiteauxlettres !ELEMENT!ELEMENT (emetteur,destinataire*,cc?,message,date) (emetteur,destinataire*,cc?,message,date) !ELEMENT !ELEMENT emetteur emetteur (#PCDATA) (#PCDATA)#required #required Une DTD !ELEMENT !ELEMENT destinataire destinataire (#PCDATA) (#PCDATA) emette ur !ELEMENT !ELEMENT message message (Titre, (Titre, ) ) ]] destin ataire (Fichier (Fichier boiteauxlettresdtd.dtd) boiteauxlettresdtd.dtd) Cc messa ge XSL XSL XSL : Extensible Stylesheet Langage Il s agit s de feuille de style associé à un document XML Objectif : Personnalisation de la relation Client grâce à la gestion de profiles Dynamiques Structure d un d document XSL Extension.xsl Commence par une balise xml : ?xml version= 1.0 encoding= iso = ISO ? Toute feuille de style XSL est comprise entre les balises : xsl:stylesheetstylesheet... et /xsl xsl:stylesheet Association à un document XML Insérer la balise suivante au début d du document XML : ?xml version= 1.0 encoding= iso = ISO ? ?xml xml-stylesheet href= fichier.xsl type= text text/xsl ? Une application de XML : XHTML : extented Hypertext Markup Language Reformulation de HTML 4.0 en XML 1.0 Document XHTML : Il doit être conforme à une des trois DTDs XHTML Strict, XHTML Transitional,XHTML-1.0-Frameset La balise Racine doit être html La balise Racine doit définir d le namespace Il doit y avoir une déclaration d de DOCTYPE exemple : !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd La DTD étendue ne doit pas redéfinir des entités des DTD standards Types de Document XHTML DTD HTML «stricte» Exclut tous les éléments déconseilld conseillés s en HTML 4.01 Le formatage du contenu est réalisr alisée e par une feuille de style CSS Garantie de la conformité des documents DTD XHTML «de transition» La plus utilisée Très s proche de la version courante des spécifications HTML Permet l'affichage des données sans utiliser les feuilles de styles CSS Meilleur compromis entre HTML et XML DTD qui concerne les cadres Identique à DTD «de transition» Remplacement du corps du document par les cadres Création d un d document XHTML Déclaration des types Indication de la version de XML ?xml version=« » encoding=«utf UTF-8»? Déclaration de la DTD (Définition du type de Document) !DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.1 Strict//EN» «http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd» Les espaces de noms Comprendre les espaces de noms Unique dans la DTD Permet de stocker des noms d éd éléments et d attributs d définis d par la DTD Définir un ou plusieurs espaces de noms Identification de l espace l de nom primaire html xmlns=«http://www.w3.org/1999/ Incursion d un d marquage spécialis cialisé existant div xmlns=«http://www.w3.org/1998/ Opération_permise_du_marquage /div div Présentation de XHTML «de transition» ?xml version= 1.0 encoding= utf = UTF-8 ? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//FR http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd transitional.dtd html xmlns= http://www.w3.org/1999/ = http://www.w3.org/1999/xhtml xml:lang lang= = fr lang= = fr / head title page XHTML /title title /head head body p align= = center le HTML qui respecte les règle r XHTML br /body /html Ma première page XHTML /p Exemple de document XHTML «Strict»» ?xml version= 1.0 encoding= utf = UTF-8 ? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/ xml:lang lang= en lang= en head title virtual Library / /title /head head body p moved to a href= http:// = http://vlib.org/ / vlib.org /a . /p /body /html Normes et Standards du Client/Serveur de l Internetl Architectures Client / Serveur Clients / Serveurs Légers CGI PHP/ASP/JSP Clients / Serveurs Lourds J2EE Objets distribués SOAP et Web Services Client/Serveur Web LégerL CGI : Common Gateway Interface Interface standard permettant de déclencher d des traitements sur les serveurs Web Chaque invocation provoque le lancement d un d exécutable Un exécutable en mémoire m moire n est n pas partageable entre plusieurs clients simultanés Aucun contexte ne peut être conservé Il n est n pas développd veloppé nécessairement dans un langage portable script Shell, PERL Unix, C++,... Vers l utilisation l d API d propr
Similar documents
View more...
Search Related
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks
SAVE OUR EARTH

We need your sign to support Project to invent "SMART AND CONTROLLABLE REFLECTIVE BALLOONS" to cover the Sun and Save Our Earth.

More details...

Sign Now!

We are very appreciated for your Prompt Action!

x