User Interfaces and Visualizations for Development-Time Program Analysis James Holley.

Slides:



Advertisements
Similar presentations
Graph Visualization and Navigation in Information Visualization: A Survey Ivan Herman, Guy Melaneon, M. Scott Marshall.
Advertisements

TopicLens, and More! John O’Donovan Four Eyes Lab, Department of Computer Science, University of California, Santa Barbara.
Interactive Reporting v3.2. Multiple Order By Option Set multiple order by options.
© 2007 AT&T Knowledge Ventures. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Knowledge Ventures. Interactive Solutions & Design Group.
Improving your OpenEdge® Development Productivity David Lund Sr. Training Program Manager, Progress.
The Last Procedure Before First Functional Prototype Grant Boomer, Brett Papineau, Tanis Lopez, Archana Shrestha CS 383.
Creating an OOED Application
Business Process Modeling in Microsoft Visio® Interfacing’s BPMN Modeler: Overview.
© by Pearson Education, Inc. All Rights Reserved.
Visual Basic 2010 How to Program. © by Pearson Education, Inc. All Rights Reserved.2.
Visual Basic 2010 How to Program Reference: Instructor: Maysoon Bin Duwais slides Visual Basic 2010 how to program by Deitel © by Pearson Education,
Project Presentation Group 2: Katharina Plugge Michael Eichler.
1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.
Space-Filling Software Visualization by Marla J. Baker and Stephen G. Eick Presented by: Brian Phillips February
Instructional Information in Adaptive Spatial Hypertext Luis Francisco-Revilla and Frank Shipman Presented By : Ananda Man Shrestha.
Browsing Hierarchical Data with Multi-level Dynamic Queries and Pruning By H. P. Kumar, C. Plaisant & B. Schneidernam Presented by: Dawit Yimam Seid.
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
Subdue Graph Visualizer by Gayathri Sampath, M.S. (CSE) University of Texas at Arlington.
Table Lens From papers 1 and 2 By Tichomir Tenev, Ramana Rao, and Stuart K. Card.
1/17 RDF Gravity 2/17 Content 1. Introduction  Problem statement and Existing Solutions 3. RDF Gravity 4. Conclusion 5. References.
1 Introduction to the Visual Studio.NET IDE Powerpoint slides modified from Deitel & Deitel.
PaperScope: Visually Exploring the ADS Mark Holliman VOTECH Web Developer University of Edinburgh ADASS XVII, London,
Problem Solving Chapter 2. What is an algorithm? n A solution to a problem that is: –Precise –Effective –Terminating.
Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Virginia Tech. Proceedings of IEEE Symposium on InfoVis’02.
XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.
Microsoft Visual Basic 2012 CHAPTER TWO Program and Graphical User Interface Design.
CS 235: User Interface Design November 12 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak
Copyright © 2010 SAS Institute Inc. All rights reserved. Effective Data Visualization Design for Dashboards Lisa Whitman TriUPA May 25, 2011.
© 2013 IBM Corporation IBM SmartCloud Monitoring Capacity Planner PowerVM Placement – TOPOLOGY VIEW Girish B Chandrasekhar.
Chapter 11: Introduction to the Visual Basic Environment Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University.
TATA CONSULTANCY SERVICES
Pad++1 Pad++ A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented by Dilshad Akhter by Benjamin B. Bederson James D. Hollan.
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 2 Welcome Application Introducing the Visual Basic 2008 Express Edition IDE.
Visual Basic.NET Comprehensive Concepts and Techniques Chapter 2 The Visual Basic.NET Integrated Development Environment.
Introducing Excel Jason C. H. Chen, Ph.D. Professor of Management Information Systems School of Business Administration Gonzaga University Spokane, WA.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
Attributed Visualization of Collaborative Workspaces Mao Lin Huang, Quang Vinh Nguyen and Tom Hintz Faculty of Information Technology University of Technology,
How to Run a Scenario In HP LoadRunner >>>>>>>>>>>>>>>>>>>>>>
MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami.
Chapter 2 – Introduction to the Visual Studio .NET IDE
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Hexahexaflexagon Automata Paul Curzon Queen Mary University of London With support from Google,
Visual Basic CDA College Limassol Campus Lecture:Pelekanou Olga Semester C Week - 1.
1.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented By: Daniel Loewus-Deitch.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
Chapter 11: Introduction to VBA Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University Name.
Ch- 8. Class Diagrams Class diagrams are the most common diagram found in modeling object- oriented systems. Class diagrams are important not only for.
2a – Object Oriented Lingma Acheson Department of Computer and Information Science, IUPUI CSCI N331 VB.NET Programming.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Benjamin B. Bederson and James D. Hollan Presented by Daniel Schulman.
Microsoft Visual Basic 2010 CHAPTER TWO Program and Graphical User Interface Design.
MBAT User Workflows View an Atlas Open Data Upload Data Run a Query –Search Data Further Examination Microarray Data Further Examination of 2D Data –Search.
Chapter 27 Getting “Web-ified” (Web Applications) Clearly Visual Basic: Programming with Visual Basic nd Edition.
Class Diagrams. Terms and Concepts A class diagram is a diagram that shows a set of classes, interfaces, and collaborations and their relationships.
Bonjour, Montreal! Laissez les bon temps rouler!.
CS 235: User Interface Design April 28 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
10 Copyright © 2004, Oracle. All rights reserved. Building ADF View Components.
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
Web mining is the use of data mining techniques to automatically discover and extract information from Web documents/services
Visual Basic.NET Comprehensive Concepts and Techniques Chapter 2 The Visual Basic.NET Integrated Development Environment.
 2002 Prentice Hall. All rights reserved. 1 Introduction to the Visual Studio.NET IDE Outline Introduction Visual Studio.NET Integrated Development Environment.
Folksonomies, Social Tagging, and Library Catalogs By: Niki Kranich Information Visualization (554) May 6, 2008.
#SummitNow Alfresco and Neo4j 6 November 2013 Ivan Krnić, Head of Java and ECM CROZ.
Java FX: Scene Builder.
Chapter 2 – Introduction to the Visual Studio .NET IDE
NVIDIA Profiler’s Guide
Home Clear Medium-Fi Prototype
12 Product Configurator
Manipulation of Charts with Visual Basic
Section 9.5 Day 1 Solving Quadratic Equations by using the Quadratic Formula Algebra 1.
Presentation transcript:

User Interfaces and Visualizations for Development-Time Program Analysis James Holley

Motivation Develop a programming environment that allows for real-time static analysis, program visualization and debugging Allow the user to manipulate the visualization in order to focus on certain portions of memory Allow access to all data provided by the analysis while hiding potentially irrelevant details

Design Flowchart

User Interface Allow the user to see the visualization and code side by side Allow easy access to all visualizations Intuitive and easy for the user to select and view program states that may be useful

User Interface

Visualization Allow the user to manipulate the visualization in order to focus on certain portions of memory Allow access to all data provided by the analysis while hiding potentially irrelevant details

Example Graph – Intuitive? Memory Addresses Terminal Edges Recursive Data Structures Points-to Relation

User Interaction Pan/ Zoom: Move the graph to more clearly see different sections Drag Control: Move individual nodes Selection and Summarize: Compress parts of the graph into summaries that can be seen by hovering over the summarized section Restore: Undo a summary to restore the data that is currently summarized

Example of Summarization Graph with Summarized Sections s0’s Contents

Summaries Explained! Allow portions of graph to be compressed to hide irrelevant data Can be restored to display the data in the visualization before a certain summarization Contents of the summaries can be seen by hovering over the node Can be nested to further simplify the visualization Bottom Line: Allow the user to simplify the graph to discover useful properties of the program

Future Work and Improvements Improvements to Visualization: Use color to highlight the link between nodes and labels on the graph Allow user to unfold ‘thick edges’ to show iterations of the recursive data structure Improvements to Overall Design: User study to explore usefulness of visualizations Integrate into Eclipse’s build manager Find a heuristic that can pre-determine summarized areas

Thanks for the Help! Professor Evan Chang Daniel Stutzman Devin Coughlin