Reusable Client-Side JavaScript Modules for Immersive Web-Based Real-Time Collaborative Neuroimage Visualization
In this paper we present a web-based software solution to the problem of implementing real-time collaborative neuroimage visualization. In both clinical and research settings, simple and powerful access to imaging technologies across multiple devices is becoming increasingly useful. Prior technical...
| Main Authors: | , , , , , , , |
|---|---|
| Format: | Article |
| Language: | English |
| Published: |
Frontiers Media S.A.
2017-05-01
|
| Series: | Frontiers in Neuroinformatics |
| Subjects: | |
| Online Access: | http://journal.frontiersin.org/article/10.3389/fninf.2017.00032/full |
| _version_ | 1818672173228752896 |
|---|---|
| author | Jorge L. Bernal-Rusiel Nicolas Rannou Randy L. Gollub Randy L. Gollub Randy L. Gollub Steve Pieper Steve Pieper Shawn Murphy Shawn Murphy Shawn Murphy Richard Robertson Richard Robertson Patricia E. Grant Patricia E. Grant Patricia E. Grant Rudolph Pienaar Rudolph Pienaar Rudolph Pienaar |
| author_facet | Jorge L. Bernal-Rusiel Nicolas Rannou Randy L. Gollub Randy L. Gollub Randy L. Gollub Steve Pieper Steve Pieper Shawn Murphy Shawn Murphy Shawn Murphy Richard Robertson Richard Robertson Patricia E. Grant Patricia E. Grant Patricia E. Grant Rudolph Pienaar Rudolph Pienaar Rudolph Pienaar |
| author_sort | Jorge L. Bernal-Rusiel |
| collection | DOAJ |
| description | In this paper we present a web-based software solution to the problem of implementing real-time collaborative neuroimage visualization. In both clinical and research settings, simple and powerful access to imaging technologies across multiple devices is becoming increasingly useful. Prior technical solutions have used a server-side rendering and push-to-client model wherein only the server has the full image dataset. We propose a rich client solution in which each client has all the data and uses the Google Drive Realtime API for state synchronization. We have developed a small set of reusable client-side object-oriented JavaScript modules that make use of the XTK toolkit, a popular open-source JavaScript library also developed by our team, for the in-browser rendering and visualization of brain image volumes. Efficient realtime communication among the remote instances is achieved by using just a small JSON object, comprising a representation of the XTK image renderers' state, as the Google Drive Realtime collaborative data model. The developed open-source JavaScript modules have already been instantiated in a web-app called MedView, a distributed collaborative neuroimage visualization application that is delivered to the users over the web without requiring the installation of any extra software or browser plugin. This responsive application allows multiple physically distant physicians or researchers to cooperate in real time to reach a diagnosis or scientific conclusion. It also serves as a proof of concept for the capabilities of the presented technological solution. |
| first_indexed | 2024-12-17T07:35:41Z |
| format | Article |
| id | doaj.art-e0c90df792664523880fe2103c37ab24 |
| institution | Directory Open Access Journal |
| issn | 1662-5196 |
| language | English |
| last_indexed | 2024-12-17T07:35:41Z |
| publishDate | 2017-05-01 |
| publisher | Frontiers Media S.A. |
| record_format | Article |
| series | Frontiers in Neuroinformatics |
| spelling | doaj.art-e0c90df792664523880fe2103c37ab242022-12-21T21:58:21ZengFrontiers Media S.A.Frontiers in Neuroinformatics1662-51962017-05-011110.3389/fninf.2017.00032252266Reusable Client-Side JavaScript Modules for Immersive Web-Based Real-Time Collaborative Neuroimage VisualizationJorge L. Bernal-Rusiel0Nicolas Rannou1Randy L. Gollub2Randy L. Gollub3Randy L. Gollub4Steve Pieper5Steve Pieper6Shawn Murphy7Shawn Murphy8Shawn Murphy9Richard Robertson10Richard Robertson11Patricia E. Grant12Patricia E. Grant13Patricia E. Grant14Rudolph Pienaar15Rudolph Pienaar16Rudolph Pienaar17Fetal-Neonatal Neuroimaging and Developmental Science Center, Boston Children's HospitalBoston, MA, USAEunate Technology S.L.Sopela, SpainDepartment of Radiology, Massachusetts General HospitalBoston, MA, USADepartment of Psychiatry, Massachusetts General HospitalBoston, MA, USAHarvard Medical SchoolBoston, MA, USAIsomics Inc.Cambridge, MA, USASurgical Planning Laboratory, Brigham and Women's HospitalBoston, MA, USAHarvard Medical SchoolBoston, MA, USADepartment of Neurology, Massachusetts General HospitalBoston, MA, USALaboratory of Computer Science, Massachusetts General HospitalBoston, MA, USAHarvard Medical SchoolBoston, MA, USA0Department of Radiology, Boston Children's HospitalBoston, MA, USAFetal-Neonatal Neuroimaging and Developmental Science Center, Boston Children's HospitalBoston, MA, USAHarvard Medical SchoolBoston, MA, USA0Department of Radiology, Boston Children's HospitalBoston, MA, USAFetal-Neonatal Neuroimaging and Developmental Science Center, Boston Children's HospitalBoston, MA, USAHarvard Medical SchoolBoston, MA, USA0Department of Radiology, Boston Children's HospitalBoston, MA, USAIn this paper we present a web-based software solution to the problem of implementing real-time collaborative neuroimage visualization. In both clinical and research settings, simple and powerful access to imaging technologies across multiple devices is becoming increasingly useful. Prior technical solutions have used a server-side rendering and push-to-client model wherein only the server has the full image dataset. We propose a rich client solution in which each client has all the data and uses the Google Drive Realtime API for state synchronization. We have developed a small set of reusable client-side object-oriented JavaScript modules that make use of the XTK toolkit, a popular open-source JavaScript library also developed by our team, for the in-browser rendering and visualization of brain image volumes. Efficient realtime communication among the remote instances is achieved by using just a small JSON object, comprising a representation of the XTK image renderers' state, as the Google Drive Realtime collaborative data model. The developed open-source JavaScript modules have already been instantiated in a web-app called MedView, a distributed collaborative neuroimage visualization application that is delivered to the users over the web without requiring the installation of any extra software or browser plugin. This responsive application allows multiple physically distant physicians or researchers to cooperate in real time to reach a diagnosis or scientific conclusion. It also serves as a proof of concept for the capabilities of the presented technological solution.http://journal.frontiersin.org/article/10.3389/fninf.2017.00032/fullcollaborative visualizationinteractive visualizationreal-time collaborationneuroimagingHTML5web services |
| spellingShingle | Jorge L. Bernal-Rusiel Nicolas Rannou Randy L. Gollub Randy L. Gollub Randy L. Gollub Steve Pieper Steve Pieper Shawn Murphy Shawn Murphy Shawn Murphy Richard Robertson Richard Robertson Patricia E. Grant Patricia E. Grant Patricia E. Grant Rudolph Pienaar Rudolph Pienaar Rudolph Pienaar Reusable Client-Side JavaScript Modules for Immersive Web-Based Real-Time Collaborative Neuroimage Visualization Frontiers in Neuroinformatics collaborative visualization interactive visualization real-time collaboration neuroimaging HTML5 web services |
| title | Reusable Client-Side JavaScript Modules for Immersive Web-Based Real-Time Collaborative Neuroimage Visualization |
| title_full | Reusable Client-Side JavaScript Modules for Immersive Web-Based Real-Time Collaborative Neuroimage Visualization |
| title_fullStr | Reusable Client-Side JavaScript Modules for Immersive Web-Based Real-Time Collaborative Neuroimage Visualization |
| title_full_unstemmed | Reusable Client-Side JavaScript Modules for Immersive Web-Based Real-Time Collaborative Neuroimage Visualization |
| title_short | Reusable Client-Side JavaScript Modules for Immersive Web-Based Real-Time Collaborative Neuroimage Visualization |
| title_sort | reusable client side javascript modules for immersive web based real time collaborative neuroimage visualization |
| topic | collaborative visualization interactive visualization real-time collaboration neuroimaging HTML5 web services |
| url | http://journal.frontiersin.org/article/10.3389/fninf.2017.00032/full |
| work_keys_str_mv | AT jorgelbernalrusiel reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT nicolasrannou reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT randylgollub reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT randylgollub reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT randylgollub reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT stevepieper reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT stevepieper reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT shawnmurphy reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT shawnmurphy reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT shawnmurphy reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT richardrobertson reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT richardrobertson reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT patriciaegrant reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT patriciaegrant reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT patriciaegrant reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT rudolphpienaar reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT rudolphpienaar reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization AT rudolphpienaar reusableclientsidejavascriptmodulesforimmersivewebbasedrealtimecollaborativeneuroimagevisualization |