Introduction aux Technologies Web élaborée par Marouan OMEZZINE

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]

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]

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”?

Introduction aux Technologies Web élaborée par Marouan OMEZZINE

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 ,[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]

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]

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]

Introduction aux Technologies Web élaborée par Marouan OMEZZINE

Introduction aux Technologies Web élaborée par Marouan OMEZZINE

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente(20)

Destacado

Destacado(20)

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

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

Introduction aux Technologies Web élaborée par Marouan OMEZZINE

Notas del editor