SlideShare une entreprise Scribd logo
1  sur  28
Télécharger pour lire hors ligne
Développement web
Module 1 : Introduction




 Cours développement web            Copyright © 2012, ESI
                           1
 Module 1 - Introduction       Mostefai Mohammed Amine
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 web




Cours développement web                                   Copyright © 2012, ESI
                                      2
Module 1 - Introduction                              Mostefai Mohammed Amine
Objectifs du module

• Acquérir les connaissances introductives des technologies web
• Se mettre dans le bain du développement web




Cours développement web                                    Copyright © 2012, ESI
                                      3
Module 1 - Introduction                               Mostefai Mohammed Amine
Plan


  •   Le web en chiffres
  •   Historique
  •   Fonctionnement
  •   Les outils




Cours développement web                Copyright © 2012, ESI
                              4
Module 1 - Introduction           Mostefai Mohammed Amine
Section 1 – Le web en chiffres




Cours développement web                            Copyright © 2012, ESI
                                   5
Module 1 - Introduction                       Mostefai Mohammed Amine
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
                                         6
Module 1 - Introduction                                  Mostefai Mohammed Amine
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 facebook



Cours développement web                                          Copyright © 2012, ESI
                                         7
Module 1 - Introduction                                     Mostefai Mohammed Amine
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 youtube




Cours développement web                                    Copyright © 2012, ESI
                                       8
Module 1 - Introduction                               Mostefai Mohammed Amine
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 youtube




Cours développement web                                    Copyright © 2012, ESI
                                       9
Module 1 - Introduction                               Mostefai Mohammed Amine
1 – Le web en chiffres
                          Encore des chiffres !




Cours développement web                                Copyright © 2012, ESI
                                       10
Module 1 - Introduction                           Mostefai Mohammed Amine
1 – Le web en chiffres
                          Encore des chiffres !




Cours développement web                                Copyright © 2012, ESI
                                       11
Module 1 - Introduction                           Mostefai Mohammed Amine
1 – Le web en chiffres
                          Encore des chiffres !




Cours développement web                                Copyright © 2012, ESI
                                       12
Module 1 - Introduction                           Mostefai Mohammed Amine
Section 2 – Historique




Cours développement web                                 Copyright © 2012, ESI
                                      13
Module 1 - Introduction                            Mostefai Mohammed Amine
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 Tomlinson




Cours développement web                                      Copyright © 2012, ESI
                                       14
Module 1 - Introduction                                 Mostefai Mohammed Amine
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 Mosaic


Cours développement web                                        Copyright © 2012, ESI
                                         15
Module 1 - Introduction                                   Mostefai Mohammed Amine
Dates clé




                                                                         2 – Historique
• 1996 : 10 000 000 ordinateurs connectés
• 2000 : explosion d’internet
• 2012 : 2 milliards d’utilisateurs dans le monde




Cours développement web                                  Copyright © 2012, ESI
                                        16
Module 1 - Introduction                             Mostefai Mohammed Amine
Section 3 – Fonctionnement




Cours développement web                          Copyright © 2012, ESI
                                  17
Module 1 - Introduction                     Mostefai Mohammed Amine
De quoi ai-je besoin pour me connecter ?




                                                                3 – Fonctionnement
  Navigateur                  Dispositif




                          +                +
  Serveur web                    Contenu




                          +
Cours développement web                         Copyright © 2012, ESI
                                    18
Module 1 - Introduction                    Mostefai Mohammed Amine
Comment ça se passe ?




                                                                                 3 – Fonctionnement
1.   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 IP
3.   Le navigateur utilise l’adresse IP derrière pour contacter le
     serveur et télécharger le contenu




Cours développement web                                          Copyright © 2012, ESI
                                          19
Module 1 - Introduction                                     Mostefai Mohammed Amine
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çues




Cours développement web                                        Copyright © 2012, ESI
                                         20
Module 1 - Introduction                                   Mostefai Mohammed Amine
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
    messages




Cours développement web                                     Copyright © 2012, ESI
                                       21
Module 1 - Introduction                                Mostefai Mohammed Amine
Le protocole HTTP




                                                                           3 – Fonctionnement
Exemple de requête HTTP

GET www.monsite.com HTTP/1.1
Accept:*/*
Accept-Language: en-gb
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0)
Host: www.httpwatch.com
Connection: Keep-Alive




Cours développement web                                    Copyright © 2012, ESI
                                                 22
Module 1 - Introduction                               Mostefai Mohammed Amine
Le protocole HTTP




                                                                     3 – Fonctionnement
Exemple de réponse HTTP
HTTP/1.1 200 OK
Server: Microsoft-IIS/5.1
Date: Mon, 04 Oct 2004 12:04:43 GMT
X-Powered-By: ASP.NET
X-AspNet-Version: 1.1.4322
Cache-Control: no-cache
Pragma: no-cache Expires: -1
Content-Type: text/html; charset=utf-8
Content-Length: 8307
<html>
 <head>
...


Cours développement web                              Copyright © 2012, ESI
                                         23
Module 1 - Introduction                         Mostefai Mohammed Amine
Section 4 – Les outils




Cours développement web                                 Copyright © 2012, ESI
                                      24
Module 1 - Introduction                            Mostefai Mohammed Amine
De quoi avons-nous besoin ?




                                                                            4 – Outils
1.   Un éditeur web (par exemple notepad, Aptana, …)
2.   Un serveur web (par exemple WebMatrix, apache, …)
3.   Des éditeurs d’image (par exemple Photoshop
4.   Un client FTP (par exemple FileZilla)




Cours développement web                                     Copyright © 2012, ESI
                                         25
Module 1 - Introduction                                Mostefai Mohammed Amine
Exercice 1




                                                                        4 – Outils
1.   Installer les outils : WebMatrix, Aptana
2.   Héberger la première page créée avec Aptana




Cours développement web                                 Copyright © 2012, ESI
                                         26
Module 1 - Introduction                            Mostefai Mohammed Amine
Exercice 2 (Optionnel)




                                                                             4 – Outils
1.   Installer un serveur FTP
2.   Mettre à jour le site en utilisant le client FTP




Cours développement web                                      Copyright © 2012, ESI
                                            27
Module 1 - Introduction                                 Mostefai Mohammed Amine
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_d'Internet
• Le réseau ARPANet: http://fr.wikipedia.org/wiki/ARPANET




Cours développement web                                       Copyright © 2012, ESI
                                        28
Module 1 - Introduction                                  Mostefai Mohammed Amine

Contenu connexe

Tendances

TD4-UML-Correction
TD4-UML-CorrectionTD4-UML-Correction
TD4-UML-CorrectionLilia Sfaxi
 
Presentation de soutenance du Projet Fin d'Etudes
Presentation de soutenance du Projet Fin d'EtudesPresentation de soutenance du Projet Fin d'Etudes
Presentation de soutenance du Projet Fin d'EtudesTahani RIAHI
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRouâa Ben Hammouda
 
Examen principal- php - correction
Examen principal- php - correctionExamen principal- php - correction
Examen principal- php - correctionInes Ouaz
 
Présentation de mon PFE
Présentation de mon PFEPrésentation de mon PFE
Présentation de mon PFENadir Haouari
 
Conception et Réalisation d’une application de Gestion SCOLAIRE
Conception et Réalisation d’une application de Gestion SCOLAIREConception et Réalisation d’une application de Gestion SCOLAIRE
Conception et Réalisation d’une application de Gestion SCOLAIREGhizlane ALOZADE
 
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
 
Telecharger Exercices corrigés PL/SQL
Telecharger Exercices corrigés PL/SQLTelecharger Exercices corrigés PL/SQL
Telecharger Exercices corrigés PL/SQLwebreaker
 
Rapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
Rapport de stage d'initiation 2015 Mahmoudi Mohamed AmineRapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
Rapport de stage d'initiation 2015 Mahmoudi Mohamed AmineMohamed Amine Mahmoudi
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsMohamed Ayoub OUERTATANI
 
Support du cours : Programmation Web 2
Support du cours : Programmation Web 2Support du cours : Programmation Web 2
Support du cours : Programmation Web 2Faycel Chaoua
 
Chp1 - Introduction à l'Informatique Décisionnelle
Chp1 - Introduction à l'Informatique DécisionnelleChp1 - Introduction à l'Informatique Décisionnelle
Chp1 - Introduction à l'Informatique DécisionnelleLilia Sfaxi
 
TD1-UML-correction
TD1-UML-correctionTD1-UML-correction
TD1-UML-correctionLilia Sfaxi
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebHarrathi Mohamed
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdfElomyakobi
 

Tendances (20)

TD4-UML-Correction
TD4-UML-CorrectionTD4-UML-Correction
TD4-UML-Correction
 
Presentation de soutenance du Projet Fin d'Etudes
Presentation de soutenance du Projet Fin d'EtudesPresentation de soutenance du Projet Fin d'Etudes
Presentation de soutenance du Projet Fin d'Etudes
 
Support Web Services SOAP et RESTful Mr YOUSSFI
Support Web Services SOAP et RESTful Mr YOUSSFISupport Web Services SOAP et RESTful Mr YOUSSFI
Support Web Services SOAP et RESTful Mr YOUSSFI
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learning
 
Examen principal- php - correction
Examen principal- php - correctionExamen principal- php - correction
Examen principal- php - correction
 
Présentation de mon PFE
Présentation de mon PFEPrésentation de mon PFE
Présentation de mon PFE
 
Conception et Réalisation d’une application de Gestion SCOLAIRE
Conception et Réalisation d’une application de Gestion SCOLAIREConception et Réalisation d’une application de Gestion SCOLAIRE
Conception et Réalisation d’une application de Gestion SCOLAIRE
 
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)
 
Telecharger Exercices corrigés PL/SQL
Telecharger Exercices corrigés PL/SQLTelecharger Exercices corrigés PL/SQL
Telecharger Exercices corrigés PL/SQL
 
Rapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
Rapport de stage d'initiation 2015 Mahmoudi Mohamed AmineRapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
Rapport de stage d'initiation 2015 Mahmoudi Mohamed Amine
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clients
 
Support du cours : Programmation Web 2
Support du cours : Programmation Web 2Support du cours : Programmation Web 2
Support du cours : Programmation Web 2
 
Chp1 - Introduction à l'Informatique Décisionnelle
Chp1 - Introduction à l'Informatique DécisionnelleChp1 - Introduction à l'Informatique Décisionnelle
Chp1 - Introduction à l'Informatique Décisionnelle
 
TD1-UML-correction
TD1-UML-correctionTD1-UML-correction
TD1-UML-correction
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site Web
 
Rapport de fin formation
Rapport de fin formationRapport de fin formation
Rapport de fin formation
 
Support de cours Spring M.youssfi
Support de cours Spring  M.youssfiSupport de cours Spring  M.youssfi
Support de cours Spring M.youssfi
 
Modèle en cascade
Modèle en cascadeModèle en cascade
Modèle en cascade
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdf
 
Support Java Avancé Troisième Partie
Support Java Avancé Troisième PartieSupport Java Avancé Troisième Partie
Support Java Avancé Troisième Partie
 

En vedette

Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileMohamed BOURAOUI
 
Introduction aux systèmes d'exploitation mobile
Introduction aux systèmes d'exploitation mobileIntroduction aux systèmes d'exploitation mobile
Introduction aux systèmes d'exploitation mobileHoussem Rouini
 
Cours informatique ordinateur et système d'exploitation
Cours informatique ordinateur et système d'exploitationCours informatique ordinateur et système d'exploitation
Cours informatique ordinateur et système d'exploitationTunisie collège
 
Architecture de l'ordinateur Et Systeme d'exploitation
Architecture de l'ordinateur Et Systeme d'exploitationArchitecture de l'ordinateur Et Systeme d'exploitation
Architecture de l'ordinateur Et Systeme d'exploitationTunisie collège
 

En vedette (6)

Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
Introduction aux technologies mobiles
Introduction aux technologies mobilesIntroduction aux technologies mobiles
Introduction aux technologies mobiles
 
Introduction aux systèmes d'exploitation mobile
Introduction aux systèmes d'exploitation mobileIntroduction aux systèmes d'exploitation mobile
Introduction aux systèmes d'exploitation mobile
 
Introduction à Scrum
Introduction à ScrumIntroduction à Scrum
Introduction à Scrum
 
Cours informatique ordinateur et système d'exploitation
Cours informatique ordinateur et système d'exploitationCours informatique ordinateur et système d'exploitation
Cours informatique ordinateur et système d'exploitation
 
Architecture de l'ordinateur Et Systeme d'exploitation
Architecture de l'ordinateur Et Systeme d'exploitationArchitecture de l'ordinateur Et Systeme d'exploitation
Architecture de l'ordinateur Et Systeme d'exploitation
 

Similaire à Développement Web - Module 1 - Introduction

Module 1 introduction au développement web avec visual studio 2012
Module 1   introduction au développement web avec visual studio 2012Module 1   introduction au développement web avec visual studio 2012
Module 1 introduction au développement web avec visual studio 2012Mohammed Amine Mostefai
 
Module 4 navigation et homogénéisation des les applications web
Module 4   navigation et homogénéisation des les applications webModule 4   navigation et homogénéisation des les applications web
Module 4 navigation et homogénéisation des les applications webMohammed Amine Mostefai
 
Développement d'applications mobiles
Développement d'applications mobilesDéveloppement d'applications mobiles
Développement d'applications mobilesMatelli
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.DocDoku
 
Rapport de stage : Parcours d'apprentissage à base de la pédagogie par projet
Rapport de stage : Parcours d'apprentissage à base de la pédagogie par projetRapport de stage : Parcours d'apprentissage à base de la pédagogie par projet
Rapport de stage : Parcours d'apprentissage à base de la pédagogie par projetnkamal1
 
Exposé CMS e-biz ISC Paris 2012
Exposé CMS e-biz ISC Paris 2012Exposé CMS e-biz ISC Paris 2012
Exposé CMS e-biz ISC Paris 2012Christophe Pinquier
 
Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Pierre Ammeloot
 
Web 2.0 BtoB pour les entreprises, les marques, les collaborateurs
Web 2.0 BtoB pour les entreprises, les marques, les collaborateursWeb 2.0 BtoB pour les entreprises, les marques, les collaborateurs
Web 2.0 BtoB pour les entreprises, les marques, les collaborateursegrospiron
 
DrupalCamp Paris 2013 : Sites mobiles avec Drupal
DrupalCamp Paris 2013 : Sites mobiles avec DrupalDrupalCamp Paris 2013 : Sites mobiles avec Drupal
DrupalCamp Paris 2013 : Sites mobiles avec DrupalActency
 
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05Frédéric Harper
 
Portail 2.0 & conduite du changement : les 10 clés pour réussir
Portail 2.0 & conduite du changement : les 10 clés pour réussirPortail 2.0 & conduite du changement : les 10 clés pour réussir
Portail 2.0 & conduite du changement : les 10 clés pour réussirPhilippeC
 
Cv Ouaz Ines
Cv Ouaz InesCv Ouaz Ines
Cv Ouaz InesInes Ouaz
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapBenjamin LUPU
 

Similaire à Développement Web - Module 1 - Introduction (19)

Module 1 introduction au développement web avec visual studio 2012
Module 1   introduction au développement web avec visual studio 2012Module 1   introduction au développement web avec visual studio 2012
Module 1 introduction au développement web avec visual studio 2012
 
Le langage html
Le langage htmlLe langage html
Le langage html
 
Module 4 navigation et homogénéisation des les applications web
Module 4   navigation et homogénéisation des les applications webModule 4   navigation et homogénéisation des les applications web
Module 4 navigation et homogénéisation des les applications web
 
CM_Web.pdf
CM_Web.pdfCM_Web.pdf
CM_Web.pdf
 
Développement d'applications mobiles
Développement d'applications mobilesDéveloppement d'applications mobiles
Développement d'applications mobiles
 
Symfony 2 et le Web
Symfony 2 et le WebSymfony 2 et le Web
Symfony 2 et le Web
 
Symfony et le Web
Symfony et le WebSymfony et le Web
Symfony et le Web
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
 
Rapport de stage : Parcours d'apprentissage à base de la pédagogie par projet
Rapport de stage : Parcours d'apprentissage à base de la pédagogie par projetRapport de stage : Parcours d'apprentissage à base de la pédagogie par projet
Rapport de stage : Parcours d'apprentissage à base de la pédagogie par projet
 
Bilan2012Afisi
Bilan2012AfisiBilan2012Afisi
Bilan2012Afisi
 
Exposé CMS e-biz ISC Paris 2012
Exposé CMS e-biz ISC Paris 2012Exposé CMS e-biz ISC Paris 2012
Exposé CMS e-biz ISC Paris 2012
 
Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013
 
Web 2.0 BtoB pour les entreprises, les marques, les collaborateurs
Web 2.0 BtoB pour les entreprises, les marques, les collaborateursWeb 2.0 BtoB pour les entreprises, les marques, les collaborateurs
Web 2.0 BtoB pour les entreprises, les marques, les collaborateurs
 
jSeduite @UNICE Foundation
jSeduite @UNICE FoundationjSeduite @UNICE Foundation
jSeduite @UNICE Foundation
 
DrupalCamp Paris 2013 : Sites mobiles avec Drupal
DrupalCamp Paris 2013 : Sites mobiles avec DrupalDrupalCamp Paris 2013 : Sites mobiles avec Drupal
DrupalCamp Paris 2013 : Sites mobiles avec Drupal
 
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05
 
Portail 2.0 & conduite du changement : les 10 clés pour réussir
Portail 2.0 & conduite du changement : les 10 clés pour réussirPortail 2.0 & conduite du changement : les 10 clés pour réussir
Portail 2.0 & conduite du changement : les 10 clés pour réussir
 
Cv Ouaz Ines
Cv Ouaz InesCv Ouaz Ines
Cv Ouaz Ines
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGap
 

Plus de Mohammed Amine Mostefai

Utilisation de Sharepoint (Collaboration)
Utilisation de Sharepoint (Collaboration)Utilisation de Sharepoint (Collaboration)
Utilisation de Sharepoint (Collaboration)Mohammed Amine Mostefai
 
Utilisation de Sharepoint 2013 - Personnalisation
Utilisation de Sharepoint 2013 - PersonnalisationUtilisation de Sharepoint 2013 - Personnalisation
Utilisation de Sharepoint 2013 - PersonnalisationMohammed Amine Mostefai
 
Utilisation de Sharepoint - Gestion de Documents
Utilisation de Sharepoint - Gestion de DocumentsUtilisation de Sharepoint - Gestion de Documents
Utilisation de Sharepoint - Gestion de DocumentsMohammed Amine Mostefai
 
Utilisation de Sharepoiunt - Introduction
Utilisation de Sharepoiunt - IntroductionUtilisation de Sharepoiunt - Introduction
Utilisation de Sharepoiunt - IntroductionMohammed Amine Mostefai
 
Module 8 programmation avancée d'asp.net
Module 8   programmation avancée d'asp.netModule 8   programmation avancée d'asp.net
Module 8 programmation avancée d'asp.netMohammed Amine Mostefai
 
Module 7 intégration d'ajax et les services web dans les applications asp.net
Module 7   intégration d'ajax et les services web dans les applications asp.netModule 7   intégration d'ajax et les services web dans les applications asp.net
Module 7 intégration d'ajax et les services web dans les applications asp.netMohammed Amine Mostefai
 

Plus de Mohammed Amine Mostefai (20)

Utilisation de Sharepoint (Collaboration)
Utilisation de Sharepoint (Collaboration)Utilisation de Sharepoint (Collaboration)
Utilisation de Sharepoint (Collaboration)
 
Utilisation de Sharepoint 2013 - Personnalisation
Utilisation de Sharepoint 2013 - PersonnalisationUtilisation de Sharepoint 2013 - Personnalisation
Utilisation de Sharepoint 2013 - Personnalisation
 
Utilisation Sharepoint (Listes)
Utilisation Sharepoint (Listes)Utilisation Sharepoint (Listes)
Utilisation Sharepoint (Listes)
 
Utilisation de Sharepoint - Gestion de Documents
Utilisation de Sharepoint - Gestion de DocumentsUtilisation de Sharepoint - Gestion de Documents
Utilisation de Sharepoint - Gestion de Documents
 
Utilisation de Sharepoiunt - Introduction
Utilisation de Sharepoiunt - IntroductionUtilisation de Sharepoiunt - Introduction
Utilisation de Sharepoiunt - Introduction
 
Pratiques agiles
Pratiques agilesPratiques agiles
Pratiques agiles
 
Méthodes Agiles - La Méthode XP
Méthodes Agiles - La Méthode XPMéthodes Agiles - La Méthode XP
Méthodes Agiles - La Méthode XP
 
Le Manifeste Agile
Le Manifeste AgileLe Manifeste Agile
Le Manifeste Agile
 
Méthodes Agiles - Généralités
Méthodes Agiles - GénéralitésMéthodes Agiles - Généralités
Méthodes Agiles - Généralités
 
Workflow Foundation - Cours 5
Workflow Foundation - Cours 5Workflow Foundation - Cours 5
Workflow Foundation - Cours 5
 
Workflow Foundation Module 4
Workflow Foundation Module 4Workflow Foundation Module 4
Workflow Foundation Module 4
 
Présentation cloud journée azure
Présentation cloud   journée azurePrésentation cloud   journée azure
Présentation cloud journée azure
 
Wf module3
Wf module3Wf module3
Wf module3
 
Microsoft Workflow Foundation - Cours 2
Microsoft Workflow Foundation - Cours 2Microsoft Workflow Foundation - Cours 2
Microsoft Workflow Foundation - Cours 2
 
Introduction to Workflow Foundation
Introduction to Workflow FoundationIntroduction to Workflow Foundation
Introduction to Workflow Foundation
 
Le Langage CSS
Le Langage CSSLe Langage CSS
Le Langage CSS
 
Sécurisation des applications ASP.NET
Sécurisation des applications ASP.NETSécurisation des applications ASP.NET
Sécurisation des applications ASP.NET
 
Présentation sharepoint 2013
Présentation sharepoint 2013Présentation sharepoint 2013
Présentation sharepoint 2013
 
Module 8 programmation avancée d'asp.net
Module 8   programmation avancée d'asp.netModule 8   programmation avancée d'asp.net
Module 8 programmation avancée d'asp.net
 
Module 7 intégration d'ajax et les services web dans les applications asp.net
Module 7   intégration d'ajax et les services web dans les applications asp.netModule 7   intégration d'ajax et les services web dans les applications asp.net
Module 7 intégration d'ajax et les services web dans les applications asp.net
 

Développement Web - Module 1 - Introduction

  • 1. Développement web Module 1 : Introduction Cours développement web Copyright © 2012, ESI 1 Module 1 - Introduction Mostefai Mohammed Amine
  • 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 web Cours développement web Copyright © 2012, ESI 2 Module 1 - Introduction Mostefai Mohammed Amine
  • 3. Objectifs du module • Acquérir les connaissances introductives des technologies web • Se mettre dans le bain du développement web Cours développement web Copyright © 2012, ESI 3 Module 1 - Introduction Mostefai Mohammed Amine
  • 4. Plan • Le web en chiffres • Historique • Fonctionnement • Les outils Cours développement web Copyright © 2012, ESI 4 Module 1 - Introduction Mostefai Mohammed Amine
  • 5. Section 1 – Le web en chiffres Cours développement web Copyright © 2012, ESI 5 Module 1 - Introduction Mostefai Mohammed Amine
  • 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 6 Module 1 - Introduction Mostefai Mohammed Amine
  • 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 facebook Cours développement web Copyright © 2012, ESI 7 Module 1 - Introduction Mostefai Mohammed Amine
  • 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 youtube Cours développement web Copyright © 2012, ESI 8 Module 1 - Introduction Mostefai Mohammed Amine
  • 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 youtube Cours développement web Copyright © 2012, ESI 9 Module 1 - Introduction Mostefai Mohammed Amine
  • 10. 1 – Le web en chiffres Encore des chiffres ! Cours développement web Copyright © 2012, ESI 10 Module 1 - Introduction Mostefai Mohammed Amine
  • 11. 1 – Le web en chiffres Encore des chiffres ! Cours développement web Copyright © 2012, ESI 11 Module 1 - Introduction Mostefai Mohammed Amine
  • 12. 1 – Le web en chiffres Encore des chiffres ! Cours développement web Copyright © 2012, ESI 12 Module 1 - Introduction Mostefai Mohammed Amine
  • 13. Section 2 – Historique Cours développement web Copyright © 2012, ESI 13 Module 1 - Introduction Mostefai Mohammed Amine
  • 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 Tomlinson Cours développement web Copyright © 2012, ESI 14 Module 1 - Introduction Mostefai Mohammed Amine
  • 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 Mosaic Cours développement web Copyright © 2012, ESI 15 Module 1 - Introduction Mostefai Mohammed Amine
  • 16. Dates clé 2 – Historique • 1996 : 10 000 000 ordinateurs connectés • 2000 : explosion d’internet • 2012 : 2 milliards d’utilisateurs dans le monde Cours développement web Copyright © 2012, ESI 16 Module 1 - Introduction Mostefai Mohammed Amine
  • 17. Section 3 – Fonctionnement Cours développement web Copyright © 2012, ESI 17 Module 1 - Introduction Mostefai Mohammed Amine
  • 18. De quoi ai-je besoin pour me connecter ? 3 – Fonctionnement Navigateur Dispositif + + Serveur web Contenu + Cours développement web Copyright © 2012, ESI 18 Module 1 - Introduction Mostefai Mohammed Amine
  • 19. Comment ça se passe ? 3 – Fonctionnement 1. 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 IP 3. Le navigateur utilise l’adresse IP derrière pour contacter le serveur et télécharger le contenu Cours développement web Copyright © 2012, ESI 19 Module 1 - Introduction Mostefai Mohammed Amine
  • 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çues Cours développement web Copyright © 2012, ESI 20 Module 1 - Introduction Mostefai Mohammed Amine
  • 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 messages Cours développement web Copyright © 2012, ESI 21 Module 1 - Introduction Mostefai Mohammed Amine
  • 22. Le protocole HTTP 3 – Fonctionnement Exemple de requête HTTP GET www.monsite.com HTTP/1.1 Accept:*/* Accept-Language: en-gb Accept-Encoding: gzip, deflate User-Agent: Mozilla/4.0 (compatible; MSIE 6.0) Host: www.httpwatch.com Connection: Keep-Alive Cours développement web Copyright © 2012, ESI 22 Module 1 - Introduction Mostefai Mohammed Amine
  • 23. Le protocole HTTP 3 – Fonctionnement Exemple de réponse HTTP HTTP/1.1 200 OK Server: Microsoft-IIS/5.1 Date: Mon, 04 Oct 2004 12:04:43 GMT X-Powered-By: ASP.NET X-AspNet-Version: 1.1.4322 Cache-Control: no-cache Pragma: no-cache Expires: -1 Content-Type: text/html; charset=utf-8 Content-Length: 8307 <html> <head> ... Cours développement web Copyright © 2012, ESI 23 Module 1 - Introduction Mostefai Mohammed Amine
  • 24. Section 4 – Les outils Cours développement web Copyright © 2012, ESI 24 Module 1 - Introduction Mostefai Mohammed Amine
  • 25. De quoi avons-nous besoin ? 4 – Outils 1. Un éditeur web (par exemple notepad, Aptana, …) 2. Un serveur web (par exemple WebMatrix, apache, …) 3. Des éditeurs d’image (par exemple Photoshop 4. Un client FTP (par exemple FileZilla) Cours développement web Copyright © 2012, ESI 25 Module 1 - Introduction Mostefai Mohammed Amine
  • 26. Exercice 1 4 – Outils 1. Installer les outils : WebMatrix, Aptana 2. Héberger la première page créée avec Aptana Cours développement web Copyright © 2012, ESI 26 Module 1 - Introduction Mostefai Mohammed Amine
  • 27. Exercice 2 (Optionnel) 4 – Outils 1. Installer un serveur FTP 2. Mettre à jour le site en utilisant le client FTP Cours développement web Copyright © 2012, ESI 27 Module 1 - Introduction Mostefai Mohammed Amine
  • 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_d'Internet • Le réseau ARPANet: http://fr.wikipedia.org/wiki/ARPANET Cours développement web Copyright © 2012, ESI 28 Module 1 - Introduction Mostefai Mohammed Amine