A TOOL FOR AUTOMATIC ADAPTATION OF WEB PAGES TO DIFFERENT SCREEN SIZE

Roberto Armenise, Cosimo Birtolo, Luigi Troiano

Abstract

Digital contents are often designed having desktop applications as target in mind. As MobileWeb is becoming a common means to access internet services, there is a need for adapting content to smaller displays of mobile devices. Adaptation of web pages should be in accordance with aesthetics and usability requirements. In this paper we propose a tool, based on genetic algorithm, able to assist designers in delivering content adapted to mobile devices. In particular the tool, starting from a given page, searches for alternative layouts in order to best fit the content to reduced target screen size. The result is a set of adapted web pages. Experimental results show this approach is feasible and can compete with design made by humans.

References

  1. Ahmad, A., Basir, O., Hassanein, K., and Imam, M. H. (2004). Improved placement algorithm for layout optimization. In The 2nd International Industrial Engineering Conference (IIEC2004). IIEC press.
  2. Ahmad, A. R., Basir, O. A., and Hassanein, K. (2003). Fuzzy inferencing in the web page layout design. In WSMAI, pages 33-41.
  3. Ahmadi, H. and Kong, J. (2008). Efficient web browsing on small screens. In AVI 7808: Proc. of the working conference on Advanced visual interfaces, pages 23- 30, New York, NY, USA. ACM.
  4. Baluja, S. (2006). Browsing on small screens: Recasting web-page segmentation into an efficient machine learning framework. In WWW 7806: Proc. of the 15th Int. Conf. on World Wide Web, pages 33-42, New York, NY, USA. ACM.
  5. De Oliveira, J. a. B. S. (2008). Two algorithms for automatic document page layout. In DocEng 7808: Proc. of the 8th ACM symposium on Document engineering, pages 141-149, New York, NY, USA. ACM.
  6. Gajos, K. Z., Weld, D. S., and Wobbrock, J. O. (2008). Decision-theoretic user interface generation. In Fox, D. and Gomes, C. P., editors, AAAI, pages 1532-1536. AAAI Press.
  7. Goldberg, D. E. (1989). Genetic Algorithms in Search, Optimization and Machine Learning. Addison Wesley.
  8. Jokela, T., Koivumaa, J., Pirkola, J., Salminen, P., and Kantola, N. (2006). Methods for quantitative usability requirements: a case study on the development of the user interface of a mobile phone. Personal Ubiquitous Comput., 10(6):345-355.
  9. Lehtonen, T., Benamar, S., Laamanen, V., Luoma, I., Ruotsalainen, O., Salonen, J., and MikkonenP, T. (2006). Towards user-friendly mobile browsing. In AAAIDEA 7806: Proc. of the 2nd Int. Workshop on Advanced Architectures and Algorithms for Internet Delivery and Applications, page 6, New York, NY, USA. ACM.
  10. Nielsen, J. (1994). Usability Engineering. Morgan Kaufmann, San Francisco, CA, USA.
  11. Russo, G., Birtolo, C., and Troiano, L. (2008). Generative UI design in SAPI project. In CHI 7808: extended abstracts on Human Factors in Computing Systems, pages 3627-3632, New York, NY, USA. ACM.
  12. Sengamedu, S. H., Mehta, R. R., and Madaan, A. (2008). Web page layout optimization using section importance. In Proc. of the 17th International World Wide Web Conference. WWW2008.
  13. Stormer, H. (2006). Exploring solutions for a mobileweb. In Proc. of CEC/EEE, page 75. IEEE Computer Society.
  14. Takagi, H. (Sep 2001). Interactive Evolutionary Computation: Fusion of the capabilities of EC optimization and human evaluation. Proceedings of the IEEE, 89(9):1275-1296.
  15. Troiano, L., Birtolo, C., Armenise, R., and Cirillo, G. (2008). Optimization of menu layouts by means of genetic algorithms. In van Hemert, J. I. and Cotta, C., editors, EvoCOP, volume 4972 of Lecture Notes in Computer Science, pages 242-253. Springer.
  16. Troiano, L., Birtolo, C., Armenise, R., and Cirillo, G. (2009). Web form page in mobile device: Optimization of layout with a simple genetic algorithm. In Proc. of 11th Int. Conf. on Enterprise Information Systems. ICEIS.
  17. Troiano, L. and De Pasquale, D. (2009). A java library for genetic algorithms addressing memory and time issues. In Proc. of the World Congress on Nature Biologically Inspired Computing, 2009. NaBIC 2009, pages 642 -647. IEEE.
  18. W3C (2008). Mobile web best practices 1.0. Technical report, W3C Recommendation. available at http://www.w3.org/TR/mobile-bp/.
Download


Paper Citation


in Harvard Style

Armenise R., Birtolo C. and Troiano L. (2010). A TOOL FOR AUTOMATIC ADAPTATION OF WEB PAGES TO DIFFERENT SCREEN SIZE . In Proceedings of the 12th International Conference on Enterprise Information Systems - Volume 5: ICEIS, ISBN 978-989-8425-08-9, pages 91-98. DOI: 10.5220/0002976300910098


in Bibtex Style

@conference{iceis10,
author={Roberto Armenise and Cosimo Birtolo and Luigi Troiano},
title={A TOOL FOR AUTOMATIC ADAPTATION OF WEB PAGES TO DIFFERENT SCREEN SIZE},
booktitle={Proceedings of the 12th International Conference on Enterprise Information Systems - Volume 5: ICEIS,},
year={2010},
pages={91-98},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0002976300910098},
isbn={978-989-8425-08-9},
}


in EndNote Style

TY - CONF
JO - Proceedings of the 12th International Conference on Enterprise Information Systems - Volume 5: ICEIS,
TI - A TOOL FOR AUTOMATIC ADAPTATION OF WEB PAGES TO DIFFERENT SCREEN SIZE
SN - 978-989-8425-08-9
AU - Armenise R.
AU - Birtolo C.
AU - Troiano L.
PY - 2010
SP - 91
EP - 98
DO - 10.5220/0002976300910098