Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

2ème Année Licence Informatique Semestre 4 11 2016-2017 1 Développement d’Appli

2ème Année Licence Informatique Semestre 4 11 2016-2017 1 Développement d’Applications Web (Cours . Présenté par : Mme TOUIL Université Benyoucef Benkhadda - Alger 1 Faculté des Sciences /département MI Objectifs du cours 1- Comprendre le principe de fonctionnement du Web 2- S’initier à la programmation Web en maitrisant ses principaux langages 3- S’amener à la capacité de créer une application Web Client/serveur M.Touil (UMBB) Présenté par : Mme TOUIL 2016-2017 2 Objectifs du cours Ce que vous apprendrez dans l’ordre : 1- Créer des pages statiques (textes, images, tableaux, formulaires,…) 2- Décorer vos pages (police du texte, couleurs, style,…) 3- Rendre vos pages interactives ( boutons, évènements,…) 4- Manipuler une BDD (création, interrogation, modification) 5- Créer des pages dynamiques. 6- Autres: authentification, envoie de mails,…. M.Touil (UMBB) Présenté par : Mme TOUIL 2016-2017 3 C Introduction au World Wide Web 1- définition et Historique 2- Architecture Client/Serveur 3- Protocole http 4- Evolution du Web M.Touil (UMBB) Présenté par : Mme TOUIL 2016-2017 4 C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 5 1- Définition et historique a- Définition : Le World Wide Web (WWW), la « toile (d’araignée) mondiale », appelé le Web, et parfois la Toile, est un système hypertexte composé par des documents (pages) reliés entre eux à travers des hyperliens (un lien web ou lien tout simplement). C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 6 Le Web permet de naviguer (à l’aide d’un navigateur) de pages en pages sur des sites. Page Web Est un document, structuré généralement par HTML, destiné à être consulter à travers le Web. Elle peut être liée avec d’autres ressources Web( images, vidéos, autres pages ). Site Web Est un ensemble de pages Web reliées entre elles, publiées par le même propriétaire, et hébergées sut un ou plusieurs serveurs Web C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 7 Quelle est la différence entre le Web et l’Internet ? Dans le langage courant, les termes "web" et "Internet" sont souvent utilisés comme des synonymes. La différence entre web et Internet est plus importante . C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 8 • Internet est un réseau informatique qui relie des ordinateurs entre eux à l'échelle du monde. Ce gigantesque réseau se compose de millions de réseaux publics et privés, par exemple: des réseaux universitaires ou commerciaux. • Internet repose sur le protocole de communication IP (pour Internet Protocol), qui permet d'acheminer des données entre les ordinateurs connectés à ce réseau. • Internet a de multiples usages comme le partage de fichiers, la messagerie instantanée, la téléphonie, l'envoi de courrier électronique et le web. Le web est sa principale application est l’application la plus populaire du réseau internet. C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 9 b- Naissance du Web • 1989 : Tim Berners-Lee, un physicien britannique , engagé au CERN (Conseil Européen de la Recherche Nucléaire ), proposa de développer un système HyperText organisé en Web, afin d’améliorer la diffusion des informations internes. • 1990 : Robert Cailliau rejoignait le projet et collaborait à la révision de la proposition : WorldWideWeb. Robert Cailliau était l’auteur du 1er logo WWW - le 1er serveur web : nxoc01.cern.ch - le 1er navigateur : WorldWideWeb , est un navigateur en mode texte développé en langage C - les 3 technologies à la base du Web : URL , HTML, HTTP •1991 : Tim Berners-Lee rendait le projet WorldWideWeb public C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 10 c- historique du Web • 1993 : - le 30 avril, le CERN renonce aux droits d’auteur sur les logiciels du WorldWideWeb et permet leur mise dans le domaine public. - 130 sites web en juin, 623 en décembre - Apparition du 1er navigateur public: NCSA Mosaic disponible sur X Windows, puis sur Windows et Mac - Mode graphique: affichage des images dans les pages web • 1994 : - Apparition de 2 738 sites en juin, 10 022 en décembre - Le site Yahoo crée par deux étudiants - Développement de l’application Netscape Navigator 1.0 - en Octobre, fondation du World Wide Web Consortium (W3C) dans le but de standardisation et développement du web. C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 11 • 1995 : - Microsoft créait MSN pour concurrencer Internet et le web, puis change d’avis et lance la guerre des navigateurs. - Apparition Internet Explorer 1.0 et 2.0 - Apparition du moteur de recherche AltaVista • 1996 : Apparition du navigateur Opera • 1997 : Mise à jour de l’Internet Explorer 4.0 • 1998 : Apparition de Google • 1999 : Internet Explorer 5.0 • 2001 : Lancement du site Wikipédia C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 12 • 2003 : Apple lance Safari (navigateur web) • 2004 : - lancement Mozilla Firefox 1.0 - apparition du Facebook • 2008 : Google lançait Google Chrome • Actuellement : explosion du Web mobile • En cours de développement : le web sémantique C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 13 2- Architecture Client / Serveur L’architecture client/serveur désigne un mode de communication entre plusieurs composants d’un réseau. C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 14 Client Web Appelé aussi Client HTTP, est un logiciel conçu pour se connecter au serveur HTTP , demander des ressources, les recevoir et les visualiser à l’utilisateur. Exemple : Mozilla Firefox, Google Chrome, Safari, Opéra Serveur Web Appelé aussi Serveur HTTP, est un logiciel permettant de stocker les ressources Web et les transférer aux clients Web via le protocole HTTP Exemple : Apache HTTP Server Un serveur est généralement capable de servir plusieurs clients simultanément. C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 15 3- Le protocole HTTP Le HyperText Transfer Protocol, HTTP, est un protocole de communication client-serveur développé pour le World Wide Web. Il est utilisé pour échanger toute sorte de données entre client et serveur Le protocole, HTTP se place au dessus de TCP et fonctionne selon un principe de requête/réponse : C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 16 le client transmet une requête comportant des informations sur le document demandé et le serveur renvoie le document si disponible ou, le cas échéant, un message d’erreur. Https : est la variante de http sécurisé: Il garantit théoriquement la confidentialité et l'intégrité des données envoyées par l'utilisateur C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 17 a- Les requêtes Client la syntaxe de la demande (=requête client) est toujours la même:  Ligne de commande 1- Commande : est la méthode à utiliser, elle spécifie le type de requête ; Les méthodes les plus utilisées sont : GET , POST et HEAD - GET : C'est la méthode la plus courante pour demander une ressource. Une requête GET est sans effet sur la ressource Ligne de commande (Commande, URL, Version de protocole) En-tête de requête <ligne vide> Corps de requête C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 18 - HEAD : Cette méthode ne demande que des informations sur la ressource, sans demander la ressource elle-même. - POST : Cette méthode doit être utilisée lorsqu'une requête modifie la ressource. 2- URL : l'adresse de la page sur le serveur ; elle est du type : /repertoire/page.ext 3- version du protocole : indiquer la version du protocole HTTP utilisée. C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 19 En-tête de la requête : La requête peut avoir une ou plusieurs lignes d'en- têtes, chacune comportant un nom et une valeur. Corps de la requête : On envoie le corps de requête. Il peut contenir, par exemple, le contenu d'un formulaire HTML envoyé en POST. C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 20 Exemple de Requête : - GET Le client demande le document à l'adresse http://www.example.com/index.html, il accepte tous les types de document en retour, préfère les documents en français, utilise un navigateur (browser) compatible Mozilla 4.0 sur un système Windows NT 5.1 (Windows XP) et signale au serveur qu'il faut garder la connexion TCP ouverte à l'issue de la requête (car il a d'autres requêtes à transmettre). GET /index.html HTTP/1.1 Host: www.example.com Accept: */* Accept-Language: fr User-Agent: Mozilla/4.0 (MSIE 6.0; windows NT 5.1) Connection: Keep-Alive C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 21 - HEAD Le client demande des informations sur le fichier index.html sans avoir son contenu. HEAD / index.html HTTP/1.1 Host: google.com Keep-Alive: 300 Connection: keep-alive C Introduction au World Wide Web Présenté par : Mme TOUIL 2016-2017 22 - POST : Il a le même effet que GET sauf que, lui, envoie des données via le corps de la requête. uploads/s3/ cours-daw.pdf