Conception et développement d'un site web dynamique dans une société d'électricité, cas de la SNEL/NK

V.2.5. STRUCTURATION DU SITE WEB

La structuration du site web consiste à bâtir l'architecture globale du site web en organisant les différentes informations.

Il s'agit dans un premier temps de faire l'inventaire des contenus du site web et de les regrouper par thématique afin de constituer des rubriques, on parle alors de rubriquage.

Dès lors que les principales rubriques sont identifiées (on veillera à ne pas dépasser une dizaine de rubriques principales), il faut alors déterminer leur organisation et leur découpage en sous-rubriques. La plupart du temps la structuration du site peut se représenter sous la forme d'une arborescence dont la racine est la page d'accueil.

Schématiquement nous aurons ce qui suit :

Figure n°11 : Structure du site web

Certaines caractéristiques se retrouvent généralement d'un site web à l'autre :

- Logo du site web en haut à gauche. Un clic sur ce logo conduit directement à la page d'accueil du site contenant un lien pouvant faciliter le paiement en ligne sa facture ;

- Lien vers la page d'accueil présent sur chaque page du site ;

- Eléments de navigation présents sur chaque page afin de permettre à l'utilisateur de se situer dans le site et de revenir facilement à la rubrique principale.

V.2.6. ENVIRONNEMENT DE DEVELOPPEMENT

Dans cette partie on présentera l'environnement matériel et logiciel, ainsi que les outils de développement.

V.2.6.1 Environnement matériel :

Pour la réalisation de ce projet on a disposé d'un ordinateur de type HP 530 équipé d'un microprocesseur Intel(R) Core^TM2 Duo CPU T5200 @ 1.60GHz, possédant 1,00 GB de RAM et de 160Go d'espace de disque.

V.2.6.2 Environnement logiciel :

Les éditeurs Web sont des applications qui facilitent le formatage des données pour la conception des pages Web, ont une importance capitale à être présentés dans ce travail en vu de montrer à nos lecteurs ceux que nous avons utilisés pour notre développement de ce site web.

· Windows 7 comme S.E ;

· WebExpert : éditeur en français. Très complet. Inclus même quelques animations en Javascript. Offre une librairie des balises sous forme de fichier d'aide en français (très pratique).

· Microsoft Visual Studio 2010 : est un très bon produit et intègre de nouvelles fonctionnalités qui simplifient le processus de développement d'application, de la conception au déploiement. Personnalisez votre espace de travail grâce à la prise en charge de plusieurs écrans. Créez des applications riches en fonctionnalités pour SharePoint et le Web. Ciblez plusieurs versions de .NET Framework avec le même outil. Éliminez les redoutables problèmes liés à l'impossibilité de reproduire certains bogues grâce à IntelliTrace^33(*).

* ³³ http://www.microsoft.com/france/visual studio/, consulté le 17/11/2010