Création d'applications multi-écrans à partir d'applications existantes

A multiscreen refactoring system for video-centric web applications

• Auteur / Autrice : Mira Sarkis
• Direction : Jean-Claude Dufourd, Cyril Concolato
• Type : Thèse de doctorat
• Discipline(s) : Informatique et Réseaux
• Date : Soutenance le 04/10/2016
• Etablissement(s) : Paris, ENST
• Ecole(s) doctorale(s) : École doctorale Informatique, télécommunications et électronique de Paris (1992-...)
• Partenaire(s) de recherche : Laboratoire : Laboratoire Traitement et communication de l'information (Paris ; 2003-....)
• Jury : Président / Présidente : Pierre Senellart
• Jury : Examinateurs / Examinatrices : Stephan Steglich
• Jury : Rapporteurs / Rapporteuses : Cécile Roisin, Pablo Cesar

Mots clés

Mots clés contrôlés

Multimédias interactifs

Applications Web

Mots clés libres

Multimédia

Multi-écran

Application web

Analyse de document

Responsive design

Distribution des applications

Multimedia

Multi-Screen

Web applications

Document analysis

Responsive design

Application distribution

Résumé

L'omniprésence des applications Web, la possession et l'utilisation simultanée de plusieurs appareils par un seul utilisateur sont les principaux facteurs de la demande accrue pour les applications multi-écrans. La création des applications multi-écrans imposent des défis sur le développeur d'applications et sur le designer, en particulier s'ils réutilisent les applications web existantes. Par exemple, les developpeurs doivent planifier la distribution de l'interface utilisateur et ils doivent prendre en compte la diversité des dispositifs pour mieux présenter le contenu. En plus, ils doivent re-penser l'organisation du code de l'application afin de préserver la fonctionnalité de l'application et surtout assurer la communication entre les parties distribuées de l'application. Dans ce travail, nous proposons un système de bout en bout pour le refactoring des applications web. Le système permet la réutilisation des applications existante, mono-écran, pour créer automatiquement des applications multi-écrans. Les parties distribuées des applications générées ont leur mise en page adaptée aux petits et grands dispositifs et ils sont prêts â fonctionner de manière synchrone tout en fournissant des tâches complémentaires. La performance du système est évaluée quantitativement sur un ensemble d'applications contenant au moins un élément vidéo et du contenu interactif.

The ubiquity of web applications and the user possession and utilization of multiple devices are major factors for the increased demand for multi-screen applications. Multi-screen applications impose challenges on the application developer and designer especially if existing single-screen applications have to be transformed to the multiscreen environment. Designers should plan the user interface distribution and should adapt the layout for various devices. Developers should re-organize the application logic and associate it to the distributed user interface. They should preserve the application functionality and finally they need to adapt it to the underlying multiscreen platform. In this work, we propose an end-to-end refactoring system. The system allows the re-use of existing single-screen applications to automatically create multi-screen applications. The components of the multi-screen applications have their layout adapted to small and large device and they are ready to operate synchronously to provide a complementary usage experience. Our system is quantitatively evaluated on different sets of applications containing at least one video element and interactive content. The content division of our system corresponds to a ground truth division with an average recall of 0.84. In addition, our layout refactoring approach obtains 60% accuracy on the tested applications. In addition, we evaluate the performance of the run-time behavior of one application and we compute the delays that are caused by our system and by the network in a real physical environment: with a total delay of 5 ms, our solution is realistic.