SlideShare a Scribd company logo
1 of 48
Introduction aux technologies WEB M. Marouan OMEZZINE Elève ingénieur JuniorENSI & E.N.S.I. http://www.junior-ensi.org http://www.slideshares.net/marouan.omezzine Version 1.2070208  Last update : 07-Fév-2008
Plan ,[object Object],[object Object],[object Object],[object Object]
Introduction ,[object Object],[object Object],[object Object]
Client – serveur : modèle statique le client demande la page ma_page.html le serveur transmet la page au client Client Serveur Web Dans ce modèle le  Clien t va demander une page  web statique . Le  Serveur Web  lui transmet la page demandée telle quelle est sauvegardée sur son disque.  Une forme de dynamisme peut être introduite par du JavaScript (peut présenter une incompatibilité avec les navigateurs).
Les pages web statiques ,[object Object],[object Object],[object Object]
Le contenu d’une page web statique ,[object Object],[object Object],[object Object],[object Object],[object Object]
Le contenu d’une page web statique ,[object Object],[object Object],[object Object],[object Object]
Client – serveur : modèle dynamique 2 1 3 4 1 -le  Client  demande la page ma_page.php 2-le  Serveur Web  sollicite le  Serveur d’applications  (plateforme PHP, .Net, etc.) 3-le  Serveur d’application  exécute la requête et transmet le résultat au  Serveur Web 4 -le  Serveur Web  transmet la page au  Client Client Serveur Web Serveur d’applications
Les pages web dynamique ,[object Object],[object Object],[object Object]
Intérêt d’un langage dynamique ,[object Object],[object Object],[object Object],[object Object],[object Object]
Exemple de plateforme, langage et Framework  pour développer un contenu web dynamique. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Le Web 2.0
Web 2.0 C’est quoi le Web 2.0 ? Est-ce qu’il y a des versions du Web !!? Le  concept  Web 2.0 désigne la transition que vit actuellement le World Wide Web. Internet  passe  en effet aujourd’hui d'une  collection de sites Web  à une  plate-forme informatique  à part entière, fournissant des applications Web aux utilisateurs.
Caractéristiques générales  ,[object Object],[object Object],[object Object],[object Object]
Caractéristiques techniques (1) ,[object Object],[object Object],[object Object]
Caractéristiques techniques (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Les Buzzwords
Web 2.0 Web 1.0 Web 2.0
Web 2.0 (Infographie) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Destroy The “Web 2.0 Look”  by Elliot Jay Stocks What do people consider to be the “Web 2.0 Look”?
Web 2.0 (Infographie)
Conclusion
Le Langage PHP
PHP PHP  (PHP Hypertext Preprocessor),  créé en 1994 par Rasmus Lerdorf,  est un langage de  scripts   libre  principalement utilisé pour être  exécuté par un serveur  HTTP, mais il peut fonctionner comme n'importe quel langage interprété de façon locale, en exécutant les programmes en ligne de commande.
Applications ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Simple ,[object Object],[object Object],[object Object],[object Object]
Portable ,[object Object],[object Object],[object Object]
Open Source ,[object Object],[object Object],[object Object],[object Object],[object Object]
Extensible ,[object Object],[object Object],[object Object]
Exemple Exemple d’un code PHP (imbriqué dans du code html)  permettant d’avoir la date du système. L'affichage que génère ce code est :  On est le 07-02-2008
PHP et le Job Trends ?!   Réponse
Ajax
Ajax ,[object Object],On ne parle pas d’un produit de nettoyage. On ne parle pas de  Ajax  l’ancienne équipe de Hatem Trabelsi. A synchronous  J avaScript  A nd  X ML
Rappel du modèle classique La machine cliente envoie une requête au serveur. Le serveur envoie sa la réponse à la requête au machine cliente.
Modèle Ajax ,[object Object],[object Object],[object Object]
Ajax ,[object Object],[object Object],[object Object]
Ajax : A set of technologies ,[object Object],[object Object],[object Object]
Ajax : The architecture
En pratique (exemple e-commande) ,[object Object],[object Object],[object Object],[object Object],[object Object],Avec AJAX, l’idée serait de se dire : pourquoi faire 4 pages nécessitant 4 rechargements alors que seule une partie de la page a besoin d’être rechargée ?
Comment il fonctionne ? ,[object Object],[object Object],[object Object]
Asynchronous Vs synchronous
Exemple de l’utilisation d’Ajax ! ,[object Object],http://www.ajaxdaddy.com/demo-bsn-autocomplete.html
Exemple de l’utilisation d’Ajax ! ,[object Object],http://www.ajaxdaddy.com/demo-css-dock-menu.html
Exemple de l’utilisation d’Ajax ! ,[object Object]
Contact ,[object Object],[object Object],[object Object]
Références ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Merci

More Related Content

What's hot

comment realiser un Service Web
comment realiser un Service Web comment realiser un Service Web
comment realiser un Service Web Nazih Heni
 
Les plateformes de développement des web services
Les plateformes de développement des web servicesLes plateformes de développement des web services
Les plateformes de développement des web servicesoussemos
 
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)ENSET, Université Hassan II Casablanca
 
S51 vos projets web services ibm i a l aide de php
S51   vos projets web services ibm i a l aide de phpS51   vos projets web services ibm i a l aide de php
S51 vos projets web services ibm i a l aide de phpGautier DUMAS
 
Dotnet j2 ee
Dotnet j2 eeDotnet j2 ee
Dotnet j2 eechdalel
 
Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)Khaled Djebloun
 
Normes avancées du Web - GTI780 & MTI780 - ETS - A09
Normes avancées du Web  - GTI780 & MTI780 - ETS - A09Normes avancées du Web  - GTI780 & MTI780 - ETS - A09
Normes avancées du Web - GTI780 & MTI780 - ETS - A09Claude Coulombe
 
Présentation html5
Présentation html5Présentation html5
Présentation html5Kénium
 
USI 2009 - Du RIA pour SI
USI 2009 - Du RIA pour SIUSI 2009 - Du RIA pour SI
USI 2009 - Du RIA pour SIDjamel Zouaoui
 
Services web rest_support_cours_nfaoui_el_habib
Services web rest_support_cours_nfaoui_el_habibServices web rest_support_cours_nfaoui_el_habib
Services web rest_support_cours_nfaoui_el_habibEl Habib NFAOUI
 

What's hot (20)

Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
comment realiser un Service Web
comment realiser un Service Web comment realiser un Service Web
comment realiser un Service Web
 
Les plateformes de développement des web services
Les plateformes de développement des web servicesLes plateformes de développement des web services
Les plateformes de développement des web services
 
Ter Web Service Intro
Ter Web Service IntroTer Web Service Intro
Ter Web Service Intro
 
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
 
S51 vos projets web services ibm i a l aide de php
S51   vos projets web services ibm i a l aide de phpS51   vos projets web services ibm i a l aide de php
S51 vos projets web services ibm i a l aide de php
 
serveur web
serveur webserveur web
serveur web
 
Formation web
Formation webFormation web
Formation web
 
Dotnet j2 ee
Dotnet j2 eeDotnet j2 ee
Dotnet j2 ee
 
.NET DotNet CF - 3
.NET DotNet CF - 3.NET DotNet CF - 3
.NET DotNet CF - 3
 
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
Normes avancées du Web - GTI780 & MTI780 - ETS - A09
Normes avancées du Web  - GTI780 & MTI780 - ETS - A09Normes avancées du Web  - GTI780 & MTI780 - ETS - A09
Normes avancées du Web - GTI780 & MTI780 - ETS - A09
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
 
Do you speak technique ?
Do you speak technique ?Do you speak technique ?
Do you speak technique ?
 
USI 2009 - Du RIA pour SI
USI 2009 - Du RIA pour SIUSI 2009 - Du RIA pour SI
USI 2009 - Du RIA pour SI
 
Advanced html5
Advanced html5Advanced html5
Advanced html5
 
Services web rest_support_cours_nfaoui_el_habib
Services web rest_support_cours_nfaoui_el_habibServices web rest_support_cours_nfaoui_el_habib
Services web rest_support_cours_nfaoui_el_habib
 

Viewers also liked

Formation ergonomie : Questions pour bien commencer la conception d'un site w...
Formation ergonomie : Questions pour bien commencer la conception d'un site w...Formation ergonomie : Questions pour bien commencer la conception d'un site w...
Formation ergonomie : Questions pour bien commencer la conception d'un site w...Laurent Mottet
 
Génération de documents Office avec Open XML et VSTO
Génération de documents Office avec Open XML et VSTOGénération de documents Office avec Open XML et VSTO
Génération de documents Office avec Open XML et VSTOguested7f6
 
Raisonnement pour le web sémantique : examples
Raisonnement pour le web sémantique : examplesRaisonnement pour le web sémantique : examples
Raisonnement pour le web sémantique : examplesmondeca
 
Présentation de stage
Présentation de stagePrésentation de stage
Présentation de stageqmouraret
 
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...Fundació Marcel Chevalier
 
A Case Modelling Language for Process Variant Management in Case-based Reasoning
A Case Modelling Language for Process Variant Management in Case-based ReasoningA Case Modelling Language for Process Variant Management in Case-based Reasoning
A Case Modelling Language for Process Variant Management in Case-based Reasoningandreasmartin
 
Context Adaptive Services
Context Adaptive ServicesContext Adaptive Services
Context Adaptive ServicesJohn Yanosy Jr
 
Application de découverte des podcasts à partir du profil utilisateur
Application de découverte des podcasts à partir du profil utilisateurApplication de découverte des podcasts à partir du profil utilisateur
Application de découverte des podcasts à partir du profil utilisateurMohamed Tahar ZWAWA
 
CBR Based Workflow Composition Assistant
CBR Based Workflow Composition AssistantCBR Based Workflow Composition Assistant
CBR Based Workflow Composition AssistantEran Chinthaka Withana
 
Learning objects retrieval from contextual analysis of user preferences to en...
Learning objects retrieval from contextual analysis of user preferences to en...Learning objects retrieval from contextual analysis of user preferences to en...
Learning objects retrieval from contextual analysis of user preferences to en...Luciana Zaina
 
2010-02 Migration vers le Cloud - Lancelot-Network
2010-02 Migration vers le Cloud - Lancelot-Network2010-02 Migration vers le Cloud - Lancelot-Network
2010-02 Migration vers le Cloud - Lancelot-NetworkYves Leblond
 
case based recommendation approach for market basket data
case based recommendation approach for market basket datacase based recommendation approach for market basket data
case based recommendation approach for market basket datamniranjanmurthy
 
SaaS et Cloud, une révolution ?
SaaS et Cloud, une révolution ?SaaS et Cloud, une révolution ?
SaaS et Cloud, une révolution ?Sage france
 
XML Avancé : DTD, XSD, XPATH, XSLT, XQuery
XML Avancé : DTD, XSD, XPATH, XSLT, XQueryXML Avancé : DTD, XSD, XPATH, XSLT, XQuery
XML Avancé : DTD, XSD, XPATH, XSLT, XQueryRachid NID SAID
 
Google Cloud solution pour business 2.0
Google Cloud solution pour business 2.0Google Cloud solution pour business 2.0
Google Cloud solution pour business 2.0Eric Herschkorn
 
Lexique Facebook
Lexique FacebookLexique Facebook
Lexique FacebookNetpub
 
Identity as a Service - Etude IDaaS
Identity as a Service - Etude IDaaSIdentity as a Service - Etude IDaaS
Identity as a Service - Etude IDaaSMarc Rousselet
 

Viewers also liked (20)

Formation ergonomie : Questions pour bien commencer la conception d'un site w...
Formation ergonomie : Questions pour bien commencer la conception d'un site w...Formation ergonomie : Questions pour bien commencer la conception d'un site w...
Formation ergonomie : Questions pour bien commencer la conception d'un site w...
 
Génération de documents Office avec Open XML et VSTO
Génération de documents Office avec Open XML et VSTOGénération de documents Office avec Open XML et VSTO
Génération de documents Office avec Open XML et VSTO
 
Raisonnement pour le web sémantique : examples
Raisonnement pour le web sémantique : examplesRaisonnement pour le web sémantique : examples
Raisonnement pour le web sémantique : examples
 
Présentation de stage
Présentation de stagePrésentation de stage
Présentation de stage
 
SoutenanceFinale
SoutenanceFinaleSoutenanceFinale
SoutenanceFinale
 
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
 
A Case Modelling Language for Process Variant Management in Case-based Reasoning
A Case Modelling Language for Process Variant Management in Case-based ReasoningA Case Modelling Language for Process Variant Management in Case-based Reasoning
A Case Modelling Language for Process Variant Management in Case-based Reasoning
 
Context Adaptive Services
Context Adaptive ServicesContext Adaptive Services
Context Adaptive Services
 
Application de découverte des podcasts à partir du profil utilisateur
Application de découverte des podcasts à partir du profil utilisateurApplication de découverte des podcasts à partir du profil utilisateur
Application de découverte des podcasts à partir du profil utilisateur
 
CBR Based Workflow Composition Assistant
CBR Based Workflow Composition AssistantCBR Based Workflow Composition Assistant
CBR Based Workflow Composition Assistant
 
Learning objects retrieval from contextual analysis of user preferences to en...
Learning objects retrieval from contextual analysis of user preferences to en...Learning objects retrieval from contextual analysis of user preferences to en...
Learning objects retrieval from contextual analysis of user preferences to en...
 
2010-02 Migration vers le Cloud - Lancelot-Network
2010-02 Migration vers le Cloud - Lancelot-Network2010-02 Migration vers le Cloud - Lancelot-Network
2010-02 Migration vers le Cloud - Lancelot-Network
 
case based recommendation approach for market basket data
case based recommendation approach for market basket datacase based recommendation approach for market basket data
case based recommendation approach for market basket data
 
SaaS et Cloud, une révolution ?
SaaS et Cloud, une révolution ?SaaS et Cloud, une révolution ?
SaaS et Cloud, une révolution ?
 
XML Avancé : DTD, XSD, XPATH, XSLT, XQuery
XML Avancé : DTD, XSD, XPATH, XSLT, XQueryXML Avancé : DTD, XSD, XPATH, XSLT, XQuery
XML Avancé : DTD, XSD, XPATH, XSLT, XQuery
 
Les systèmes de recommandations
Les systèmes de recommandationsLes systèmes de recommandations
Les systèmes de recommandations
 
Google Cloud solution pour business 2.0
Google Cloud solution pour business 2.0Google Cloud solution pour business 2.0
Google Cloud solution pour business 2.0
 
Lexique Facebook
Lexique FacebookLexique Facebook
Lexique Facebook
 
Identity as a Service - Etude IDaaS
Identity as a Service - Etude IDaaSIdentity as a Service - Etude IDaaS
Identity as a Service - Etude IDaaS
 
Analyse Expérience Utilisateur - Voyages-Sncf
Analyse Expérience Utilisateur - Voyages-SncfAnalyse Expérience Utilisateur - Voyages-Sncf
Analyse Expérience Utilisateur - Voyages-Sncf
 

Similar to Introduction aux Technologies Web élaborée par Marouan OMEZZINE

Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 
PowerPoint sur le Web 2.0
PowerPoint sur le Web 2.0PowerPoint sur le Web 2.0
PowerPoint sur le Web 2.0guest4ca1b
 
Slideshare - Web 2.0
Slideshare - Web 2.0Slideshare - Web 2.0
Slideshare - Web 2.0agirard003
 
Le Web 2.0
Le Web 2.0Le Web 2.0
Le Web 2.0clemdups
 
La plateforme Web Microsoft
La plateforme Web MicrosoftLa plateforme Web Microsoft
La plateforme Web MicrosoftChristophe Lauer
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxyassinesouli2
 
ACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationpeguet
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 
Partie 1_Matriser les bases PHP v0555555555555.pptx
Partie 1_Matriser les bases PHP v0555555555555.pptxPartie 1_Matriser les bases PHP v0555555555555.pptx
Partie 1_Matriser les bases PHP v0555555555555.pptxHamzaElgari
 
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdf
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdfGestion_d_un_projet_Web_e_commerce_Piece (1).pdf
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdfSofianeHassine2
 
Gestion_d_un_projet_Web_e_commerce_Piece.pdf
Gestion_d_un_projet_Web_e_commerce_Piece.pdfGestion_d_un_projet_Web_e_commerce_Piece.pdf
Gestion_d_un_projet_Web_e_commerce_Piece.pdfSofianeHassine2
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10davrous
 
2 20 presentations_generales_des_web_services
2 20 presentations_generales_des_web_services2 20 presentations_generales_des_web_services
2 20 presentations_generales_des_web_servicesCamus LANMADOUCELO
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSRenaud Dumont
 
Ajax intro 2pp
Ajax intro 2ppAjax intro 2pp
Ajax intro 2ppRYMAA
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSABNSA - Aquitaine
 

Similar to Introduction aux Technologies Web élaborée par Marouan OMEZZINE (20)

Développement Web
Développement WebDéveloppement Web
Développement Web
 
PowerPoint sur le Web 2.0
PowerPoint sur le Web 2.0PowerPoint sur le Web 2.0
PowerPoint sur le Web 2.0
 
Slideshare - Web 2.0
Slideshare - Web 2.0Slideshare - Web 2.0
Slideshare - Web 2.0
 
Le Web 2.0
Le Web 2.0Le Web 2.0
Le Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
La plateforme Web Microsoft
La plateforme Web MicrosoftLa plateforme Web Microsoft
La plateforme Web Microsoft
 
RIA
RIARIA
RIA
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 
ACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisation
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
Chap 1 Le Interfaces Richesv140
Chap 1 Le Interfaces Richesv140Chap 1 Le Interfaces Richesv140
Chap 1 Le Interfaces Richesv140
 
Partie 1_Matriser les bases PHP v0555555555555.pptx
Partie 1_Matriser les bases PHP v0555555555555.pptxPartie 1_Matriser les bases PHP v0555555555555.pptx
Partie 1_Matriser les bases PHP v0555555555555.pptx
 
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdf
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdfGestion_d_un_projet_Web_e_commerce_Piece (1).pdf
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdf
 
Gestion_d_un_projet_Web_e_commerce_Piece.pdf
Gestion_d_un_projet_Web_e_commerce_Piece.pdfGestion_d_un_projet_Web_e_commerce_Piece.pdf
Gestion_d_un_projet_Web_e_commerce_Piece.pdf
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10
 
2 20 presentations_generales_des_web_services
2 20 presentations_generales_des_web_services2 20 presentations_generales_des_web_services
2 20 presentations_generales_des_web_services
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
 
Ajax intro 2pp
Ajax intro 2ppAjax intro 2pp
Ajax intro 2pp
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
 

Introduction aux Technologies Web élaborée par Marouan OMEZZINE

  • 1. Introduction aux technologies WEB M. Marouan OMEZZINE Elève ingénieur JuniorENSI & E.N.S.I. http://www.junior-ensi.org http://www.slideshares.net/marouan.omezzine Version 1.2070208 Last update : 07-Fév-2008
  • 2.
  • 3.
  • 4. Client – serveur : modèle statique le client demande la page ma_page.html le serveur transmet la page au client Client Serveur Web Dans ce modèle le Clien t va demander une page web statique . Le Serveur Web lui transmet la page demandée telle quelle est sauvegardée sur son disque. Une forme de dynamisme peut être introduite par du JavaScript (peut présenter une incompatibilité avec les navigateurs).
  • 5.
  • 6.
  • 7.
  • 8. Client – serveur : modèle dynamique 2 1 3 4 1 -le Client demande la page ma_page.php 2-le Serveur Web sollicite le Serveur d’applications (plateforme PHP, .Net, etc.) 3-le Serveur d’application exécute la requête et transmet le résultat au Serveur Web 4 -le Serveur Web transmet la page au Client Client Serveur Web Serveur d’applications
  • 9.
  • 10.
  • 11.
  • 13. Web 2.0 C’est quoi le Web 2.0 ? Est-ce qu’il y a des versions du Web !!? Le concept Web 2.0 désigne la transition que vit actuellement le World Wide Web. Internet passe en effet aujourd’hui d'une collection de sites Web à une plate-forme informatique à part entière, fournissant des applications Web aux utilisateurs.
  • 14.
  • 15.
  • 16.
  • 18. Web 2.0 Web 1.0 Web 2.0
  • 19.
  • 21.
  • 22.
  • 25. PHP PHP (PHP Hypertext Preprocessor), créé en 1994 par Rasmus Lerdorf, est un langage de scripts libre principalement utilisé pour être exécuté par un serveur HTTP, mais il peut fonctionner comme n'importe quel langage interprété de façon locale, en exécutant les programmes en ligne de commande.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. Exemple Exemple d’un code PHP (imbriqué dans du code html) permettant d’avoir la date du système. L'affichage que génère ce code est : On est le 07-02-2008
  • 32. PHP et le Job Trends ?!  Réponse
  • 33. Ajax
  • 34.
  • 35. Rappel du modèle classique La machine cliente envoie une requête au serveur. Le serveur envoie sa la réponse à la requête au machine cliente.
  • 36.
  • 37.
  • 38.
  • 39. Ajax : The architecture
  • 40.
  • 41.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48. Merci

Editor's Notes

  1. Marouan OMEZZINE & JuniorEnsi