La partie Interface

Rubriques Définition Identifiant Conception/modification de la navigation

Classification Navigation d’un site web, items et groupe d’items, famille de site web, dimension « navigation ». Contexte Paramètres du contexte de la conception, complétés par :

– le cahier des charges donné par le client sur les items potentiels, les fonctions à mettre en œuvre et les contenus à afficher sur le site (cas d’une nouvelle conception) ;

– le modèle « navigation » de la conception en cours ou issu d’une sauvegarde antérieure (cas de la modification)

Problème Conception ou modification du menu du site web, afin d’assurer la consultation des informations disponibles ou l’utilisation d’applicatifs spécifiques.

Force – identification et proposition de solutions de conception selon la dimension « navigation » en tenant compte de la valeur de filtrage et de la catégorie du site web ;

– gestion de l’interface utilisateur pour en permettre l’adaptation.

4.5.2 La partie Réalisation

Rubriques Définition Solution,

démarche ^{Le processus défini par ce patron est présenté Figure 106.}

Figure 106 : processus du patron navigation

Si le menu du site en cours de conception n’est pas encore défini, le processus débute par l’étape 1a ; si le menu est déjà défini, le processus comment à l’étape 1b.

c. « Proposition du menu de navigation » (cf. détails dans Tableau 30) : elle propose l’ensemble des items de menu qui ont été identifiés dans les analyses des sites web de la même catégorie.

Données en

entrée ^{Cahier des charges sur les items potentiels du site web, catégorie du site web} en cours de conception et valeur de filtrage. Fonction – construction dynamique de la liste des items de menu à partir de l’analyse

des menus des sites web selon la dimension « navigation » ;

– calcul de l’indice de réutilisation de chacun des items de la liste (l’indice de réutilisation d’un item étant le nombre de fois qu’il a été identifié dans les analyses des sites web).

Donnée en sortie

Liste des items de menus dont les indices de réutilisation sont supérieurs à la valeur de filtrage, ordonnée de manière décroissante selon les indices de réutilisation.

Etape suivante Etape 2 pour adapter le menu de navigation.

Tableau 30 : détails pour la proposition de menu de navigation

d. « récupération du menu défini » (cf. détails dans Tableau 31) : elle permet de récupérer les données d’un menu sauvegardé.

Donnée en

entrée ^{Nom du site web auquel le menu est associé.} Fonction – récupération de l’identificateur du site web ;

– récupération des données dans la table associée à l’identificateur. Donnée en

sortie ^{Menu existant.}

Etape suivante Etape 2 pour adapter le menu de navigation.

Tableau 31 : détails pour la récupération d’un menu sauvegardé

Etape 3 « adaptation du menu de navigation » (cf. détails dans Tableau 32) : elle permet d’adapter au site en cours de conception le menu proposé.

Donnée en entrée

Liste générée à l’étape 1a ou 1b.

Fonction Adaptation de la liste à l’aide des fonctions suivantes :

– sélection et modification éventuelle des items pour le site en conception ; – insertion d’items qui n’ont jamais été définis ;

– définition de groupes d’items si nécessaire ;

– définition de l’ordre d’affichage des groupes et des items dans un groupe ou dans le menu.

Donnée en

sortie ^{Menu adapté, sauvegardé dans le modèle de site web.}

Etape suivante Etape 3 pour générer les données d’implémentation en fonction des choix de conception.

Tableau 32 : détails pour l’adaptation du menu de navigation

Etape 4 « génération des données associées » (cf. détails dans Tableau 33) : elle permet de générer automatiquement les données d’implémentation en fonction des choix de conception du menu.

Donnée en entrée Menu adapté.

Fonction – génération de la structure de données d’implémentation du menu ; – génération de l’architecture d’accueil ;

– génération des fichiers pour chacun des items auxquels des données sont associées

Données en sortie – structure de données du menu générée en base de données ; – architecture d’accueil générée ;

– fichiers des items de menus créés dans l’architecture d’accueil du site web.

Etape suivante Aucune (fin du processus).

Tableau 33 : détails pour générer des données associées au menu de navigation

Solution

conseil ^{La modélisation associée à la dimension « navigation » est présentée Figure 107.}

Selon ce modèle, instancié lors de l’étape 2 « conception/modification de la navigation », un site

web est caractérisé par sa catégorie, son nom et son adresse internet (url) et contient un menu.

Ce menu est défini à l’aide d’une adaptation du patron « composite » [Gamma, 95] afin de représenter la navigation sous la forme d’un arbre sans limiter la profondeur du menu. Cela nous a conduit à relier menu à item général, classe issue de cette adaptation.

L’implémentation de ce menu est définie à l’aide d’une adaptation du patron « stratégie » [Gamma, 95] afin de la rendre indépendante de la définition du menu. Nous avons ainsi relié menu à deux exemples de types d’affichage (onglets et menu déroulant) à travers

implémentation, classe issue de cette adaptation.

Le type de contenu « donnée » est associé à item général afin de pouvoir l’associer à un item ou à un groupe d’item (dans ce dernier cas, pour afficher par exemple sur une seule page les nouveautés des items du groupe). Par contre, les types de contenu « service » et « lien

externe » sont associés uniquement à item car ils y sont spécifiques.

Un item général est associé à un fichier, définissant une page web du site web.

Figure 107 : modèle associé à la dimension « navigation »

Cas

« règle des trois clicks62 », nous ne considérons qu’un seul niveau de profondeur63. Un groupe_item est défini par :

– un identifiant ; – un label ;

– son adresse internet (url). Un menu_item est défini par :

– un label ;

– son adresse internet (url).

Il est attaché à son groupe par id_groupe.

Figure 108 : diagramme de classe pour générer l’implémentation du menu

Conséquences

d’application ^{Le bénéfice de l’utilisation conjointe du patron et du WISDOM Tool est de concevoir l’application en} _{s’inspirant des navigations sur des sites réels et de générer automatiquement la structure de données à} partir de la conception de la navigation.