Skip to main content
SpringerLink
Log in

Device-aware desktop web page transformation for rendering on handhelds

  • Published:
Personal and Ubiquitous Computing Aims and scope Submit manuscript

Abstract

This paper illustrates a new approach to automatic re-authoring of web pages for rendering on small-screen devices. The approach is based on automatic detection of the device type and screen size from the HTTP request header to render a desktop web page or a transformed one for display on small screen devices, for example, PDAs. Known algorithms (transforms) are employed to reduce the size of page elements, to hide parts of the text, and to transform tables into text while preserving the structural format of the web page. The system comprises a preprocessor that works offline and a just-in-time handler that responds to HTTP requests. The preprocessor employs Cascading Style Sheets (CSS) to set default attributes for the page and prepares it for the handler. The latter is responsible for downsizing graphical elements in the page, converting tables to text, and inserting visibility attributes and JavaScript code to allow the user of the client device to interact with the page and cause parts of the text to disappear or reappear. A system was developed that implements the approach and was used it to collect performance results and conduct usability testing. The importance of the approach lies in its ability to display hidden parts of the web page without having to revisit the server, thus reducing user wait times considerably, saving battery power, and cutting down on wireless network traffic.

This is a preview of subscription content, log in via an institution to check access.

Access this article

Log in via an institution

Price excludes VAT (USA)
Tax calculation will be finalised during checkout.

Instant access to the full article PDF.

Institutional subscriptions

Fig. 1
Fig. 2
Fig. 3
Fig. 4
Fig. 5
Fig. 6
Fig. 7
Fig. 8

Similar content being viewed by others

References

  1. Henricksen K, Indulska J (2001) Adapting the web interface: an adaptive web browser. In: Proceeding 2nd Australasian User Interface Conference (AUIC’01), pp 21–28

  2. Biancheri C, Pazzaglia J, Paddeu G (2001) EIHA?!?: deploying Web & WAP services using XML technology. SIGMOD Record 30(1):5–12

    Article  Google Scholar 

  3. de Bruijn O, Spence R, Chong A (2002) RSVP browser: web browsing on small screen devices. Personal and Ubiquitous Computing 6(4):245–52

    Article  Google Scholar 

  4. Bederson B, Hollan J (1994) Pad++: a zooming graphical interface for exploring alternate interface physics. In: Proceedings of the ACM symposium on user interface software and technology, pp 17–26

  5. Grundy J, Yang B (2003) An environment for developing adaptive, multi-device user interfaces. In: Proceeding AUIC’03 18:47-56

  6. Lee K, Grice R (2003) An adaptive viewing application for the web on personal digital assistants. In: Proceedings SIGDOC’03, pp 125–132

  7. Han R, Perret V, Naghshineh M (2000) WebSplitter: a unified XML framework for multi-device collaborative Web browsing. In: Proceedings ACM 2000 conference on computer supported cooperative work, pp 221–230

  8. Whang Y, Jung C, Kim J, Chung S (2001) WebAlchemist: a web transcoding system for mobile web access in handheld devices. In: Proceedings of SPIE 4534:37–46

  9. Buyukkokten O, Garcia-Molina H, Paepcke A, Winograd T (2000) Power browser: efficient web browsing for PDAs. In: Proceedings of the conference on human factors in computing systems (CHI 2000), pp 430–437

  10. Bickmore T, Schilit W (1997) Digestor: device-independent access to the world wide web. Comput Network ISDN Syst 29(8-13):1075–1082

    Article  Google Scholar 

  11. Hwang Y, Kim J, Seo E (2003) Structure-aware Web transcoding for mobile devices. IEEE Internet Comput 7(5):14–21

    Article  Google Scholar 

  12. Chen Y, Ma W, Zhang H (2003) Detecting web pages structure for adaptive viewing on small form factor devices. In: Proceedings WWW’03, pp 225–233

  13. Su Z, Yang Q, Zhang H, Xu X, Hu Y, Ma S (2002) Correlation-based Web document clustering for adaptive Web interface design. Knowl Inform Syst 4:151–167

    Article  Google Scholar 

  14. http://www.htmldog.com/ptg/archives/000055.php

  15. Bos B, Lie H, Lilley C, Jacobs I (1998) Cascading style sheets - level 2, W3C Recommendation, http://www.w3.org/TR/REC-CSS2,

  16. HTML 4.01 Specification, http://www.w3.org/TR/REC-html40/

  17. Bickmore T, Girgensohn A, Sullivan J (1999) Web page filtering and reauthoring for mobile users. Comput J 42(6):534–546

    Article  Google Scholar 

  18. http://tidy.sourceforge.net/

  19. Fielding R, Gettys J, Mogul J, Frystyk H, Masinter L, Leach P, Berners-Lee T Hypertext Transfer Protocol – HTTP/1.1, RFC 2616

Download references

Author information

Authors and Affiliations

  1. Department of Electrical and Computer Engineering, American University of Beirut, Riad El-Solh, P.O. Box 11-0236, Beirut, 1107-2020, Lebanon

    Hassan A. Artail & Mackram Raydan

Authors
  1. Hassan A. Artail
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Mackram Raydan
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Hassan A. Artail.

Rights and permissions

Reprints and permissions

About this article

Cite this article

Artail, H.A., Raydan, M. Device-aware desktop web page transformation for rendering on handhelds. Pers Ubiquit Comput 9, 368–380 (2005). https://doi.org/10.1007/s00779-005-0348-5

Download citation

  • Published:

  • Issue Date:

  • DOI: https://doi.org/10.1007/s00779-005-0348-5

Keywords

Search

Navigation