version complète
################

.. figure:: ../images/elements.svg
   :alt: « couches » d'un projet, schéma d'après Jessie James Garrett
   :align: center

   Représentation des « couches » d'un projet, d'après Jessie James Garrett [#jjg-elements]_.


À noter sur cette représentation :
**********************************

* La dichotomie entre l'approche du web applicatif – le web comme une interface logicielle – et le web comme système hypertexte – le web comme système informationnel.
* la précision apportée sur la partie stratégie : il s'agit non seulement de connaître les objectifs du site, mais aussi les besoins utilisateurs.
* concernant le cadre, la structure et le squelette, il existe des différences notables entre le web applicatif et hypertexte
* le détail des différentes « couches » d'un projet

.. note::

   Si vous éprouvez de la difficulté à différencier web application et web hypertexte, voici quelques exemples :

   * lorsque vous utilisez un éditeur de texte en ligne, comme la suite Google Documents, l'interface vous donne accès à des fonctions : mettre le texte en gras, créer un titre, etc.
   * lorsque vous utilisez un site comme wikipedia, l'interface vous permet de naviguer au travers d'un système hypertexte : vous consulter de l'information en naviguant de pages en pages.

.. rubric:: notes de bas de page

.. [#jjg-elements] D'après le diagramme « `The Elements of User Experience <http://www.jjg.net/elements/pdf/elements.pdf>`_ » de Jessie James Garrett