Technologies Du web

Généralite sur internet

Internet est un réseau de réseaux informatiques
Une machine connectée à un de ces réseaux est « sur Internet »
Elle est identifiée par une adresse IP, comme 212.65.87.234
Elle peut communiquer avec n'importe quelle autre machine
connectée si elle connaît son adresse IP
Il y a un « annuaire » d'adresses IP, le DNS, qui permet de
donner un nom de domaine aux machines
(comme google.com ou www.unicaen.fr)
Généralite sur internet
Historique www
Tim Berners-Lee, en 1980, étudiait comment l'ordinateur pouvait
stocker des informations avec liens aléatoires.
En 1989, alors qu'il travaillait au Laboratoire européen de physique
des particules, il a proposé de idée d'un espace hypertexte global
dans lequel toute information accessible sur le réseau pourrait être
référencée par un «identificateur de document universel» unique.
Après cela en 1990, cette idée s'est développée avec programme
supplémentaire et connu sous le nom de World Wide Web.
 (World Wide Web)

Le World Wide Web, ou simplement le Web, est un moyen d'accéder

à des informations via l'Internet. C'est un modèle de partage
d'informations qui repose sur Internet.
Le Web utilise le protocole HTTP, une seule des langues parlées sur
Internet, pour transmettre des données. Le Web utilise également
des navigateurs, tels qu'Internet Explorer ou Firefox, pour accéder a
des Documents Web appelés pages Web qui sont liés les uns aux
autres via des hyperliens.
Les documents contiennent également des graphiques, des sons, du
texte et des vidéos.
Difference entre Internet and WWW
Le Web est une partie d'Internet. Le Web n'est que l'un des
moyens par lesquels l'information peut être diffusé sur Internet.
Internet, est également utilisé pour le courrier électronique, qui
repose sur SMTP, messagerie instantanée et FTP. Le Web n'est
donc qu'une partie de la L'Internet.
GENERATION DU WEB

Web 1.0 (1990 – 1999)

Web 2.0 (2000 – 2009
Web 3.0 (2010 – 2020)
Web 4.0 (2021 – Aujourd’hui)
Web 1.0
Web 2.0
Web 3.0
Web 4.0

Evolution du web 3.0

Protocole
En informatique, un protocole est un ensemble de règles
utilisées par les ordinateurs pour communiquer entre eux sur un
réseau.
Un protocole est une convention ou une norme qui contrôle ou
permet la connexion, la communication et le transfert de
données entre deux machines.
⚫ HTTP
HyperText Transfer Protocol ; c'est le langage que parlent le serveur web et
le navigateur web pour se communiquer les pages.
Élément le plus fondamental du web, et aussi le plus caché pour le grand
public
Cependant :
• son nom apparaît au début des URL (mais les navigateurs actuels ne
l'affichent plus)
• les célèbres cookies sont un élément du protocole
HTTPS est la version sécurisée de HTTP : les messages sont chiffrés, et donc
illisibles pour quiconque les intercepterait entre le client et le serveur
 ⚫ URL
Uniform Resource Locator : adresse d'une ressource. Sur le web, c'est généralement
une page.
Une URL contient toutes les informations nécessaires pour récupérer la ressource.
Exemple : https://uin.edu/cours/HTML/fiche.php
 ⚫ URL
Uniform Resource Locator : adresse d'une ressource. Sur le web, c'est généralement
une page.
Une URL contient toutes les informations nécessaires pour récupérer la ressource.
Exemple : https://uin.edu/cours/HTML/fiche.html
• le protocole (http:// ou https:// pour des pages web, file:// pour un fichier local…)
• le nom de domaine du serveur
• le chemin vers le fichier auquel on accède (ici /cours/HTML/fiche. html)
⚫ Principes de base du web
Plus formellement : le web est une application client-serveur.
N'importe quelle machine connectée à Internet peut être un serveur web :
• elle écoute sur son port 80
• elle interprète les requêtes HTTP reçues
• elle renvoie les réponses HTTP, contenant du HTML, au demandeur
Un client est un navigateur web (comme Firefox ou Chrome) :
• il envoie des requêtes HTTP aux serveurs
• il interprète le HTML reçu en réponse et met en forme le document
Les pages HTML contiennent des liens unidirectionnels vers d'autres pages, pas forcément sur
le même serveur, identifiées par une URL
Lors d'un clic sur un lien, le navigateur web effectue la requête HTTP correspondant à l'URL
 ⚫Comment ça marche WWW
Ali est sur le web. Il clique sur un lien vers le blog de Toto.
Le navigateur voit que le lien mène à
l'URL https://www.uin.edu/cours/HTML/fiche.html.
Il va donc essayer de télécharger la page correspondante.
Le navigateur analyse l'URL et voit que la machine qui connaît le
contenu de cette page (le serveur web) s'appelle www.uin.edu. Il
demande l'adresse IP de cette machine à un serveur DNS, qui lui
répond 213.186.33.4.
 ⚫Comment ça marche WWW
Il envoie un message HTTP à cette machine pour lui demander le
contenu de la page /cours/HTML/fiche.html
La machine lui envoie un message HTTP en réponse, qui contient le
contenu de la page. Ce contenu est écrit dans le langage HTML.
Le navigateur de Ali analyse le HTML pour mettre la page en forme,
et affiche le résultat.
 ⚫ HTML
HyperText Markup Language, « langage de balisage hypertexte » : c'est le
langage dans lequel les pages web sont écrites
Simplement du texte avec des balises : des caractères spéciaux qui indiquent
la sémantique (le sens) des éléments du contenu,
structure de la page : blocs, titres…
forme du texte : mots importants, paragraphes, listes…
contenu non textuel : liens, images…
Le HTML est interprété différemment suivant le type de client (user agent)
 ⚫ Autres constituant du web
Le HTML représente le contenu d'une page ; pour contrôler son apparence visuelle, un
autre langage est utilisé, CSS
Langages de programmation côté serveur :
• Aux débuts du web, le contenu des sites étaient statiques : l'auteur écrivait des
pages HTML et les gens les lisaient.
• Très rapidement sont apparus les sites dynamiques, permettant aux internautes de
modifier leur contenu.
• Pour cela, le serveur web doit utiliser une base de données pour stocker les
informations qui changent…
• … et il doit sans cesse générer des pages mises à jour avec les nouvelles
informations.
• Cela nécessite un « langage de programmation côté serveur ». Le plus connu est
PHP, mais il est aussi possible d'utiliser Java (J2EE), Python (Django), Ruby (Ruby on
Rails), Node…
Une page HTML-CSS est très peu interactive. Même si le site est dynamique, le
contenu n'est pas directement manipulable (par ex., Google Maps ne pourrait pas
exister uniquement en HTML-CSS). Le langage utilisé pour rendre les pages interactives
s'appelle JavaScript
Web Browser
Le navigateur Web est un client, un programme, un logiciel ou un outil par lequel
nous envyons une requête HTTP au serveur Web. Le but principal du navigateur
Web est de localiser le contenu sur le World Wide Web et l’affiche sous la forme
d'une page Web, d'une image, d'une forme audio ou vidéo.
Nous pouvons également l'appeler un serveur client car il contacte le serveur Web
pour obtenir les informations souhaitées.
Web SERVER
Le serveur Web est un système informatique qui fournit les pages
Web via HTTP (Hypertext Transfer Protocole). L'adresse IP et un
nom de domaine sont essentiels pour chaque serveur Web.
Web SERVER
Site web
Le site Web est un ensemble de pages Web, de différents contenus multimédias
tels que du texte, des images et des vidéos accessibles par l'URL que vous pouvez
voir dans la barre d'adresse du navigateur.
Types sites Web?
Il existe deux type de site web
Site Web statique
Site Web dynamique
Statique website
dans les sites Web statiques, les pages Web sont renvoyées par le serveur et sont
des fichiers de code source prédéfinis construits à l'aide de langages simples tels
que HTML, CSS ou JavaScript. Il n'y a pas de traitement de contenu sur le serveur
(selon l'utilisateur) dans les sites Web statiques. Les pages Web sont renvoyées par
le serveur sans changement, par conséquent, les sites Web statiques sont rapides.
Il n'y a aucune interaction avec les bases de données. En outre, ils sont moins
coûteux car l'hôte n'a pas besoin de prendre en charge le traitement côté serveur
avec différentes langues.
Statique website
Remarque: Statique ne signifie pas qu'il ne répondra pas aux actions de
l'utilisateur, ces sites Web sont appelés statiques car ils ne peuvent pas être
manipulés sur le serveur ou interagir avec des bases de données (ce qui est le cas
dans les sites Web dynamiques).
Dynamic website
Dans les sites Web dynamiques, les pages Web sont renvoyées par le serveur qui
sont traitées pendant l'exécution, ce qui signifie qu'elles ne sont pas des pages
Web préconstruites, mais qu'elles sont construites pendant l'exécution en fonction
de la demande de l'utilisateur à l'aide de langages de script côté serveur tels que
PHP, Node.js, ASP.NET et bien d'autres pris en charge par le serveur. Ainsi, ils sont
plus lents que les sites Web statiques mais des mises à jour et une interaction avec
les bases de données sont possibles.
Les sites Web dynamiques sont utilisés par eapport aux sites Web statiques car les
mises à jour peuvent être effectuées très facilement par rapport aux sites Web
statiques (où une modification dans chaque page est nécessaire).