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

1 Le modèle client/serveur Technologie web Deux parties distinctes Client Serveur Analogie Consommateur Fournisseur Client Serveur Dialogue.

Présentations similaires


Présentation au sujet: "1 Le modèle client/serveur Technologie web Deux parties distinctes Client Serveur Analogie Consommateur Fournisseur Client Serveur Dialogue."— Transcription de la présentation:

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

2 2 Le client Technologie web Se situe dans un réseau Utilise les services dun ou plusieurs serveurs Demande lexécution dune ou plusieurs tâches 2 formes Ordinateur Programme

3 3 Le client Technologie web Récupère les « résultats » du serveur Offre une interface utilisateur Conviviale Optimale Lutilisateur se trouve sur le client

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

5 5 Le Serveur Technologie web Se trouve sur le réseau Deux formes Ordinateur Programme Met des services à disposition du client Chargé daccomplir des tâches

6 6 Le Serveur Technologie web

7 7 Le Serveur Technologie web

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

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

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

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

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

13 13 Larchitecture 3-tiers Technologie web Modèle classique : architecture à 2 niveaux : client et serveur Modèle à 3 niveaux : 3 tiers Le client : le demandeur de ressources Le serveur dapplication : fournit la ressource Fait appel à un autre serveur Le serveur secondaire Fournit un service au serveur dapplication

14 14 Les serveurs Web Technologie 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

15 15 Les serveurs Web Technologie 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 ?

16 16 Pages statiques / dynamiques Technologie web Pages statiques Code HTML stocké sur serveur Code envoyé au client Page identique quelque soit Le client Le moment Exemple : Page daccueil du site dune entreprise

17 17 Pages statiques / dynamiques Technologie web Pages dynamiques (Java Script Vb Script) Souhaite différencier laffichage En fonction du moment Affichage de la date En fonction du client Pays du client => langue

18 18 Pages statiques / dynamiques Technologie web 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 dinteractivité Décharge le serveur Inconvénient Dépendance vis-à-vis du client

19 19 Pages statiques / dynamiques Technologie web 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

20 20 Les serveurs Web - technologies Technologie web Client Serveur Dialogue PHP ASPJSP CGI Applet ActiveX Servlet Javascript Internet

21 21 Les serveurs Web - technologies Technologie web Côté serveur ….

22 22 Côté serveur : Les CGI Technologie web 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

23 23 Côté serveur : Les CGI Technologie web 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

24 24 Côté serveur : servlets Technologie web Applets(navigateur)/Servlets(serveurs) Avantage: Java donc exportable sur toute plateforme. Sexé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.

25 25 Côté serveur : servlets Technologie web 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é

26 26 Côté serveur : servlets Technologie web 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

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

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

29 29 Introduction Technologie web : PHP 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

30 30 Introduction Technologie web : PHP Réponse simple et claire, mais qu'est ce que cela veut dire? Un exemple : Exemple

31 31 Introduction Technologie web : PHP 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.

32 32 Introduction Technologie web : PHP Ceci sera ignoré. Ceci sera également ignoré echo 'quelques éditeurs (comme FrontPage) n\'aiment pas ce genre d\'instructions'; 3. Exe1. Code PHP dans un document HTML Exe2. Balises d'ouvertures et de fermetures PHP

33 33 Introduction Technologie web : PHP Exe3. Validité des noms de variables

34 34 Introduction Technologie web : PHP Exe4. Assignation de référence

35 35 Introduction Technologie web : PHP Les Date en PHP Nous allons apprendre maintenant à manipuler les dates sous différents formats et comment les afficher. La fonction date() : Exp : Code à utiliser avec la fonction date() :

36 36 Introduction Technologie web : PHP Les Date en 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 lannée (0 en entête) : 04 M mois de lannée en 3 lettres : jui n mois de lannée (sans 0 en entête) : 4 s secondes : 30 y année à deux chiffres : 03 Y année à 4 chiffres : 2003 Dautre format sont disponible avec php5

37 37 Introduction Technologie web : PHP La fonction time() : Cest la date au format système, pour avoir un affichage personnalisé on doit utiliser une autre fonction (getdate) : Exp : Affiche le La fonction getdate retourne un tableau nominatif Code de tableau à utiliser avec la fonction getdate()

38 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 lannée : 4 year année en 4 chiffres : 2003 yday jours de lannée de 0 à 365 : 180 weekday nom du jour de la semaine (en anglais) : Monday month mois de lannée (en anglais) : January

39 39 Introduction Technologie web : PHP 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: Écrire un programme qui donne le jour de la semaine de votre prochain anniversaire

40 40 Merci


Télécharger ppt "1 Le modèle client/serveur Technologie web Deux parties distinctes Client Serveur Analogie Consommateur Fournisseur Client Serveur Dialogue."

Présentations similaires


Annonces Google