Introduction
############

Objectifs
*********

* analyse de l'arborescence de sites internet
* représentation sous forme de graphe

Moyens
******

* application en ligne draw.io

Enjeux
******

* être capable de **parcourir** et **analyser** la structure d'un site internet
* être capable de **représenter** cette structure de manière **synthétique**, avec **exactitude**, de manière **lisible** et **informative**, afin de **bien se représenter la structure** du site et de la **communiquer à d'autres** :

caractère synthétique
=====================

il s'agit de représenter de manière concise, réduite, une structure complexe

.. figure:: images/Plan-Metro.1555581459.png
   :alt: plan du métro
   :align: center
   :width: 50%

   Exemple de structure complexe représentée de manière synthétique : le métro parisien

caractère exact
===============

la représentation produite reproduit fidèlement l'arborescence du site

.. figure:: images/Plan-Metro.erreur.png
   :alt: plan du métro avec des erreurs ajoutées
   :align: center
   :width: 50%

   Ici, le plan du métro comporte des erreurs.

lisibilité
==========

la représentation produite est claire : on comprend aisément ce qui est représenté

caractère informatif
====================

la représentation donne des informations **utiles**

bien se représenter la structure
================================

La représentation vous aide à mieux vous représenter la structure.

communiquer à d'autres
======================

La représentation vous permet de communiquer avec d'autres, par exemple pour leur expliquer ce qui pose problème ou leur proposer des modifictions.