際際滷

際際滷Share a Scribd company logo
Human Data Interaction 
Deok Gun Park 
HCIL, University of Maryland
Who are you? 
ABOUT ME
About Speaker 
Machine learning 
 Statistical analysis 
 Recommender system 
 Collective intelligence 
 Information Retrieval 
UI 
 Interaction Design 
 Usability 
 Making things simple 
& intuitive 
Viz 
 Web visualization 
 Sense making over 
big data using visual 
pattern matching 
Intuinno means intuitive innovation
Previous Works 
Projects Proposals
 Muscleman 
 https://www.youtube.com/watch?v=dS8F07O_Gls&lis 
t=UUohTc2KF07e3yqgZR2kxVZA&index=10 
 Touch and Play 
 https://www.youtube.com/watch?v=MXMKEKdxm74 
&list=UUohTc2KF07e3yqgZR2kxVZA 
 AirBeat 
 https://www.youtube.com/watch?v=xaOoHCL2a5w&li 
st=UUohTc2KF07e3yqgZR2kxVZA&index=12
Visualization of Business Transaction Data 
PARALLELSPACES
User	A	 User	B	 User	C	 User	D	 User	E	 
Movie	1	 1	 1	 4	 
Movie	2	 4	 2	 3	 3	 5	 
Movie	3	 1	 1	 
Movie	4	 2	 4	 1	 1	 
Movie	5	 3	 3	 2	 4	 
1 
4 
5 
2 
3 
A 
B D 
E 
C 
User	E	 
Age	 32	 
Job	 Writer	 
Gender	 Femaie	 
Zip	Code	 47906	 
Average	 
3.4	 
Review	 
Number	of	 
Reviews	 
57	 
Movie	1	 
Release	 
Date	 
1978	 
Average	 
Review	 
4.3	 
Number	of	 
Reviews	 
345	 
Demo
Toy	story	(1995)	 
Scream	(1996)	 
Similarity 
Location 
Age
19,	M,	Student	 
51,	M,	Educator	 
Similarity 
Release Date 
Average Review
VisDock Toolset 
User Space 
Axis Selection Menu 
Configuration for 
Contour plot and Selection 
Movie Space
5	 
4	 
3	 
2	 
1	 
Efficiency	 Ease	of	use	 Enjoyability	 
MovieVis	 
YelpVis	 
YelpVis	-	Not	familiar	Users	 
YelpVis	-	Familiar	Users
Generalization of Scatterplots for Nominal Variables 
GATHERPLOTS
Demo
Guided Walkthrough 
Discussion Board 
Plot comparison 
Basic Control
Device Independent Multi-Window using Synchronous Universal Model 
DIMSUM
Goal - What? 
DIMSUM? (Device Independent Multi-window using Synchronized Universal Model) 
Web App DIMSUM 
Browser Chrome Firefox Firefox IE 
OS Mac Android Windows 
Hardware Desktop Tablet Laptop 
User A (US) B (Asia) 
Non-homogenous 
User A in US with multiple devices User B in Asia with multiple devices 
Work collaboratively in real-time
Background  Why? 
 Multi-window 
 Multi-display 
 Nonhomogeneous 
Devices 
 Tablet, Tabletop, 
smartphone, wall 
 Collaborative visual 
analytics 
 Is web ready for this?
Method  How? 
Global Variables 
Global Constant 
Local Variables 
Program Binary 
Cloud-based Database server 
Real-time Synchronization (FireBase) 
Global Variables 
Global Constant 
Local Variables 
Program Binary 
Global Variables 
Global Constant 
Local Variables 
Program Binary 
Static File 
One time delivery of identical 
executables (html + javascript) 
Static Web server 
MVC framework at Internet Scale 
Demo
Talking about Visualization 
VISTALK
News 
Social Bookmark 
Visualizatio 
n 
Social 
Network 
Service 
(Twitter) 
VisTwit 
VisTwit Layer
21

More Related Content

Dg park introduction

  • 1. Human Data Interaction Deok Gun Park HCIL, University of Maryland
  • 2. Who are you? ABOUT ME
  • 3. About Speaker Machine learning Statistical analysis Recommender system Collective intelligence Information Retrieval UI Interaction Design Usability Making things simple & intuitive Viz Web visualization Sense making over big data using visual pattern matching Intuinno means intuitive innovation
  • 5. Muscleman https://www.youtube.com/watch?v=dS8F07O_Gls&lis t=UUohTc2KF07e3yqgZR2kxVZA&index=10 Touch and Play https://www.youtube.com/watch?v=MXMKEKdxm74 &list=UUohTc2KF07e3yqgZR2kxVZA AirBeat https://www.youtube.com/watch?v=xaOoHCL2a5w&li st=UUohTc2KF07e3yqgZR2kxVZA&index=12
  • 6. Visualization of Business Transaction Data PARALLELSPACES
  • 7. User A User B User C User D User E Movie 1 1 1 4 Movie 2 4 2 3 3 5 Movie 3 1 1 Movie 4 2 4 1 1 Movie 5 3 3 2 4 1 4 5 2 3 A B D E C User E Age 32 Job Writer Gender Femaie Zip Code 47906 Average 3.4 Review Number of Reviews 57 Movie 1 Release Date 1978 Average Review 4.3 Number of Reviews 345 Demo
  • 9. 19, M, Student 51, M, Educator Similarity Release Date Average Review
  • 10. VisDock Toolset User Space Axis Selection Menu Configuration for Contour plot and Selection Movie Space
  • 11. 5 4 3 2 1 Efficiency Ease of use Enjoyability MovieVis YelpVis YelpVis - Not familiar Users YelpVis - Familiar Users
  • 12. Generalization of Scatterplots for Nominal Variables GATHERPLOTS
  • 13. Demo
  • 14. Guided Walkthrough Discussion Board Plot comparison Basic Control
  • 15. Device Independent Multi-Window using Synchronous Universal Model DIMSUM
  • 16. Goal - What? DIMSUM? (Device Independent Multi-window using Synchronized Universal Model) Web App DIMSUM Browser Chrome Firefox Firefox IE OS Mac Android Windows Hardware Desktop Tablet Laptop User A (US) B (Asia) Non-homogenous User A in US with multiple devices User B in Asia with multiple devices Work collaboratively in real-time
  • 17. Background Why? Multi-window Multi-display Nonhomogeneous Devices Tablet, Tabletop, smartphone, wall Collaborative visual analytics Is web ready for this?
  • 18. Method How? Global Variables Global Constant Local Variables Program Binary Cloud-based Database server Real-time Synchronization (FireBase) Global Variables Global Constant Local Variables Program Binary Global Variables Global Constant Local Variables Program Binary Static File One time delivery of identical executables (html + javascript) Static Web server MVC framework at Internet Scale Demo
  • 20. News Social Bookmark Visualizatio n Social Network Service (Twitter) VisTwit VisTwit Layer
  • 21. 21