internet

Techniques du web
Saïd NAJAH
1
s.najah
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
2
s.najah
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
3
s.najah
Introduction
Pour consultez des sites web, vous lancez un programme
appelé le navigateur web, en cliquant sur l'une des icônes des
navigateurs web les plus répandus.
Avec le navigateur, vous pouvez consulter n'importe quel site
web.
4
s.najah
Introduction
Voici par exemple un navigateur affichant le célèbre site web Wikipédia :
mais vraiment les questions que se posent :
•comment le Web fonctionne ?
•Comment créer des sites web ?
5
s.najah
Internet
L’Internet est un système de communication reliant les
ordinateurs à travers le monde et leur permettant de
communiquer et d’échanger les informations entre eux.
• Réseau des réseaux
•
6
s.najah
Internet
Analogie avec le réseau téléphonique
Supports physiques
Conventions
services
Internet
Câbles, HUB, Switch
commutateurs
Protocoles FTP,
TCP, IP
FTP, Mail, news
Réseau
téléphonique
Câbles,
Commutateurs,
Concentrateurs,
Décrocher
Composer
parler
Raccrocher
Heure
Renseignement
Conversation.
7
s.najah
Internet
•
Identification internationale
•
Adresse IP
•
Adresse internationale unique
• 4 champs d’entier (>= 0 et <=255) IPv4 ou 6
champs pour le IPv6
•
Adresse différentes : 2494967296
8
s.najah
Internet
Difficile de retenir un ensemble de chiffres pour désigner
une machine !!
•
• On se rappelle plutôt des noms que des chiffres
• Remplacer les chiffres par des noms
• Exemple
fst-usmba.ac.ma
9
s.najah
Internet
Comment convertir le nom en une adresse
IP ?
•
C’est le DNS (Domaine Name System) qui s’en
occupe
•
• Sorte d’annuaire téléphonique : pages blanches
• Généralement présent sur le site de chaque serveur
• Typiquement une table de correspondance
Nom
adresse IP
10
s.najah
Arborescence des DNS
Si le DNS local n’arrive
pas à traduire le nom en
adresse IP, il demande
cela à un autre serveur
DNS.
11
s.najah
Architecture TCP/IP
12
s.najah
Services
• Courrier électronique
• SMTP (Simple Mail Transfer Protocol)
• IMAP (Internet Message Access Protocol)
• POP (Post Office Protocol)
• Transfert de fichier
• FTP (File Transfer Protocol)
• News
• NNTP (News Network Transfer Protocol)
• Telnet
• Se connecter à une machine à distance
• Le chat
• IRC (Internet Relay chat)
s.najah
13
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
14
s.najah
Web : WWW 1
• Définition
• Le web ou le World Wide Web (WWW, W3) est un
système d’information hypermédia sur Internet.
• La toile d’araignée mondiale.
• En quoi consiste une présentation web?
• Une présentation web, c’est un ensemble d’unités
d’information (texte, images, multimédia,…) qui constitue un
tous homogène et cohérent centré sur un sujet précis et
visant à exprimer quelque chose ou à fournir un certain
service.
15
s.najah
Web : WWW 1
• Historique
• Développé au CERN ( Centre Européen de Recherche
Nucléaire) à Genève, Suisse, par Tim Berners-Lee en 1989
• 1990 :premier système opérationnel
(www) sur une machine NEXT
• Actuellement supervisé par un organisme indépendant
W3C. C pour consortium
http://www.w3.org
16
s.najah
Web : WWW 1
Page/site web
• Une page web est un fichier texte qui contient des liens vers
d’autres fichiers ou vers des emplacements dans le même
fichier.
• Un site web est un ensemble de pages web liés entre elles
et qui tournent autour d’un thème donné.
17
s.najah
Web : WWW 1
Hébergement d’un site web
• Un Utilisateur peut héberger son site web de trois manières :
• Directement dans son propre serveur
• Dans le serveur de son fournisseur d’accès à Internet
• Chez les hébergeurs dédiés ( peuvent être gratuits :
yahoo, …)
18
s.najah
Web : WWW 1
Navigation dans le Web
• HTTP (HyperText Transfer Protocol)
• HTML (HyperText Markup Languge)
19
s.najah
Web : WWW 1
Ressources de navigation
20
s.najah
Web : WWW 1
•
URL : Uniform Resource Locator
•
Adresse universelle d’un document
• Composée de trois parties : service, serveur et chemin
• Syntaxe :
• Service://serveur/chemin_de_ressource
• Exemples
• http://fst-usmba.ac.ma/scolarite.html
• mailto:[email protected]
• telnet://login:[email protected]
• News:actualites-fst
21
s.najah
Web : WWW 1
Propriétés du web
• Hypertexte
• Les informations sont
réparties dans plusieurs
(pages web) reliés
entre eux par des liens
dites liens hypertexte.
• Evite un parcours
séquentiel des documents
• Très pratique
• Références bibliographiques
• Dictionnaire
• Cours
22
s.najah
Web : WWW 1
Propriétés du web
•
Multimédia
• Un document est composé de :
•Image
•Audio
•Texte
•Vidéo
•
Hypermédia
• Les liens peuvent être
définis par des données
multimédias(Image,vidéo, …)
• On ne peut pas définir
un lien avec de l’audio
23
s.najah
Web : WWW 1
Propriétés du web
• Multi plateforme
• Toutes les machines
• Tous les systèmes d’exploitation
• Distribué
• L’information disponible est répartie géographiquement
• Interactif
• Navigation
• Dialogue entre client et serveur (formulaire)
• Multiservice
HTTP, FTP, News, Mail
24
s.najah
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
25
s.najah
Web : WWW 2
• L'expression Web 2.0 a été proposée pour désigner
ce qui est perçu comme un renouveau du World Wide
Web1.
• L'évolution ainsi qualifiée concerne aussi bien les
technologies employées que les usages. En particulier,
on qualifie de Web 2.0 les interfaces permettant aux
internautes d'interagir à la fois avec le contenu des
pages mais aussi entre eux, faisant du Web 2.0 le web
communautaire et interactif.
26
s.najah
Web : WWW 2
• Présentation :
• Dans sa conception initiale, le web (nommé dans ce contexte le
« web 1.0 ») comprenait des pages web statiques qui étaient
rarement mises à jour, voire jamais.
• Une première évolution fut réalisée par des solutions se basant
sur un web dynamique (parfois appelé web 1.5), où des
systèmes de gestion de contenu servaient des pages web
dynamiques, crées à la volée à partir d'une base de données en
constant changement.
27
s.najah
Web : WWW 2
• Les partisans de l'approche web 2.0 pensent que l'utilisation du
web s'oriente de plus en plus vers l'interaction entre les utilisateurs,
le crowdsourcing et la création de réseaux sociaux rudimentaires,
pouvant servir du contenu et exploitant les effets de réseau, avec ou
sans réel rendu visuel et interactif de pages web.
• En ce sens, les sites web 2.0 agissent plus comme des points de
présence, ou portails web centrés sur l'utilisateur plutôt que sur les
sites web traditionnels.
28
s.najah
Web : WWW 2
• Le web était considéré principalement comme un outil de
diffusion et de visualisation de données, où des aspects
comme le nombre de pages vues et l'esthétique revêtait une
très grande importance.
• L'évolution des supports permettant de consulter les sites
web, leurs différents formats, amène en 2008 une approche
plus centralisée sur le contenu que sur l'aspect. Les nouveaux
gabarits web 2.0 tentent d'apporter un soin graphique, des
effets, en restant compatibles avec cette diversité de
supports.
• Dans le Web 2.0, l'internaute est acteur. Il contribue à
alimenter en contenu les sites, blogs, wikis...
s.najah
29
Web : WWW 2
• Technologies
• L'infrastructure du web 2.0 est complexe et changeante, mais elle
inclut les logiciels de serveur, la syndication de contenu, les
protocoles de messagerie, des standards de navigation, et des
applications clientes diverses (les plugins).
• Ces approches complémentaires fournissent au web 2.0 des
capacités de stockage, de création et de diffusion qui vont au-delà de
ce qui était précédemment attendu des sites web.
30
s.najah
Web : WWW 2
Un site pourrait être appelé comme utilisant une approche web 2.0 s'il
fait la part belle à un certain nombre des techniques suivantes :
• L'utilisation de CSS, d'un balisage XHTML sémantiquement valide
et des microformats (métadonnées) ;
•Les techniques d’applications riches telles qu'AJAX ;
•La syndication et l'agrégation de contenu RSS/Atom ;
•L'utilisation appropriée des URL ;
•Une architecture REST ou des services web XML(wsdl).
À noter que le web 2.0 étant défini par son contenu, l'évolution vers le
web 2.0 n'a rien à voir avec l'évolution des standards de communication
comme le passage à IPv6.
31
s.najah
Web : WWW 2
Élargissement de la terminologie
Après l'apparition de l'expression « web 2.0 », toute une
nomenclature est apparue pour décrire le présent passé et
futur du web. Les usages présentés ici ne sont pas forcément
les seuls. De plus, pour certains numéros, les utilisations sont
très rares (par exemple web 2.1).
32
s.najah
Déjà déployés
Développement en
cours
Web
0.0
Expression ironique désignant les phases de développement précédant l'existence réelle du web, le fait que
certaines personnes ne disposent pas d'internet5 ou un effet d'annonce sans aucun contenu6.
Web
0.5
Expression plaisante désignant un site internet employant des méthodes dépassées, ou les services internet
déployés sans être vraiment matures (en particulier le web par téléphonie mobile).
Web
1.0
Web statique
Web
1.5
Web dynamique
Web
2.0
Web interactif
Web
2.1
Web 2.0 rendu plus facile d'accès ; l'expression est surtout une réflexion sur les améliorations à apporter au Web
2.0 dans un futur proche.
Web
2.5
Pour certains, désigne le web transformé en plate-forme pour les applications en ligne. Expression également
utilisée par l'entreprise Criteo pour sa méthode de filtrage intelligent du contenu (le Web 2.0 étant vu comme
l'apport de contenu indiscriminé par les participants).
Web
2.B
Web 2.0 orienté pour le commerce.
Web
3.0
Expression désignant la prochaine évolution majeure du Web. Attendue comme étant le Web sémantique ;
d'autres pensent que ce sera le Web3D.
Web3
d
sites internet 3D ; soutenu par le Web3D Consortium
Web
4.0
Pour Nova Spivack, patron de Radar Networks, désigne le WebOS, la possibilité de travailler avec des outils
33
uniquement en ligne.
s.najah
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
34
s.najah
Que faut-il pour «publier sur le web»?
Comme pour tout ce qui touche à l’informatique, il faut d’abord
distinguer les moyens matériels et les moyens logiciels pour la mise
en œuvre d’une publication sur le web.
Le matériel
Le web est fondé sur une architecture client/serveur. Le client c’est
vous, et le serveur est une machine dotée d’une capacité disque
suffisante et dont l’unité centrale aura la puissance nécessaire.
Elle devra disposer d’une connexion haut débit sur l’internet.
Le client, ce sera le plus souvent un ordinateur personnel.
35
s.najah
Que faut-il pour «publier sur le web»?
Le logiciel
Du côté serveur, il faut un logiciel spécialisé qui répondre aux
demandes reçues des clients en leur envoyant les pages
correspondantes.
Du côté client, le problème est plus simple, car il suffit d’interpréter
les codes de balisage qui émaillent les informations reçues de
serveurs afin restituer une mise en page qui se rapproche le plus
possible de celle envisagée par le créature de la page.
Ce sont les logiciels que vous utilisez pour afficher les présentations
Offertes par le serveurs on les désigne sous le nom de « browsers »
36
s.najah
Que faut-il pour « publier sur le web »?
L’accès à l’internet
Reste le problème de l’accès à l'internet, il faut avoir une connexion à
haut débit qui nous permet de nombreux avantage lies à deux
qualités principales: la continuité et le débit élevé.
Dans le but de faire transiter des images de grand taille, de fichiers de
son ou des animations ou plus de vidéo.
37
s.najah
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
38
s.najah
Autre recommandations
Avant la réalisation d’un site web il faut vérifier certaine points très
important.
Le lectorat
Une représentation web doit correspondre à l’attente de lectorat que
vous viser.
Il faudra adapter le style de votre présentation et votre vocabulaire à
ceux avec lesquels vos visiteurs sont familiarises en fonction de leur
culture et de l’éducation qu’ils ont reçue.
39
s.najah
Autre recommandations
L’actualisation
Un livre comporte toujours une date de publication. De même,
une présentation web doit être datée.
Les sujet techniques ou ceux qui touchent à l’actualité ou à
l’économie doivent faire l’objet de fréquentes mises à jour.
L’auteur
Une publication doit avoir un auteur. Même lorsqu’il s’agit
d’une présentation réalisée pour le compte d’une entreprise
industrielle ou commerciale ou d’un établissement public.
Il doit toujours y avoir un nom d’auteur ou tout au moins une
adresse E-mail à laquelle les lecteurs puissent faire parvenir des
observations, des critiques, des commentaires ou des questions.
40
s.najah
Autre recommandations
Le respect du copyright
Il est tentant de recopier des images, de sons ou des animations
qui vous plaisent pour les réutiliser dans vos propres pages.
Mais attention à respecter la propriété d'autrui.
En générale lorsqu’il s’agit de sites web à but non commercial,
les possesseurs d’images ne refusent jamais, si on le leur
demande bien poliment, de donner leur autorisation. Et bien sur
de les remerciant dans votre page d’accueil.
41
s.najah
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
42
s.najah
Aspect juridiques
L’usage généralisé de l’internet est trop récent pour qu’il y ait
déjà suffisamment de cas soumis aux tribunaux.
Sur l’internet, les responsabilités sont mal définis et
l’internationalisation du réseaux ne facilite pas l’application de
lois nationales.
Au cours de la publication d’un site web, Il faut respecter
certaines choses:
1- le droit de citation
2- le respect des règles d’usage
3- le respect de la vie privée des autres.
43
s.najah
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
44
s.najah
HTTP
• HTTP est un protocole de niveau applicatif qui permet la
transmission de documents distribués et multimédia à travers le web.
• HTTP a été inventé par Tim Berners-Lee avec les adresses web et le
langage HTML pour créer le World Wide Web. À cette époque, le File
Transfer Protocol (FTP) était déjà disponible pour transférer des
fichiers, mais il ne supportait pas la notion de format de données telle
qu'introduite par Multipurpose Internet Mail Extensions (MIME).
• La première version de HTTP était très élémentaire, mais prévoyait
déjà le support d'en-têtes MIME pour décrire les données transmises.
Cette première version reste encore partiellement utilisable en 2007,
connue sous le nom de HTTP/0.9.
45
s.najah
Plan
• Internet
• WEB 1
• WEB 2
• Que faut-il pour « publier sur le web »?
• Autre recommandations
• Aspect juridiques
• Protocole HTTP
•Configuration des sites web
46
s.najah
Configuration des sites web
• Pour chaque site web nous devons préciser
• Informations de base
• Nom serveur
• Répertoire racine
• Fichier de logs
• Options des répertoires
• Droits d’accès aux répertoires
47
s.najah
Configuration des sites web
• Syntaxe
ServerName
webmaster
DocumentRoot
“répertoire_racine”
<Directory “chemin_répertoire”>
Options <option1> …
Order Allow,Deny
Allow From ALL
</Directory>
48
s.najah