HANd : A New Transcoding Technique for PDA Browsers Enrique Costa Montenegro Departamento de Ingeniería Telemática ETSI Telecomunicación Universidad de.

Slides:



Advertisements
Similar presentations
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
Advertisements

1/7 ITApplications XML Module Session 8: Introduction to Programming with XML.
Style guide exercise Symbian 3 Nelli Kihniä, Hung Nguyen.
XML: Managing Data Exchange Stylesheets. Lesson Contents CSS The basic XSL file XSL transforms Templates Sort Numbering Parameters and Variables Datatypes.
Document Object Model (DOM) JavaScript manipulation of the DOM.
HTML 5 and CSS 3, Illustrated Complete Unit L: Programming Web Pages with JavaScript.
Tutorial 16 Working with Dynamic Content and Styles.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Efficient Web Browsing on Handheld Devices Using Page and Form Summarization Orkut Buyukkokten, Oliver Kaljuvee, Hector Garcia-Molina, Andreas Paepcke.
I.1 ii.2 iii.3 iv.4 1+1=. i.1 ii.2 iii.3 iv.4 1+1=
AJAX (Asynchronous JavaScript and XML) Amit Jain CS 590 – Winter 2008.
MGMT 230 Lab 1 HTML Basics. 2 HTML Tags An HTML document contains both document content and tags. The tags are the HTML codes inserted in a document to.
I.1 ii.2 iii.3 iv.4 1+1=. i.1 ii.2 iii.3 iv.4 1+1=
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic DHTML.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Hyperlinks in HTML How to “throw an anchor”, or to create a hyperlink in raw HTML.
Communication Software Title Group member 1 Group member 2 Group member 3 Group member 4 Departamento de Ingeniería Telemática Universidad Carlos.
1 X-Quest: A Questionnaire- Authoring Tool for Distance Evaluation Grupo de Ingeniería de Sistemas Telemáticos Dpto. de Ingeniería Telemática Universidade.
By: Shawn Li. OUTLINE XML Definition HTML vs. XML Advantage of XML Facts Utilization SAX Definition DOM Definition History Comparison between SAX and.
INTRODUCTION TO CLIENT-SIDE WEB PROGRAMMING ACM 511 ACM 262 Course Notes.
DHTML. What is DHTML?  DHTML is the combination of several built-in browser features in fourth generation browsers that enable a web page to be more.
Copyright © 2013 Pearson Education, Inc. All rights reserved Section 1.1 The Distance and Midpoint Formulas; Graphing Utilities; Introduction to Graphing.
Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.
XML for E-commerce III Helena Ahonen-Myka. In this part... n Transforming XML n Traversing XML n Web publishing frameworks.
XSL XML Stylesheet Langauage. XPath Notation for addressing elements in an XML document /xyz - selects the root element /xyz/abc - selects all elements.
Selenium Web Test Tool Training Using Ruby Language Discover the automating power of Selenium Kavin School Kavin School Presents: Presented by: Kangeyan.
Assuming Accurate Layout Information is Available: How do we Interpret the Content Flow in HTML Documents? Hassan Alam and Fuad Rahman Human Computer Interaction.
Unit 1 – Web Concepts Instructor: Brent Presley. ASSIGNMENT Read Chapter 1 Complete lab 1 – Installing Portable Apps.
A Transcoding Proxy for HTML Web Pages: Web Page Sampling and Conversion Evaluation. Andrew Stone CS525m.
Form printing with SAP Smart Forms Instructor: Dylan Liu
HTML and Style. Session overview Leveling-off on the basic concepts of HTML and Styles Discuss Web authoring options.
XHTML Basics I450 Technology Seminar Copyright 2003, Matt Hottell.
1 CIS336 Website design, implementation and management (also Semester 2 of CIS219, CIS221 and IT226) Lecture 6 XSLT (Based on Møller and Schwartzbach,
 2004 Prentice Hall, Inc. All rights reserved. 1 Chapter 34 - Case Study: Active Server Pages and XML Outline 34.1 Introduction 34.2 Setup and Message.
Internet Web Publishing III. Intro to Cascading Style Sheets Patricia Roberts.
HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.
CITA 330 Section 6 XSLT. Transforming XML Documents to XHTML Documents XSLT is an XML dialect which is declared under namespace "
XSLT Kanda Runapongsa Dept. of Computer Engineering Khon Kaen University.
Transforming Documents „a how-to of transforming xml documents“ Lecture on Walter Kriha.
Openadaptor XML Support Using openadaptor for XML processing Oleg Dulin,
An Introduction to JavaScript Summarized from Chapter 6 of “Web Programming: Building Internet Applications”, 3 rd Edition.
Interactive Client-Side Technologies MMIS 656 Web Design Technologies Acknowledgements: Estrella, S. (2003). The Web Wizard’s Guide to DHTML and CSS.
1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.
XP Tutorial 16 New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Working with Dynamic Content and Styles Creating a Dynamic Table of Contents.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 13 - Dynamic HTML: Object Model and Collections Outline 13.1 Introduction 13.2 Object Referencing.
1 Overview of XSL. 2 Outline We will use Roger Costello’s tutorial The purpose of this presentation is  To give a quick overview of XSL  To describe.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
XML Study-Session: Part III
Chapter 13 Introduction to ASP.NET. Copyright © 2006 Pearson Addison-Wesley. All rights reserved FIGURE 13.1 Inheritance Diagrams for ASP.NET documents.
Review of the DOM Node properties and methods Some ways of accessing nodes Appending, copying and removing nodes Event handling – Inline – Scripting –
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
Unit 3 — Advanced Internet Technologies Lesson 11 — Introduction to XSL.
What is XML? eXtensible Markup Language eXtensible Markup Language A subset of SGML (Standard Generalized Markup Language) A subset of SGML (Standard Generalized.
 defined as Extensible Markup Language (XML) is a set of rules for encoding documents  Defines structure and data.
An Architecture for Adaptive Content Extraction in Wireless Networks Phil West Greg Foster Peter Clayton Submitted to the South African Telecommunications.
 XML derives its strength from a variety of supporting technologies.  Structure and data types: When using XML to exchange data among clients, partners,
Introduction. MIS 5450 Behavioral Layer JavaScript and DOM Structural Layer XHTML Presentation Layer CSS Design Development Process.
Chapter 10 Dynamic HTML (DHTML) JavaScript, Third Edition.
XP Tutorial 10 New Perspectives on JavaScript, Comprehensive 1 Working with Dynamic Content and Styles Creating a Dynamic Table of Contents.
CH 15 XSL Transformations 1. Objective What is XSL? Overview of XSL transformations Understanding XSL templates Computing the value of a node with xsl:value-of.
DHTML.
XML Related Technologies
Julián ALARTE DAVID INSA JOSEP SILVA
Pushing Web Pages into Personal Digital Assistants
Section 1.1 The Distance and Midpoint Formulas; Graphing Utilities; Introduction to Graphing Equations.
Database Processing with XML
The Document Object Model
Document Object Model (DOM): Objects and Collections
CAII 4.01 Web Page Design Terms List 2.
Murach's JavaScript and jQuery (3rd Ed.)
Presentation transcript:

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

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

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

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)

HANd example

HANd example (II)

HANd example (III)

HANd example (IV)

HANd example (V)

HANd page generator Two stages –Preprocessing stage –Conversion stage

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

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

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

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

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

Transformation rules: example

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

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

The End