1. Web-deployment of a Data Visualization Framework Using AJAX Technology
Students:
Erik Franco - Visualization Interaction developer
Santiago Pintos - Perspectives Properties developer
Raul Tobo - System Structure and Communication developer
Mentor:
Dr. Radu Jianu
CIS 4911 Senior Project
School of Computing and Information Sciences
Florida International University
December 9th, 2013

2. Current System and Problem
Perspectives is a Java software framework developed by Dr. Radu Jianu
Provides the means to accomplish efficient data visualization.
Users are able to upload data sets
Display an interactive interface, called viewers.
Choose from a given list of viewers and data set types.
Perspective’s limitation is that it has been developed as a desktop application.
Needs a web implementation that maintains all functionality.
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

3. Project Management

4. Use Cases
End-User
Perspectives
Framework

5. Functional Requirements
Populate Properties
Actor: End User
Pre-conditions:
User has uploaded a data file
User has created a viewer
User is in the viewers page.
Action:
User clicks launch viewer
Post-conditions:
The properties are displayed for the selected viewer type

6. Functional Requirements
Render Visualization
Actor: End User
Pre-conditions:
User has uploaded a data file
User has created a viewer
User is in the viewers page
Action:
User clicks launch viewer
Post-conditions:
Visualization is rendered by the system

7. System Decomposition Three-tier Architecture:
Accomplishes thin-client requirement.
Majority of processing is done by the server.
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

8. System Deployment
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

9. Class Diagram Model-View-Controller
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

10. Sequence Diagrams (Populate Properties)
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

11. Sequence Diagrams (Render Visualization)
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

12. System Test Cases Test Case ID: ST-UC004PopulateProperties_001 Purpose
To validate Use-Case:
Populate Properties (UC004) in the event that a heat map viewer has been created.
Test Setup Environment
1. User has uploaded a data file compatible with heat map viewers.
2. User has launched a viewer.
3. User is currently on the viewer page.
Test Inputs
None
Expected Result
1. Verify that properties for heat map viewer display correctly.
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

13. System Test Cases Test Case ID: ST-UC006RenderVisualization_001
Purpose
To validate Use-Case:
Render Visualization (UC006) in the event that a user launches a heat map viewer.
Test Setup Environment
1. User has uploaded a data file compatible with heat map viewers.
2. User has launched a viewer.
3. User is currently on the viewer page.
Test Inputs
None
Expected Result
1. Verify that image displays correctly.
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

14. System Interface
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

15. System Interface
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).

16. System Interface
Each Viewer is constructed around the notion of Properties. Users can control the properties and the visualizers responds to those changes by altering its appearance and performing computations. The properties are not linked to GUI elements in the Viewer itself. Instead they are abstracted to types such as Integer, Booleans, and Color. The Perspective framework currently provides a translator that generates appropriate Java GUI elements for all a Viewer’s properties based on their type (Boolean -> checkbox, Integer -> spinbox, Color -> color picker dialog).