FireCrystal: Understanding interactive behaviors in dynamic web pages

Oney, Stephen; Myers, Brad A.

doi:10.1109/vlhcc.2009.5295287

Cited by 65 publications

(33 citation statements)

References 9 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Fernandes et al gave accessibility evaluation [13] of Web applications by triggering possible events that partially change a webpage. FireCrystal [42] is a browser extension that allows developers to indicate interactive behaviours of interest, and shows the specific code (Javascript, CSS, and HTML) that is responsible for those behaviours.…”

Section: Related Workmentioning

confidence: 99%

Practice and Evaluation of Pagelet-Based Client-Side Rendering Mechanism

Han

Xue

Oyama

et al. 2014

IEICE Trans. Inf. & Syst.

View full text Add to dashboard Cite

SUMMARYThe rendering mechanism plays an indispensable role in browser-based Web application. It generates active webpages dynamically and provides human-readable layout through template engines, which are used as a standard programming model to separate the business logic and data computations from the webpage presentation. The client-side rendering mechanism, owing to the advances of rich application technologies, has been widely adopted. The adoption of client side rendering brings not only various merits but also new problems. In this paper, we propose and construct "pagelet", a segment-based template engine for developing flexible and extensible Web applications. By presenting principles, practice and usage experience of pagelet, we conduct a comprehensive analysis of possible advantages and disadvantages brought by client-side rendering mechanism from the viewpoints of both developers and end-users.

show abstract

Section: Related Workmentioning

confidence: 99%

Practice and Evaluation of Pagelet-Based Client-Side Rendering Mechanism

Han

Xue

Oyama

et al. 2014

IEICE Trans. Inf. & Syst.

View full text Add to dashboard Cite

show abstract

“…This allows a Web developer to map a DOM element on the page to locations in the code where the element was modified. Oney and Myers (2009) present FireCrystal, which enables a user to view a timeline of DOM events and DOM modifications, and view code coverage per DOM event.…”

Section: Dynamic Analysis For Understanding Web Applicationsmentioning

confidence: 99%

Understanding Ajax applications by connecting client and server-side execution traces

et al. 2012

View full text Add to dashboard Cite

Ajax-enabled Web applications are a new breed of highly interactive, highly dynamic Web applications. Although Ajax allows developers to create rich Web applications, Ajax applications can be difficult to comprehend and thus to maintain. For this reason, we have created FireDetective, a tool that uses dynamic analysis at both the client (browser) and server-side to facilitate the understanding of Ajax applications. We evaluate FireDetective using (1) a pretest-posttest user study and (2) a field user study. Preliminary evidence shows that the FireDetective tool is an effective aid for Web developers striving to understand Ajax applications.

show abstract

“…There are also two tools that facilitate the understanding of dynamic web page behavior: Script InSight [11] and FireCrystal [13]. Script InSight helps to relate the elements in the browser with the lower-level JavaScript syntax.…”

Section: Related Workmentioning

confidence: 99%

“…It uses the information gathered during the script's execution to build a dynamic, context-sensitive, control-flow model that provides feedback to the developers as a summary of tracing information. FireCrystal [13] is a standalone Firefox plug-in that facilitates the understanding of interactive behaviors in dynamic web pages. FireCrystal performs this functionality by recording interactions and logging information about DOM changes, user input events, and JavaScript executions.…”

Section: Related Workmentioning

confidence: 99%

Reusing Web Application User-Interface Controls

Maras

Štula

Carlson

2011

Lecture Notes in Computer Science

View full text Add to dashboard Cite

Abstract. Highly interactive web applications that offer user experience and responsiveness of desktop applications are becoming increasingly popular. They are often composed out of visually distinctive userinterface (UI) elements that encapsulate a certain behavior -the so called UI controls. Similar controls are often used in a large number of web pages, and facilitating their reuse could offer considerable benefits. Unfortunately, because of a very short time-to-market, and a fast pace of technology development, preparing controls for reuse is usually not a primary concern. In this paper we present a semi-automatic method, and the accompanying tool, for extracting and reusing web controls. The developer selects the control and performs a series of interactions that represent the behavior he/she wishes to reuse. In the background, the execution is analyzed and all code and resources necessary for the standalone functioning of the control are extracted. Optionally, the user can immediately reuse the extracted control by automatically embedding it in an already existing page.

show abstract

FireCrystal: Understanding interactive behaviors in dynamic web pages

Abstract: Abstract

Cited by 65 publications

References 9 publications

Practice and Evaluation of Pagelet-Based Client-Side Rendering Mechanism

Practice and Evaluation of Pagelet-Based Client-Side Rendering Mechanism

Understanding Ajax applications by connecting client and server-side execution traces

Reusing Web Application User-Interface Controls

Contact Info

Product

Resources

About