Introduction et

notions générales

Dr. Karim AKILAL

1.0
Juin 2020
 Table des matières

I - Introduction et notions générales 3

1. Objectifs ....................................................................................................................................................................... 3
2. Introduction .................................................................................................................................................................. 3

3. Internet et le Web ........................................................................................................................................................ 3

4. L'architecture client/serveur ....................................................................................................................................... 4

5. Technologies web ....................................................................................................................................................... 5

5.1. Technologies client-side ........................................................................................................................................................ 5

5.2. Technologie server-side ........................................................................................................................................................ 5

II - Exercices 6

1. Exercice : Acteurs ........................................................................................................................................................ 6

2. Exercice : Protocles ..................................................................................................................................................... 6

3. Exercice : Développement web ................................................................................................................................. 6

Solutions des exercices 7

Abréviations 8
 Introduction et notions générales

I Introduction et notions
générales

1. Objectifs
Le présent chapitre a pour objectifs de :

- Faire connaître à l'apprenant la différence entre Internet et le Web.

- Catégoriser les différents acteurs dans un scénario web.
- Différentier entre les différentes facettes d'un projet Web.

2. Introduction
Internet, réseau mondial de réseaux, jadis un rêve de chercheurs et d'académiciens, est aujourd'hui une réalité, voire
une nécessité, quotidienne pour des milliards de personnes à travers le monde. Cette technologie pervasive est une
bénédiction pour la recherche et la science, l'industrie et l'économie, et la société en général.

Ce chapitre a deux buts simples, et très importants. Le premier étant de corriger les préjugés que le lecteur pourrait
avoir à propos d'Internet et du web. Le deuxième but est d'expliquer, aussi clairement et simplement que possible,
des notions élémentaires telles que: l'architecture client/serveur et les protocoles Internet.

3. Internet et le Web
Le grand public confond souvent ces deux concepts, et utilise ces deux termes interchangeablement sans savoir
qu'en vérité ces deux notions ne sont pas équivalentes. En effet, Internet est l'ensemble de réseaux et de machines
interconnectés qui forment ce merveilleux outil que nous utilisons aujourd'hui. L'autre est cet ensemble de sites, et de
pages interconnectés (avec des liens http) et que nous consultons sur nos navigateurs.

Il est primordial pour un développeur web de connaître et de faire cette distinction. En une phrase, le web n'est qu'une
partie d'Internet. Ce dernier peut en effet être exploité via un navigateur, mais aussi par d'autres outils, d'autres
clients.

Les utilisateurs d'Internet peuvent profiter de ce qu'il offre de différentes façons. En effet, outre les navigateurs WEB
(chrome, firefox,... ), nous pouvons utiliser des clients mails pour consulter nos emails, des applications de
messagerie instantanée, des canaux IRC, etc.

3
L'architecture client/serveur

 Complément

Les services offerts sur Internet son proposés par des serveurs différents, avec des protocoles différents, sur des
ports souvent différents aussi.

Ces applications sont pour la plupart basées sur le principe, ou l'architecture client-serveur. Le World Wide Web (ou
web, tout court) n'est qu'un service parmi d'autres.

Pour résumer, donc, le web n'est qu'un service, ou une façon, parmi d'autres d'exploiter Internet.

 Exemple : Services et protocoles

Pour en citer quelques un, FTP est un service qui permet d'envoyer et de recevoir des fichiers depuis un serveur. IRC
est un autre service qui offre la possibilité de discuter avec d'autres individus (ou des bots) en ligne. IMAP, et POP,
eux permettent de récupérer des emails depuis votre serveur de courrier, etc.

4. L'architecture client/serveur
Hormis les services dits P2P*, où l'entité qui demande et celle qui offre sont à pied d'égalité, la plupart des services
que l'on exploite sur Internet sont basés sur l'architecture client/serveur. D'une façon simple, cette architecture
distingue deux acteurs:

- Client: Une application tournant sur la machine de l'utilisateur et qui effectue des requêtes d'informations pour le
compte de l'utilisateur.
- Serveur: Une application tournant sur une machine, ou plusieurs machines dont la mission est de répondre aux
requêtes de ses clients.

Par exemple, pour ce qui est des sites web, nous avons des serveurs (exemple: ceux sis à l'adresse google.com) qui
répondent aux requêtes émises par les navigateurs des utilisateurs. Les navigateurs dans ce scénario sont les clients.

Pour résumer, le développeur web est censé savoir qu'il y a deux facettes à ce métier: le client et le serveur.

 Attention : Fausse idée

Lorsque vous naviguez sur le net, lorsque vous surfez comme on disait avant, vous n'êtes pas le client ---Votre
navigateur l'est.

4
 Technologies client-side

5. Technologies web
5.1. Technologies client-side
Il s'agit de l'ensemble des outils et des langages que les développeurs utilisent pour concevoir ce qui se passe sur le
client.

- HTML et le contenu: L'information recherchée par les utilisateurs et qui est servie par les serveurs, le contenu-
même est structuré en utilisant un langage de balisage simple dont la seule mission est de décrire du contenu
et sa hiérarchie sémantique sans se soucier de sa forme ni de son style.
- CSS et le style: Le HTML, n'étant destiné qu'à exprimer le contenu et sa structure, a souvent besoin d'un autre
acteur pour donner de la forme et un style personnalisé au contenu. Et c'est justement la mission des CSS, un
langage simple qui sert à décrire la forme du contenu.
- Javascript et le comportement: Afin de permettre un certain niveau d'interactivité dans les pages web, le
développeur peut intégrer une certaine dynamique (et une certaine interactivité) en utilisant des langages qui
s'exécutent sur les clients (navigateurs) et dont le plus représentatif est sans doute le Javascript.

5.2. Technologie server-side

Certes, certains contenus sont, de par leur nature, statiques et ne changent pas. D'autres, en revanche, sont
dynamiques et changent selon quelques paramètres (temps, utilisateurs, etc.)

Pour permettre cette dynamicité, le serveur ---origine du contenu--- doit être en mesure de personnaliser le contenu
ainsi servi.

Afin d'y parvenir, le serveur exécute une application (server-side) écrite dans d'autres langages (PHP, Python, Ruby,
Javascript, etc) qui permettent de générer du contenu au-vol.

Ces application server-side peuvent faire appel à d'autres outils, voire d'autres serveurs, pour récupérer l'information
brute pour la manier, voire la transformer, pour générer de pages web personnalisées.

5
Exercices

II Exercices

1. Exercice : Acteurs [solution n°1 p.7]

[*]

Quel est le client dans une communication web ?

 L'utilisateur

 Le navigateur

 Le PC de l'utilisateur

2. Exercice : Protocles [solution n°2 p.7]

[*]

Quel est le rôle d'un protocole sur Internet ?

3. Exercice : Développement web [solution n°3 p.7]

[*]

Le métier d'un développeur web consiste à

 Écrire du code qui sera affiché sur le client

 Paramétrer un système d’exploration

 Écrire du code qui s'exécutera sur le serveur

 Optimiser les requêtes entre le navigateur et le serveur web

 Gérer des serveur SSH

6
 Solutions des exercices

Solutions des exercices

> Solution n°1 Exercice p. 6

Quel est le client dans une communication web ?

 L'utilisateur

 Le navigateur

 Le PC de l'utilisateur

> Solution n°2 Exercice p. 6

Quel est le rôle d'un protocole sur Internet ?

Le rôle d'un protocole est de définir les formats et règles de communications entre les différentes parties

> Solution n°3 Exercice p. 6

Le métier d'un développeur web consiste à

 Écrire du code qui sera affiché sur le client

 Paramétrer un système d’exploration

 Écrire du code qui s'exécutera sur le serveur

 Optimiser les requêtes entre le navigateur et le serveur web

 Gérer des serveur SSH

7
Signification des abréviations

Abréviations

P2P : Peer-To-Peer