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

doi:10.1007/s12204-021-2299-z

J Shanghai Jiaotong Univ Sci ›› 2021, Vol. 26 ›› Issue (3): 319-324.doi: 10.1007/s12204-021-2299-z

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

LI Xiaomin1‡ (李小敏), DAI Xiaoqing1‡ (戴晓庆), GUO Jiuhong1 (郭久红), QU Yang1 (曲扬), WU Bing1 (吴兵), LIU Siyu1 (柳思宇), WAN Daqian2 (万大千), AI Songtao1(艾松涛)

(1. Department of Radiology, Shanghai Ninth People’s Hospital, Shanghai Jiao Tong University
School of Medicine, Shanghai 200011, China; 2. Department of Orthopedics, Tongji Hospital
Affiliated to Tongji University School of Medicine, Shanghai 200065, China)

出版日期:2021-06-28 发布日期:2021-06-02
通讯作者: WAN Daqian(万大千), AI Songtao(艾松涛) E-mail:wdqwdq1986@126.com, ai.songtao@qq.com
基金资助:
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)

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

LI Xiaomin1‡ (李小敏), DAI Xiaoqing1‡ (戴晓庆), GUO Jiuhong1 (郭久红), QU Yang1 (曲扬), WU Bing1 (吴兵), LIU Siyu1 (柳思宇), WAN Daqian2 (万大千), AI Songtao1(艾松涛)

(1. Department of Radiology, Shanghai Ninth People’s Hospital, Shanghai Jiao Tong University
School of Medicine, Shanghai 200011, China; 2. Department of Orthopedics, Tongji Hospital
Affiliated to Tongji University School of Medicine, Shanghai 200065, China)

Online:2021-06-28 Published:2021-06-02
Contact: WAN Daqian(万大千), AI Songtao(艾松涛) E-mail:wdqwdq1986@126.com, ai.songtao@qq.com
Supported by:
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)

摘要/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.

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.

中图分类号:

R 445

LI Xiaomin(李小敏), DAI Xiaoqing (戴晓庆), GUO Jiuhong (郭久红), QU Yang (曲扬), WU Bing (吴兵), LIU Siyu (柳思宇), WAN Daqian (万大千), AI Songtao(艾松涛). Application of 3D Printing and WebGL-Based 3D Visualisation Technology in Imaging Teaching of Ankle Joints[J]. J Shanghai Jiaotong Univ Sci, 2021, 26(3): 319-324.

LI Xiaomin (李小敏), DAI Xiaoqing(戴晓庆), GUO Jiuhong (郭久红), QU Yang (曲扬), WU Bing (吴兵), LIU Siyu (柳思宇), WAN Daqian (万大千), AI Songtao(艾松涛). Application of 3D Printing and WebGL-Based 3D Visualisation Technology in Imaging Teaching of Ankle Joints[J]. J Shanghai Jiaotong Univ Sci, 2021, 26(3): 319-324.

参考文献 27

	[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.
	[2]
	NELSONAJ, COLLINS C L, YARDE E, et al. Ankle injuries among United States high
	school sports athletes, 2005-2006 [J]. Journal of Athletic Training, 2007, 42(3):
38	1-387.
[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.
	[4]
	KHAWAJI B, SOAMES R. The anterior talofibular ligament: A detailed
	morphological study [J]. The Foot, 2015, 25(3): 141-147.
	[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.
	[6]
	BERNEY S, B´ ETRANCOURT 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.
	[7]
	VENAIL F, DEVEZE A, LALLEMANT B, et al. Enhancement of temporal bone anatomy
	learning with computer 3D rendered imaging softwares [J]. Medical Teacher,
20	10, 32(7): e282-e288.
[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.
[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,
20	19, 125: e891-e901.
	[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.
	[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.
	[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.
	[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.
	[14]
	XIANG J, YE Q, YUAN X. Design of visualized medical images network and web
	platform based on MeVis- Lab [J]. Journal of Biomedical Engineering, 2017, 34(2):
23	3-238 (in Chinese).
	[15]
	JONES D G. Three-dimensional printing in anatomy education: Assessing potential
	ethical dimensions [J]. Anatomical Sciences Education, 2019, 12(4): 435-443.
	[16]
	HEGARTY M. Dynamic visualizations and learning: Getting to the difficult
	questions [J]. Learning and Instruction, 2004, 14(3): 343-351.
	[17]
	JURGAITIS J, PASKONISM, PIVORI¯UNAS 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.
[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.
	[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.
	[20]
	BIRR S, M¨ONCH J, SOMMERFELD D, et al. The LiverAnatomyExplorer: A WebGL-based
	surgical teaching tool [J]. IEEE Computer Graphics and Applications, 2013,
33	(5): 48-58.
	[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).
	[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.
	[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.
[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.
[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.
	[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.
[27]	KONG X X, NIE L Y, ZHANG H J, et al. Do
	threedimensional visualization and three-dimensional printing improve hepatic
	segment anatomy teaching? A randomized controlled study [J]. Journal of
	Surgical Education, 2016, 73(2): 264-269.

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

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

PDF (PC)

可视化

摘要/Abstract

引用本文

使用本文

参考文献 27

相关文章 9

编辑推荐

Metrics

本文评价

[1]	. [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(2): 176-189.
[2]	. [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(2): 190-201.
[3]	. [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(2): 226-230.
[4]	. [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(1): 70-80.
[5]	. [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(1): 81-89.
[6]	QU Yang (曲扬), YAN Mengning (严孟宁), LI Xiaomin (李小敏), WU Bing (吴兵), LIU Siyu (柳思宇), WANG Liao (王燎), WU Wen(武文), AI Songtao(艾松涛). Image Registration Technique for Assessing the Accuracy of Intraoperative Osteotomy for Pelvic Tumors by 3D-Printed Patient-Specific Templates[J]. J Shanghai Jiaotong Univ Sci, 2021, 26(3): 306-311.
[7]	HUANG Ningning (黄宁宁), MA Yixin (马艺馨), ZHANG Mingzhu (张明珠), GE Hao (葛浩), WU Huawei (吴华伟). Finite Element Modeling of Human Thorax Based on MRI Images for EIT Image Reconstruction[J]. J Shanghai Jiaotong Univ Sci, 2021, 26(1): 33-39.
[8]	XU Yan-ran (徐嫣然), ZHAO Jun* (赵俊). Segmentation of Haustral Folds and Polyps on Haustral Folds in CT Colonography Using Complementary Geodesic Distance Transformation[J]. 上海交通大学学报（英文版）, 2014, 19(5): 513-520.
[9]	XU Yan-ran (徐嫣然), ZHAO Jun* (赵俊). Computer-Aided Detection for CT Colonography[J]. 上海交通大学学报（英文版）, 2014, 19(5): 531-537.