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

doi:10.1007/s12204-021-2299-z

Abstract

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.

Key words: visualisation, 3D printing, Web Graphics Library (WebGL), medical imaging, ankle ligaments,
medical education, interactive teaching

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

关键词: visualisation, 3D printing, Web Graphics Library (WebGL), medical imaging, ankle ligaments,
medical education, interactive teaching

CLC Number:

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.

References 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)

Knowledge

Abstract

Cite this article

share this article

References 27

Related Articles 9

Recommended Articles

Metrics

Comments

[1]	JIA Dengqiang* (贾灯强), LUO Xinzhe (罗鑫喆), DING Wangbin (丁王斌),HUANG Liqin (黄立勤), ZHUANG Xiahai (庄吓海). SeRN: A Two-Stage Framework of Registration for Semi-Supervised Learning for Medical Images [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(2): 176-189.
[2]	KANG Jie* (亢洁), DING Jumin (丁菊敏), LEI Tao (雷涛),FENG Shujie (冯树杰), LIU Gang (刘港). Interactive Liver Segmentation Algorithm Based on Geodesic Distance and V-Net [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(2): 190-201.
[3]	TANG Na (唐纳), GU Jianjun (顾坚骏), YIN Xiaorui (尹肖睿), YU Rongjiang (虞容江),XU Yuantao (徐元涛), LI Xiang (李想), WANG Han* (王悍). Evaluation Value of Intravoxel Incoherent Motion Diffusion-Weighted Imaging on Early Efficacy of Magnetic Resonance-Guided High-Intensity Focused Ultrasound Ablation for Uterine Adenomyoma [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(2): 226-230.
[4]	WANG Zhiming(王志明), DONG Jingjing (董静静), ZHANG Junpeng∗ (张军鹏). Multi-Model Ensemble Deep Learning Method to Diagnose COVID-19 Using Chest Computed Tomography Images [J]. J Shanghai Jiaotong Univ Sci, 2022, 27(1): 70-80.
[5]	BU Ran (卜冉), XIANG Wei∗ (向伟), CAO Shitong (曹世同). COVID-19 Interpretable Diagnosis Algorithm Based on a Small Number of Chest X-Ray Samples [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]. Journal of shanghai Jiaotong University (Science), 2014, 19(5): 513-520.
[9]	XU Yan-ran (徐嫣然), ZHAO Jun* (赵俊). Computer-Aided Detection for CT Colonography [J]. Journal of shanghai Jiaotong University (Science), 2014, 19(5): 531-537.