1

Séance 1

Notions de base pour comprendre les échanges de fichiers, la publication

sur le web.

Lycée Louis Vincent

Lundi 17 mars 2 014

2

Contenu de la séance 1 :

Lundi 17 mars 2 014

Le WEB:

Comprendre les principes du WEB.

Acquérir le vocabulaire de base.

Langage HTML (séance 1).

3

Internet

Ordinateurs connectés les uns aux autres.

Possibilité :◦ Echanges de fichiers◦ Echanges de messages (instantanés, électroniques)◦ Usage célèbre : le WEB

Pages multimédia connectées les unes aux autres (hyperliens).

Un ordinateur = un numéro IP◦ Analogie : numéro de téléphone.

Lundi 17 mars 2 014

4

Le WEB

Echanges de fichiers spécifiques : les pages web + ressources associées.

Deux types d’ordinateurs :◦ Serveurs.◦ Clients.

Lundi 17 mars 2 014

5

Serveurs WEB

Dépositaires de pages web et autres ressources :◦ Page web = fichier◦ Autres ressources : images, vidéos, fichiers son…

Reçoivent de demandes de ressources :◦ Exemples : demandes de ressources au serveur web du site du

lycée Louis Vincent : http://www.lycee-louis-vincent.fr/ : donne-moi la page d’acceuil du site WEB

du lycée (cad le fichier index.html ou index.php) URL : Uniform Resource Locator

http://www.lycee-louis-vincent.fr/images/le-lycee/proviseur/proviseur.jpg : donne-moi le fichier proviseur.jpg présent dans le dossier /images/le-lycee/proviseur/

Répondent à ces requêtes en envoyant le fichier voulu vers l’ordinateur demandeur (client).

Lundi 17 mars 2 014

6

Clients WEB

Envoient des requêtes web sur Internet.

Les requêtes sont acheminées vers le serveur indiqué.

Outils de visualisation : navigateur web :◦ Internet Explorer, Firefox, Chrome, …

Lundi 17 mars 2 014

7

URL

Uniform Ressource Locator. Adresse d’une ressource sur le web.http://www.lycee-louis-vincent.fr/images/le-lycee/

proviseur/proviseur.jpg : ◦ http : protocole de communication utilisé.◦ Lycee-louis-vincent.fr : domaine du serveur.

Permet de retrouver le numéro IP du serveur.◦ www : serveur à qui s’adresser dans le domaine.◦ /images/le-lycee/proviseur/ : dossier où chercher la

ressource demandé. proviseur.jpg : ressource (fichier) demandée.

Lundi 17 mars 2 014

8

Protocole

Internet : communication entre des ordinateurs.Communiquer langage commun = protocole en

informatique.Plusieurs protocoles :

◦ http : communiquer pour transférer des ressources pour affichage dans navigateur web . (Hyper Text Transfert Protocol).

◦ ftp : transfert de fichiers. (File Transfert Protocol).◦ https : transfert sécurisé (données cryptées)

Idéal pour la messagerie électronique, passer son code de carte bleue.

…

Lundi 17 mars 2 014

9

WEB 1.0 : création de pages web

Lundi 17 mars 2 014

(free.fr)

(monhebergeur.com)

ftp

http

Outil de création de page web

Ressources du site web

Serveur web

Internautes sur navigateurs web

(wanadoo.fr)

10

Diffuser une ressource sur le WEB

Créer la ressource (fichier).

Transférer la ressource sur un serveur web.◦ Usage d’un client FTP.

Logiciel permettant de se connecter à un autre ordinateur et d’échanger des fichiers.

Lundi 17 mars 2 014

11

WEB 1.0 : caractéristiques.

Les pages web sont une « vitrine  ».Contenu informatif, statique.Internaute : lit et clique pour accéder à une autre

page.Peu de mises à jour car :

◦ Doivent être faites manuellement.◦ A chaque modification il est nécessaire de télédécharger la

nouvelle version de la page.L'auteur doit gérer :

◦ Les aspects techniques (rédaction, publication).◦ La présentation.

Demande des compétences (informaticien, designer,...)

Lundi 17 mars 2 014

12

Le WEB aujourd’hui

Pages web interactives.

Une site web peut rendre les mêmes services qu’un logiciel.

Internautes : lit, remplit des formulaires, ajoute du contenu aux pages, crée des fichiers via les interfaces web.

C’est le web seconde génération.

Lundi 17 mars 2 014

13

WEB 2.0 : nouvelle approche.

Lundi 17 mars 2 014

(google,skyblog...)

httphttp

14

WEB 2.0 : page web

Lundi 17 mars 2 014

Interaction !◦ Digne d’un logiciel.◦ La page est composée :

D’un contenu. D’une spécification des interactions possibles.

Internaute :◦ Donne de l’information.◦ Soumettre = requête enrichie qui précise comment doit réagir le

serveur. Serveur :

◦ Reçoit les requêtes.◦ Réagit en conséquence :

Modification de fichier. Enregistrement d’un nouvel inscrit dans la base.

◦ Renvoie une page tenant compte des modifications.◦ Les pages ne sont plus statiques mais construites à la volée.

Dynamique !

15

WEB 2.0 : impacts de l’approche.

Interfaces embarquées, simples.

Un programme à distance assiste l'auteur dans la création des pages.

Moins de marge de manœuvre mais interface simplifiée.

Lundi 17 mars 2 014

L'utilisateur se concentre sur le contenu

16

WEB 2.0 : impacts de l’approche.

Les utilisateurs créent une grande part du contenu.

Le site est un « point de présence » centré sur l'utilisateur.

Spécialisation du site dans un domaine donné :◦ Informations.◦ Journal personnel.◦ Publication de données multimédia, …

Création de communautés d’internautes.

Lundi 17 mars 2 014

17

WEB 2.0 : impacts de l’approche.

Le Web est utilisé comme plate-forme.◦ Un site web peut être un outil aussi efficace qu'un logiciel.

Exemple : le tableur de Google.◦ Ne nécessite pas d'installation logiciel et peut donc être

utilisé dans toutes les salles informatiques de l'établissement.

◦ Permet d'accéder en permanence aux travaux réalisés.Les outils du Web 2 sont des activateurs sociaux.

◦ Production de contenus par les utilisateurs, exemples : Ajout d'une vidéo sur dailymotion. Rédaction de blogs. Commentaire sur un livre ou un dvd sur Amazon. Commentaire sur une information sur www.scoopeo.com.

Lundi 17 mars 2 014