A Domain-Customizable SVG-Based Graph Editor for Software Visualizations

Size: px
Start display at page:

Download "A Domain-Customizable SVG-Based Graph Editor for Software Visualizations"

Transcription

1 A Domain-Customizable SVG-Based Graph Editor for Software Visualizations Tony Lin, Feng Zou, Holger M. Kienle and Hausi A. Müller University of Victoria, Canada Abstract We have developed a fully-featured graph editor based on Scalable Vector Graphics (SVG) that can be customized for different application domains. Our SVG editor is an interactive SVG document (implemented in JavaScript) that can be embedded into other applications such as web browsers and office suites. As a result, maintenance documents now can be interactively explored, more easily integrated, and automatically kept in sync with the underlying data source. 1. Motivation The SVG editor that we have developed is a reaction to the observation that many software engineering tools developed by academia do not address the document-centric nature of development and maintenance processes. Specifically, the results obtained with maintenance tools (e.g., dependence graphs or interaction couplings) are difficult to integrate with other documents (e.g., architectural descriptions and bug reports) and once this is achieved it becomes difficult to update them to keep them in sync with other documents. For example, in the Rigi reverse engineering tool ( the software graphs that a maintainer produces can be often only preserved and integrated into maintenance documents via taking static screenshots. In contrast, an instance of our SVG editor can be seen as a document that is both embeddable and interactive. When implementing our SVG editor, we have used the Rigi graph editor as a reference tool, striving to realize a close superset of Rigi s functionality. The Rigi tool developed and maintained for over a decade, and used on several industrial projects [5] has proven its usefulness for software maintenance and program comprehension. A tool that implements similar functionality can be expected to be equally useful than Rigi. 2. Features of the SVG Editor The SVG editor leverages W3C s Scalable Vector Graphics (SVG) Recommendation ( Graphics/SVG) to render Rigi-like graphs. Similar to Dynamic HTML, SVG documents can be made interactive by embedding JavaScript code into them. There are several renderers for SVG (e.g., Adobe Viewer, Batik and Opera). The SVG editor is currently targeted at the Adobe Viewer, which is distributed as a plug-in. Once the Adobe Viewer has been installed, our SVG editor can be embedded into applications such as web browsers (e.g., Firefox and Internet Explorer), office suites (e.g., OpenOffice and Microsoft Office), Adobe PDF Reader, and RealPlayer. An earlier version of our SVG editor was primarily static and did allow only limited interactions (e.g., filtering of nodes and arcs, and hiding of node names) [2]. The current version is fully interactive and has all the features expected of sophisticated graph editors [3]. The SVG editor has been implemented completely with JavaScript in about 8,000 lines of code. While the editor functionalities are similar for both Rigi and the SVG editor, the latter exhibits a number of interesting features that distinguish it from stand-alone graph editors. Editor functionality and visualization information can be packaged into a single SVG file. As a result, there is no need for an extra installation procedure for our SVG editor. The SVG editor can be easily embedded into HTML documents and to a limited degree into PDFs. This allows, for example, to enhance design and maintenance documentation with sophisticated graphical views. Furthermore, readers of documentation can interactively manipulated these views. For example, an HTML or PDF version of a design document might show a graph of the high-level architecture of a software system. Maintainers can then interactively filter, expand, and zoom into the graph as needed to accomplish a maintenance task. Since an SVG graph file contains executable code, it is possible to realize live documents [4]. A live document can obtain information about its current state and environment. If necessary, the live document can then react accordingly. For example, the graph could be presented differently depending on the constrains of different viewers. In a network-enabled environment, a live document could 1

2 contact a document server to find out if a more recent version (of the document s graph data or editor functionality) is available and update itself accordingly. Furthermore, annotations and specific views created by the users of the document could be preserved. rendering them within other applications. 3. Sample Applications of the SVG Editor The data model (or schema) of our SVG editor is customizable by specifying dedicated node and arc types. This makes it possible to use the editor in a wide variety of application domains. Generally, the editor is useful for all kinds of information that can be suitable represented and manipulated as a graph. So far we have used the SVG editor to represent information about software systems and to visually render model instances of the Eclipse Modeling Framework (EMF) [3]. In the following we briefly describe two sample applications of the SVG editor to visualize software structures for program comprehension. Figure 1. SVG editor (embedded into Mozilla) rendering a C software system view Figure 1 shows a screenshot of the SVG editor. The editor is embedded into the Mozilla and shows dependencies of a software system written in C. The same SVG editor could be embedded also into PowerPoint for interactive exploration of the graph in front of an audience. In order to compare the capabilities of our editor with Rigi, we have written a converter that allows us to import existing Rigi graphs into the SVG editor. The Rigi graphs range from small graphs (dozens of nodes) to larger graphs (a few hundreds of nodes) [5]. Our experiences indicate that the SVG editor can be a suitable replacement for Rigi. It is fast enough to allow interactive exploration of larger graphs while being more versatile than Rigi with respect to exporting of graph views and Figure 2. SVG editor (embedded into Internet Explorer) rendering a web site view We have also used the SVG editor to visualize different views for web site reverse engineering in REGoLive [1]. REGoLive extends the Adobe GoLive web development tool with functionality for web site comprehension. Since it is not possible to directly show graphs in GoLive, we use the SVG editor instead. Control integration between REGoLive and the SVG graph editor is achieved via web services, which allow us to send messages between the two components. For example, selecting a graph node in SVG sends a message to GoLive to select the corresponding entities in the views. Figure 2 shows a screenshot of a web site developed in GoLive in the background and a corresponding graphical view in the foreground. Nodes in the graph represent files (such as web pages, CSS files, and JSPs) as well as GoLive-specific development objects (such as templates and smart objects). To summarize, we have presented an interactive graph editor based on SVG and implemented in JavaScript that has several desirable properties it is interactive, scriptable, domain-customizable, and embeddable. References [1] G. Gui, H. M. Kienle, and H. A. Müller. REGoLive: Web site comprehension with viewpoints. 13th IEEE International Workshop on Program Comprehension (IWPC 05), pages , May [2] H. M. Kienle, A. Weber, and H. A. Müller. Leveraging SVG in the Rigi reverse engineering tool. SVG Open / Carto.net Developers Conference, July [3] Y. T. Lin. A customizable SVG graph visualization engine. Master s thesis, University of Victoria, Apr [4] A. Weber, H. M. Kienle, and H. A. Müller. Live documents with contextual, data-driven information components. 20th ACM International Conference on Documentation (SIGDOC 02), pages , Oct [5] K. Wong, S. R. Tilley, H. A. Müller, and M. D. Storey. Structural redocumentation: A case study. IEEE Software, 12(1):46 54, Jan

3 Appendix for Tool Demonstration A Domain-Customizable SVG-Based Graph Editor for Software Visualizations Tony Lin, Feng Zou, Holger M. Kienle and Hausi A. Muller University of Victoria, Canada {gaoyun,fzou,kienle,hausi}@cs.uvic.ca I. Tool Maturity For an academic research prototype, the SVG editor is a mature and stable tool. It has been initially developed in 2003 an has been significantly enhanced in the following years by several members of the University of Victoria's Rigi group. Two papers that describe the technical details of the SVG editor have been accepted at the international SVG Open conference series in 2003 ( rigi_reverse_engineering/) and 2007 ( II. Tool Availability The tool is available upon request and we cannot guarantee that we will react quickly to bug reports and requests for enhancements. (In practice, however, it is straightforward to reverse engineer and change the working of the editor because it is implemented in JavaScript, which can be directly read. We purposely do not attempt to obfuscate the JavaScript code.) In the future we plan to make the sources public with an open source license. III. Conducting the Tool Demo In the demo we want to show the audience: The interactive features of the editor Different embeddings of the editor Sample instantiations/customizations of the editor for different domains We elaborate on these points in the following subsections. III.1 Interactive Features When we start up the graph editor we see something like this:

4 Since the editor is implemented completely in JavaScript based on Scalable Vector Graphics, the audience is often sceptical whether such an editor is truly interactive, fully-featured and sufficiently fast. Thus, we begin the demo with a brief walk-through of the features that one can expect from an interactive graph editor: Scrolling and zooming (without loss of resolution) Filtering of nodes and arcs (based on node and arc types) Changing of node shapes and color Searching for node and arc tags Selecting of (multiple) nodes etc. Furthermore, there is a context menu for nodes that allows additional operations:

5 More advanced features of the editor are: A history panel on the left, which provides a mechanism for saving different states in a sequence of graph manipulations. Theses saved states can easily be returned to by leftclicking on the snapshot of the state in the history view. A hierarchical panel on the right that allows to navigate hierarchical graphs. Such a graph contains super-nodes that can be expanded into subgraphs. III.2 Different embeddings of the editor A major benefit of using SVG for rendering the graphs is that the editor is just a SVG file that can be embedded into various host applications. For the demo we want to show the following embeddings: Web browsers: Embedding the SVG into a web browser such as Firefox or Internet Explorer is the most common scenario. In the demo we can show, for example, how this approach allows to create interactive HTML-based design documents that visualize software structures. PowerPoint: Embedding the same SVG into PowerPoint allows interactive exploration of the graph in front of an audience (e.g., in an architectural review meeting). For this feature, PowerPoint has to be run in presentation mode. PDF: High-quality documentation can be made interactive by embedding the SVG into PDF. This is useful in cases where rendering of HTML in a web browser is deemed not appropriate. Batik: The SVG file can be also displayed directly in a SVG viewer such as Batik. This makes it possible to export SVG into other (static) formats.

6 Note that all of the above embeddings are realized with the same SVG file. Furthermore, embedding SVG into a web browser makes the graph editor accessible to applications that themselves are embedding a web browser. For example, since Eclipse embeds IE we can render SVG within Eclipse via IE. III.3 Sample Instantiations A very important feature of the graph editor is its domain-customizability. This makes it possible to use the editor in different context to render different kinds of graph data. In the demo we want to show a number of sample instantiations of the editor for different domain to give the audience an idea of the editor's versatility: Properties of software systems: The domain that is probably of the most interest to the attendees of this conference is the visualization of software structures. In this domain graph nodes denote entities such a variables, functions/procedures and subsystems, and arcs represent dependencies between the nodes. The following picture shows an example of a smaller software system. (The editor is embedded in Mozilla.) EMF model instances: The Eclipse Modeling Framework (EMF) is a modeling framework and code generator for building tools and applications according to a user-defined data model description. We have written an Eclipse plug-in that automatically derives an instantiation of the SVG editor for visualizing a particular EMF model. In the demo we start with a simple EMF model defined in Eclipse and show how to run our

7 plug-in to generate the corresponding editor. A wizard that creates the editor is run on an Eclipse project that contains an EMF model: The SVG editor is then generated and rendered within Eclipse. We render the SVG file in an Eclipse view that embeds Internet Explorer: Structure of web sites: Similar to software structures, this domain visualizes dependencies between entities of a web site or page. Such visualizations can be used for understanding and reverse engineering of web sites. The following pictures show the structure of a web page that has been created by a JSP. (The editor, which is embedded into IE, has been invoked by Adobe GoLive.)

8 If there is interest from the audience, we can look under the hood and show how a domain is encoded and the editor customized.

Lesson 5: Multimedia on the Web

Lesson 5: Multimedia on the Web Lesson 5: Multimedia on the Web Learning Targets I can: Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss

More information

a white paper from Corel Corporation

a white paper from Corel Corporation a white paper from Corel Corporation This document is for discussion purposes only. The products and processes are still under development. The information presented is therefore subject to change without

More information

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites A. Pre-Production of Webpage 1. Determine the specific software needed WYSIWYG- design software that manipulates components of the web page without the user writing or editing code Uses graphical layout

More information

Support for Static Concept Location with sv3d

Support for Static Concept Location with sv3d Support for Static Concept Location with sv3d Xinrong Xie, Denys Poshyvanyk, Andrian Marcus Department of Computer Science Wayne State University Detroit Michigan 48202 {xxr, denys, amarcus}@wayne.edu

More information

Simile Tools Workshop Summary MacKenzie Smith, MIT Libraries

Simile Tools Workshop Summary MacKenzie Smith, MIT Libraries Simile Tools Workshop Summary MacKenzie Smith, MIT Libraries Intro On June 10 th and 11 th, 2010 a group of Simile Exhibit users, software developers and architects met in Washington D.C. to discuss the

More information

Cisco Digital Media Suite: Cisco Live Event Module for Cisco Digital Media Manager 5.2.2

Cisco Digital Media Suite: Cisco Live Event Module for Cisco Digital Media Manager 5.2.2 Cisco Digital Media Suite: Cisco Live Event Module 5.2.2 for Cisco Digital Media Manager 5.2.2 The Cisco Digital Media Suite (DMS) is a comprehensive offering of webcasting and video sharing, digital signage,

More information

White Paper AJAX. for Graphics-Intensive Web Applications

White Paper AJAX. for Graphics-Intensive Web Applications White Paper AJAX for Graphics-Intensive Web Applications AJAX for Graphics-Intensive Web Applications White Paper ILOG, May 2006 Do not duplicate without permission. ILOG, CPLEX and their respective logotypes

More information

AADL Graphical Editor Design

AADL Graphical Editor Design AADL Graphical Editor Design Peter Feiler Software Engineering Institute phf@sei.cmu.edu Introduction An AADL specification is a set of component type and implementation declarations. They are organized

More information

Lesson 5: Multimedia on the Web

Lesson 5: Multimedia on the Web Lesson 5: Multimedia on the Web Lesson 5 Objectives Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss

More information

SILVACO. An Intuitive Front-End to Effective and Efficient Schematic Capture Design INSIDE. Introduction. Concepts of Scholar Schematic Capture

SILVACO. An Intuitive Front-End to Effective and Efficient Schematic Capture Design INSIDE. Introduction. Concepts of Scholar Schematic Capture TCAD Driven CAD A Journal for CAD/CAE Engineers Introduction In our previous publication ("Scholar: An Enhanced Multi-Platform Schematic Capture", Simulation Standard, Vol.10, Number 9, September 1999)

More information

Reporting and Printing Guide

Reporting and Printing Guide Enterprise Studio Reporting and Printing Guide 2017-03-17 Applies to: Enterprise Studio 2.3 and Team Server 2.3 Table of contents 1 About reporting and printing models 4 2 Reporting models to HTML and

More information

Revision for Grade 7 ASP in Unit :1&2 Design & Technology Subject

Revision for Grade 7 ASP in Unit :1&2 Design & Technology Subject Your Name:.... Grade 7 - SECTION 1 Matching :Match the terms with its explanations. Write the matching letter in the correct box. The first one has been done for you. (1 mark each) Term Explanation 1.

More information

Web Accessibility Requirements

Web Accessibility Requirements Web Accessibility Requirements Provide your company s policy or commitment statement regarding electronic accessibility. Compliance with All Federal, State and Local Regulations YuJa Corporation believes

More information

Liferay Digital Experience Platform. New Features Summary

Liferay Digital Experience Platform. New Features Summary Liferay Digital Experience Platform New Features Summary Liferay has redesigned its platform with new functionality in Liferay Digital Experience Platform (DXP). The following is a summary of the key new

More information

USER GUIDE MADCAP FLARE Accessibility

USER GUIDE MADCAP FLARE Accessibility USER GUIDE MADCAP FLARE 2018 Accessibility Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document

More information

GoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.

GoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next. Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection

More information

An Annotation Tool for Semantic Documents

An Annotation Tool for Semantic Documents An Annotation Tool for Semantic Documents (System Description) Henrik Eriksson Dept. of Computer and Information Science Linköping University SE-581 83 Linköping, Sweden her@ida.liu.se Abstract. Document

More information

Interactive Design Working with SVGs

Interactive Design Working with SVGs Interactive Design Working with SVGs What are SVGs SVG stands for Scalable Vector Graphic, it is a fi le format available from many vector programs such as Adobe Illustrator. The above artwork was created

More information

Content Visualization Issues

Content Visualization Issues Name Sanobar Nishat (113052001) MTP : Implementation Issues of Visualization on Small screen devices Report: Summary Report 4 (week 4) Date: 4 Feb 13 Summary: Graphical data visualization is used to display

More information

Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3. Exhibit L. Dockets.Justia.com

Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3. Exhibit L. Dockets.Justia.com Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3 Exhibit L Dockets.Justia.com Claim Chart For Adobe Showing Indirect Infringement Of The 985 Patent Through pdf authoring

More information

Visualizing the evolution of software using softchange

Visualizing the evolution of software using softchange Visualizing the evolution of software using softchange Daniel M. German, Abram Hindle and Norman Jordan Software Engineering Group Department of Computer Science University of Victoria dmgerman,abez,njordan

More information

Generating system documentation augmented with traceability information, using a central XML-based repository

Generating system documentation augmented with traceability information, using a central XML-based repository Generating system documentation augmented with traceability information, using a central XML-based repository Master s thesis presentation Thomas U. Kraus Department of Software Engineering Faculty of

More information

Reference Requirements for Records and Documents Management

Reference Requirements for Records and Documents Management Reference Requirements for Records and Documents Management Ricardo Jorge Seno Martins ricardosenomartins@gmail.com Instituto Superior Técnico, Lisboa, Portugal May 2015 Abstract When information systems

More information

Welcome to the PDF Xpansion SDK

Welcome to the PDF Xpansion SDK Welcome to the PDF Xpansion SDK The PDF Xpansion SDK provides a set of APIs enabling you to integrate high-performance PDF/XPS features and functions into your applications and software solutions. The

More information

Scalable Vector Graphics: SVG. The Little-Known Treasure of Document Viewing

Scalable Vector Graphics: SVG. The Little-Known Treasure of Document Viewing Scalable Vector Graphics: SVG The Little-Known Treasure of Document Viewing 1 Introduction Most everyone has experienced that dreaded feeling of downloading an image from the web to use in a document or

More information

Versions. Overview. OU Campus Versions Page 1 of 6

Versions. Overview. OU Campus Versions Page 1 of 6 Versions Overview A unique version of a page is saved through the automatic version control system every time a page is published. A backup version of a page can also be created at will with the use of

More information

DjVu Technology Primer

DjVu Technology Primer DjVu Technology Primer NOVEMBER 2004 LIZARDTECH, INC. OVERVIEW LizardTech s Document Express products are powered by DjVu, a technology developed in the late 1990s by a team of researchers at AT&T Labs.

More information

Blackboard Collaborate WCAG 2.0 Support Statement August 2016

Blackboard Collaborate WCAG 2.0 Support Statement August 2016 Blackboard Collaborate WCAG 2.0 Support Statement August 2016 Overview The following Support Statement provides an evaluation of accessibility support levels for Blackboard s Collaborate (Ultra) based

More information

The JSF Tools Project

The JSF Tools Project The JSF Tools Project Eclipse Webinar Presentation Presenters Raghu Srinivasan, Project Lead, Oracle Inc. Cameron Bateman, Committer, Oracle Inc January 23, 2007 2007 by Raghu Srinivasan, Oracle Inc; made

More information

M c i r c os o t S at a io i n o n an a d n d A lll lth T i h n i g n s g s P D P F Agenda

M c i r c os o t S at a io i n o n an a d n d A lll lth T i h n i g n s g s P D P F Agenda MicroStation and All Things PDF Agenda Basic PDF Creation from within MicroStation PDF Printer Drivers Printing 3D Design Geometry to a PDF File Sending Geospatial Data to a PDF Exporting Business Data

More information

New Viewer Functionality PRINT FUNCTIONALITY

New Viewer Functionality PRINT FUNCTIONALITY HTML5 Viewer using Google Chrome This document provides information on using the new HTLM5 viewer with Google Chrome. Note that examples and screenshots in this document have been provided from the esearch

More information

IBM Research Report. WebRB: A Different Way to Write Web-Applications

IBM Research Report. WebRB: A Different Way to Write Web-Applications RC24091 (W0610-156) October 27, 2006 Computer Science IBM Research Report WebRB: A Different Way to Write Web-Applications Avraham Leff, James T. Rayfield IBM Research Division Thomas J. Watson Research

More information

Welcome to the PDF Xpansion SDK

Welcome to the PDF Xpansion SDK Welcome to the PDF Xpansion SDK The PDF Xpansion SDK provides a set of APIs enabling you to integrate high-performance PDF/XPS features and functions into your applications and software solutions. The

More information

Vizit Essential for SharePoint 2013 Version 6.x User Manual

Vizit Essential for SharePoint 2013 Version 6.x User Manual Vizit Essential for SharePoint 2013 Version 6.x User Manual 1 Vizit Essential... 3 Deployment Options... 3 SharePoint 2013 Document Libraries... 3 SharePoint 2013 Search Results... 4 Vizit Essential Pop-Up

More information

Adobe Photoshop CS6 Voluntary Product Accessibility Template

Adobe Photoshop CS6 Voluntary Product Accessibility Template Adobe Photoshop CS6 Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments regarding

More information

IBM TRIRIGA Application Platform Version 3.2. Graphics User Guide. Copyright IBM Corp i

IBM TRIRIGA Application Platform Version 3.2. Graphics User Guide. Copyright IBM Corp i IBM TRIRIGA Application Platform Version 3.2 Graphics User Guide Copyright IBM Corp. 2011 i Note Before using this information and the product it supports, read the information in Notices on page 31. This

More information

CaptainCasa Enterprise Client. Why, where, how JavaFX makes sense

CaptainCasa Enterprise Client. Why, where, how JavaFX makes sense CaptainCasa Enterprise Client Why, where, how JavaFX makes sense 1 Why, where, how JavaFX makes sense! by Björn Müller, http://www.captaincasa.com CaptainCasa is an open community of mid-range business

More information

IBM TRIRIGA Application Platform Version 3.3. Graphics User Guide. Copyright IBM Corp i

IBM TRIRIGA Application Platform Version 3.3. Graphics User Guide. Copyright IBM Corp i IBM TRIRIGA Application Platform Version 3.3 Graphics User Guide Copyright IBM Corp. 2011 i Note Before using this information and the product it supports, read the information in Notices on page 33. This

More information

DNN Module for CopySafe PDF. -- Installation Guide -- About this Module and CopySafe PDF

DNN Module for CopySafe PDF. -- Installation Guide -- About this Module and CopySafe PDF DNN Module for CopySafe PDF -- Installation Guide -- About this Module and CopySafe PDF This DNN module enables websites using DNN to upload, display and manage pages and posts that display protected PDF

More information

A Framework for Interactive Visualization of Component-Based Software

A Framework for Interactive Visualization of Component-Based Software A Framework for Interactive Visualization of Component-Based Software Alexandru Telea, Lucian Voinea Department of Mathematics and Computer Science, Eindhoven University of Technology, Den Dolech 2, 5600

More information

Five9 Virtual Contact Center Online Help and Browser Usage Guidelines

Five9 Virtual Contact Center Online Help and Browser Usage Guidelines Cloud Contact Center Software Five9 Virtual Contact Center Online Help and Browser Usage Guidelines Five9 Virtual Contact Center Online Help Overview The Five9 Virtual Contact Center (VCC) Online Help

More information

Course 55177A: Advanced Microsoft PowerPoint 2016 Duration: 1 Day

Course 55177A: Advanced Microsoft PowerPoint 2016 Duration: 1 Day Course 55177A: Advanced Microsoft PowerPoint 2016 Duration: 1 Day Course Outline Module 1: Customizing Presentations This module explains how to customize your presentations by adding backgrounds, themes,

More information

Porting mobile web application engine to the Android platform

Porting mobile web application engine to the Android platform 2010 10th IEEE International Conference on Computer and Information Technology (CIT 2010) Porting mobile web application engine to the Android platform Yonghong Wu, Jianchao Luo, Lei Luo School of Computer

More information

InDesign UX Design Patterns. by Justin Putney

InDesign UX Design Patterns. by Justin Putney InDesign UX Design Patterns by Justin Putney InDesign UX Design Patterns Hi, I m Justin Putney, Owner of Ajar Productions. Thanks for downloading this guide! It s full of ways to create interactive user

More information

Useful Information. This document contains some brief information and screen shots to assist in your exploration of the Lodge Family Trees.

Useful Information. This document contains some brief information and screen shots to assist in your exploration of the Lodge Family Trees. Useful Information This document contains some brief information and screen shots to assist in your exploration of the Lodge Family Trees. It is essential that Javascript is enabled on your computer for

More information

Handshake Accessibility Overview

Handshake Accessibility Overview Handshake Accessibility Overview Handshake takes accessibility seriously. This document provides an overview of our commitment to making Handshake accessible to every user. Handshake takes the following

More information

Part I. The Basics. Chapter 1: Exploring SharePoint Designer. Chapter 2: SharePoint from the User s Perspective

Part I. The Basics. Chapter 1: Exploring SharePoint Designer. Chapter 2: SharePoint from the User s Perspective Part I The Basics Chapter 1: Exploring SharePoint Designer Chapter 2: SharePoint from the User s Perspective Chapter 3: SharePoint from the Administrator s Perspective Chapter 4: SharePoint from a SharePoint

More information

Master Project Software Engineering: Team-based Development WS 2010/11

Master Project Software Engineering: Team-based Development WS 2010/11 Master Project Software Engineering: Team-based Development WS 2010/11 Implementation, September 27 th, 2011 Glib Kupetov Glib.Kupetov@iese.fraunhofer.de Tel.: +49 (631) 6800 2128 Sebastian Weber Sebastian.Weber@iese.fraunhofer.de

More information

Talend Open Studio for MDM Web User Interface. User Guide 5.6.2

Talend Open Studio for MDM Web User Interface. User Guide 5.6.2 Talend Open Studio for MDM Web User Interface User Guide 5.6.2 Talend Open Studio for MDM Web User Interface Adapted for v5.6.2. Supersedes previous releases. Publication date: May 12, 2015 Copyleft This

More information

A Hierarchical Keyframe User Interface for Browsing Video over the Internet

A Hierarchical Keyframe User Interface for Browsing Video over the Internet A Hierarchical Keyframe User Interface for Browsing Video over the Internet Maël Guillemot, Pierre Wellner, Daniel Gatica-Pérez & Jean-Marc Odobez IDIAP, Rue du Simplon 4, Martigny, Switzerland {guillemo,

More information

Abstractions in Multimedia Authoring: The MAVA Approach

Abstractions in Multimedia Authoring: The MAVA Approach Abstractions in Multimedia Authoring: The MAVA Approach Jürgen Hauser, Jing Tian Institute of Parallel and Distributed High-Performance Systems (IPVR) University of Stuttgart, Breitwiesenstr. 20-22, D

More information

Browsing the Semantic Web

Browsing the Semantic Web Proceedings of the 7 th International Conference on Applied Informatics Eger, Hungary, January 28 31, 2007. Vol. 2. pp. 237 245. Browsing the Semantic Web Peter Jeszenszky Faculty of Informatics, University

More information

A network is a group of two or more computers that are connected to share resources and information.

A network is a group of two or more computers that are connected to share resources and information. Chapter 1 Introduction to HTML, XHTML, and CSS HTML Hypertext Markup Language XHTML Extensible Hypertext Markup Language CSS Cascading Style Sheets The Internet is a worldwide collection of computers and

More information

Software Requirements Specification (SRS) Graphical Model Editing Framework (GMEF) Motorola 1

Software Requirements Specification (SRS) Graphical Model Editing Framework (GMEF) Motorola 1 Software Requirements Specification (SRS) Graphical Model Editing Framework (GMEF) Motorola 1 Final Draft Due December 7, 2006 Authors: Greg Heil, Andrew Holder, Karli Lopez, Josh Detwiler Customer: Kabe

More information

The modularity requirement

The modularity requirement The modularity requirement The obvious complexity of an OS and the inherent difficulty of its design lead to quite a few problems: an OS is often not completed on time; It often comes with quite a few

More information

Adobe Illustrator CS5.1 Voluntary Product Accessibility Template

Adobe Illustrator CS5.1 Voluntary Product Accessibility Template Adobe Illustrator CS5.1 Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments

More information

HOW TO Google Online Fillable Forms for Kiwanis Club Websites

HOW TO Google Online Fillable Forms for Kiwanis Club Websites KIWANIS INTERNATIONAL HOW TO Google Online Fillable Forms for Kiwanis Club Websites Publish via email, website or blog Mandy Grover User instructions for creating free online fillable forms with Google

More information

Adobe Illustrator CC Voluntary Product Accessibility Template

Adobe Illustrator CC Voluntary Product Accessibility Template Adobe Illustrator CC Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments regarding

More information

Showing differences between disassembled functions

Showing differences between disassembled functions Showing differences between disassembled functions Aureliano Calvo Core Security Technologies ITBA phd program ABSTRACT In this paper we describe how to show the differences between two basic-block graphs

More information

Submission for sappi.com as "Best SharePoint Public Website"

Submission for sappi.com as Best SharePoint Public Website The European SharePoint Community Awards 2012 Submission for sappi.com as "Best SharePoint Public Website" Content 1. Introduction...2 2. The Idea and its Challenges...2 3. Realization with SharePoint...2

More information

Exploring SharePoint Designer

Exploring SharePoint Designer Exploring SharePoint Designer Microsoft Windows SharePoint Services 3.0 and Microsoft Office SharePoint Server 2007 are large and sophisticated web applications. It should come as no surprise, therefore,

More information

Application Testing Suite OpenScript Functional Testing Introduction. Yutaka Takatsu Group Product Manager Oracle Enterprise Manager - ATS

Application Testing Suite OpenScript Functional Testing Introduction. Yutaka Takatsu Group Product Manager Oracle Enterprise Manager - ATS Application Testing Suite OpenScript Functional Testing Introduction Yutaka Takatsu Group Product Manager Oracle Enterprise Manager - ATS 1 Agenda Application Testing Suite (ATS) & OpenScript Overview

More information

GRADING ASSIGNMENTS. You can access assignments that have been submitted by students and need grading from the:

GRADING ASSIGNMENTS. You can access assignments that have been submitted by students and need grading from the: GRADING ASSIGNMENTS When you create an assignment, a column is added automatically to the Grade Center. An assignment that has been submitted, but not graded, is indicated with an exclamation mark ( )

More information

USER GUIDE. MADCAP FLARE 2017 r3. Accessibility

USER GUIDE. MADCAP FLARE 2017 r3. Accessibility USER GUIDE MADCAP FLARE 2017 r3 Accessibility Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document

More information

About the Edinburgh Pathway Editor:

About the Edinburgh Pathway Editor: About the Edinburgh Pathway Editor: EPE is a visual editor designed for annotation, visualisation and presentation of wide variety of biological networks, including metabolic, genetic and signal transduction

More information

Firefox for Android. Reviewer s Guide. Contact us:

Firefox for Android. Reviewer s Guide. Contact us: Reviewer s Guide Contact us: press@mozilla.com Table of Contents About Mozilla 1 Move at the Speed of the Web 2 Get Started 3 Mobile Browsing Upgrade 4 Get Up and Go 6 Customize On the Go 7 Privacy and

More information

What's New in Sitecore CMS 6.4

What's New in Sitecore CMS 6.4 Sitecore CMS 6.4 What's New in Sitecore CMS 6.4 Rev: 2010-12-02 Sitecore CMS 6.4 What's New in Sitecore CMS 6.4 This document describes the new features and changes introduced in Sitecore CMS 6.4 Table

More information

Voluntary Product Accessibility Template (VPAT ) Revised Section 508 Edition. About This Document. Version 2.2 July 2018

Voluntary Product Accessibility Template (VPAT ) Revised Section 508 Edition. About This Document. Version 2.2 July 2018 Voluntary Product Accessibility Template (VPAT ) Edition Version 2.2 July 2018 About This Document...1 Essential Requirements and Best Practices for Information & Communications Technology (ICT) Vendors...3

More information

in rich text controls as well as Word Document templates by adding them as document properties and these into the template.

in rich text controls as well as Word Document templates by adding them as document properties and these into the template. Document: MRM-1003-RN (0040) Page: 1 / 7 RELEASE NOTES SOFTWARE IDENTIFICATION Matrix Requirements Medical Release 1.6.1235.6238 NEW FUNCTIONALITY IN THIS RELEASE New Features MATRIX-708 Smart Text: reusable

More information

Web Accessibility Checklist

Web Accessibility Checklist Web Accessibility Checklist = Web Content Accessibility Guidelines published by the World Wide Web Consortium (W3C) 508 = Section 508 of the Rehabilitation Act = Both CATE and Moodle take care of the rule

More information

Adobe InDesign CC Voluntary Product Accessibility Template

Adobe InDesign CC Voluntary Product Accessibility Template Adobe InDesign CC Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments regarding

More information

Using the VMware vcenter Orchestrator Client. vrealize Orchestrator 5.5.1

Using the VMware vcenter Orchestrator Client. vrealize Orchestrator 5.5.1 Using the VMware vcenter Orchestrator Client vrealize Orchestrator 5.5.1 You can find the most up-to-date technical documentation on the VMware website at: https://docs.vmware.com/ If you have comments

More information

HUSKY CRIME GUIDE. Interactive Prototype

HUSKY CRIME GUIDE. Interactive Prototype HUSKY CRIME GUIDE Usability Tester: Galina Sweet Writer: Jennifer Wong Interactive Prototype Group Manager: Veronica Ivaniukovich Designer: Matthew Barrie CSE 440: Autumn 2011 Assignment 9 Problem & Solution

More information

IMPORTING, ORGANIZING, EXPORTING, AND SAVING. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication

IMPORTING, ORGANIZING, EXPORTING, AND SAVING. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication IMPORTING, ORGANIZING, EXPORTING, AND SAVING MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication OBJECTIVES This presentation covers the following ACA Exam objectives:

More information

1 Copyright 2013, Oracle and/or its affiliates. All rights reserved.

1 Copyright 2013, Oracle and/or its affiliates. All rights reserved. 1 Copyright 2013, Oracle and/or its affiliates. All rights reserved. Oracle Application Express 2 Copyright 2013, Oracle and/or its affiliates. All rights reserved. Fully supported no-cost feature of Oracle

More information

Community Edition. Web User Interface 3.X. User Guide

Community Edition. Web User Interface 3.X. User Guide Community Edition Talend MDM Web User Interface 3.X User Guide Version 3.2_a Adapted for Talend MDM Web User Interface 3.2 Web Interface User Guide release. Copyright This documentation is provided under

More information

Leverage the Power of Progress Developer Studio for OpenEdge. 8 th Oct, 2013

Leverage the Power of Progress Developer Studio for OpenEdge. 8 th Oct, 2013 Leverage the Power of Progress Developer Studio for OpenEdge Srinivas Kantipudi Sr Manager 8 th Oct, 2013 Swathi Yellavaram Principal Engineer Agenda Brief Introduction to Eclipse and PDS for OpenEdge

More information

Spemmet - A Tool for Modeling Software Processes with SPEM

Spemmet - A Tool for Modeling Software Processes with SPEM Spemmet - A Tool for Modeling Software Processes with SPEM Tuomas Mäkilä tuomas.makila@it.utu.fi Antero Järvi antero.jarvi@it.utu.fi Abstract: The software development process has many unique attributes

More information

Towards flexible and efficient model-based testing, utilizing domain-specific modelling

Towards flexible and efficient model-based testing, utilizing domain-specific modelling Towards flexible and efficient model-based testing, utilizing domain-specific modelling Olli-Pekka Puolitaival VTT Technical Research Centre of Finland P.O. Box 1100 90571 Oulu, Finland olli-pekka.puolitaival@vtt.fi

More information

Elucidative Programming in Open Integrated Development Environments for Java

Elucidative Programming in Open Integrated Development Environments for Java Elucidative Programming in Open Integrated Development Environments for Java Thomas Vestdam Department of Computer Science, Aalborg University Fredrik Bajers Vej 7E 9220 Aalborg, Denmark odin@cs.auc.dk

More information

Css Pdf Reader Software For Windows 7 64 Bit

Css Pdf Reader Software For Windows 7 64 Bit Css Pdf Reader Software For Windows 7 64 Bit Oct 19, 2014. PS: I use windows 7 and my PDF viewer is Foxit Reader. I tried upgrading to I'm using Xfce (64-bit) and my pdf viewer is Okular as well. Sometimes

More information

Using the VMware vrealize Orchestrator Client

Using the VMware vrealize Orchestrator Client Using the VMware vrealize Orchestrator Client vrealize Orchestrator 7.0 This document supports the version of each product listed and supports all subsequent versions until the document is replaced by

More information

Advanced Layouts in a Content-Driven Template-Based Layout System

Advanced Layouts in a Content-Driven Template-Based Layout System Advanced Layouts in a Content-Driven Template-Based Layout System ISTVÁN ALBERT, HASSAN CHARAF, LÁSZLÓ LENGYEL Department of Automation and Applied Informatics Budapest University of Technology and Economics

More information

DEVELOPING MICROSOFT SHAREPOINT SERVER 2013 ADVANCED SOLUTIONS. Course: 20489A; Duration: 5 Days; Instructor-led

DEVELOPING MICROSOFT SHAREPOINT SERVER 2013 ADVANCED SOLUTIONS. Course: 20489A; Duration: 5 Days; Instructor-led CENTER OF KNOWLEDGE, PATH TO SUCCESS Website: DEVELOPING MICROSOFT SHAREPOINT SERVER 2013 ADVANCED SOLUTIONS Course: 20489A; Duration: 5 Days; Instructor-led WHAT YOU WILL LEARN This course provides SharePoint

More information

Web Content Accessibility Guidelines 2.0 level AA Checklist

Web Content Accessibility Guidelines 2.0 level AA Checklist Web Content Accessibility Guidelines 2.0 level AA Checklist Date: April, 2016 Name of Product: SoftChalk Create 10 (both desktop and cloud web-launch versions) Contact for more information: email: help@softchalk.com

More information

Laserfiche 8.1 New Features Quick Reference. White Paper

Laserfiche 8.1 New Features Quick Reference. White Paper Laserfiche 8.1 New Features Quick Reference White Paper May 2009 The information contained in this document represents the current view of Compulink Management Center, Inc on the issues discussed as of

More information

GETTING STARTED Contents

GETTING STARTED Contents 2.5 Enterprise GETTING STARTED Contents Quick Start Guide... 2 Supporting Data... 3 Prompts... 3 Techniques... 4 Pragmatic Observations... 5 Locations... 6 School Levels... 6 Quick Notes... 6 Session Groups...

More information

Moodle Student Introduction

Moodle Student Introduction Moodle Student Introduction City College Plymouth has chosen Moodle 1 as its Managed Learning Environment (MLE) to help support your learning, whatever course you are studying. Moodle courses are created

More information

JQueryScapes: customizable Java code perspectives

JQueryScapes: customizable Java code perspectives JQueryScapes: customizable Java code perspectives [Forum Demonstration Proposal] Lloyd Markle, Kris De Volder Department of Computer Science University of British Columbia Vancouver, BC, Canada 604-822-1290

More information

Screencast.com. Getting the Most from Your Screencast.com Account. July TechSmith Corporation. All rights reserved.

Screencast.com. Getting the Most from Your Screencast.com Account. July TechSmith Corporation. All rights reserved. Screencast.com Getting the Most from Your Screencast.com Account July 2009 2009 TechSmith Corporation. All rights reserved. Contents Contents...2 First Things First: Get Organized...3 Get Familiar with

More information

Adobe RoboHelp 9 Voluntary Product Accessibility Template

Adobe RoboHelp 9 Voluntary Product Accessibility Template Adobe RoboHelp 9 Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments regarding

More information

Platform-Independent UI Models: Extraction from UI Prototypes and rendering as W3C Web Components

Platform-Independent UI Models: Extraction from UI Prototypes and rendering as W3C Web Components Platform-Independent UI Models: Extraction from UI Prototypes and rendering as W3C Web Components Marvin Aulenbacher, 19.06.2017, Munich Chair of Software Engineering for Business Information Systems (sebis)

More information

LENSEC, LLC. PERSPECTIVE VMS. Release Notes (Version 1.1.0) LENSEC, LLC. 4/20/2012

LENSEC, LLC. PERSPECTIVE VMS. Release Notes (Version 1.1.0) LENSEC, LLC. 4/20/2012 LENSEC, LLC. PERSPECTIVE VMS Release Notes (Version 1.1.0) LENSEC, LLC. 4/20/2012 *Release notes for the Perspective VMS* and Standard Editions CONTENTS 1. Introduction... 2 1.1. Scope... 2 2. System Requirements...

More information

Agilix Buzz Accessibility Statement ( )

Agilix Buzz Accessibility Statement ( ) Agilix Buzz Accessibility Statement (08 30 2016) Voluntary Product Accessibility Template (VPAT) Software Applications and Operating Systems (Section 1194.21) Web based intranet and Internet information

More information

PASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year

PASS4TEST. IT Certification Guaranteed, The Easy Way!   We offer free update service for one year PASS4TEST IT Certification Guaranteed, The Easy Way! \ http://www.pass4test.com We offer free update service for one year Exam : 9A0-046 Title : Adobe GoLive CS2 ACE Exam Vendors : Adobe Version : DEMO

More information

Typhon Group Website WCAG 2.0 Support Statement

Typhon Group Website WCAG 2.0 Support Statement Typhon Group Website WCAG 2.0 Support Statement Date of WCAG testing: 4/5/2016 Name of Product: Typhon Group Student Tracking Systems (web application) Contact Info: Aviva Bowman, aviva@typhongroup.com,

More information

Page Layout Using Tables

Page Layout Using Tables This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,

More information

PrimePay System Requirements

PrimePay System Requirements PrimePay Web-Based System Requirements Document Title Document Goal PrimePay System Requirements Detail the system requirements for PrimePay s Web based application. Table of Contents 1.0 Minimum Software

More information

estatements Help Document October 2016

estatements Help Document October 2016 estatements Help Document October 2016 Table of Contents Section 1 - Accessing estatements.... 2 Section 2 - Requirements..... 3 Section 3 - Viewing estatements. 3 Section 4 - Printing and Saving estatements

More information

WebFOCUS Business User Edition Release Guide Release 8.2 Version 01

WebFOCUS Business User Edition Release Guide Release 8.2 Version 01 WebFOCUS Business User Edition Release Guide Release 8.2 Version 01 November 04, 2016 Active Technologies, EDA, EDA/SQL, FIDEL, FOCUS, Information Builders, the Information Builders logo, iway, iway Software,

More information