WebSee: A Tool for Debugging HTML Presentation Failures Sonal Mahajan and William G. J. Halfond Department of Computer Science University of Southern California.

Slides:

Advertisements

Similar presentations

PhishZoo: Detecting Phishing Websites By Looking at Them

Advertisements

Auto-test Tools: Sahi and Rational Robot Ting Yu Xia Liu University of Ottawa.

GENI Experiment Control Using Gush Jeannie Albrecht and Amin Vahdat Williams College and UC San Diego.

By Khoa Quach. About Me Khoa Quach SharePoint Technologies MCTS, MCPD, MCSE Co-founder of NIFTIT Specializes in SharePoint Integration Application Development.

DiscoverDefineDesignDevelopDeliver PROCESS TM. Intelligaia Technology confidential & proprietary Discover Overview: Gather information, brainstorm, competitive.

Finding Presentation Failures Using Image Comparison Techniques Sonal Mahajan and William G.J. Halfond Department of Computer Science University of Southern.

Ao-Jan Su † Y. Charlie Hu ‡ Aleksandar Kuzmanovic † Cheng-Kok Koh ‡ † Northwestern University ‡ Purdue University How to Improve Your Google Ranking: Myths.

Dialogue – Driven Intranet Search Suma Adindla School of Computer Science & Electronic Engineering 8th LANGUAGE & COMPUTATION DAY 2009.

Providing Online Access to the HKUST University Archives: EAD to INNOPAC Sintra Tsang and K.T. Lam The Hong Kong University of Science and Technology 7th.

Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005.

© 1999 Franz Kurfess Cover 1 COMP 675 Human-Computer Interface Design Franz J. Kurfess Computer Science Department Concordia University, Montreal.

Xiaomeng Su & Jon Atle Gulla Dept. of Computer and Information Science Norwegian University of Science and Technology Trondheim Norway June 2004 Semantic.

Web Design cs414 spring Announcements Project status due Friday (submit pdf)

Web Design HTML CSS Creating Web Sites Design Principles.

Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.

Unit 30 Digital Graphics – Course overview Anne Sewell

Online Search Marketing OMI Certification Course – Discovery Documentation.

Valuepitch Interactive Clients and Technology. About Valuepitch 2 years old 22 members Handled over 100 SEO campaigns First Google AdWords Qualified Company.

Root Cause Analysis for HTML Presentation Failures using Search-Based Techniques Sonal Mahajan, Bailan Li, William G.J. Halfond Department of Computer.

Tulsa SharePoint User Group TulsaSPUG. Agenda Introductions (5 Minutes) Branding Review (25 Minutes) Site Overview (5 Minutes) Office 365 Provisioning.

10/26/00Splitting Access Databases...1 Preparing for Access 2000 Windows 2000/Office 2000 Roll-out.

Oracle HTMLDB introduction IT-AIS-HR Giovanni Chierico 1/16 Oracle HTMLDB introduction CERN Oracle Developers Forum: May 12 th 2005.

CS 235: User Interface Design October 15 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak

Project Implementation for COSC 4120 Database Applications Lab 3.

Enabling High-Quality Printing in Web Applications

WebVizOr: A Fault Detection Visualization Tool for Web Applications Goal: Illustrate and evaluate the uses of WebVizOr, a new tool to aid web application.

Crowdsourcing Color Perceptions using Mobile Devices Jaejeung Kim 1, Sergey Leksikov 1, Punyotai Thamjamrassri 2, Uichin Lee 1, Hyeon-Jeong Suk 2 1 Dept.

Software Engineering Laboratory, Department of Computer Science, Graduate School of Information Science and Technology, Osaka University Applying Clone.

Experimentation in Computer Science (Part 1). Outline  Empirical Strategies  Measurement  Experiment Process.

Research Interests of Dr. Dennis J Bouvier Fall 2007.

Esri UC 2014 | Technical Workshop | Python Map Automation – Beyond the Basics of arcpy.mapping Jeff Barrette Jeff Moulds.

Department of Computer Science 1 Last Class on Chapter 6 1. HW 1 and HW 2 2. Greatest Common Devisor 3. Sudoku App 4. Chapter 6 Summary 5. Chapter 6 Questions.

May 11, 2005WWW Chiba, Japan1 Thresher: Automating the Unwrapping of Semantic Content from the World Wide Web Andrew Hogue GoogleMIT CSAIL.

Ryan MacDowell Marko Popović.  Currently it takes too much time and effort to understand how, where, and when people spend their money  Create a web.

Esri UC2013. Technical Workshop. Technical Workshop 2013 Esri International User Conference July 8–12, 2013 | San Diego, California Supporting High-Quality.

Near Real-Time Verification At The Forecast Systems Laboratory: An Operational Perspective Michael P. Kay (CIRES/FSL/NOAA) Jennifer L. Mahoney (FSL/NOAA)

CISC Machine Learning for Solving Systems Problems Presented by: Suman Chander B Dept of Computer & Information Sciences University of Delaware Automatic.

Map Books & Dynamic Tables

Resilient Distributed Datasets: A Fault- Tolerant Abstraction for In-Memory Cluster Computing Matei Zaharia, Mosharaf Chowdhury, Tathagata Das, Ankur Dave,

WILLY’S STRAWBERRY FACTORY Website Proposal. WEBSITE CONTENT Photo galleries of the factory Directions via Google Maps embedded on the website Pricing.

CAEN Customer Service Request (CSR) Database Final Project Report SI654: Database Application Design April 2004 Dino Anastasia, Marla Gómez.

A Novel Visualization Model for Web Search Results Nguyen T, and Zhang J IEEE Transactions on Visualization and Computer Graphics PAWS Meeting Presented.

Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.

Text Mapping for Technology Watch A research application Z. Jacobson, CA.

A RESEARCH SUPPORT SYSTEM FRAMEWORK FOR WEB DATA MINING Jin Xu, Yingping Huang, Gregory Madey Department of Computer Science and Engineering University.

| | Valuepitch Interactive Clients and Technology.

SAFE Development Plan Plans and Milestones for for SAFE Development.

Software Engineering Lecture 11 Software Testing Presenter: Josef Hallberg 1.

Ocasta: Clustering Configuration Settings for Error Recovery Zhen Huang, David Lie Department of Electrical and Computer Engineering University of Toronto.

Getting Started with HTML

Cloud-Computing Cloud Web-Blog Software Application Download Software.

Building Enterprise Applications Using Visual Studio®

The Role of Tool Support in Public Policies and Accessibility

7th Annual Hong Kong Innovative Users Group Meeting

APP Store Optimization With the objective of attract, convert, close and delight customers Promote.

Detecting and Localizing Internationalization

3 Best Website Speed and Performance Checking Tools

Oracle HTMLDB introduction

Web, Mobile App Development and Digital Marketing services

Editing Your Website on SharePoint 2013

Sonal Mahajan, Bailan Li, Pooyan Behnamghader, William G. J. Halfond

CSE 3 – Fall 2015 Sierra Ampudia

العدد تذكيره وتأنيثه مقدمة

Internet Explorer 8 for Web Developers

Phases of Designing a Website

Apply programming techniques to design and create a web page

UI, UX: Who Does What? A Designers guide to the tech industry.

Privacy and Data Mining

IS1500: Introduction to Web Development

Presentation transcript:

WebSee: A Tool for Debugging HTML Presentation Failures Sonal Mahajan and William G. J. Halfond Department of Computer Science University of Southern California

Web Applications Online shopping service It takes users only 50 ms to form opinion about your website (Google research ) 2

Motivation Presentation of a website –Crucial to make first impression –Capture users’ interest What is a presentation failure? –Web page rendering ≠ expected appearance Impact of presentation failures –Gives negative impression of your business Affects branding efforts –Reduces usability and trustworthiness End user – no penalty to move to another website Business – loses out on valuable customers 3

WebSee Underlying technique [ICST ‘15] Goal – Automatically detect and localize presentation failures Detection – Computer vision Localization – Rendering maps 4

Process Overview (1. Detection) 5 Test web page screenshot Oracle Visual comparison using PID Apply clustering (DBSCAN) A B C

6 Process Overview (2. Localization)

R1 Sub-tree of R-tree 7 R2 R3 R4 R5 Process Overview (2. Localization)

(100, 400) 8 R2R2 R1R1 tr[2 ] R3R3 tdtd tabl e trtr tdtd Result Set: /html/body/…/tr[2] /html/body/…/tr[2]/td[1] /html/body/…/tr[2]/td[1]/table[1] /html/body/…/tr[2]/td[1]/table[1]/tr[1] /html/body/…/tr[2]/td[1]/table[1]/td[1] Map pixel visual differences to HTML elements Process Overview (2. Localization)

/html /html/body /html/body/table... /html/body/table/…/img 1. /html/body/table/…/img /html/body/table 6. /html/body 7. /html Process Overview (3. Result Set Processing) 9 A B C Report Cluster B Cluster C /html /html/body /html/body/table. /html/body/table/…/img Cluster A

Empirical Evaluation 10 7 sec 3 min Detection accuracy = 100% Localization accuracy = 93% Result set size = 23 (10%) Time = 87 sec Running time 1. <>… 2. <>…. 23. <>… Rank of faulty element Rank = 4.8 (2%)

Demo 1.Regression Debugging –Current version of the web app is modified Refactor HTML (e.g. convert to layout) –Seed two presentation failures 2.Mockup Driven Development –Front-end developers convert high-fidelity mockups to HTML pages –Use real-world mockup 11

Thank you 12 WebSee: A Tool for Debugging HTML Presentation Failures Sonal Mahajan and William G. J. Halfond