SlideShare a Scribd company logo
1 of 45
HUGIN
A FRAMEWORK FOR AWARENESS AND COORDINATION IN
    MIXED-PRESENCE COLLABORATIVE INFORMATION
                  VISUALIZATION

KyungTae Kim, Waqas Javed, Cary Williams, Niklas Elmqvist and
                       Pourang Irani

        Purdue University and University of Manitoba
COLLABORATION
COLLABORATION
DIFFERENT GROUPS & LOCATIONS
DIFFERENT GROUPS & LOCATIONS
DIFFERENT GROUPS & LOCATIONS
DIFFERENT GROUPS & LOCATIONS
APPROACHES
APPROACHES



P. Isenberg et al.
APPROACHES



P. Isenberg et al.   Lark
APPROACHES



P. Isenberg et al.         Lark




                 VisTaco
APPROACHES



P. Isenberg et al.         Lark



     Tang et al.




                 VisTaco
HUGIN
DESIGN REQUIREMENTS
HUGIN
          DESIGN REQUIREMENTS
•   DR1 Mixed Presence               •   DR5 Group Awareness

•   DR2 Shared Interactive Surface   •   DR6 Information Access

•   DR3 Role-Based Collaboration     •   DR7 Voice Communication

•   DR4 Territory Support            •   DR8 Collaboration Styles
DESIGN REQUIREMENT DEMO
HUGIN NETWORK ARCHITECTURE
HUGIN
LAYER ARCHITECTURE
Private




             HUGIN
          LAYER ARCHITECTURE
Private    Public

   Protected

               HUGIN
          LAYER ARCHITECTURE
HUGIN
OVERVIEW
WORKSPACE
Basic operations : Move, Resize and Rotate
WORKSPACE
HUGIN
Personal Interaction Dock
HUGIN
Personal Interaction Dock
PERSONAL INTERACTION DOCK
   Adding, Removing and Sharing Workspace
PERSONAL INTERACTION DOCK
   Adding, Removing and Sharing Workspace
PERSONAL INTERACTION DOCK
   Adding, Removing and Sharing Workspace
PERSONAL INTERACTION DOCK
   Adding, Removing and Sharing Workspace
PERSONAL INTERACTION DOCK
   Adding, Removing and Sharing Workspace
PERSONAL INTERACTION DOCK
   Adding, Removing and Sharing Workspace
PERSONAL INTERACTION DOCK
   Adding, Removing and Sharing Workspace
HUGIN
VISUALIZATION
HUGIN
VISUALIZATION
VISUALIZATION
Connecting Database and Visualization
VISUALIZATION
Connecting Database and Visualization
VISUALIZATION
Connecting Database and Visualization
‘Plug-n-Play’
TRAXPLORER
 Visualization Example
INITIAL USER STUDY


•12   users in two locations
 •   3 sessions
•California   Crime Rate
USER STUDY
OBSERVATIONS
COMMENTS

• “Felt
     like we are in the
 same space”

• “Effective to share the
 visualization and
 discuss”
COMMENTS


     • “Voice
            communication
      was confusing”

     • “Havinga role would
      help the task”
CONCLUSION

• Support   Mixed-Presence Collaboration Setup

 • Access   Control

 • Network Architecture

• Future Work

 • Open     Source Framework - Plug-in
Contact Information
   email : kimk@purdue.edu
       elm@purdue.edu
    irani@cs.umanitoba.ca

Will Release Open source soon!

       Google : Hugin
Framework(Google Project Page)

  Like PivotLab from Facebook

More Related Content

Similar to Hugin: A Framework for Awareness and Coordination in Mixed-Presence Collaborative Information Visualization

Interaction design for learning
Interaction design for learning Interaction design for learning
Interaction design for learning
Michael Wolf
 
Demo day presentation
Demo day presentationDemo day presentation
Demo day presentation
Billy Kennedy
 
Index+futures Autumn 2012
Index+futures Autumn 2012Index+futures Autumn 2012
Index+futures Autumn 2012
SSL_IUG
 
Conole leicester
Conole leicesterConole leicester
Conole leicester
grainne
 
Universal design
Universal designUniversal design
Universal design
LOWERAA
 
Participatory programming
Participatory programmingParticipatory programming
Participatory programming
AidIQ
 

Similar to Hugin: A Framework for Awareness and Coordination in Mixed-Presence Collaborative Information Visualization (20)

Collaborative Immersive Analytics
Collaborative Immersive AnalyticsCollaborative Immersive Analytics
Collaborative Immersive Analytics
 
Common Core in the Cloud
Common Core in the CloudCommon Core in the Cloud
Common Core in the Cloud
 
TYPO3 5.0 The Business Case
TYPO3 5.0 The Business CaseTYPO3 5.0 The Business Case
TYPO3 5.0 The Business Case
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Interaction design for learning
Interaction design for learning Interaction design for learning
Interaction design for learning
 
DuraSpace is OPEN, OR2016
DuraSpace is OPEN, OR2016DuraSpace is OPEN, OR2016
DuraSpace is OPEN, OR2016
 
Demo day presentation
Demo day presentationDemo day presentation
Demo day presentation
 
Wonderful World of Wiki Wiki Teaching
Wonderful World of Wiki Wiki TeachingWonderful World of Wiki Wiki Teaching
Wonderful World of Wiki Wiki Teaching
 
Projecptlace online collaboration
Projecptlace online collaborationProjecptlace online collaboration
Projecptlace online collaboration
 
04. projecptlace online collaboration (projectplace 63856)
04. projecptlace online collaboration (projectplace 63856)04. projecptlace online collaboration (projectplace 63856)
04. projecptlace online collaboration (projectplace 63856)
 
Projecptlace online collaboration
Projecptlace online collaborationProjecptlace online collaboration
Projecptlace online collaboration
 
04. projecptlace online collaboration (projectplace 63856)
04. projecptlace online collaboration (projectplace 63856)04. projecptlace online collaboration (projectplace 63856)
04. projecptlace online collaboration (projectplace 63856)
 
Projectplace online collaboration
Projectplace online collaborationProjectplace online collaboration
Projectplace online collaboration
 
Index+futures Autumn 2012
Index+futures Autumn 2012Index+futures Autumn 2012
Index+futures Autumn 2012
 
Conole leicester
Conole leicesterConole leicester
Conole leicester
 
Universal design
Universal designUniversal design
Universal design
 
KopFournierCanadianInstituteDistanceEducationResearchPLE
KopFournierCanadianInstituteDistanceEducationResearchPLEKopFournierCanadianInstituteDistanceEducationResearchPLE
KopFournierCanadianInstituteDistanceEducationResearchPLE
 
Complexinterfaces
ComplexinterfacesComplexinterfaces
Complexinterfaces
 
Participatory programming
Participatory programmingParticipatory programming
Participatory programming
 
Do It Yourself (DIY) Earth Science Collaboratories Using Best Practices and B...
Do It Yourself (DIY) Earth Science Collaboratories Using Best Practices and B...Do It Yourself (DIY) Earth Science Collaboratories Using Best Practices and B...
Do It Yourself (DIY) Earth Science Collaboratories Using Best Practices and B...
 

More from Niklas Elmqvist

More from Niklas Elmqvist (20)

skWiki: A Multimedia Sketching System for Collaborative Creativity
skWiki: A Multimedia Sketching System for Collaborative CreativityskWiki: A Multimedia Sketching System for Collaborative Creativity
skWiki: A Multimedia Sketching System for Collaborative Creativity
 
Tracing and Sketching Performance using Blunt-tipped Styli on Direct-Touch ...
Tracing and Sketching Performance  using Blunt-tipped Styli on  Direct-Touch ...Tracing and Sketching Performance  using Blunt-tipped Styli on  Direct-Touch ...
Tracing and Sketching Performance using Blunt-tipped Styli on Direct-Touch ...
 
PolyChrome: A Cross-Device Framework for Collaborative Web Visualization
PolyChrome: A Cross-Device Framework for Collaborative Web VisualizationPolyChrome: A Cross-Device Framework for Collaborative Web Visualization
PolyChrome: A Cross-Device Framework for Collaborative Web Visualization
 
Munin: A Peer-to-Peer Middleware for Ubiquitous Analytics and Visualization S...
Munin: A Peer-to-Peer Middleware forUbiquitous Analytics and Visualization S...Munin: A Peer-to-Peer Middleware forUbiquitous Analytics and Visualization S...
Munin: A Peer-to-Peer Middleware for Ubiquitous Analytics and Visualization S...
 
VASA: Visual Analytics for Simulation-based Action
VASA: Visual Analytics for Simulation-based ActionVASA: Visual Analytics for Simulation-based Action
VASA: Visual Analytics for Simulation-based Action
 
ExPlates: Spatializing Interactive Analysis to Scaffold Visual Exploration
ExPlates: Spatializing Interactive Analysis to Scaffold Visual ExplorationExPlates: Spatializing Interactive Analysis to Scaffold Visual Exploration
ExPlates: Spatializing Interactive Analysis to Scaffold Visual Exploration
 
Automatic Typographic Maps
Automatic Typographic MapsAutomatic Typographic Maps
Automatic Typographic Maps
 
Toward Visualization for Games
Toward Visualization for GamesToward Visualization for Games
Toward Visualization for Games
 
Gravity Navigation
Gravity NavigationGravity Navigation
Gravity Navigation
 
PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces
PolyZoom: Multiscale and Multifocus Exploration in 2D Visual SpacesPolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces
PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces
 
Applying Mobile Device Soft Keyboards to Collaborative Multitouch Tabletop Di...
Applying Mobile Device Soft Keyboards to Collaborative Multitouch Tabletop Di...Applying Mobile Device Soft Keyboards to Collaborative Multitouch Tabletop Di...
Applying Mobile Device Soft Keyboards to Collaborative Multitouch Tabletop Di...
 
Static Spatial Graph Features
Static Spatial Graph FeaturesStatic Spatial Graph Features
Static Spatial Graph Features
 
Dynamic Insets for Context-Aware Graph Navigation
Dynamic Insets for Context-Aware Graph NavigationDynamic Insets for Context-Aware Graph Navigation
Dynamic Insets for Context-Aware Graph Navigation
 
Temporal Distortion for Animated Transitions
Temporal Distortion for Animated TransitionsTemporal Distortion for Animated Transitions
Temporal Distortion for Animated Transitions
 
Graphical Perception of Multiple Time Series
Graphical Perception of Multiple Time SeriesGraphical Perception of Multiple Time Series
Graphical Perception of Multiple Time Series
 
Employing Dynamic Transparency for 3D Occlusion Management: Design Issues and...
Employing Dynamic Transparency for 3D Occlusion Management: Design Issues and...Employing Dynamic Transparency for 3D Occlusion Management: Design Issues and...
Employing Dynamic Transparency for 3D Occlusion Management: Design Issues and...
 
GraphDice: A System for Exploring Multivariate Social Networks
GraphDice: A System for Exploring Multivariate Social NetworksGraphDice: A System for Exploring Multivariate Social Networks
GraphDice: A System for Exploring Multivariate Social Networks
 
Stack Zooming for Multi-Focus Interaction in Time-Series Data Visualization
Stack Zooming for Multi-Focus Interaction in Time-Series Data VisualizationStack Zooming for Multi-Focus Interaction in Time-Series Data Visualization
Stack Zooming for Multi-Focus Interaction in Time-Series Data Visualization
 
Towards Utilizing GPUs in Information Visualization
Towards Utilizing GPUs in Information VisualizationTowards Utilizing GPUs in Information Visualization
Towards Utilizing GPUs in Information Visualization
 
Evaluating Motion Constraints for 3D Wayfinding in Immersive and Desktop Virt...
Evaluating Motion Constraints for 3D Wayfinding in Immersive and Desktop Virt...Evaluating Motion Constraints for 3D Wayfinding in Immersive and Desktop Virt...
Evaluating Motion Constraints for 3D Wayfinding in Immersive and Desktop Virt...
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 

Hugin: A Framework for Awareness and Coordination in Mixed-Presence Collaborative Information Visualization

Editor's Notes

  1. \n
  2. Tabletop is good for collaboration to achieve a single goal\nDifferent Experts spread all over the world\n
  3. it is common \n\nTabletop can be connected\nWe crated the problems by Many problems can be solved by \n
  4. it is common \n\nTabletop can be connected\nWe crated the problems by Many problems can be solved by \n
  5. it is common \n\nTabletop can be connected\nWe crated the problems by Many problems can be solved by \n
  6. it is common \n\nTabletop can be connected\nWe crated the problems by Many problems can be solved by \n
  7. it is common \n\nTabletop can be connected\nWe crated the problems by Many problems can be solved by \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. Hugin is the name of one of the principal Norse god Odin’s twin ravens, Munin being the other one. Serving as Odin’s eyes and ears, they leave his shoulder every day to fly all over Midgard and survey the state of the world. Rather than stepping through the all requirements, I will show you a short clip which shows the requirements.\n\nDesign Requirement\n
  13. Dr1 : mixed presence - sending objects on the surface\nDr2 : Shared Interactive Surface - user can easily...\nDr3 : Roll - based collaboration - asymmetric information\nDr4 : Territory Support & Group Awareness - shows territory\nDr6 : Information Access\n
  14. Maintaining consitency and owernership\n\n
  15. A\n
  16. A\n
  17. A\n
  18. Overview of the Hugin and there is a basic object which we called a workspace.\n
  19. \n
  20. \n
  21. A special type of a workspace, creates one per user. Start with it.\n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. Lark pipeline \nvisualization technique\n\nextensible to other visualization\nwe are showing examples of visualization\n
  32. Lark pipeline \nvisualization technique\n\nextensible to other visualization\nwe are showing examples of visualization\n
  33. \n
  34. \n
  35. size 2pairs two different sites\n 12 users(3sessions) 4 persons per session\n
  36. \n
  37. Comments : Felt they were in the same space. \n\nthere was no problem communicating with the local partner. But, com-municating with remote partners was a bit hard, since we can see what they are doing, but not what they are focusing on.\nA participant also hinted at augmenting the communication with video to heighten the interactivit\n“when I view the remote person’s chart, it would be nice to see it right side up from my point of view.\n\n, we chose Skype to realize the DR7 requirement for voice support, but we found that not integrating this mech- anism into the platform seriously limited its us\n
  38. \n
  39. \n
  40. FRAMEWORK TO SUPPORT MIXED PRESENCE COLLABORATIVE VISUALIZATION\nHUGIN\n\nPROBLEM AND SOLUTION\n\nFuture Work\n\n\n
  41. Question mark contact youtube and webpage(like pivot button) open source\nthanks to NSERC\n