BROWSING IN MOBILES DHIVYA KHRISHNAN

Slides:



Advertisements
Similar presentations
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
Advertisements

1 © NOKIA 2005 Virpi Roto Browsing on Mobile Phones Customer Focused Mobile Services Workshop in WWW 2005 conference May 10 th, 2005 Virpi Roto Senior.
4.01 How Web Pages Work.
User-Assistance StoryboardWRA 210, SS08 Rachael Hodder Dave Johnson Alyson Lowe.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.
Lesson 4: Web Browsing.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
WWW Challenges : Supporting Users in Search and Navigation Natasa Milic-Frayling Microsoft Research, Cambridge UK SOFSEM 2004 January 28, 2004.
Interface Programming 1 Week 5. Interface Programming 1 CALENDAR.
Small Displays Nicole Arksey Information Visualization December 5, 2005 My new kitty, Erwin.
1 Slicing*-Tree Based Web Page Transformation for Small Displays Xiangye Xiao, Qiong Luo, Dan Hong, Hongbo Fu Contact: Department of Computer.
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
V1.00 © 2009 Research In Motion Limited Introduction to Mobile Device Web Development Trainer name Date.
Web Clipping Presentation By: Alex Jacobs, Philip Kim, Nathan Po Web Clipping.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
A Product of Enterprise Content Management System (CMS) Web & Portal Content Management Systems for faster web publishing Copyright.
Web Content Management at GCN.com The Gilbane Conference: Content Technologies for Government Alec Dann SVP of Internet Publishing PostNewsweek Tech Media.
Responsive Web Design, Discoverability, and Mobile Challenge
On the Use and Performance of Content Distribution Networks Balachander Krishnamurthy Craig Wills Yin Zhang Presenter: Wei Zhang CSE Department of Lehigh.
Website Design - Review Layout using tables. Table exmaple James 11/08.
With Internet Explorer 9 Getting Started© 2013 Pearson Education, Inc. Publishing as Prentice Hall1 Exploring the World Wide Web with Internet Explorer.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Different ways to implement CSS. There are four different ways to use CSS in your web pages: – Inline CSS – Embedded CSS/Internal CSS – Linked CSS/External.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Template. Mobile devices used in the exploration.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.
What is RSS? And how do I use it to make my life easier.
HTML Project 4 Creating an Image Map.
Internet Web Publishing III. Intro to Cascading Style Sheets Patricia Roberts.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Challenges in Web Document Summarization: Some Myths and Reality A. Rahman H. Alam Document Analysis and Recognition Team (DART) BCL Computers Inc. Santa.
Web Applications BIS4430 – unit 8. Learning Objectives Explain the uses of web application frameworks Relate the client-side, server-side architecture.
A Case Study of Interaction Design. “Most people think it is a ludicrous idea to view Web pages on mobile phones because of the small screen and slow.
Presented by: Student ID: Sang Geol LEE Subject: ITC105 Communication and information management Website Planning Report Assignment item2-Part.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
12 Copyright © 2011, Oracle and/or its affiliates. All rights reserved. Creating Data Models and BI Publisher Reports Based on Other Data Sources.
Introduction to RSS RSS is a method that uses XML to distribute web content on one web site, to many other web sites.
Website Design Best Practices. Topics  Navigation  Readability  Portability  Frameworks for Web Design  Model View Architecture MVC  SEO  Performance.
Slide 1 Graphics (Characteristics 1) Images have various characteristics that affect performance Size (number of pixels) – Large images can be several.
1 RSS Feeds By Paul Yelk. 2 Overview What is an RSS Feed How to receive/subscribe to an RSS Feed using Mozilla’s Firefox and Thunderbird Be sure to read.
Three Internet Medias Podcast, Blogs, Wiki Jasmine Sampson CSC101.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
Leveraging Web Content Management in SharePoint 2013 Christina Wheeler.
UKOLN is supported by: Using Blogs Effectively Within Your Library: Introduction A Half-Day Workshop Brian Kelly UKOLN University of Bath Bath, UK
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Working with Links and Navigation
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
IS1500: Introduction to Web Development
Web Design and Development
ITI 133 HTML5 Desktop and Mobile Level I
Page plans A01 Design.
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Fixed Positioning.
Graphics (Characteristics 1)
Corporate Web Development Training:
A01 DESIGN To be completed Your proposal  Your House style 
Links.
Website Planning EIT, Author Gay Robertson, 2018.
CS7026: Authoring for Digital Media
ME 123 Computer Applications I Lecture 38: More on HTML 5/20/03
Presentation transcript:

BROWSING IN MOBILES DHIVYA KHRISHNAN

Problem Addressed Browsing in mobiles – common use case Web authors not to be taxed Original Web site layout Avoid Excessive scrolling Knowing current position Eliminate unwanted links

Minimap Visualization Technique Internal and External constraints Based on CSS2 Formatting model 2 Steps a)Layout Scaling method ( 2 changes ) b)Overview of webpage

Merits and Demerits Horizontal Scrolling avoided Table overflow Disturbing page overview Maps unreadable What scaling factor? Useful of Wikipedia like sites Assumes high processing power in client

Adapting web pages for mobiles Semantic structure of page found Web page spilt to smaller blocks Block detection at the high level Explicit and Implicit separators Index and sub pages generated

Merits and Demerits Proxy/Server deployment (cache) Readable text in index pages Useful in a PDA Useful with sub topics.

RSS – Really Simple Syndication A proxy server solution Summarizes information User => Proxy => Server Proxy Server and RSS Proxy Server and Content Adaptation

Merits and Demerits Useful for news websites Proxy fails => problem Bad display of tables IMG: URL => clueless???

Conclusion RSS used for information dense websites. Minimap for websites with a mixture of images and text. Web page adaptation technique => Multiple topics in website Global view-port liked by users Proxy server deployment useful