Skip to main content
Log in

Application of 3D Printing and WebGL-Based 3D Visualisation Technology in Imaging Teaching of Ankle Joints

  • Published:
Journal of Shanghai Jiaotong University (Science) Aims and scope Submit manuscript

Abstract

With the rapid development of medical technology, 3D printing technology with realistic representation can perfectly display static human anatomy, while 3D visualisation technology based on Web Graphics Library (WebGL) can promote the rigid replication characteristics of traditional teaching models and express the dynamic spatial relationship between different anatomical structures. Medical students traditionally have less cognition of ankle ligament sprains. In this study, computed tomography (CT) and magnetic resonance imaging (MRI) data of the ankle joints of volunteers were used to print models of the ankle bone, tendon, and ligament using 3D printing technology, and a real-time interactive 3D digital model of the functional ankle joint was designed using 3D visualisation based on WebGL and 2D image real-time rendering technology for interactive teaching. The utility of the 3D printing model combined with the WebGL-based 3D digital teaching model was evaluated in comparison with traditional teaching methods in 24 medical students. The results showed that the total score of students in the experimental group (mean ± SD, 79.48 ± 12.93) was significantly better than that of the control group (61.00 ± 14.94) with P < 0.05. The practical test scores of the experimental group (18.00 ± 2.70) were significantly higher than those of the control group (13.67 ± 4.96) with P < 0.05. In the satisfaction survey, the feedback questionnaire showed that the interactive teaching model of 3D printing technology combined with WebGL-based 3D visualisation technology was recognised by students in terms of quality and overall satisfaction. In addition, female students who used 3D printing combined with WebGL-based 3D visualisation technology as learning aids had a greater difference in practical test scores from the control group than male students. This study has demonstrated that the interactive teaching mode of 3D printing combined with WebGL-based 3D visualisation technology is beneficial to the teaching of medical imaging, enriching the learning experience of students, and increasing the interaction between teachers and students.

This is a preview of subscription content, log in via an institution to check access.

Access this article

Price excludes VAT (USA)
Tax calculation will be finalised during checkout.

Instant access to the full article PDF.

Similar content being viewed by others

References

  1. DIZON J M R, REYES J J B. A systematic review on the effectiveness of external ankle supports in the prevention of inversion ankle sprains among elite and recreational players [J]. Journal of Science and Medicine in Sport, 2010, 13(3): 309–317.

    Article  Google Scholar 

  2. NELSON A J, COLLINS C L, YARD E E, et al. Ankle injuries among United States high school sports athletes, 2005–2006 [J]. Journal of Athletic Training, 2007, 42(3): 381–387.

    Google Scholar 

  3. NGAI S S, TAFUR M, CHANG E Y, et al. Magnetic resonance imaging of ankle ligaments [J]. Canadian Association of Radiologists Journal, 2016, 67(1): 60–68.

    Article  Google Scholar 

  4. KHAWAJI B, SOAMES R. The anterior talofibular ligament: A detailed morphological study [J]. The Foot, 2015, 25(3): 141–147.

    Article  Google Scholar 

  5. BATTULGA B, KONISHI T, TAMURA Y, et al. The effectiveness of an interactive 3-dimensional computer graphics model for medical education [J]. Interactive Journal of Medical Research, 2012, 1(2): e2.

    Article  Google Scholar 

  6. BERNEY S, BÉTRANCOURT M, MOLINARI G, et al. How spatial abilities and dynamic visualizations interplay when learning functional anatomy with 3D anatomical models [J]. Anatomical Sciences Education, 2015, 8(5): 452–462.

    Article  Google Scholar 

  7. VENAIL F, DEVEZE A, LALLEMANT B, et al. Enhancement of temporal bone anatomy learning with computer 3D rendered imaging softwares [J]. Medical Teacher, 2010, 32(7): e282–e288.

    Article  Google Scholar 

  8. CAI B H, RAJENDRAN K, BAY B H, et al. The effects of a functional three-dimensional (3D) printed knee joint simulator in improving anatomical spatial knowledge [J]. Anatomical Sciences Education, 2019, 12(6): 610–618.

    Article  Google Scholar 

  9. YI X H, DING C Y, XU H, et al. Three-dimensional printed models in anatomy education of the ventricular system: A randomized controlled study [J]. World Neurosurgery, 2019, 125: e891–e901.

    Article  Google Scholar 

  10. YAMMINE K, VIOLATO C. A meta-analysis of the educational effectiveness of three-dimensional visualization technologies in teaching anatomy [J]. Anatomical Sciences Education, 2015, 8(6): 525–538.

    Article  Google Scholar 

  11. VISWASOM A A, JOBBY A. Effectiveness of video demonstration over conventional methods in teaching osteology in anatomy [J]. Journal of Clinical and Diagnostic Research, 2017, 11(2): JC09–JC11.

    Google Scholar 

  12. EROLIN C, LAMB C, SOAMES R, et al. Does virtual haptic dissection improve student learning? A multiyear comparative study [J]. Studies in Health Technology and Informatics, 2016, 220: 110–117.

    Google Scholar 

  13. TRIEPELS C P R, SMEETS C F A, NOTTEN K J B, et al. Does three-dimensional anatomy improve student understanding? [J]. Clinical Anatomy, 2020, 33(1): 25–33.

    Article  Google Scholar 

  14. XIANG J, YE Q, YUAN X. Design of visualized medical images network and web platform based on MeVisLab [J]. Journal of Biomedical Engineering, 2017, 34(2): 233–238 (in Chinese).

    Google Scholar 

  15. JONES D G. Three-dimensional printing in anatomy education: Assessing potential ethical dimensions [J]. Anatomical Sciences Education, 2019, 12(4): 435–443.

    Article  Google Scholar 

  16. HEGARTY M. Dynamic visualizations and learning: Getting to the difficult questions [J]. Learning and Instruction, 2004, 14(3): 343–351.

    Article  Google Scholar 

  17. JURGAITIS J, PASKONIS M, PIVORIŪNAS J, et al. The comparison of 2-dimensional with 3-dimensional hepatic visualization in the clinical hepatic anatomy education [J]. Medicina (Kaunas, Lithuania), 2008, 44(6): 428–438.

    Article  Google Scholar 

  18. MIN Q S, WANG Z F, LIU N. An evaluation of HTML5 and WebGL for medical imaging applications [J]. Journal of Healthcare Engineering, 2018, 2018: 1592821.

    Article  Google Scholar 

  19. GHOSH S K. Cadaveric dissection as an educational tool for anatomical sciences in the 21st century [J]. Anatomical Sciences Education, 2017, 10(3): 286–299.

    Article  Google Scholar 

  20. BIRR S, MÖNCH J, SOMMERFELD D, et al. The LiverAnatomyExplorer: A WebGL-based surgical teaching tool [J]. IEEE Computer Graphics and Applications, 2013, 33(5): 48–58.

    Article  Google Scholar 

  21. FANG L P, LI G P, HONG W J, et al. 3-D visualization of medical images based on WebGL [J]. Computer Systems and Applications, 2013, 22(9): 25–30 (in Chinese).

    Google Scholar 

  22. MEYER E R, CUI D M. Anatomy visualizations using stereopsis: Assessment and implication of stereoscopic virtual models in anatomical education [M]//REA P M. Biomedical visualisation. Cham: Springer, 2020: 117–130.

    Chapter  Google Scholar 

  23. KEEDY A W, DURACK J C, SANDHU P, et al. Comparison of traditional methods with 3D computer models in the instruction of hepatobiliary anatomy [J]. Anatomical Sciences Education, 2011, 4(2): 84–91.

    Article  Google Scholar 

  24. NG C L, LIU X, CHEE S C, et al. An innovative 3-dimensional model of the epitympanum for teaching of middle ear anatomy [J]. Otolaryngology-Head and Neck Surgery, 2015, 153(5): 832–837.

    Article  Google Scholar 

  25. TAN S, HU A, WILSON T, et al. Role of a computer generated three-dimensional laryngeal model in anatomy teaching for advanced learners [J]. The Journal of Laryngology and Otology, 2012, 126(4): 395–401.

    Article  Google Scholar 

  26. KHAYRUDDEEN L, LIVINGSTONE D, FERGUSON E. Creating a 3D learning tool for the growth and development of the craniofacial skeleton [M]//REA P M. Biomedical visualisation. Cham: Springer, 2019: 57–70.

    Chapter  Google Scholar 

  27. KONG X X, NIE L Y, ZHANG H J, et al. Do three-dimensional visualization and three-dimensional printing improve hepatic segment anatomy teaching? A randomized controlled study [J]. Journal of Surgical Education, 2016, 73(2): 264–269.

    Article  Google Scholar 

Download references

Acknowledgment

The authors thank CHANG Dexiao and BEN Haixuan for manual segmentation of the CT/MRI datasets.

Author information

Authors and Affiliations

Authors

Corresponding authors

Correspondence to Daqian Wan  (万大千) or Songtao Ai  (艾松涛).

Additional information

Foundation item: the Clinical Research Plan of SHDC (No. SHDC2020CR3083B), the Technology Project of Shanghai Science and Technology Commission (Nos. 19441902700, and 18441903100), and the Shanghai Municipal Education Commission — Gaofeng Clinical Medicine Grant Support (No. 20152221)

Rights and permissions

Reprints and permissions

About this article

Check for updates. Verify currency and authenticity via CrossMark

Cite this article

Li, X., Dai, X., Guo, J. et al. Application of 3D Printing and WebGL-Based 3D Visualisation Technology in Imaging Teaching of Ankle Joints. J. Shanghai Jiaotong Univ. (Sci.) 26, 319–324 (2021). https://doi.org/10.1007/s12204-021-2299-z

Download citation

  • Received:

  • Accepted:

  • Published:

  • Issue Date:

  • DOI: https://doi.org/10.1007/s12204-021-2299-z

Key words

CLC number

Document code

Navigation