Développement Web - Module 1 - Introduction

3 224 vues

Publié le

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
3 224
Sur SlideShare
0
Issues des intégrations
0
Intégrations
251
Actions
Partages
0
Téléchargements
102
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Développement Web - Module 1 - Introduction

  1. 1. Développement webModule 1 : Introduction Cours développement web Copyright © 2012, ESI 1 Module 1 - Introduction Mostefai Mohammed Amine
  2. 2. Objectifs du cours• Prise de contact avec les technologies web• Avoir les connaissances de base permettant de développer ou de maintenir un site web et aussi de gérer un projet webCours développement web Copyright © 2012, ESI 2Module 1 - Introduction Mostefai Mohammed Amine
  3. 3. Objectifs du module• Acquérir les connaissances introductives des technologies web• Se mettre dans le bain du développement webCours développement web Copyright © 2012, ESI 3Module 1 - Introduction Mostefai Mohammed Amine
  4. 4. Plan • Le web en chiffres • Historique • Fonctionnement • Les outilsCours développement web Copyright © 2012, ESI 4Module 1 - Introduction Mostefai Mohammed Amine
  5. 5. Section 1 – Le web en chiffresCours développement web Copyright © 2012, ESI 5Module 1 - Introduction Mostefai Mohammed Amine
  6. 6. 1 – Le web en chiffres Internet : des chiffres qui donnent le tournis ! • Plus d’informations ont été produites ces 30 dernières années que durant les cinq derniers millénaires • Une personne intellectuellement moyenne nécessiterait six cent mille décennies de lecture non-stop pour lire internet • Entrer dans le monde de la nouvelle technologie d’information est un pari intéressant et risqué !Cours développement web Copyright © 2012, ESI 6Module 1 - Introduction Mostefai Mohammed Amine
  7. 7. 1 – Le web en chiffres Des chiffres !• Une compilation de certaines statistiques très intéressantes peut être consultée ici : http://royal.pingdom.com/2012/01/17/internet- 2011-in-numbers/• Une personne intellectuellement moyenne nécessiterait six cent mille décennies de lecture non-stop pour lire internet• 555 millions de sites web• 95,5 millions de noms de domaine en .com• 2,1 milliards d’utilisateurs• 800 millions d’utilisateurs facebookCours développement web Copyright © 2012, ESI 7Module 1 - Introduction Mostefai Mohammed Amine
  8. 8. 1 – Le web en chiffres Encore des chiffres !• 2 milliards d’abonnés mobiles• 85% des abonnés disposent d’un navigateur internet sur leur mobile• 1 billion de vidéos sur youtubeCours développement web Copyright © 2012, ESI 8Module 1 - Introduction Mostefai Mohammed Amine
  9. 9. 1 – Le web en chiffres Encore des chiffres !• 2 milliards d’abonnés mobiles• 85% des abonnés disposent d’un navigateur internet sur leur mobile• 1 billion de vidéos sur youtubeCours développement web Copyright © 2012, ESI 9Module 1 - Introduction Mostefai Mohammed Amine
  10. 10. 1 – Le web en chiffres Encore des chiffres !Cours développement web Copyright © 2012, ESI 10Module 1 - Introduction Mostefai Mohammed Amine
  11. 11. 1 – Le web en chiffres Encore des chiffres !Cours développement web Copyright © 2012, ESI 11Module 1 - Introduction Mostefai Mohammed Amine
  12. 12. 1 – Le web en chiffres Encore des chiffres !Cours développement web Copyright © 2012, ESI 12Module 1 - Introduction Mostefai Mohammed Amine
  13. 13. Section 2 – HistoriqueCours développement web Copyright © 2012, ESI 13Module 1 - Introduction Mostefai Mohammed Amine
  14. 14. Dates clé 2 – Historique• 1958 : création du premier modem pouvant envoyer des données binaires en utilisant une simple ligne téléphonique (BELL)• 1962 : début du projet ARPA visant à relier des ordinateurs• 1967 : première conférence sur ARPANet• 1971 : connexion des premiers ordinateurs de 4 universités américaines• 23 ordinateurs sont reliés sur ARPANET. Envoi du premier courriel par Ray TomlinsonCours développement web Copyright © 2012, ESI 14Module 1 - Introduction Mostefai Mohammed Amine
  15. 15. Dates clé 2 – Historique• 1973 : L’Angleterre et la Norvège rejoignent le réseau avec 1 ordinateur pour chaque pays• 1974 : Le protocole TCP / IP est créé pour être utilisé dans ARPANet• 1979 : Création de Newsgroup par des étudiants américains• 1983 : Premier serveur de noms de domaine• 1989 : 100 000 ordinateurs connectés• 1990 : Disparition de l’ARPAnet• 1991 : Apparition du World Wide Web• 1993 : Apparition du navigateur NSCA MosaicCours développement web Copyright © 2012, ESI 15Module 1 - Introduction Mostefai Mohammed Amine
  16. 16. Dates clé 2 – Historique• 1996 : 10 000 000 ordinateurs connectés• 2000 : explosion d’internet• 2012 : 2 milliards d’utilisateurs dans le mondeCours développement web Copyright © 2012, ESI 16Module 1 - Introduction Mostefai Mohammed Amine
  17. 17. Section 3 – FonctionnementCours développement web Copyright © 2012, ESI 17Module 1 - Introduction Mostefai Mohammed Amine
  18. 18. De quoi ai-je besoin pour me connecter ? 3 – Fonctionnement Navigateur Dispositif + + Serveur web Contenu +Cours développement web Copyright © 2012, ESI 18Module 1 - Introduction Mostefai Mohammed Amine
  19. 19. Comment ça se passe ? 3 – Fonctionnement1. L’utilisateur tape une URL en utilisant des termes familiers (par exemple nomdelentreprise.com)2. Le navigateur contacte un serveur dit de nom qui traduit l’adresse tapée en une adresse IP3. Le navigateur utilise l’adresse IP derrière pour contacter le serveur et télécharger le contenuCours développement web Copyright © 2012, ESI 19Module 1 - Introduction Mostefai Mohammed Amine
  20. 20. Le protocole TCP/IP 3 – Fonctionnement• C’est un projet de défense nationale US destiné à connecter des réseaux de réseaux• TCP/IP est composée de la couche IP et de la couche TCP• La transition de données entre les machines se fait par commutation de paquet• IP (Internet Protocol) permet de faire transiter les paquets d’un nœud vers un autre où chaque nœud est représenté par une adresse IP• TCP se charge de vérifier les données reçuesCours développement web Copyright © 2012, ESI 20Module 1 - Introduction Mostefai Mohammed Amine
  21. 21. Le protocole HTTP 3 – Fonctionnement• HTTP (HyperText Transport Protocol) est le protocole permettant d’envoyer et de recevoir des documents sur le web• La communication se fait en envoyant et en recevant des messagesCours développement web Copyright © 2012, ESI 21Module 1 - Introduction Mostefai Mohammed Amine
  22. 22. Le protocole HTTP 3 – FonctionnementExemple de requête HTTPGET www.monsite.com HTTP/1.1Accept:*/*Accept-Language: en-gbAccept-Encoding: gzip, deflateUser-Agent: Mozilla/4.0 (compatible; MSIE 6.0)Host: www.httpwatch.comConnection: Keep-AliveCours développement web Copyright © 2012, ESI 22Module 1 - Introduction Mostefai Mohammed Amine
  23. 23. Le protocole HTTP 3 – FonctionnementExemple de réponse HTTPHTTP/1.1 200 OKServer: Microsoft-IIS/5.1Date: Mon, 04 Oct 2004 12:04:43 GMTX-Powered-By: ASP.NETX-AspNet-Version: 1.1.4322Cache-Control: no-cachePragma: no-cache Expires: -1Content-Type: text/html; charset=utf-8Content-Length: 8307<html> <head>...Cours développement web Copyright © 2012, ESI 23Module 1 - Introduction Mostefai Mohammed Amine
  24. 24. Section 4 – Les outilsCours développement web Copyright © 2012, ESI 24Module 1 - Introduction Mostefai Mohammed Amine
  25. 25. De quoi avons-nous besoin ? 4 – Outils1. Un éditeur web (par exemple notepad, Aptana, …)2. Un serveur web (par exemple WebMatrix, apache, …)3. Des éditeurs d’image (par exemple Photoshop4. Un client FTP (par exemple FileZilla)Cours développement web Copyright © 2012, ESI 25Module 1 - Introduction Mostefai Mohammed Amine
  26. 26. Exercice 1 4 – Outils1. Installer les outils : WebMatrix, Aptana2. Héberger la première page créée avec AptanaCours développement web Copyright © 2012, ESI 26Module 1 - Introduction Mostefai Mohammed Amine
  27. 27. Exercice 2 (Optionnel) 4 – Outils1. Installer un serveur FTP2. Mettre à jour le site en utilisant le client FTPCours développement web Copyright © 2012, ESI 27Module 1 - Introduction Mostefai Mohammed Amine
  28. 28. Bibliographie• Internet 2011 in numbers : http://royal.pingdom.com/2012/01/17/internet-2011-in-numbers/• Histoire d’internet, http://fr.wikipedia.org/wiki/Histoire_dInternet• Le réseau ARPANet: http://fr.wikipedia.org/wiki/ARPANETCours développement web Copyright © 2012, ESI 28Module 1 - Introduction Mostefai Mohammed Amine

×