Utilisateur:Djiman/Adaptation de page web pour navigateur mobile

Problématique

Initialement conçues pour les ordinateurs personnels, les pages web sont de plus en plus accédées à partir d'appareils mobiles tels que les smartphones, tablettes. Gartner estime à 1,2 milliard le nombre d'appareils mobiles qui seront vendus en 2013.

Du fait de leur nature physique ces terminaux mobiles ont néanmoins plusieurs limitations à savoir: la taille de l'écran et sa résolution, le nombre de couleurs supportées, la puissance de calcul, la taille de la mémoire. Prenons comme exemple la taille de l'écran,la plupart des ordinateurs ont une définition d'écran au moins égale à 1024x768 pixels, tandis que les appareils mobiles ont parfois des résolutions inférieures à 176x208 pixels.

Par conséquent ces limitations rendent la navigation sur ces appareils très difficile et parfois impossible. Ainsi pour rendre l'expérience utilisateur plus conviviale, plusieurs solutions ont été proposées par de nombreux chercheurs pour adapter le contenu. L' adaptation de contenu est la transformation d'un système dans le but de satisfaire certaines contraintes externes. Bickmore et Schilit ont été les premiers à travailler sur l'adaptation de contenu avec le projet Digestor.

La première approche est de fournir des versions de sites web spécifique pour les terminaux mobiles écrit en WML ou en XHTML. Suivant les terminaux qui sollicitent une page une version de celle-ci lui est fournie. C'est la solution la plus simple, mais on se rend compte qu'elle ne passe pas à l'échelle à cause du nombre très élevé de terminaux mobiles.

Une autre approche est que c'est l'utilisateur lui même qui doit manuellement adapter le contenu de la page en utilisant les scrollbars pour naviguer sur celle-ci. Cette solution devient très vite fastidieuse si la page contient beaucoup d'informations. L'utilisateur sera ainsi obligé de faire un effort supplémentaire pour trouver des informations qui seraient susceptibles de l'intéresser.

Enfin la dernière solution préconise plutôt d'adapter automatiquement le contenu d'un site pris au hasard sur un terminal mobile quelconque. Dans cet article , nous verrons quelles sont les différentes techniques d'adaptation automatique de contenu qui ont été proposées.

Adaptation contenu

Vu le caractère dynamique de l'adaptation de contenu, il est important de connaitre où se fera cette transformation, quand est ce qu'elle se fera et qu'est ce qu'on peut adapter sur la page.

Où ?

Le contenu d'une page web peut être modifié sur trois niveaux à savoir sur un serveur, sur le terminal mobile ou sur un proxy.

Sur le serveur

Dans ce cas de figure en plus des fonctionnalités d'un serveur web, le serveur doit fournir des pages web adaptées aux caractéristiques des terminaux qui font les requêtes. Plusieurs versions du même contenu sont stockées sur le serveur et ce dernier fait un matching entre le client et la bonne page.

Sur le terminal

L'adaptation du contenu se fait sur le terminal mobile qui joue le rôle de client. Ainsi le développeur web ne fournit qu'une seule version de la page qui est transmise à tous les clients. Celà offre du coup plus de flexibilité aux web designers .

Sur le proxy

Le proxy joue le rôle d'intermédiaire entre le client et le serveur. Dans cette approche le proxy analyse et adapte la page web avant de la délivrer à la volée au terminal mobile. Le proxy et le serveur utilisent des techniques de détection de caractéristiques du terminal pour l'identifier et pouvoir lui envoyer le contenu adapté.

Quoi ?

A la question qu'est ce qui peut être adapté ? La réponse est tout contenu multimédia. Ce contenu peut être de l'information textuelle ou bien non-textuelle . Gupta et al. ont classifié l'information non textuelle en plusieurs catégories : les images qui peuvent être statiques ou animées. Ils ont considéré aussi les contenus audio et video avec plusieurs formats supportés ( WMV,FLV, MPG, MOV). Et enfin les contenus interactifs avec les Applet Java,Adobe Flash.

Phase d'analyse

Avant l'daptation du contenu, il y'a une phase d'analyse. Cette analyse permet de recueillir des métadonnées sur la structure de la page et ainsi pouvoir la traiter. Il y'a deux types d'analyse de contenu : l'analyse syntaxique et l'analyse dynamique. Après cette analyse certaines actions peuvent être effectuées sur la page. Du contenu peut être supprimé de la page car l'analyse sémantique a montré par exemple que ce contenu n'était pas important. Ou bien au lieu de supprimer des informations, la page est transformée avec un repositionnement des composants en réduisant leur taille.Le tableau suivant illustre bien ces cas de figure  :

Analyse	Suppression	Transformation
Syntaxique	Elimination de certains composants	Réduction de la taille
Semantique	Contenu pas important	Résumé de texte

Références

Bibliographie

• Jim Cai, « Page Layout Adaptation for Small Form Factor Devices », , In Proceedings of the 12th International Conference on World Wide Web, (lire en ligne)
• Timothy Bickmore et Bill Schilit, « Digestor: Device-independent Access to the World Wide Web », , Computer Networks and ISDN Systems,‎ 1997 (lire en ligne)

• Shumeet Baluja, « Browsing on Small Screens:Recasting Web-Page Segmentation into an Efficient Machine Learning Framework », , In Proceedings of the 15th International Conference on World Wide Web, ACM Press, New York, NY, 33-42.,‎ may 23 - 26, 2006 (lire en ligne)

• Neha Gupta et Saba Hilal, « Extraction of Web Content to Adapt Web Pages for Mobile Devices », , IJCSI International Journal of Computer Science Issues, Vol. 8, Issue 2,‎ mars 2011 (lire en ligne)

• Yu Chen, Ma Wei-Ying et Zhang Hong-Jiang, « Detecting web page structure for adaptive viewing on small form factor devices », , Proceedings of the 12th international conference on World Wide Web, Budapest, Hungary,‎ may 20-24, 2003 (lire en ligne)
• Chinmay Kulkarni et Scott Klemmer, « Automatically Adapting Web Pages to Heterogeneous Devices », , ACM 978-1-4503-0268-5/11/05, Vancouver, BC, Canada,‎ may 7–12, 2011 (lire en ligne)
• Michael Hinz, Zoltán Fiala et Frank Wehner, « Personalization-Based Optimization of Web Interfaces for Mobile Devices », , Springer-Verlag Berlin,‎ 2004 (lire en ligne)
• Karen Henricksen et Jaga Indulska, « Adapting the Web Interface: An Adaptive Web Browser », , Second Australasian User Interface Conference,‎ 2001 (lire en ligne)
• Hamed Ahmadi et Jun Kong, « Efficient Web Browsing on Small Screens », , Proceedings of the working conference on Advanced visual interfaces,‎ mai 2008 (lire en ligne)
• Patrick Baudisch, Xing Xie, Chong Wang et Wei-Ying Ma, « Collapse-to-Zoom: Viewing Web Pages on Small Screen Devices by Interactively Removing Irrelevant Content », , Association for Computing Machinery,‎ 2004 (lire en ligne)
• Alexander Blekas, John Garofalakis et Vasilios Stefanis, « Use of RSS feeds for Content Adaptation in Mobile Web Browsing », , Association for Computing Machinery,‎ mai 2006 (lire en ligne)

• Heidi Lam et Patrick Baudisch, « Summary Thumbnails:Readable Overviews for Small Screen Web Browsers », , Proceedings of the SIGCHI Conference on Human Factors in Computing Systems,‎ avril 2005 (lire en ligne)
• Yu Chen, Xing Xie, Ma Wei-Ying et Zhang Hong-Jiang, « Web-page Transformation Adapting Web Pages for Small-Screen Devices », , Proceedings of the 12th international conference on World Wide Web, Budapest, Hungary,‎ février 2005 (lire en ligne)
• Xing Xie, Gengxin Miao, Ruihua Song, Ji-Rong Wen et Ma Wei-Ying, « Efficient Browsing of Web Search Results on Mobile Devices Based on Block Importance Model », , 3rd IEEE Pervasive Comp. & Comm,‎ 2005 (lire en ligne)