INSFP Ouled Fayet : BTS - Développeur Web et Mobile
Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH
Chapitre 1 : Introduction au web
Introduction au web
1. Introduction au web
Le World Wide Web apparu à partir des années 1990 a considérablement évolué
comme nous pouvons le constater de nos jours. Au point que par extension ,
l’abréviation WWW a fait place simplement, par ellipse à l’usage de ce terme
unique de “Web” pour “toile” en référence à la toile d’araignée qu’est Internet. Il
fait partie intégrante de nos vies en cela qu’il touche à l’information entre les êtres,
aux interactions sociales avec les plateformes hyper fréquentées et bien sûr au
business puisque le E-commerce est bien le secteur le plus en développement ces
dernières années.
Mais si l’on parle de web, littéralement, c’est une référence aux liens
hypertextes qui constituent Internet et qui permettent de naviguer de site en site,
de page en page, de contenu en contenu. L’expression “contenu” est d’ailleurs en
un sens plus approprié pour désigner les différents affichages que vous pouvez
avoir sur vos smartphones, tablettes et autres ordinateurs de bureau. D’abord
parce qu’une adresse Web (ou URL pour Uniform Resource Locator) peut avoir
différentes formes (Protocole SSL ou non, affichage des www ou non, etc.) Parce
qu’ensuite, ces adresses laissent de moins en moins de place à leur affichage. Dans
de nombreux cas, l’internaute ne s’aperçoit même pas qu’il change d’adresse, qu’il
surfe (comme l’expression le consacre) sur le Web. C’est notamment le cas sur
de nombreux navigateurs mobiles ou sur des plateformes et des applications
telles que Instagram.
INSFP Ouled Fayet : BTS - Développeur Web et Mobile
Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH
Chapitre 1 : Introduction au web
La “belle” histoire commence au CERN à Genève en Suisse. Non pas qu’Internet
n’existait pas déjà mais c’est là que Tim Berners-Lee et Robert Cailliau eurent
l’idée de créer des ressources non locales pour l’échange de fichiers. C’est avec un
serveur HTTP (que l’on appelle aussi web service) que l’opération fut possible et
généralisée avec le temps. Les documents, les pages Web sont destinées à être
lues avec un navigateur, une interface dite homme-machine : L’homme, la
machine, le serveur distant, la machine, l’Homme. Bienvenue dans un monde où
l’homme communique avec les autres hommes au travers de la machine.
2. Définitions:
Le Web est un système permettant d’accéder à un ensemble de documents
hypertextes en utilisant principalement un navigateur. Le Web était développé par
Tim Berners-Lee au CERN (Suisse) en 1990.
le WWW ou World Wide Web (toile d’araignée mondiale) : est un système
hypertexte public fonctionnant sur Internet et qui permet de consulter, avec un
navigateur, des pages mises en ligne dans des sites.
Internet : Un système de communication qui permet aux ordinateurs autour du
monde de communiquer et de s’échanger des informations entre eux.
Hypertexte : Ensemble de textes et d’autres documents qui peuvent être consultés
à partir d’un système d’envoi hiérarchisé.
Un site web est un ensemble de pages web accessibles via Internet,
convenablement reliées entre elles et ayant un but spécifique. Il est identifié par
INSFP Ouled Fayet : BTS - Développeur Web et Mobile
Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH
Chapitre 1 : Introduction au web
une adresse URL unique, renvoyant généralement à la page d’accueil ou Home
page.
La page web désigne l'unité élémentaire d'un site web, lui-même constitué d'un
nombre plus ou moins important de pages web.
Pour les internautes, la page web est accessible via un navigateur web (Firefox,
Mozilla, Safari, Internet Explorer, etc.). Elle dispose d'une adresse web spécifique
qui peut être saisie directement dans la barre d'adresse de ces navigateurs, être
retrouvée via un moteur de recherche/la page d'accueil d'un site web, ou bien
encore en suivant un lien hypertexte présent sur le site ou un autre site web.
Sur le plan technique, la page web se résume la plupart du temps à un
fichier HTML (Hypertext Markup Language) et un ensemble d'autres ressources
indépendantes du World Wide Web comme des images, des vidéos, des sons, des
animations, etc.
On peut nommer comme navigateurs principaux dans le marché :
● Google Chrome - développé par Google depuis 2008. Il était basé sur le
même moteur de rendu que Safari jusqu’à 2013
● Firefox - développé par Mozilla depuis 2004 comme un successeur
de Netscape
● Safari - développé par Apple depuis 2003
● Microsoft Edge - développé par Microsoft comme successeur d’Internet
Explorer développé depuis 1995
● Opera - développé depuis 1994. Depuis 2013, il est basé sur le même moteur
de rendu que Chrome
INSFP Ouled Fayet : BTS - Développeur Web et Mobile
Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH
Chapitre 1 : Introduction au web
3. Fonctionnement d’un site web
Le Web fonctionne suivant l’architecture Client/Serveur où les ordinateurs
connectés sont des clients et des serveurs.
● Les clients correspondent aux appareils connectés sur Internet et aux
logiciels utilisés pour consulter les pages Web (par exemples les
navigateurs Web : Firefox, Chrome, …)
● Les serveurs sont les ordinateurs qui stockent des pages Web, des sites
ou des applications Web. Lorsqu’un appareil “client” souhaite accéder à
une page Web, une copie de page est générée par le serveur et
téléchargée vers le client.
De plus le Web se compose d’autres concepts réseaux qui se trouvent entre le
client et le serveur pour assurer son fonctionnement :
● Internet TCP/IP : Transmission Control Protocol / Internet Protocol,
sont des protocoles qui définissent la manière dont les données sont
transférées à travers le Web.
● DNS : Domain Name System, est un système qui ressemble à un
annuaire pour les sites Web. Le navigateur utilise le DNS pour résoudre
l’adresse IP du serveur avant de récupérer le site Web. En effet, le
navigateur a besoin de savoir sur quel serveur le site Web est situé pour
pouvoir envoyer des requêtes HTTP au bon endroit.
INSFP Ouled Fayet : BTS - Développeur Web et Mobile
Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH
Chapitre 1 : Introduction au web
● HTTP : HyperText Transfer Protocol, est un protocole d’application qui
définit le language avec lequel les clients et les serveurs communiquent.
Il était inventé par Tim Berners-Lee au CERN en 1990 comme protocole
d’échange des documents HTML
4. Architecture client serveur
Une architecture client-serveur représente l’environnement dans lequel des
applications de machines clientes communiquent avec des applications de
machines de type serveurs.
L’exemple classique est le navigateur Web d’un client qui demande (on parle de
“requête”) le contenu d’une page Web à un serveur Web qui lui renvoie le résultat
(on parle de “réponse”).
INSFP Ouled Fayet : BTS - Développeur Web et Mobile
Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH
Chapitre 1 : Introduction au web
5. Page web statique
Un site Web statique est un site Web qui affiche le même contenu pour tous les
utilisateurs qui consultent le site Web en même temps. Tout simplement un site
Web statique est un site Web fixe, et le contenu ne change pas d'utilisateur à
utilisateur.
La raison derrière cela est la façon dont les sites Web statiques sont construits.
Techniquement, un site Web statique se compose d'une collection de documents
HTML hébergés sur un serveur, qui sont interconnectés par le biais de liens
hypertexte. Cependant, ces pages sont indépendantes les unes des autres, et le
code et les autres contenus présentés sont écrits et enregistrés sous forme de
fichiers individuels sur la mémoire fixe du serveur. Si un changement doit être fait
sur le site Web, il doit être fait manuellement en changeant le code de chaque page
Web.
INSFP Ouled Fayet : BTS - Développeur Web et Mobile
Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH
Chapitre 1 : Introduction au web
6. Page web dynamique
Contrairement aux pages Web statiques, les pages Web dynamiques obtiennent
leur nom en raison du contenu dynamique disponible.C'est le contenu affiché sur le
site Web peut changer d'un utilisateur à l'autre et / ou de temps en temps. Des
exemples de pages Web dynamiques sont les sites Web Amazon, Yahoo, Gmail,
CNN et iTunes.
Encore une fois, la structure du serveur Web est différente de celle qui héberge les
pages statiques en pages dynamiques. Étant donné que les pages Web dynamiques
requièrent un contenu différent pour chaque utilisateur, il n'est pas pratique de
stocker différentes versions de la même page sur la mémoire du serveur et de les
fournir car elles nécessitent de grandes ressources pour prendre en charge
l'opération. Par conséquent, une méthode plutôt pratique consiste à séparer les
composants de plusieurs stockages et à les rassembler dans une mise en page
commune, puis à les transférer dans le navigateur du client.
Ceci est réalisé en implémentant un serveur d'applications et une base de données
de ressources connectées au serveur Web.
7. Application web
Une application Web est en général basée sur HTML, JavaScript ou CSS. Etant
donné qu’une telle application est chargée depuis un serveur Web et exécutée
via un navigateur Web, vous n’avez donc aucune installation à prendre en
charge. Néanmoins l’utilisation d’un signet ou raccourci permet l’accès direct à
l’application depuis le bureau ou l’écran d’accueil d’un appareil mobile.
8. Définition: développement front-end, back-end
Le développement front-end et le développement back-end sont les deux
principaux domaines de spécialisation du développement web. Le front-end
s’occupe de ce qui est visible pour les visiteurs, tandis que le back-end s’occupe
des processus d’arrière-plan. Les deux sont aussi importants l’un que l’autre
pour créer un site Web fonctionnel.
INSFP Ouled Fayet : BTS - Développeur Web et Mobile
Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH
Chapitre 1 : Introduction au web
Les développeurs front-end s’occupent de l’interface de surface des sites Web,
tandis que les développeurs back-end s’occupent de la communication des sites
Web avec les bases de données et les serveurs.
9. Organismes de normalisation
Un organisme de normalisation est un organisme dont les activités premières sont
l'établissement puis le maintien de normes destinées à des utilisateurs extérieurs à
cette organisation. Leurs activités peuvent inclure le développement, la
coordination, la promulgation, la révision, la modification, la réédition ou
l'interprétation de telles normes. Pour les désigner, on utilise parfois le
sigle anglais SDO pour Standard Development Organisation.
Les normes sont organisées au niveau mondial par UIT, ISO, CEI1 :
● au niveau européen par ETSI, CEN, CENELEC ;
● au niveau de la France par AFNOR, UTE/CEF.
La plupart des normes sont sous copyright, mais il existe des bases de normes en
format ouvert. Le Schools Interoperability Framework (en), Systems
Interoperability Framework (UK), ou SIF, est une spécification ouverte de partage
de données pour les institutions académiques de la maternelle à la population
active. Cette spécification est utilisée principalement aux États-Unis, au Canada,
au Royaume-Uni, en Australie et en Nouvelle-Zélande ; cependant, il est de plus en
plus mis en œuvre en Inde et ailleurs.
Standard : Ensemble de recommandations développées et préconisées par un
groupe représentatif d’utilisateurs.
Norme officielle ISO : Document établi par un consensus et approuvé par un
organisme reconnu, qui fournit, pour des usages communs et repérés, des règles,
des lignes directrices ou des caractéristiques, pour des activités ou leurs résultats,
garantissant un niveau d'ordre optimal dans un contexte donné.