%%% web-initiation.tex --- 

%% Author: jean-philippe.georget@orleans-tours.iufm.fr
%% Version: $Id: web-initiation.tex,v 0.0 2001/09/24 20:35:50 jpg Exp$

%%\revision$Header: /home/jpg/iufm/tice/2001-2002/web-initiation.tex,v 0.0 2001/09/24 20:35:50 jpg Exp$

\documentclass[11pt]{article}
\usepackage[francais]{babel}\NoAutoSpaceBeforeFDP %% ne pas ajouter automatiquement un espace avant les signes doubles
%\usepackage[latin1]{inputenc}
\usepackage[T1]{fontenc}


% \usepackage{pstricks}
% \usepackage{multido}
% \usepackage{pst-eps}
% \usepackage{pst-node}
% \usepackage{pst-plot}

% \usepackage[htex4ht,html,3,sections+]{tex4ht}
% \usepackage[tex4ht=true, breaklinks=true]{hyperref}

% Détection de pdflatex
\ifx\pdfcompresslevel\undefined
% Si on fait un postscript
\typeout{Postscript version}
\usepackage[breaklinks=true]{hyperref}
%\DeclareGraphicsExtensions{.eps}
\else
% Si on fait un PDF
\typeout{PDF version}
%\DeclareGraphicsExtensions{.pdf}
%\usepackage[pdftex,breaklinks=true]{hyperref}
\usepackage[pdftex]{hyperref}
\usepackage{pslatex}
%\usepackage{ae,aeguill}
\fi
%\DeclareGraphicsExtensions{.pdf}






\title{Bases de connaissances \\à propos de l'internet et du
  web\\version 0.5}
\author{Jean-Philippe \textsc{Georget} \\
  \href{mailto:jean-philippe.georget@orleans-tours.iufm.fr}{jean-philippe.georget@orleans-tours.iufm.fr}}
% \author{Jean-Philippe \textsc{Georget}}

\begin{document}
\maketitle
\tableofcontents{}
%\thispagestyle{empty}
%\pagestyle{empty}


\section{Préambule}
\label{sec-preambule}

Ce document est un support de cours. Il donne quelques bases pour
permettre de mieux comprendre l'évolution et le fonctionnement du web.
Il détaille notamment divers points techniques qui permettent de mieux
se l'approprier.


Un bon complément de ce cours est l'URL\\
\href{http://cui.unige.ch/eao/www/Internet/Plan.html}{http://cui.unige.ch/eao/www/Internet/Plan.html}
qui est un cours en ligne mis à disposition par son auteur Bertrand
Ibrahim de l'université de Genève.

\section{Historique rapide}
\label{sec-histo}
La consultation du lien suivant permet de se faire une idée de
l'évolution de l'internet et du web.

\begin{itemize}
  \item
  \href{http://cui.unige.ch/eao/www/Internet/Historique.html}{http://cui.unige.ch/eao/www/Internet/Historique.html}
\end{itemize}

Pour résumer :
\begin{itemize}
  \item \emph{internet} est la concaténation de \emph{inter} -- comme
  en français -- et de \emph{net} -- réseau. C'est l'interconnexion de
  réseaux d'ordinateurs de diverses natures qui peuvent fonctionner
  avec des systèmes d'exploitation différents\footnote{Un système
    d'exploitation permet d'utiliser de manière basique un ordinateur.
    Il de gère l'affichage à l'écran, la saisie au clavier, les
    fichiers, etc. Voici quelques exemples : Microsoft Windows, MacOS,
    GNU/Linux. On peut ensuite utiliser des logiciels, préalablement
    installés ou à installer, pour aller au-delà de ces
    fonctionnalités basiques.} ;
  \item son existence débute à l'époque de la guerre froide dans les
  années~60 aux États-Unis. L'armée souhaitait créer un réseau
  informatique suposé résister à une attaque nucléaire. Il a été
  ensuite utilisé par les universités pour faciliter leurs échanges
  aux États-Unis puis dans d'autres pays. Les sociétés privées et le
  grand public y ont aujourd'hui accès ;
  \item le principe était -- il l'est encore partiellement -- que si
  une liaison était coupée entre deux bases, alors les communications
  pouvaient facilement passer par une troisième ou bien par une
  succession de bases afin que tous les messages arrivent à bon port.
  Le protocole qui permet cette opération et qui reste d'actualité
  s'appelle le protocole \texttt{IP}\footnote{Internet Protocol}.
  \item \emph{internet} permet d'utiliser plusieurs \emph{services}
  tels que la messagerie électronique, le web, les forums de
  discussions Usenet, le transfert de fichiers, etc. ;
  \item chaque service de l'internet demande, en général, un logiciel
  particulier pour être exploité : un navigateur pour le web, un
  logiciel de messagerie, etc. Certains logiciels proposent d'utiliser
  plusieurs de ces services par le biais de modules dépendants ;
  \item l'accès à une ressource située sur l'internet s'efffectue
  généralement par le biais de son \emph{URL} -- \emph{Uniform
    Resource Locator}. Prenons l'URL
  \texttt{\url{ftp://dino.education.fr/divers/sommaire.zip}}.
  \begin{itemize}
    \item \texttt{ftp://} est le service pour les transferts de
    fichiers\,\footnote{\emph{FTP -- File Transfert Protocol} --
      protocole de transfert de fichiers.} ;
    \item \texttt{dino.education.fr} est le nom de l'ordinateur qui
    héberge cette ressource ;
    \item \texttt{/divers/sommaire.zip} est le chemin pour y accéder.
    Ici, c'est un fichier \emph{ZIP}, c'est à dire un fichier
    compressé qui est stocké dans le répertoire \texttt{divers}.
  \end{itemize}
  Pour \url{http://dino.education.fr/accueil/sommaire.htm/#meteo},\\
  \texttt{http://} signifie le service web\,\footnote{\emph{HTTP --
      Hyper Text Markup Langage} -- langage hypertexte à balises}
  situé sur le même ordinateur, et désigne un endroit repéré par une
  \emph{ancre} placée dans le fichier \texttt{sommaire.htm}. Losrque
  l'on demande juste de \url{http://dino.education.fr/}, on aura en
  fait la page d'accueil du site web en question\,\footnote{En
    général, elle correspond au fichier \texttt{index.html} ou
    \texttt{index.htm}.}.
\end{itemize}


\section{Philosophie de l'internet -- navigateurs --  monopole}
\label{sec-philo}

En dehors des sites commerciaux, l'empreinte des universitaires est
encore très présente sur le web et dans les forums. Le principe
général est "j'ai créé des documents, je n'en perd pas l'usage si je
les partage". Ce principe est repris notamment par les partisans des
\emph{logiciels libres}\,\footnote{Voir le site de l'AFUL,
  \href{http://www.aful.org/}{http://www.aful.org/}.}.

Pour le web comme pour d'autres services, les différentes normes de
l'\emph{HTML} n'ont pas été mises au point en un jour. Plusieurs
entreprises regroupées au sein du consortium
\emph{W3C}\,\footnote{\href{http://www.w3c.org/}{http://www.w3c.com/}.}
y ont oeuvré.  Le premier navigateur, \emph{Mosaïc} de
\emph{NSCA}\,\footnote{\emph{National Center for Supercomputing
    Applications}}, fut mis à la disposition du public gracieusement.
Ensuite, \emph{Netscape}, entreprise privée, développa \emph{Netscape
  Navigator} et participa activement au développement de la norme. Ce
navigateur a équipé 8O\% des machines connectées durant quelques
années. \emph{Microsoft} arrive dans les années 90 et tentent
d'imposer un réseau "parallèle" : \emph{MSNet}. Il développe alors le
navigateur \emph{Internet Explorer}. Le projet de réseau indépendant
tourne court et l'entreprise développe ensuite son projet à
l'intérieur de l'internet.  Le fait que le navigateur fut ensuite
installé d'office avec le système d'exploitation \emph{Windows}
explique le fait qu'aujourd'hui, c'est \emph{Microsoft} qui détient
80\%\footnote{Pourcentage approximatif, aucune étude ne permettant de
  fixer ce chiffre avec précision.} du marché des navigateurs.
L'icône \emph{Internet} du bureau de \emph{Microsoft Windows} lance en
fait une connection à l'internet et lance le navigateur \emph{Internet
  Explorer} qui s'ouvre tout naturellement sur la page d'accueil de
l'entreprise \emph{Microsoft}.  Le problème est que cette entreprise
cherche à capter le marché en imposant ses normes sans vouloir les
normaliser.  Le navigateur \emph{Opera} propose quelques
fonctionnalités originales. A l'inverse de \emph{Netscape Navigator}
et d'\emph{Internet Explorer}, celui-ci est payant mais on peut
l'utiliser gratuitement si on accepte un petit bandeau publicitaire en
haut de la fenêtre du logiciel. Il fonctionne sur beaucoup de systèmes
différents à l'inverse d'\emph{Internet Explorer}.

\emph{Mozilla}, logiciel libre et gratuit, est disponible sur
plusieurs plate-formes et peut être téléchargé sur
\url{http://frenchmozilla.sourceforge.net/}.


Concernant les différents logiciels, leur fonctionnement est similaire
et chacun a ses points forts et faibles. Le tout est de savoir si en
tant que citoyen, nous souhaitons qu'une seule entreprise fournisse le
seul logiciel qui nous permettra de rechercher des informations, de
gérer nos comptes bancaires, d'envoyer et de recevoir des messages,
nos déclarations d'impôts, etc. ou si nous souhaitons garder des
possiblités de choix.  Il est clair qu'il vaut mieux y être
sensibilisé avant que cela se produise.


\section{Des erreurs en surfant sur le web}
\label{sec-surf}


Lorsque l'on utilise un navigateur, l'adresse sur laquelle on clique
ou celle que l'on tape peut ne pas fonctionner. Il peut y avoir au
moins deux raisons. La première est que le nom de l'ordinateur utilisé
est erroné. La deuxième est que le chemin de la ressource est erroné
et donc qu'on ne peux pas la trouver sur l'ordinateur en question. En
général, le navigateur donne une page d'explication en anglais.

Dans le deuxième cas, on peut en général retrouver rapidement la
ressource recherchée. Il suffit d'effacer dans la barre d'adresse le
nom du fichier puis de valider. En cas d'échec, effacer le nom du
dernier dossier et de valider, et ainsi de suite. Au pire, on
obtiendra la page d'accueil du site en question.


Par exemple, si je cherche\\
\texttt{http://www.education.fr/accueil/profs/index.htm} et que je
tape\\ \texttt{http://www.education.fr/accueil/profs/inde.htm},
j'obtiens une erreur. Je peux ensuite tenter\\
\texttt{http://www.education.fr/accueil/profs/}. En cas d'échec,
j'essaie\\ \texttt{http://www.education.fr/accueil/}\\ et enfin\\
\texttt{http://www.education.fr/} qui me donne la page d'accueil du
portail de l'éducation en France du Ministère de l'Éducation
Nationale.


\section{Quelques liens}
\label{sec-liens}
\begin{itemize}
  \item \href{http://www.education.fr}{http://www.education.fr} -- le
  portail des professionnels de l'éducation, MEN ;
  \item
  \href{http://www.education.gouv.fr}{http://www.education.gouv.fr} --
  Site du ministère de l'\'Education Nationale ;
  \item
  \href{http://nte37.micro-video.fr}{http://nte37.micro-video.fr} --
  le CARM37 -- Centre d'Appui et de Ressources Multimédia d'Indre et
  Loire -- assure le suivi et une aide de proximité pour les
  enseignants du département 37;
  \item
  \href{http://www.educnet.education.fr/}{http://www.educnet.education.fr/}
  -- Educnet, site ressource du MEN, fiches juridiques à l'intention
  des enseignants, classement par thèmes disciplinaires ;

  \item\href{http://www.educasource.education.fr/}{http://www.educasource.education.fr/}
  -- ressources électroniques pour les enseignants par thèmes
  disciplinaires ;
  \item
  \href{http://listes.educnet.education.fr/B2i/}{http://listes.educnet.education.fr/B2i/}
  -- B2I -- Brevet Informatique et Internet -- un brevet qui n'est pas
  seulement du ressort du professeur de technologie ;
  \item
  \href{http://www.educnet.education.fr/listes\_educnet/listes.htm}{http://www.educnet.education.fr/listes\_educnet/listes.htm}
  -- listes de diffusion hébergées par Educnet ;
  \item
  \href{http://www.cafepedagogique.net/}{http://www.cafepedagogique.net/}
  -- le \emph{Café pédagogique} et sa liste de diffusion qui permet de
  se tenir informé facilement des sites qui peuvent intéresser chaque
  discipline ou des thèmes transdisciplinaires ;
  \item
  \href{http://www.epi.asso.fr/epinet.htm}{http://www.epi.asso.fr/epinet.htm}
  -- Epi.net, liste de diffusion de l'EPI, Asso Enseignement Public et
  Informatique. La liste de diffusion a un intérêt similaire à celle
  du \emph{Café pédagogique} ;
  \item
  \href{http://www.francopholistes.com/}{http://www.francopholistes.com/}
  -- catalogue de listes de diffusion ;
  \item \href{http://www.bnf.fr}{http://www.bnf.fr} -- Bibliothèque
  Nationale de France ;
  
  \item \href{http://www.louvre.fr}{http://www.louvre.fr} -- le
  Louvre.
\end{itemize}



\section{Recherche des informations sur le web}
\label{sec-recherche}

Notons pour commencer que le bouton \emph{Rechercher} d'un navigateur
aboutit en général à la page de recherche du concepteur du logiciel et
que ces systèmes sont peu performants.

Pour trouver des informations sur le web, on peut utiliser différents
systèmes de recherche d'informations.

Voyons quelques éléments qui permettent de chercher une information
sur le web. Le lecteur pourra se reporter à
\href{http://www.abondance.com/}{http://www.abondance.com/} pour de
multiples compléments pertinents sur le sujet et notamment sa
FAQ\footnote{\url{http://docs.abondance.com/faq_recherche.html}}.

Certains systèmes proposent deux types de recherche : simple ou
avancée. L'aide est proposée au moins sur la page
d'accueil\,\footnote{Mots-clés : tips, help, advanced research, FAQ --
  Frequently Asked Questions, Foire Aux Questions.}.

Il faut distinguer la langue de l'interface -- des informations qui
s'affichent lors de la recherche -- de la langue des sites recherchés.
L'interface peut-être en langue anglaise et me permettre de rechercher
des sites en français ou d'autres langues.


Quelques éléments de syntaxe sont \emph{relativement} généralisés. 

Un signe plus accolé devant un mot signifie que l'on exige sa présence
alors qu'un signe moins signifie que l'on ne souhaite pas voir
apparaître ce mot. Par exemple, \emph{+vanille +fraise chocolat
  -menthe} donnera généralement des liens vers des pages qui
contiennent obligatoirement les mots \emph{fraise} et \emph{vanille},
éventuellement \emph{chocolat} et jamais \emph{menthe}.

On peut souvent utiliser les connecteurs logiques \emph{AND},
\emph{OR}, \emph{NOT}. Par exemple, \emph{vanille AND fraise} donnera
généralement des liens vers des pages qui contiennent les deux mots ou
éventuellement vers des pages qui n'en contiennent qu'un seul.

Certains systèmes ignorent les caractères
accentués\,\footnote{ç,à,é,\dots{}} du français alors que d'autres en
tiennent compte. Il en est de même pour la casse\,\footnote{Alternance
  des majuscules et minuscules.} des lettres. En général,
\texttt{"langue française"} -- avec les guillemets -- impose que
l'expression soit complète alors que \texttt{langue française} -- sans
les guillemets -- peut renvoyer des liens vers des pages où
\texttt{langue} est situé en bas de la page alors que
\texttt{française} est situé en haut de la page, ces deux termes
n'ayant rien à voir l'un avec l'autre. Sur \emph{Altavista},
\emph{NEAR} demande à ce que deux mots ne soient pas séparés eux-mêmes
par plus de 10 mots. Cette fonctionnalité n'est pas proposée en
général.

\bigskip{}
Pour dresser une typologie des systèmes disponibles, on définit
généralement trois types de systèmes : les annuaires ou catalogues
thématiques, les moteurs de recherche, les méta-moteurs. Il arrive
aussi que certains sites proposent les trois types mais il reste
toujours une dominante.

Enfin pour expliquer que cette puissance de recherche est à notre
disposition à titre gracieux, il faut fournir quelques explications.
Vous trouverez en général sur ces sites des bandeaux publicitaires qui
sont modifiés en fonction de votre équation de recherche, des services
annexes fournis par des partenaires comme des sites de ventes de
livres par correspondance. Ces systèmes sont aussi des vitrines de la
technologie qu'ils exploitent et qui peut être vendue à des entreprises
pour leurs réseaux internes.

\subsection{Annuaires}
\label{sec-annuaires}

Ce sont des sites où l'on trouve des liens classés par thèmes de
manière plus ou moins hiérarchisés. Ces sites ont été indexés
manuellement et l'on peut effectuer une recherche dans tout le
catalogue ou limitée à un thème, une catégorie. On peut aussi
parcourir les différentes catégories et lister les sites proposés dans
chacune d'elles. Étant donné que cette indexation est "manuelle", la
liste des liens répertoriés est grande mais limitée et concerne des
thèmes \og{}grand public\fg{}. En général, seules les pages d'accueil
des sites sont présentées.

Quelques exemples :

\begin{itemize}
  \item \href{http://www.yahoo.fr/}{http://www.yahoo.fr/} -- Yahoo
  France
  \item \href{http://www.voila.fr/}{http://www.voila.fr/} -- Voilà ,
  France Telecom
\end{itemize}

\subsection{Moteurs de recherche}
\label{sec-moteurs}

Des "robots logiciels" surfent sur le web et explorent les sites
jusqu'à une certaine profondeur -- dans la hierarchie des dossiers.
Les mots sont indexés automatiquement après avoir été éventuellement
filtrés. Une recherche sur ce type de système donne énormément de
liens -- pas toujours vers la page d'accueil des différents sites. Le
classement des réponses dépend du moteur utilisé. Il est très rare de
n'avoir aucune réponse et très courant d'en avoir plusieurs centaines
de milliers. Il est donc utile de se reporter à l'aide disponible à
partir de la page d'accueil.

\begin{itemize}
  \item \href{http://www.google.fr/}{http://www.google.fr/} -- Google
  (fr)
  \item \href{http://www.hotbot.com/}{http://www.hotbot.com/} --
  Hotbot
  \item \href{http://www.altavista.fr/}{http://www.altavista.fr/} --
  Altavista (fr)
\end{itemize}

\subsection{Méta-moteurs}
\label{sec-metamoteurs}

Ces systèmes interrogent les deux autres catégories (annuaires et
moteurs). Il existe par exemple
\href{http://www.wwsearch.com/}{http://www.wwsearch.com/}. Le logiciel
\emph{Copernic} existe dans une version gratuite et permet
d'interroger d'autres moteurs. Il a ses adeptes mais nécessite d'être
installé sur la machine alors que les autres systèmes de recherche
sont simplement disponibles sur le web.


\section{Conclusion}
\label{sec-conclusion}

Ce document est en cours de rédaction. Le lecteur voudra bien
pardonner les éventuelles erreurs qu'il contient.

\end{document}

