1. HANd : A New Transcoding Technique for PDA Browsers Enrique Costa Montenegro Departamento de Ingeniería Telemática ETSI Telecomunicación Universidad de Vigo, Spain kike@det.uvigo.es

2. HANd: Hierarchical Atomic Navigation New transcoding technique for WWW navigation on PDA Keeps all original information One navigator page and several atomic pages Replaces unreadable elements by icons Introduction

3. Fragmentation of original page into zones Zones are sets of elements (pictures, links, text, tables...) Only one zone is displayed at original scale Navigator page: a reduced overview of the original page, with links to atomic pages Atomic pages: readable elements or zones, pieces of the original page HANd philosophy

4. Representations of elements –Reduced version: if readable –Representative icon: if reduced element or zone is unreadable Dependence between elements: an element is unreadable if all its descendants are unreadable Navigation page: representatives in the same relative locations of original elements HANd philosophy (II)

5. HANd example

6. HANd example (II)

7. HANd example (III)

8. HANd example (IV)

9. HANd example (V)

10. HANd page generator Two stages –Preprocessing stage –Conversion stage

11. HANd Page Generator (II) Preprocessing stage –Input: HTML documents –Conversion of HTML to XHTML using Jtidy –Obtain DOM tree from XHTML using a DOM parser –DOM tree: representation of XHTML document as a tree of nodes, each node is an element of the XHTML document

12. HANd Page Generator (III) Conversion stage –Input: DOM Tree –Apply visibility and transformation rules to DOM Tree –Obtain new DOM trees –Convert new DOM trees to navigation page and associated atomic pages

13. Transformation rules: readability A PDA-to-PC screen area ratio is calculated, R<1, used to reduce elements Text: new font area is calculated, move to atomic page if not readable Images: new size is calculated, if original picture is small enough, it wont be resized Readability threshold, label unreadable elements with 1, 0 otherwise

14. Transformation rules: pruning Labels are propagated across the DOM tree Branches without 0 labels are pruned

15. Transformation rules: results Nodes with label 0 (readable) are substituted with reduced representatives Nodes with label 1 (unreadable) are replaced by an icon, with a link to the atomic page with the original information Adjacency rule: all adjacent icons associated to elements of the same type are represented by a single icon

16. Transformation rules: example

17. Conclusions HANd: New Transcoding Technique for PDA Advantages –No information loss: all elements in atomic pages –Navigator page: readable overview of the original page –Valid for all WWW documents and navigators

18. Questions!! Example: What is the ´d´ in HANd?

19. The End