CEL n 3 méthodologie informatique - CURSUS
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
méthodologie informatique
CEL n°3
1
Plan du CEL n°3
> Les débuts d’Internet
> Fonctionnement d’Internet
> Fonctionnement des serveurs
> World Wide Web
2
PLAN DU CEL n°3
> Les débuts d’Internet
> Origine
> Mise en place
> Invention du World Wide Web
> Internet d'hier à aujourd'hui
> Fonctionnement d’Internet
> Fonctionnement des serveurs
> World Wide Web
3
Origine d'Internet
> Années 1960 aux États Unis (guerre froide)
> Connexions d’« ordinateurs »
entre des bases militaires
> Communication des données en « chaîne »
A b c d
> Problème : communication coupée lorsqu'un élément du
réseau (ordinateur ou liaison) est défaillant
4
Origine d'Internet
> 1969 : création d'ARPANET
> Premier réseau « maillé », mis au point par la DARPA
(Defense Advanced Research Project Agency)
> Nouveauté
> Possibilité de suivre un autre chemin lorsqu'un élément
du réseau est défaillant (notion de routage)
5
Mise en place d'Internet (1)
> Années 1970
> Extension d’ARPANET aux grandes universités
américaines
Sources :
http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/historical.html
6Mise en place d'Internet (2)
> 1976 : une avancée technologique majeure
> Mise au point du protocole de communication TCP/IP
> TCP (Transmission Control Protocol) : transport de
données entre 2 machines grâce à un système de
dialogue (connexion)
> IP (Internet Protocol) : routage de données dans un
réseau
>> Possibilité d’interconnecter des réseaux hétérogènes
7Mise en place d'Internet (3)
> Fin années 1970
> Premiers échanges de mails sur ARPANET (le concept
date de 1961 sur réseau courte distance)
Sources :
http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/historical.html
8Mise en place d'Internet (4)
> 1980
> Utilisation d'une liaison satellite transocéanique
Sources :
http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/historical.html
9Mise en place d'Internet (4)
> Années 1980
> Émergence de nombreux
réseaux sur le modèle ARPANET
> Interconnexion de ces réseaux
>> Naissance d'un super-réseau à l'échelle planétaire :
INTERNET
10Invention du World Wide Web
> Années 1990
> Apparition du World Wide Web Premier logo du WWW
> Principal inventeur : Tim Berners Lee
Premier navigateur Web Premier serveur Web
11Internet d'hier à aujourd'hui
> Fin des années 1990
> Apparition des FAI : Fournisseurs d'Accès à Internet
> Démocratisation d'internet
> Ouverture commerciale
> Années 2000
> Apparition des smartphones et de l'Internet mobile
> Début années 2010
> Explosion de l'internet mobile (smartphones, tablettes,
objets connectés...)
12QCM Les débuts d’Internet
> Quand a débuté Internet ?
A - Dans les années 80 ;
B - Dans les années 90 ;
C - Dans les années 2000.
13QCM Les débuts d’Internet
> Quand a débuté Internet ?
A - Dans les années 80 ;
B - Dans les années 90 ;
C - Dans les années 2000.
14PLAN DU CEL n°3
> Les débuts d’Internet
> Fonctionnement d’Internet
> L’adresse IP
> Le routage
> Le nommage des machines
> La connexion à internet
> La transmission de l’information
> Fonctionnement des serveurs
> World Wide Web
15L’adresse IP
> Chaque ordinateur doit avoir une adresse IP
> IP v4
> adresse sur 4 octets
> exemple : 193.52.66.14 (IP du serveur web univ-rennes2.fr)
> 4,7 milliards d’adresses ⇒ insuffisant ! insuffisant !
> adresse publique : ordinateur visible sur le réseau
> adresse privée : pour les réseaux locaux
> peuvent être utilisées plusieurs fois dans réseaux différents !
> non visible : il faut passer par un routeur pour accéder à Internet
> IP v6 (en cours de déploiement)
> adresse sur 16 octets
> 667 millions de milliards d’adresses par mm2 de surface terrestre
16L’adresse IP
> L’adresse IP identifie le destinataire du message
17L’adresse IP
> L’adresse IP identifie le destinataire du message
> et l’émetteur du message
18L’adresse IP
> L’adresse IP identifie le destinataire du message
> et l’émetteur du message
> Format des messages échangés sur Internet
> Adresse IP du destinataire / Message / Adresse IP de l’émetteur
19Le routage
> L’émetteur et le destinataire sont dans le même
réseau
20Le routage
> L’émetteur et le destinataire sont dans des réseaux
différents
21Le nommage des machines (1)
> Nom de domaine = nom de machine alphanumérique
> Format général en plusieurs parties (séparées par un point)
> du plus spécifique vers le plus général
> ex : machine.domaine
> ex : machine.sous-domaine.domaine
> machine : nom de la machine
> ex : www est le nom générique des machines serveur web
> domaine, sous-domaine : noms des organismes propriétaires de la
machine, du plus spécifique au plus général
> Remarque : attribution des adresses IP et noms de domaines
> par des organismes comme l’ICANN
Internet Corporation for Assigned Names and Numbers
22Le nommage des machines (2)
> exemples
> www.univ-rennes2.fr serveur web
> ftp.com.univ-mrs.fr serveur de fichiers
> smtp.univ-rennes2.fr serveur de courrier sortant
> domaine le plus général (top-level domain)
> soit un pays
> fr : France
> uk : Royaume-Uni
> au : Australie
> …
> soit un type d’activité (initialement aux USA)
> edu : organisations éducatives
> gov : organisations gouvernementales
> com : organisations commerciales
>…
23Le nommage des machines (3)
> Problème de référencement
> humains utilisent les noms de domaines
> réseau ne peut utiliser que les adresses IP
⇒ insuffisant ! traduction via un annuaire
> Domain Name Server (DNS)
> traduit un nom de domaine en adresse IP
> appel au DNS fait systématiquement par les applications
> ⇒ insuffisant ! votre ordinateur doit connaître l’adresse IP d’un DNS
24Le nommage des machines (4)
> Client web veut la page www.univ-rennes2.fr
25Le nommage des machines (4)
> Client web veut la page www.univ-rennes2.fr
26Le nommage des machines (4)
> Client web veut la page www.univ-rennes2.fr
27La connexion à Internet
> Pour accéder à Internet il faut obtenir :
> Une adresse IP personnelle
> L’adresse IP du routeur
> L’adresse IP du serveur de noms
> C’est une machine du réseau local qui fournit ces 3
informations
> Exemple : Box ADSL
28La transmission de l’information
> Les supports physiques
> Câbles électriques
> Fibres optiques
> Les ondes électromagnétiques
> Wifi
> Bluetooth
> Réseaux mobiles
29La transmission de l’information
Attention :
> Câbles électriques débits max
théoriques…
> ADSL : Asymmetric Digital Subscriber Line
> descendant : qq 100 Kb/s à 10 Mb/s (ADSL) ou 20 Mb/s (ADSL2+)
> montant : max 1024 Kb/s
> atténuation dépend de la section et de la longueur du fil…
> VDSL : Very High Bit Rate Digital Subscriber Line
> descendant : 34 à 100 Mb/s (pour VDSL2+)
> montant : 1,5 à 8 Mb/s
> Ethernet (fiche RJ45) : 10, 100 ou 1000 Mb/s
> fibres optiques
> par FAI : 20 à 100 Mb/s
> mais débit partagé avec les voisins…
30La transmission de l’information
Attention :
> Wifi débits max
théoriques…
> norme a, b, g : 11 à 54 Mb/s (6 à 25 Mb/s réels)
> norme n : 600 Mb/s (norme ac de 2013 : 1,3 Gb/s)
> Bluetooth
> Environ 1 Mb/s
31La transmission de l’information
Attention :
> Réseaux mobile débits max
> [G] GPRS (General Packet Radio Service) théoriques…
: 56 à 144 kb/s (Très lent). 3G+ H+
[E] Edge (Enhanced Data-rates for GSM
H DC
>
Evolution) : 348 kb/s (limités aux appels,
messages et mails sans photos). 4G
3G LTE
> [3G] ou [UMTS] (Universal Mobile
Telecommunications System) : 1,9 Mb/s UMTS
(suffisant pour certains usages).
> [3G+] ou [H] HSDPA (High Speed Packet 4G+
Access) : 14 Mb/s (vidéo de qualité).
LTE-A
> [H+] ou [DC] (Dual-Cell High Speed E
Packet Access+) : 42 Mb/s.
> [4G] ou [LTE] (Long Term Evolution) :
150 Mb/s. G 5G
> [4G+] ou [LTE-A] (Long Term Evolution
Advanced) : 1 Gb/s (film en 1080p en
streaming).
Sources :
http://www.phonandroid.com/que-signifient-lettres-g-e-3g-h-4g-sur-smartphones.html
32QCM Fonctionnement d’Internet
> Sur Internet, les données circulent de façon
complètement anonyme.
A - Vrai ;
B - Faux.
33QCM Fonctionnement d’Internet
> Sur Internet, les données circulent de façon
complètement anonyme.
A - Vrai ;
B - Faux.
34QCM Fonctionnement d’Internet
> Sur un smartphone, l’indication « H+ » signifie :
A - Que le débit est un peu inférieur à la 3G ;
B - Que le débit est bien supérieur à la 3G.
35QCM Fonctionnement d’Internet
> Sur un smartphone, l’indication « H+ » signifie :
A - Que le débit est un peu inférieur à la 3G ;
B - Que le débit est bien supérieur à la 3G.
36PLAN DU CEL n°3
> Les débuts d’Internet
> Fonctionnement d’Internet
> Fonctionnement des serveurs
> Le modèle client/serveur
> Les services d’Internet
> World Wide Web
37Le modèle client/serveur
38Le modèle client/serveur
> Serveur = machine (+ démon) qui offre un service
> Possède un processus (démon) qui fonctionne en
permanence en attente d’un client --> le serveur ne doit pas
être arrêté !
> Un même ordinateur peut être serveur de plusieurs
applications
> e-mail (SMTP, IMAP), web (HTTP), ftp…
> Client = logiciel qui sait dialoguer avec le serveur
> Possède un programme capable de dialoguer avec le démon
d’un serveur (pour l’application considérée)
> navigateur = client web
39Les services d’Internet
> Internet = infrastructure de communication
> n’est qu’un support… à dissocier de l’information qu’il véhicule
> De nombreux « services » utilisent Internet
> E-mail (courrier électronique )
> Web (World Wide Web, le web, la toile, …)
> Usenet (les news, les forums)
> IRC (chat)
> FTP (transfert de fichiers)
> VoIP (téléphonie par Internet)
> …
> Chacun utilise son propre protocole de communication
> en plus de TCP/IP ou UDP/IP
40Les services d’Internet
> Protocoles des services d’Internet
> email
> SMTP : Simple Mail Transfer Protocol (envoi de courrier)
> IMAP : Internet Message Access Protocol (réception de courrier)
> POP : Post Office Protocol (réception de courrier – ancien)
> web
> HTTP : HyperText Transfer Protocol
> HTTPS : HyperText Transfer Protocol Secure
> transfert de fichiers
> FTP : File Transfer Protocol
> FTPS : File Transfer Protocol Secure
>…
41QCM Fonctionnement des
serveurs
> Internet est un service du web ?
A - Vrai ;
B - Faux.
42QCM Fonctionnement des
serveurs
> Internet est un service du web ?
A - Vrai ;
B - Faux.
43QCM Fonctionnement des
serveurs
> Un client web permet d’héberger un site web ?
A - Vrai ;
B - Faux.
44QCM Fonctionnement des
serveurs
> Un client web permet d’héberger un site web ?
A - Vrai ;
B - Faux.
45PLAN DU CEL n°3
> Les débuts d’Internet
> Fonctionnement d’Internet
> Fonctionnement des serveurs
> World Wide Web
> Qu’est ce que le web ?
> Ressource
> URL
> Langages du web
> Exemple de synthèse
46Qu’est ce que le web ?
> Le web est un service accessible via le réseau
internet
> en protocole HTTP ou HTTPS
> par l’intermédiaire de navigateurs (= clients web)
> Le web permet de s’échanger des documents
> Hypermédia = hypertexte + multimédia
> Hypertexte (liens)
> Multimédia (texte, image, son, vidéo, …)
> Réparti (information sur plusieurs serveurs web)
> position physique sur le réseau non pertinente
47Qu’est ce que le web ?
> Ressources liées par des liens hypertexte
48Qu’est ce que le web ?
> Ressources multimédia réparties sur plusieurs serveurs
49Ressource (1)
> Ressource
> est une unité d’information indivisible (= un fichier)
> fournie par un serveur en 1 seule fois
en réponse à une requête d'un client
> Lien
> fait référence à une ressource
50Ressource (2)
> Ressource de type texte
> Page web
> composée généralement de plusieurs ressources
> le navigateur les charge toutes une à une
> Langage normalisé : HTML (hyperlien)
51URL (1)
> Ressource désignée par un URL
> URI : Uniform Ressource Identifier (ex : ISBN)
> URL : Uniform Ressource Locator (= URI + localisation)
> les 2 mots parfois considérés comme synonymes
> Prototype d'un URL
> protocole://machine/chemin/fichier
> protocole = http ou https
> machine = nom de domaine
> chemin = position dans les répertoires/dossiers de la machine
> fichier = ressource demandée
> si omis = nom du fichier par défaut (ex : index.php)
> NB : il peut y avoir plus de choses dans un URL…
52URL (2)
> Exemples
> http://cursus.univ-rennes2.fr
> fichier index.php
> sur le serveur cursus.univ-rennes2.fr (en protocole web)
> http://www.univ-rennes2.fr/sites/all/themes/webrennes2/logo.png
> fichier logo.png
> dans le dossier /sites/all/themes/webrennes2/
> sur le serveur www.univ-rennes2.fr (en protocole web)
> Remarque : lorsqu’il y a une ressource à une telle adresse
l’accueil du site est souvent : http://www.univ-rennes2.fr/
53Langages du web
> HTML : HyperText Markup
Language
> = langage à balises des
hypertextes Titre
Sous-titre
> dans un fichier
d’extension .html Paragraphe
> permet de définir Structure
Sous-titre
> contenu textuel
> balises de structuration
(titre, paragraphes, Contenu
énumérations…)
> balises d’inclusion d’autres
médias (eg. images)
54Langages du web
> CSS : Cascading Style Sheets
> = feuilles de style en cascade
> langage des feuilles de style du web
> dans un fichier .css
> couleurs, tailles, positions…
55Langages du web
Structure Contenu Mise en forme
{ ... }
.html .css
56Exemple de synthèse
Contenu Structure .html
57Exemple de synthèse
Contenu Structure .html
58Exemple de synthèse
{ ... }
Mise en forme .css
59Exemple de synthèse
{ ... }
Mise en forme .css
60Exemple de synthèse
> Le serveur envoie :
> 1- HTML = texte brut avec des balises
> 2- CSS = indications de formatage
> 3- éventuellement autres types de fichiers (images,
pdf…) { ... }
3
{ ... }
2
1
61Exemple de synthèse
> Le client réalise le formatage du document HTML
> différents clients peuvent interpréter différemment le
code
> explique les différences entre Internet-explorer et Firefox
> intérêt d’un navigateur qui respecte les standards du
web !
62Exemple de synthèse
> Gestion des autres types de documents
> Serveur : peut envoyer tout type de fichier
> Client : doit s’adapter en fonction de ses « capacités »
> « sait faire »
⇒ insuffisant ! gère le document (e.g. affiche une image jpg)
> « ne sait pas faire, mais connaît un prog. qui sait faire »
⇒ insuffisant ! délègue (e.g. plugin ou prog. externe pour .doc)
> « ne sait pas faire, ne connaît pas de prog. qui sait faire »
⇒ insuffisant ! propose la sauvegarde sur disque
63QCM World Wide Web
> Les images d’une page web sont envoyées par le
serveur dans le fichier html.
A - Vrai ;
B - Faux.
64QCM World Wide Web
> Les images d’une page web sont envoyées par le
serveur dans le fichier html.
A - Vrai ;
B - Faux.
65QCM World Wide Web
> La structure et le contenu d’une page web sont
stockées dans un fichier de type :
A - html ;
B - css.
66QCM World Wide Web
> La structure et le contenu d’une page web sont
stockées dans un fichier de type :
A - html ;
B - css.
67Web statique ou dynamique
> Pages statiques
> Code HTML prêt à être envoyé au client
> Pages dynamiques côté client
> Programme (Javascript) qui rend la page « active »
> Menus déroulants, vérification de formulaires, calculs, …
> Pages dynamiques côté serveur
> Programme (PHP, ASP, …) qui construit les pages avant envoi
> Permet de créer une page avec des infos provenant d’une BD
> Cookies
> Fichiers liés au navigateur
> Contiennent des informations à envoyer au serveur
> Permettent de reconnaître un client et d’adapter la page
68Cookies
> en français : témoin de connexion
> fichier déposé par un serveur sur un client web
> associé à un navigateur
> renvoyé automatiquement à chaque demande sur ce serveur !
> Utilisation
> authentification, mémorisation de préférences de l’utilisateur
> mais aussi pistage de l’internaute…
> Directive 2009/136/CE du 25 novembre 2009
> utilisation des cookies autorisée seulement si
> le client a donné son accord
> a reçu une information claire et complète sur son utilisation
⇒ insuffisant ! certains sites demandent l’accord (via une « pop-up »)
69On laisse des traces… (1)
> Dans le navigateur
> historique des adresses visitées
> historique des documents téléchargés
> historique des recherches
> cookies
> mots de passe
> cache des pages visitées
> données de formulaires
> signets
> …
⇒ insuffisant ! effacement paramétrable dans le navigateur
> mais aussi, sur l’ordinateur
> presse papier
> log du pare-feux
>…
70On laisse des traces… (2)
> Sur les serveurs web
> adresse IP
> nom d’hôte (cf. nom de domaine)
⇒ insuffisant ! localisation (ville, rue…)
> le système d’exploitation
> le navigateur
> la taille de l’écran
> certaines informations sur les autres sites visités
⇒ insuffisant ! aucun contrôle possible sur ces données !
> https://www.cnil.fr/fr/comment-ca-marche
71Vous pouvez aussi lire
