Journal of Medical Systems

, 40:265 | Cite as

An HTML Tool for Production of Interactive Stereoscopic Compositions

  • Alexey Chistyakov
  • Maria Teresa Soto
  • Enric Martí
  • Jordi CarrabinaEmail author
Systems-Level Quality Improvement
Part of the following topical collections:
  1. Advances in Ambient Intelligence for Health (AmIHEALTH 2015)


The benefits of stereoscopic vision in medical applications were appreciated and have been thoroughly studied for more than a century. The usage of the stereoscopic displays has a proven positive impact on performance in various medical tasks. At the same time the market of 3D-enabled technologies is blooming. New high resolution stereo cameras, TVs, projectors, monitors, and head mounted displays become available. This equipment, completed with a corresponding application program interface (API), could be relatively easy implemented in a system. Such complexes could open new possibilities for medical applications exploiting the stereoscopic depth. This work proposes a tool for production of interactive stereoscopic graphical user interfaces, which could represent a software layer for web-based medical systems facilitating the stereoscopic effect. Further the tool’s operation mode and the results of the conducted subjective and objective performance tests will be exposed.


Stereoscopic 3D HTML Human-computer interaction User interface 


  1. 1.
    Image-guided neurosurgery with 3-dimensional multimodal imaging data on a stereoscopic monitor. Neurosurgery. doi: 10.1227/NEU.0b013e3182739aae (2013)
  2. 2.
    Bigelow, F. N., Liv. types of mastoid structure with special reference to their differentiation by means of stereoradiography. Ann. Otol. Rhinol. Laryngol. 27(3):887–939, 1918.CrossRefGoogle Scholar
  3. 3.
    Brooke, J., et al., Sus-a quick and dirty usability scale. Usability evaluation in industry 189(194):4–7, 1996.Google Scholar
  4. 4.
    Broy, N., Schneegass, S., Guo, M., Alt, F., Schmidt, A.: Evaluating Stereoscopic 3D for Automotive User Interfaces in a Real-World Driving Study. In: Proceedings of the 33rd Annual ACM Conference Extended Abstracts on Human Factors in Computing Systems - CHI EA ’15, pp. 1717–1722. ACM Press, New York, USA. doi: 10.1145/2702613.2732902 (2015)
  5. 5.
    Case, J. T., The importance of stereoradiography, especially of the alimentary tract, with demonstration of plates. Proc. R. Soc. Med. 5(Electro Ther Sect):73, 1912.PubMedPubMedCentralGoogle Scholar
  6. 6.
    Chistyakov, A.: LoomyBear/3dsjq: jQuery framework to build 3D stereoscopic web pages. [Online; accessed 16-February-2016] (2015)
  7. 7.
    Chistyakov, A., González-Zúñiga, D., Carrabina, J.: Bringing the web closer: Stereoscopic 3D web conversion. In: Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics), vol. 8278 LNCS, pp. 22–25 (2013)Google Scholar
  8. 8.
    Doi, K., and Duda, E., Detectability of depth information by use of magnification stereoscopic technique in cerebral angiography. Radiology 146(1):91–95, 1983.CrossRefPubMedGoogle Scholar
  9. 9. MacBook Pro Core i7 2.3 15 Retina 2012 Specs. [Online; accessed 16-February-2016] (2012)
  10. 10.
    González-Zúñiga, D., Chistyakov, A., Orero, P., Carrabina, J.: Breaking the pattern: Study on stereoscopic web perception. In: Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics), vol. 8276 LNCS, pp. 26–33 (2013)Google Scholar
  11. 11.
    Häkkilä, J., Posti, M., Koskenranta, O., Ventä-Olkkonen, L.: Design and evaluation of mobile phonebook application with stereoscopic 3D user interface. CHI ’13 Extended Abstracts on Human Factors in Computing Systems on - CHI EA ’13 p. 1389. doi: 10.1145/2468356.2468604 (2013)
  12. 12.
    Han, S., and Lee, D. Y.: Extensions for Stereoscopic 3D support. [Online; accessed 06-June-2015] (2012)
  13. 13.
    Hartmann, W. J., and Hikspoors, H. M. J., Three-dimensional tv with cordless flc spectacles. Inf. Disp. 3 (9):15–17, 1987. Scholar
  14. 14.
    Hernandez, A., Basset, O., Bremond, A., Magnin, I. E., Stereoscopic visualization of three-dimensional ultrasonic data applied to breast tumours. Eur. J. Ultrasound 8(1):51–65, 1998.CrossRefPubMedGoogle Scholar
  15. 15.
    Hickson, I.: A vocabulary and associated APIs for HTML and XHTML. [Online; accessed 05-June-2015] (2012)
  16. 16.
    Holliman, N.: 3d display systems. to appear pp 0–7503 (2005)Google Scholar
  17. 17.
    Holliman, N. S., Dodgson, N. A., Favalora, G. E., Pockett, L., Three-dimensional displays: a review and applications analysis. IEEE Trans. Broadcast. 57(2):362–371, 2011.CrossRefGoogle Scholar
  18. 18.
    Howard, I. P.: Seeing in depth, Vol. 1: Basic mechanisms University of Toronto Press (2002)Google Scholar
  19. 19.
    HP: HP Compaq Elite 8300 Microtower PC Support. [Online; accessed 16-February-2016] (2012)
  20. 20.
    IJsselsteijn, W., de Ridder, H., Hamberg, R., Bouwhuis, D., Freeman, J., Perceived depth and the feeling of presence in 3dtv. Displays 18(4):207–214, 1998.CrossRefGoogle Scholar
  21. 21.
    Johnston, S., Renambot, L., Sauter, D.: Employing WebGL to develop interactive stereoscopic 3D content for use in biomedical visualization. In: Dolinsky, M., and McDowall, I. E. (Eds.) The Engineering Reality of Virtual Reality 2013. Proceedings of the SPIE. doi: 10.1117/12.2007594., Vol. 8649, p. 864905 (2013)
  22. 22.
    Kersten, M. A., Stewart, A. J., Troje, N., Ellis, R., Enhancing depth perception in translucent volumes. IEEE Trans. Vis. Comput. Graph. 12(5):1117–1124, 2006.CrossRefPubMedGoogle Scholar
  23. 23.
    Khronos WebGL Working Group: WebGL - OpenGL ES 2.0 for the Web. [Online; accessed 10-June-2015] (2015)
  24. 24.
    Martinez Escobar, M., Junke, B., Holub, J., Hisley, K., Eliot, D., Winer, E., Evaluation of monoscopic and stereoscopic displays for visual-spatial tasks in medical contexts. Comput. Biol. Med. 61:138–143, 2015. doi: 10.1016/j.compbiomed.2015.03.026.CrossRefPubMedGoogle Scholar
  25. 25.
    McIntire, J. P., Havig, P. R., Geiselman, E. E., Stereoscopic 3D displays and human performance: A comprehensive review. Displays 35(1):18–26, 2014. doi: 10.1016/j.displa.2013.10.004.CrossRefGoogle Scholar
  26. 26.
    McMahan, R. P., Gorton, D., Gresock, J., McConnell, W., Bowman, D. A.: Separating the effects of level of immersion and 3D interaction techniques. In: Proceedings of the ACM symposium on Virtual reality software and technology - VRST ’06, p. 108. ACM Press, New York, USA (2006), doi: 10.1145/1180495.1180518
  27. 27.
    Moll, T., Turjman, F., Picard, C., Bres, J., Amiel, M., Depth separation in ten observers with a new stereoscopic x-ray acquisition system. Eur. Radiol. 7(8):1343–1347, 1997.CrossRefPubMedGoogle Scholar
  28. 28.
    Nelson, T., Ji, E., Lee, J., Stereoscopic evaluation of fetal bony structures. J. Ultrasound Med. 27, 2008.
  29. 29.
    Nelson, T. R., Ji, E. K., Lee, J. H., Bailey, M. J., Pretorius, D. H., Stereoscopic evaluation of fetal bony structures. J. Ultrasound Med. 27(1):15–24, 2008.PubMedGoogle Scholar
  30. 30. Browser market share. [Online; accessed 18-Feb-2016] (2016)
  31. 31. Operating system market share. [Online; accessed 18-Feb-2016] (2016)
  32. 32.
    Nocent, O., Piotin, S., Benassarou, A., Jaisson, M., Lucas, L.: 3D displays and tracking devices for your browser: A plugin-free approach relying on web standards. In: Proceedings 2012 International Conference on 3D Imaging, IC3D 2012. doi: 10.1109/IC3D.2012.6615141., pp. 1–8 (2012)
  33. 33.
    Pastoor, S., and Wöpking, M., 3-d displays: A review of current technologies. Displays 17(2):100–110, 1997.CrossRefGoogle Scholar
  34. 34.
    Resig, J.: jQuery. [Online; accessed 05-June-2015] (2006)
  35. 35.
    Rosenbaum, A. E., Huda, W., Lieberman, K. A., Caruso, R. D., Binocular three-dimensional perception through stereoscopic generation from rotating images. Acad. Radiol. 7(1):21–26, 2000.CrossRefPubMedGoogle Scholar
  36. 36.
    Sauro, J.: Measuring usability with the system usability scale (sus) (2011)Google Scholar
  37. 37.
    Schild, J., Bölicke, L., LaViola Jr., J. J., Masuch, M.: Creating and analyzing stereoscopic 3D graphical user interfaces in digital games. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems - CHI ’13, p. 169. ACM Press, New York, USA (2013), doi: 10.1145/2470654.2470678
  38. 38.
    Sony: PlayStation 3D Display with SimulView Technology. [Online; accessed 16-February-2016] (2011)
  39. 39.
    StatCounter: StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share. [Online; accessed 18-Feb-2016] (2015)
  40. 40.
    StatCounter: StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share. [Online; accessed 08-June-2015] (2015)
  41. 41.
    Takahashi, M., Bussaka, H., Miyawaki, M., Stereoscopic dsa of the central nervous system. Neuroradiology 28(2):105–108, 1986.CrossRefPubMedGoogle Scholar
  42. 42.
    Takatalo, J., Kawai, T., Kaistinen, J., Nyman, G., Häkkinen, J., User experience in 3d stereoscopic games. Med. Psychol. 14(4):387–414, 2011.CrossRefGoogle Scholar
  43. 43.
    three.js: three.js - Javascript 3D library. [Online; accessed 10-June-2015] (2015)
  44. 44.
    Van Beurden, M., IJsselsteijn, W., Juola, J., Effectiveness of stereoscopic displays in medicine: a review. 3D Res. 3(1):1–13, 2012.CrossRefGoogle Scholar
  45. 45.
    Ventä-Olkkonen, L., Posti, M., Häkkilä, J.: How to Use 3D in Stereoscopic Mobile User Interfaces. In: Proceedings of International Conference on Making Sense of Converging Media - AcademicMindTrek ’13. ., pp. 39–42 (2013)
  46. 46.
    (W3C), W. W. W. C.: World Wide Web Consortium (W3C). [Online; accessed 16-February-2016] (2016)
  47. 47.
    Wang, W., Dong, S., Wang, R., Cheng, Q., Zhang, J., Liu, Z.: Stereoscopic 3D Web: From idea to implementation. In: 2014 International Conference on Information Science, Electronics and Electrical Engineering, vol. 3, pp. 1440–1444. IEEE. doi: 10.1109/InfoSEEE.2014.6946158. (2014)
  48. 48.
    Wang, X. H., Durick, J. E., Lu, A., Herbert, D. L., Fuhrman, C. R., Lacomis, J. M., Britton, C. A., Strollo, D. C., Shang, S. S., Golla, S. K., et al, Compare display schemes for lung nodule ct screening. J. Digit. Imaging 24(3):478–484, 2011.CrossRefPubMedGoogle Scholar
  49. 49.
    Wieringa, F. P., Bouma, H., Eendebak, P. T., Van Basten, J. P. A., Beerlage, H. P., Smits, G. A. H. J., Bos, J. E., Improved depth perception with three - dimensional auxiliary display and computer generated three - dimensional panoramic overviews in robot - assisted laparoscopy. J. Med. Imaging, 2014. doi: 10.1117/1.JMI.1.1.015001.Google Scholar

Copyright information

© Springer Science+Business Media New York 2016

Authors and Affiliations

  • Alexey Chistyakov
    • 1
  • Maria Teresa Soto
    • 1
  • Enric Martí
    • 1
  • Jordi Carrabina
    • 1
    Email author
  1. 1.Universitat Autònoma de BarcelonaBellaterraSpain

Personalised recommendations