Web mobile : Nous avons mis en place un système prototype appelé

Web mobile :
Nous avons mis en place un système prototype appelé Web mobile pour l'adaptation et la
personnalisation des pages Web sur des appareils portables. Il est construit sur la base d'une
architecture à trois niveaux comme le montre la figure1. L'objectif majeur du Web mobile est
de réduire le défilement inutile et maximiser l'efficacité de navigation lorsque vous naviguez sur le
contenu Web sur de petits appareils de poche.
Il y’a deux profils utilisateur dans le système web mobile :
-
-
L'un dans le serveur d'application est principalement utilisé pour la personnalisation de
contenu. Il contient des informations sur les utilisateurs individuels, tels que le nom
d'utilisateur et l’historique des accès à Internet.
Un autre profil utilisateur stocké sur l'appareil mobile est utilisé pour la personnalisation de
présentation. Il comprend des informations sur les styles de présentation et les formats (par
exemple, les tailles de police, couleurs).
Les informations stockées dans ces deux profils utilisateur sont synchronisées périodiquement.
Le serveur d’application contient des fonctions de génération du fichier DOM (Document Object
Model) telles que - Transformer une page web d'origine dans un document
hiérarchique structuré; transcodage des informations - la personnalisation des objets médias (par
exemple, le redimensionnement des images), la personnalisation du contenu - la détermination de
contenu basée sur les informations de profil utilisateur (par exemple, l'historique d’accès et
le contenu des pages Web qu'elles sont visitées précédemment); résumé - générer un résumé d'une
page Web de telle sorte qu'un utilisateur peut voir le sommaire avant de parcourir le contenu
détaillé.
Un dispositif mobile doit comprendre des fonctions relatives à la présentation : à cause de sa
mémoire limitée et sa capacité de traitement, nous essayons de minimiser les calculs
de l'appareil. Ces fonctions incluent la personnalisation de présentation - l'affichage
d'informations en fonction des préférences des utilisateurs (par exemple, adapter automatiquement
la taille de la police, l'élimination des images en fonction des paramètres précédents stockées dans
le profil de l'utilisateur-changement du format d’affichage selon l’environnement de l’utilisateur.
Jusqu'à présent, nous avons mis en place trois grandes fonctions: la production du fichier DOM et de
la navigation, la personnalisation de présentation, et la vue grand-angle, en utilisant Java
Servlet, J2ME et Sun J2ME Wireless Toolkit émulateur, dans l'environnement Windows.
DOM Tree Generation and Navigation
Trouver de l'information souhaitable sur les petits écrans est difficile et prend du temps. Les
utilisateurs ne peuvent pas parcourir rapidement une page Web pour trouver des renseignements
spécifiques comme ils le font habituellement sur les ordinateurs de bureau.
Par conséquent, générer un aperçu d'une page Web qui permet aux utilisateurs d'obtenir un rapide
coup d'œil sur l'ensemble du contenu et leur permet de forer vers le bas pour des informations plus
détaillées devraient améliorer l'efficacité de la navigation de contenu sur des appareils mobiles. W3C
a développé Document Object Model, une interface standard qui crée une structure
arborescente des documents HTML et XML. Une page Web est souvent constitué de sections de
contenu de nombreux qui sont appelés «blocs de contenu».
La tâche principale de génération d’un aperçu de la page DOM est d'identifié automatiquement
les blocs de contenu et leurs relations dans une page web, et d'en extraire des étiquettes qui
peuvent représenter ces blocs de contenu. Sur la base de DOM, le Web Mobile représente une
page web comme une structure hiérarchique de blocs de contenu, comme le montre la figure.
La structure de ces blocs de contenu montre la disposition du contenu d'une page web. Au début, le
Web mobile affiche le plus haut niveau d'un arbre DOM généré. Par conséquent, seule C1, C2, C3, et
C4 dans la figure sont présentés sur un écran mobile. Lesnœuds restants dans l'arbre DOM sont
cachés. Les utilisateurs peuvent afficher plus d'informations sur toute particulière sous-thèmes avec
un simple clic de ce nœud pour le développer au niveau suivant. Par exemple, si un utilisateur
développe le nœud C3, C5 sera montré sur l'écran. Si C5 est élargi, img1, p1, et C7 sont en
outre affichées, etc, et ainsi de suite. La figure suivante illustre une vue d'ensemble « DOM »de
la page d'accueil MSN (www.msn.com) avec différents niveaux. En utilisant une arborescence DOM
de navigation, nous pouvons éviter d'afficher tout le contenu original d'une page web et de
minimiser le défilement des pages inutiles. Il est particulièrement utile lors de la
présentation d’afficher seulement une partie d'une page web, qui concerne l'utilisateur. Dans
l'intervalle, l'arborescence de navigation permet aux utilisateurs de facilement agrandir / réduire une
partie de l'arborescence DOM. En outre, il permet au système de capter l'intérêt des utilisateurs en
gardant la trace de quelle(s) branche (s) de l'arborescence DOM qui ont été vu par l’utilisateur.
Personalization
Dans le Web mobile, les utilisateurs peuvent spécifier leurs préférences sur l'affichage des contenus à
tout moment, tels que les tailles de police et l'enlèvement d’images. Mobile Web surveille le
comportement des utilisateurs et mis à jour dynamiquement les informations dans les profils
utilisateur. Par exemple, si un utilisateur change souvent l'affichage des tailles de police, le Web
Mobile garde la taille la plus utilisée dans son profil (l'utiliser comme la taille de police par défaut
pour l'adaptation automatique de l'affichage du contenu à venir).Le Web mobile capture et utilise
aussi l'historique des accès des utilisateurs pour identifier leurs intérêts. Par exemple, si un
utilisateur accède toujours une branche spécifique de l'arbre DOM comme la section
Divertissement de la page d'accueil MSN, quand il retourne sur le site MSN dans le futur, le Web
mobile affichera automatiquement la section Divertissement et réduira les autres sections.
Fisheye View
Le composant de vue fish-eye dans le Web Mobile utilise une technique de visualisation qui vise à
afficher une grande quantité d'informations en utilisant la notion de concentration et de zones de
contexte. Les utilisateurs peuvent afficher les informations qui sont intéressantes en plus de détails
sur un segment de l'écran, tandis que d’autres informations restent réduites.
Certaines pages Web contiennent des sections de contenu tant que la
taille d'un aperçu généré est beaucoup plus longue que la longueur d'un écran mobile, comme les
news (par exemple, CNN et NYTimes) et les portails Web (par exemple, Yahoo et MSN). Le point de
vue fisheye permet aux utilisateurs de naviguer à travers une longue liste de têtes de section, sans
perdre leur contexte, comme le montre la figure suivante. Dans le Web mobile, si un utilisateur
déplace le scroll bar vers le haut / bas de l'arbre DOM, le focus se déplace automatiquement vers le
haut / bas.