1. City of Tuscaloosa
Visualization Dashboard
Project Manager: Saumil Khanduri
Chelsie Gates
Anton McKee
Kyle Foxon
Trent Chrane
Rosalyn Henderson
2. Agenda
1. Project Overview
2. Requirements
3. Recommendations
4. Product Backlog
5. Technology Used
6. Timeline and Communication Plan
7. Accomplishments
3. Project Overview
UA is partnering with the City of Tuscaloosa to
develop a dashboard to support existing 311
application that will help City Councilmen effectively
utilize metrics.
4. Data Visualization Requirements
In order for us to effectively analyze the current and future service request
data, we must know WHAT data is being collected and HOW that data is
processed so that we can fully utilize data analytics and visualization tools.
Citizen Operator
Gives
Information
Submits
Information QSend
WHAT HOW
Once we know what data is being collected and how it is processed, we can filter it in the new system
5. What Data is Being Collected?
Citizen
Operator
311 Call Center 311 Mobile App
Information Gathered
-Record Locator #? (PK)
-Telephone Number
-First & Last Name
-Location (format)
-Submission Date (format)
-Completion Date (format)
-Priority?
-Status?
Information Gathered
-Record Locator #? (PK)
-*Email
-*Password
-*Category/Subcategory
-Location (format)
-Picture (format)
-Submission Date (format)
-Completion Date (format)
-Priority?
-Status?
6. How is the Data Being Processed/Handled?
Operator QSend
Retrieves
Information Our System
Submits
Information
Data Retrieval
Process
-Manual/Automatic
Status Report
-Submitted
-In-Progress
-Completed
Priority
-Low
-Medium
-High
-Immediate
Error Handling
-Invalid Data
-Ambiguous Data
-Counteracting Data
7. Data Visualization Recommendations
Houston 311 Data Visualization:
• http://performance.houstontx.gov/311Dashboards
• Multiple visualization options (Bar Chart, Map)
• Visualizations can be filtered numerous categories
• Offer other visualizations for:
• Response time for Service Requests
• Overdue Service Requests
• Service Request Map
New York City Data Visualization:
• http://ibmhadoop.devpost.com/submissions/32971-a-visual-analysis-of-new-
york-city-311-calls
• Requests are condensed into dimensions
• Simple and intuitive visualizations - 3 categories
8. Technology Used
• Web Framework: ASP.NET MVC
• Visualization: Google Charts
• Languages: .NET/ C#, Javascript
• API: ElasticSearch
• Servers: VMware vCenter Server 6.0
• Server OS: Windows Server 2008 R2
12. Product Backlog
● Summary
○ Date range
○ # of service requests opened
○ # of service requests closed
○ Volume in each district
○ Volume in each department
○ Top 5 request categories
● Home
○ Instructions
● Reports
○ Date range
○ # of service requests opened
○ # of service requests closed
○ Volume in each district
Volume in each department
○ Top 5 request categories
● Overall Functionality
○ Security
○ Refresh rate
○ Mobile Friendly
16. Sprint 1
Goals Accomplishments
•Determine pre-defined metrics and data
visualization tool
•Researched most optimal data visualization
tools and strategies for displaying 311 data
(Google Charts)
•Gain access to client’s systems •Studied 311 sample data to determine
which pre-defined metrics to display
•Develop framework for MVC.NET web
application
•Developed MVC.NET framework and
skeleton for web application, completing
the Home tab, City tab, and Help tab
•Develop prototype for ‘Home’, ‘Help’
and ‘City’ views
17. Sprint 2
Goals Accomplishments
•Test API calls to retrieve 311 data •Implemented API call functionality
to QAlerts database
•Determine date range (daily, weekly,
quarterly)
•Modified City tab to meet client’s
requirements
•Develop prototype for ‘Department’
and ‘District’ views
•Developed Department and
District tabs based on City tab
•Test Google Chart data •Tested charts, tables and date
range data against QAlerts
database to ensure data validity
18. Sprint 3
Goals Accomplishments
•Implement real-time data •Implemented real-time data
•Instill comparisons across data •Added graphs with average turnaround
time
•Added ability to view data 30 days back
•Aesthetics for mobile and desktop
views
•Polished and established aesthetic
uniformity across the website
•Testing •. User Acceptance / Backend Testing
•Documentation Documentation - User Guide & Code
Manual
•Deployment •Deployment
19. Project Accomplishments
City officials and councilmen now have the ability to view a variety of
predefined 311 metrics in real-time from their mobile phone to quickly
make data-driven decisions.
● Mobile-friendly
● Real-time data
● Predefined metrics
