Web Clipping Presentation By: Alex Jacobs, Philip Kim, Nathan Po Web Clipping.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
Kyung Hee University 1 1 Application Layer. 2 Kyung Hee University Position of Application Layer.
Introduction to Web Database Processing
World Wide Web1 Applications World Wide Web. 2 Introduction What is hypertext model? Use of hypertext in World Wide Web (WWW) – HTML. WWW client-server.
Introduction to Web Interface Technology (CSE2030)
I-mode Revolutionary Wireless Internet Technology Marc Lisevich Bryan Kwan Jay Hoang.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Chapter 15 The Mobile Web. Objectives Describe the important characteristics of mobile web browsing platforms Explain three strategies for effectively.
WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.
Application Layer. Applications A program or group of programs designed for end users. A program or group of programs designed for end users. Software.
Web Design Basic Concepts.
Intro to MIS – MGS351 Building a Webpage. Chapter Overview m The World Wide Web – Web servers, Web browsers and Web pages m HTML Introduction m Using.
An Introduction to WAP/WML. What is WAP? WAP stands for Wireless Application Protocol. WAP is for handheld devices such as mobile phones. WAP is designed.
And Mobile Web Browsers
Internet Standard Grade Computing. Internet a wide area network spanning the globe. consists of many smaller networks linked together. Service a way of.
INTRODUCTION TO WEB DATABASE PROGRAMMING
IT 210 The Internet & World Wide Web introduction.
CS 299 – Web Programming and Design CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Chapter 1: Introduction to Web
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Web Browsers And Mobile Web Browsers. Guiding Questions What is a mobile Web browser? Why do Web pages look differently on different Web browsers? What.
Website Designers Goal Evolve from know-nothing, nat-brain rookies … into Incredible Website Designers Reference Websites:
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Web Page Design I Basic Computer Terms “How the Internet & the World Wide Web (www) Works”
WWW Programming Model. WWW Model The Internet WWW architecture provides a flexible and powerful programming model. Applications and content are presented.
Introduction to BlackBerry Smartphone Web Development - Optimizing Web Content for Mobile Device Browsers Trainer name Date V1.00 © 2009 Research In Motion.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
10/13/2015 ©2006 Scott Miller, University of Victoria 1 Content Serving Static vs. Dynamic Content Web Servers Server Flow Control Rev. 2.0.
MySQL and PHP Internet and WWW. Computer Basics A Single Computer.
Challenges in Web Document Summarization: Some Myths and Reality A. Rahman H. Alam Document Analysis and Recognition Team (DART) BCL Computers Inc. Santa.
1 Chinese Information Processing : Using Computers to Teach and Learn Chinese Week 6 and 7: Creating and maintaining web pages - html and ftp.
FYP: LYU0001 Wireless-based Mobile E-Commerce on the Web Supervisor: Prof. Michael R. Lyu By: Tony, Wat Hong Fai Harris, Yan Wai Keung.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
McLean HIGHER COMPUTER NETWORKING Lesson 6 Types of Browsers & WAP Explanation of browser functions Wireless access to the Internet Description of.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
Application Layer Honolulu Community College Cisco Academy Training Center Semester 1 Version
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
Internet Applications (Cont’d) Basic Internet Applications – World Wide Web (WWW) Browser Architecture Static Documents Dynamic Documents Active Documents.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
WWW Programming Model. WWW Model The Internet WWW architecture provides a flexible and powerful programming model. Applications and content are presented.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.
Introduction to the World Wide Web & Internet CIS 101.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Review session for Web development. Today’s class Review the web designing. Filling out instructor evaluation form.
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
4.01 How Web Pages Work.
CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang
4.01 How Web Pages Work.
Tonga Institute of Higher Education IT 141: Information Systems
Section 6.3 Server-side Scripting
WWW and HTTP King Fahd University of Petroleum & Minerals
Application Layer Honolulu Community College
MapServer In its most basic form, MapServer is a CGI program that sits inactive on your Web server. When a request is sent to MapServer, it uses.
Revolutionary Wireless Internet Technology
Chapter 27 WWW and HTTP.
Tonga Institute of Higher Education IT 141: Information Systems
Tonga Institute of Higher Education IT 141: Information Systems
CIS 133 mashup Javascript, jQuery and XML
4.01 How Web Pages Work.
And Mobile Web Browsers
Presentation transcript:

Web Clipping Presentation By: Alex Jacobs, Philip Kim, Nathan Po Web Clipping

Outline Motivation What is Web Clipping Writing a PQA Advantages and Disadvantages Examples Alternatives Conclusion

Motivation Why would mobile users use a PDA to access the web? –Larger screen than mobile phones –Stylus enables familiar point and click interface Reality of the World Wide Web today: –Extensive use of graphics and even video –Pages often bloated with navigational elements –Assumes that the user has the high bandwidth and large display that is available to personal computer users

Motivation Limitations of using a wireless PDA to access the web –Screen is limited: Average 11 lines of text (160x160 resolution), 2 bit grayscale –Bandwidth is limited: Effectively 2 kbps So is there a solution? –By golly, yes there is!

Web Clipping and PQA: Introduction What is PQA and Web clipping? –Metaphor: The web clipping concept is like clipping an article out of a newspaper It allows users to “clip” the most relevant parts of a website 

Web Clipping and PQA: Introduction Palm query application (PQA) –a.k.a Web Clipping Application (WCA) –Special web application that can be stored on the PDA, made up of static pages and images –Usually used to take user queries Web clipping –The page that is sent back from the web server containing the result of the PQA query, usually generated by a CGI script

Web Clipping and PQA: The Details Web clippings and Palm Query Applications are specially compiled HTML pages using a subset of HTML 3.2 The Palm Query Application is compiled using the Query Application Builder provided by Palm The returned web clipping is compiled by a Palm.net proxy server before being returned to the handheld device

Demonstration See it in action! –Using the Palm OS Emulator –Mapquest Driving directions –Fidelity Stock quotes

Palm.net system Wireless enabled Palm devices Web clipping proxy server Internet web servers UDP HTTP TCP/IP PQA requests a page that is not stored on the device, packets containing query are compressed into CML and sent over the lightweight UDP protocol Web clipping proxy server translates the compressed packet to a standard HTTP request Web server either finds or generates a Web Clipping page and sends it back

Palm.net system Wireless enabled Palm devices Web clipping proxy server Internet web servers UDP HTTP TCP/IP Web server either finds or generates a Web Clipping page and sends it back Proxy server converts Web Clipping back to the compressed CML format The web clipping viewer receives and renders the web clippping

Palm.net system : Security Wireless enabled Palm devices Web clipping proxy server Internet web servers elliptic-curve cryptographic system SSL

Writing Web Clippings and PQAs Uses a subset of HTML 3.2 PQAs and Clippings do not support: Named typefaces Style sheets Image maps Frames Nested tables Scripts and applets Cookies –For the sake of Simplicity and Efficiency Query Application Builder (QAB)

Writing Web Clippings and PQAs Special META Tags – Tells Palm proxy server that the page is Palm friendly – Specifies the version number of your PQA – Allows your graphics and HTML files to be included with your PQA at compile time – The title that will represent the web clipping on the Palm’s history list

Other Design Notes 2 bit display (4 colors): Black Gray Silver White Access images and pages local to the PQA by using the “file:” URL e.g. Help

Design Goals Optimize page for Palm display – Try to keep response to one page to reduce scrolling Minimize amount of data transferred –Only send content that is necessary and relevant –Minimize source code (short variable names) –Guide user to formulate small, efficient queries –Store graphics locally instead of transferring them

Advantages Simple to implement Retrieves required information remotely Get only desired content Takes into account limited bandwidth and screen space (doesn’t waste bandwidth) Faster than browsing Allows you to separate information –Local: Palm Query Application –Remote: Web Server Secure Elliptic Curve Technology and SSL Free – Well Sorta

Disadvantages PQA must exist for the site you want Extra work for content providers Limited Support (~600 web sites) Only works with Palm devices Proprietary service (Palm.net) with limited coverage Subset of HTML 3.2 is limited

Alternatives Web Browsing Avant Go (Download and go)

Conclusion -For developer: -Web clipping is simple and painless to set up and is a good way to expand your user base. -For user: -Get only the information you need as quickly as possible. -Not a complete solution, there is still a wealth of content out there that is not available in web clipping format -One solution to the two main problems facing portable internet access: limited bandwidth and limited display capabilites

Web Clipping Resources –List of PQA’s –Web clipping tutorial –Wireless PDA Basics