La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Le modèle client/serveur

Présentations similaires


Présentation au sujet: "Le modèle client/serveur"— Transcription de la présentation:

1 Le modèle client/serveur
Technologie web Le modèle client/serveur Deux parties distinctes Client Serveur Analogie Consommateur Fournisseur Dialogue Client Serveur Par : Mounir GRARI

2 Utilise les services d’un ou plusieurs serveurs
Technologie web Le client Se situe dans un réseau Utilise les services d’un ou plusieurs serveurs Demande l’exécution d’une ou plusieurs tâches 2 formes Ordinateur Programme Par : Mounir GRARI

3 Récupère les « résultats » du serveur Offre une interface utilisateur
Technologie web Le client Récupère les « résultats » du serveur Offre une interface utilisateur Conviviale Optimale L’utilisateur se trouve sur le client Par : Mounir GRARI

4 Le client : web (navigateur , browser) IE7 , FireFox
Technologie web Le client : web (navigateur , browser) IE7 , FireFox Par : Mounir GRARI

5 Met des services à disposition du client Chargé d’accomplir des tâches
Technologie web Le Serveur Se trouve sur le réseau Deux formes Ordinateur Programme Met des services à disposition du client Chargé d’accomplir des tâches Par : Mounir GRARI

6 Technologie web Le Serveur Par : Mounir GRARI

7 Technologie web Le Serveur Par : Mounir GRARI

8 Peut traiter plusieurs requêtes simultanément
Technologie web Le Serveur Rôle Répond aux sollicitations des clients Exécute les tâches demandées Peut traiter plusieurs requêtes simultanément Par : Mounir GRARI

9 Communication client/serveur
Technologie web Communication client/serveur Dialogue entre processus 2 à 2 Résultat : échange de données Client initie l’échange Serveur écoute en permanence une requête éventuelle Par : Mounir GRARI

10 Architecture Client/Serveur
Technologie web Architecture Client/Serveur Client Dialogue Serveur Demande Attend Réalise/ Exécute Reçoit Envoie Par : Mounir GRARI

11 Architecture Client/Serveur
Technologie web Architecture Client/Serveur Avantages Clients voient uniquement le serveur Ressources centralisées Sécurité Administration Réseau évolutif Inconvénients Coût élevé Un maillon faible Par : Mounir GRARI

12 Quelques modèles client/serveur
Technologie web Quelques modèles client/serveur Serveur de fichiers Centralisation des informations (facilité de sauvegarde) Salles informatiques ESTO Serveur de temps Temps universel Toutes les machines se synchronisent sur l’heure de cette machine Serveur FTP, Web … Par : Mounir GRARI

13 L’architecture 3-tiers
Technologie web L’architecture 3-tiers Modèle classique : architecture à 2 niveaux : client et serveur Modèle à 3 niveaux : 3 tiers Le client : le demandeur de ressources Le serveur d’application : fournit la ressource Fait appel à un autre serveur Le serveur secondaire Fournit un service au serveur d’application Par : Mounir GRARI

14 Attend en permanence les demandes de clients Client
Technologie web Les serveurs Web 1 serveur Stocke des pages web Attend en permanence les demandes de clients Client Demande de page web Adresse tapée dans le navigateur = Requête / demande de service Par : Mounir GRARI

15 Les serveurs Web Serveur Client Nature du code reçu ? Reçoit requête
Technologie web Les serveurs Web Serveur Reçoit requête Traitement : recherche du code de la page web Envoie la page web Client Reçoit le code Interprète et affiche le résultat Nature du code reçu ? Par : Mounir GRARI

16 Pages statiques / dynamiques
Technologie web Pages statiques / dynamiques Pages statiques Code HTML stocké sur serveur Code envoyé au client Page identique quelque soit Le client Le moment Exemple : Page d’accueil du site d’une entreprise Par : Mounir GRARI

17 Pages statiques / dynamiques
Technologie web Pages statiques / dynamiques Pages dynamiques (Java Script Vb Script) Souhaite différencier l’affichage En fonction du moment Affichage de la date En fonction du client Pays du client => langue Par : Mounir GRARI

18 Pages statiques / dynamiques
Technologie web Pages statiques / dynamiques 2 façons de procéder Dynamisme sur le client Reçoit requête client Renvoie des éléments au client (code + ??) Client effectue un traitement Avantage : Plus d’interactivité Décharge le serveur Inconvénient Dépendance vis-à-vis du client Par : Mounir GRARI

19 Pages statiques / dynamiques
Technologie web Pages statiques / dynamiques 2 façons de procéder Dynamisme sur le serveur Reçoit requête client Effectue un traitement Renvoie le code correspondant Avantage : Indépendance vis-à-vis du client (navigateur) Décharge le client Inconvénient : Interactivité limitée Par : Mounir GRARI

20 Les serveurs Web - technologies
Technologie web Les serveurs Web - technologies CGI ActiveX Servlet Applet ASP JSP Javascript PHP Client Serveur Dialogue Internet Par : Mounir GRARI

21 Les serveurs Web - technologies
Technologie web Les serveurs Web - technologies Côté serveur …. Par : Mounir GRARI

22 Common Gateway Interface Technologie la plus ancienne
Technologie web Côté serveur : Les CGI Common Gateway Interface Technologie la plus ancienne Toujours la plus utilisée Programme sur le serveur (pré-compilé) Placé dans un répertoire particulier Tout langage possible Langage Perl le plus utilisé C, C++, Fortran, etc. possibles Par : Mounir GRARI

23 Côté serveur : Les CGI Utilisation de formulaires : Inconvénient :
Technologie web Côté serveur : Les CGI Utilisation de formulaires : GET(visible)/POST(stdin) Traitement de la requête par le pgr Construction du code HTML correspondant Inconvénient : Gourmand en ressources système Par : Mounir GRARI

24 Côté serveur : servlets
Technologie web Côté serveur : servlets Applets(navigateur)/Servlets(serveurs) Avantage: Java donc exportable sur toute plateforme. S’exécutent dans un moteur servlet distinct du serveur web (ne gère pas la connexion) Réduire la charge du serveur par système de caches, de threads, … Peut communiquer avec des applications extérieures. Par : Mounir GRARI

25 Côté serveur : servlets
Technologie web Côté serveur : servlets Technologie Java (Java Server Pages) Langage de scripts Le code source est transformé, recompilé et utilisé comme un servlet Avantage Accès bases de données Composants Java (servlets, JavaBeans) Pas interprété: plus légé Par : Mounir GRARI

26 Côté serveur : servlets
Technologie web Côté serveur : servlets Deux façons pour coder des pages JSP Incorporer directement le code Java dans la page Utiliser des classes java servlets Dans les pages : Code entre balises <% et %> Par : Mounir GRARI

27 Côté serveur :Les ASP ASP (Active Server Pages) ≠ JSP
Technologie web Côté serveur :Les ASP ASP (Active Server Pages) ≠ JSP Technologie Microsoft Même principe que JSP Combine code html (statique) et traitements Traitements Par : Mounir GRARI

28 Côté serveur : PHP Langage de scripts S’intègre au code HTML
Technologie web Côté serveur : PHP Langage de scripts Orienté objet Non typé S’intègre au code HTML Permet un accès facile aux bases de données Par : Mounir GRARI

29 Introduction Qu'est ce que PHP?
Technologie web : PHP Introduction Qu'est ce que PHP? PHP (officiellement, ce sigle est un acronyme récursif pour PHP: Hypertext Preprocessor) est un langage de scripts généraliste et Open Source, spécialement conçu pour le développement d'applications web. Il peut être intégré facilement au HTML. Ce qui distingue PHP des langages de script comme le Javascript est que le code est exécuté sur le serveur Par : Mounir GRARI

30 Technologie web : PHP Introduction Réponse simple et claire, mais qu'est ce que cela veut dire? Un exemple : <html>    <head>        <title>Exemple</title>    </head>    <body>        <?php        echo "Bonjour, je suis un script PHP!";        ?>    </body> </html> Par : Mounir GRARI

31 Technologie web : PHP Introduction Le grand avantage de PHP est qu'il est extrêmement simple pour les néophytes, mais offre des fonctionnalités avancées pour les experts. Ne craignez pas de lire la longue liste de fonctionnalités PHP. Vous pouvez vous plonger dans le code, et en quelques instants, écrire des scripts simples. Par : Mounir GRARI

32 Introduction Exe1. Code PHP dans un document HTML
Technologie web : PHP Introduction Exe1. Code PHP dans un document HTML <p>Ceci sera ignoré.</p> <?php echo 'Alors que ceci sera analysé par PHP.'; ?> <p>Ceci sera également ignoré.</p> Exe2. Balises d'ouvertures et de fermetures PHP 1.  <?php echo 'Si vous voulez réaliser des documents XHTML ou XML, faites comme ceci'; ?> 2.  <script language="php">        echo 'quelques éditeurs (comme FrontPage)                  n\'aiment pas ce genre d\'instructions';    </script> 3.  <? echo 'ceci est le plus simple, une instruction SGML'; ?> Par : Mounir GRARI 3. Par : Mounir GRARI.", "width": "800" }

33 Introduction Exe3. Validité des noms de variables
Technologie web : PHP Introduction Exe3. Validité des noms de variables <?php $var = 'Moha'; $Var = 'Mostapha'; echo "$var, $Var";      $4site = 'pas encore'; $_4site = 'pas encore';    $täyte = 'tbarkalahe' ?> Par : Mounir GRARI

34 Introduction Exe4. Assignation de référence
Technologie web : PHP Introduction Exe4. Assignation de référence <?php $foo = 'Mostapha';// Assigne la valeur 'Mostapha'à $foo $bar = &$foo;      // Référence $foo avec $bar. $bar = "Mon nom est $bar";  // Modifie $bar... echo $foo;        // $foo est aussi modifiée echo $bar; ?> Par : Mounir GRARI

35 Introduction Les Date en PHP
Technologie web : PHP Introduction Les Date en PHP Nous allons apprendre maintenant à manipuler les dates sous différents formats et comment les afficher. La fonction date() : Exp : <? $date_du_jour = date("d-m-Y"); echo 'Nous sommes le '.$date_du_jour; ?> Code à utiliser avec la fonction date() : Par : Mounir GRARI

36 Introduction Les Date en PHP Technologie web : PHP
format description : exemple a "am" ou "pm" minuscules : pm A "AM" ou "PM" majuscules : PM d jour du mois :01/31 D jour de la semaine en 3 lettres : Mon F nom du mois : Janvier h heure (format 12 heures avec 0 en entête) : 12 H heure (format 24 heures avec 0 en entête) : 08 g heure (format 12 heures sans 0 en entête) : 4 G heure (format 24 heures sans 0 en entête) : 10 i minutes : 44 j jours du mois (sans 0 en entête) : 3 m mois de l’année (0 en entête) : 04 M mois de l’année en 3 lettres : jui n mois de l’année (sans 0 en entête) : 4 s secondes : 30 y année à deux chiffres : 03 Y année à 4 chiffres : 2003 D’autre format sont disponible avec php5 Par : Mounir GRARI

37 Introduction La fonction time() :
Technologie web : PHP Introduction La fonction time() : C’est la date au format système, pour avoir un affichage personnalisé on doit utiliser une autre fonction (getdate) : Exp : <? $time = time(); // la date au format système $date = getdate($time); // passage de la variable time dans getdate pour ressortir les infos print 'Nous sommes le '.$date[mday].' - '.$date[mon].' - '.$date[year] ; ?> Affiche le La fonction getdate retourne un tableau nominatif Code de tableau à utiliser avec la fonction getdate() Par : Mounir GRARI

38 Introduction Technologie web : PHP clés description :Exemple
seconds Secondes : 30 minutes minutes : 5 hours heure de la journée de 0 à23 : 15 mday jour du mois de 1 à 31 : 12 wday jours de la semaine de 0 à 6 : 2 mon moi de l’année : 4 year année en 4 chiffres : 2003 yday jours de l’année de 0 à 365 : 180 weekday nom du jour de la semaine (en anglais) : Monday month mois de l’année (en anglais) : January Par : Mounir GRARI

39 Introduction Exercices :
Technologie web : PHP Introduction Exercices : 1- Écrire un programme qui affiche les informations de la date courante sur le serveur. 2- Écrire un programme qui affiche la date courante sur le serveur et celle du client (utiliser un script Java script). 3- Écrire un programme qui affiche une page web entre 8h et 10h du 30 juin 2006 et affiche une autre page en dehors de cet intervalle. 4- Écrire un programme qui calcule et affiche le décalage entre la date sur le serveur et la date sur le client (utiliser des variables javascript initialiser avec du Php, le calcul se fera chez le client). 5-Utiliser la fonction mktime int mktime ( int hour, int minute, int second ,int month ,int day ,int year) Ecrire le code et analyser son résultat: <? echo "1er août 2006 est un " . date("l", mktime(0, 0, 0, 8, 1, 2006)); ?> Écrire un programme qui donne le jour de la semaine de votre prochain anniversaire Par : Mounir GRARI

40 Merci  Par : Mounir GRARI


Télécharger ppt "Le modèle client/serveur"

Présentations similaires


Annonces Google