image_3D_segmentation.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="医学影像智能解译系统" http-equiv="keywords">
  6. <meta name="description" content="医学影像智能解译系统">
  7. <meta name="applicable-device" content="pc,mobile">
  8. <meta http-equiv="Cache-Control" content="no-siteapp">
  9. <meta http-equiv="Cache-Control" content="no-transform">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  12. <title>医学影像智能解译系统</title>
  13. <link rel="stylesheet" href="css/index.css" type="text/css">
  14. <link rel="stylesheet" type="text/css" href="css/children.css">
  15. <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
  16. <script type="text/javascript" src="js/jquery.min.js"></script>
  17. <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
  18. <script type="text/javascript" src="js/jquery.imgbox.pack.js"></script>
  19. <script type="text/javascript" src="js/public.js"></script>
  20. <!-- 菜单js等-->
  21. <script type="text/javascript" src="js/qrcode.min.js"></script>
  22. <!-- 时间选择js -->
  23. <script type="text/javascript" src="js/laydate.js"></script>
  24. <script type="text/javascript" src="js/image_3D_segmentation.js"></script>
  25. <link rel="stylesheet" href="css/imgbox.css">
  26. <script language="javascript" type="text/javascript">
  27. if(sessionStorage!=undefined)
  28. {
  29. if(sessionStorage.getItem("username")!=null)
  30. {
  31. $("#needlogin").remove();
  32. var $span= $("<span>用户名:"+sessionStorage.getItem("username")+"</span>");
  33. $("#needloginparent").append($span);
  34. }
  35. else
  36. window.location.href="login.html";
  37. }
  38. </script>
  39. </head>
  40. <body>
  41. <script type="text/javascript" src="js/HZRecorder.js"></script>
  42. <!--加载框-->
  43. <div id="loadingDiv">
  44. <img src="images/loading.gif" style="margin-top:400px;margin-left:700px;">
  45. </div>
  46. <!--nav-->
  47. <div class="nav">
  48. <div class="nav-container">
  49. <div class="nav-top">
  50. <div class="body-container">
  51. <span class="tip">您好,欢迎来到智能医学影像理解研究中心</span>
  52. <div id="needloginparent" class="l">
  53. <a id="needlogin" href="login.html" target="_self">登录</a>
  54. </div>
  55. <div id="logoutparent" class="l" style="padding-left: 10px;">
  56. <a id="needlogout" href="loginout.html" target="_self">退出</a>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="nav-bottom">
  61. <div class="body-container">
  62. <div class="logo-container">
  63. <img class="logo" src="images/ipiu.jpg">
  64. <div class="word">
  65. <div class="name">智能医学影像理解研究中心</div>
  66. <div class="name-es">Intelligent Medical Image Understand Research Center(IMIU)</div>
  67. </div>
  68. </div>
  69. <div class="side-container">
  70. <ul>
  71. <li> <a href="index.html">首 页</a> </li>
  72. <li> <a href="Laboratory_members.html">研究中心成员</a> </li>
  73. <li > <a href="research_findings1.html">研究成果</a> </li>
  74. <li> <a id="a_datamanage" href="data_manage.html">医学数据管理</a> </li>
  75. <li class="active"> <a id="a_show" href="show_search_text.html">医学影像智能解译系统</a> </li>
  76. </ul>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="researchFinding">
  83. <div class="banner common-banner">
  84. <div class="title wid_main">
  85. <h3>医学影像智能解译系统</h3>
  86. <p>Intelligent medical image interpretation system</p>
  87. </div>
  88. </div>
  89. <div class="researchFinding-container">
  90. <div class="researchFinding-content">
  91. <div class="researchFinding-handle">
  92. <div class="title">展示列表</div>
  93. <ul>
  94. <li><a href="image_crop.html">图像切分</a></li>
  95. <li><a href="show_search_text.html">文字检索系统</a></li>
  96. <li><a href="show_search_pic.html">图像检索系统</a></li>
  97. <li><a href="Image_binary_segmentation.html">二维医学图像分割</a></li>
  98. <li class="active"><a href="image_3D_segmentation.html">三维医学图像分割</a></li>
  99. </ul>
  100. <!-- 联系信息 -->
  101. <div class="contact">
  102. <div id="qrcode"></div>
  103. <p class="tip">扫码即可上传手机图像进行智能切分!</p>
  104. <script type="text/javascript">
  105. var qrcode = new QRCode(document.getElementById("qrcode"), {
  106. width : 320,
  107. height : 320
  108. });
  109. function makeCode () {
  110. qrcode.makeCode("https://imiu.xidian.edu.cn/image_crop.html");
  111. }
  112. makeCode();
  113. </script>
  114. </div>
  115. </div>
  116. <div class="info">
  117. <div class="info-head-conatiner">
  118. <span>三维医学图像分割</span>
  119. </div>
  120. <div class="zy_public_box">
  121. <div class="zy_public_list">
  122. <form class="link_more">
  123. <div class="box dib vm">
  124. <span>器官:</span>
  125. <select id="select_organ" name="select">
  126. <option value="1" selected>肝脏</option> <option value="2">肺部</option>
  127. <option value="3">肿瘤</option> <option value="4">腹部8器官</option>
  128. <option value="5">腹部8器官无切片</option> <option value="6">腹部多器官</option>
  129. <option value="7">腹部多器官无切片</option> <option value="8">头颈部多器官</option>
  130. <option value="9">头颈部多器官无切片</option>
  131. </select>
  132. </div>
  133. <div class="box dib vm">
  134. <button id="findByOrgan" type="button">查看</button>
  135. </div>
  136. <div class="box dib va">
  137. <span class="lable-word">语音识别</span>
  138. <button id="voice_interaction" type="button">开始说话</button>
  139. <button id="voice_recognition" type="button">结束说话</button>
  140. </div>
  141. </form>
  142. <h2 class="art-title">成果介绍:</h2>
  143. <div class="art-cont">
  144. <video width="90%" height="500" controls>
  145. <source src="images/system_introduction.mp4" type="video/mp4">
  146. </video>
  147. <div class="zy_newsxq">
  148. <div class="art-info">针对头颈肿瘤调强适形放疗中风险器官的勾画问题,提出了一种基于形状表示模型约束的全卷积神经网络进行头颈部CT的多图像分割方法。实现了快速、高精度的多器官分割,超越了其它传统分割算法和基于深度学习的方法。在AAPM2019 (The American Association of Physicists in Medicine )举办的RT-Mac Challenge中,提出基于注意力机制的卷积神经网络。该模型实现了左右腮腺、下颌腺、level-II、level-III淋巴结区域的自动化分割。在离线和在线竞赛中,分别获得了全球第三的好名次。在临床应用中,病人的CT图像一经上传进MIM系统,通过点击插件按键实现18个风险器官的自动化分割,大大缩减了物理师器官的勾画时间。经过对比,该模型的分割精度超过了市面上多种商用的自动化分割软件,并且已在美国UCLA放疗中心的临床上进入了试用阶段。同时在西安交通大学第一附属医院放疗科与空军军医大学放疗科进行应用。</div>
  149. </div>
  150. <a class="list_images" id="img_a" href="images/system_introduction1.png" style="height: 0px;margin-left: 0px" target="_blank">
  151. <img src="images/system_introduction1.png" id="img" width="90%" height="550">
  152. </a>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. <!-- 底部 -->
  159. <div class="footerbox bg">
  160. <div class="wid_main fix">
  161. <div class="l">
  162. <a href="index.html" target="blank" class="dib vm"><img src="images/ipiu.jpg" width="85" height="85"></a>
  163. </div>
  164. <div class="l txt">
  165. <p>版权所有:西安电子科技大学智能医学影像理解研究中心&nbsp;&nbsp;&nbsp;地址:西安电子科技大学人工智能学院</p>
  166. <p>西安电子科技大学智能医学影像理解研究中心建设和维护 </p>
  167. </div>
  168. </div>
  169. </div>
  170. <!-- 返回顶部 -->
  171. <div class="side_box">
  172. <ul>
  173. <li class="sidetop"> <span></span> </li>
  174. </ul>
  175. </div>
  176. </div>
  177. <!-- 重要新闻展示不滚动 -->
  178. <style>
  179. .banner{
  180. width: 100%;
  181. height: 248px;
  182. background-color: #005389;
  183. background-image: url(./images/version2/medicalImage/bg.png);
  184. background-repeat: no-repeat;
  185. background-size: 100% 100%;
  186. }
  187. .researchFinding{
  188. width: 100%;
  189. position: relative;
  190. }
  191. .researchFinding-container{
  192. width: 100%;
  193. position: absolute;
  194. top: 248px;
  195. z-index: 999;
  196. background-image: url(./images/version2/Laboratory_members/bg.png);
  197. background-size: 100% 100%;
  198. background-repeat: no-repeat;
  199. }
  200. .researchFinding-content{
  201. width: 1200px;
  202. min-height: 500px;
  203. background-color: #fff;
  204. margin: -100px auto 0;
  205. box-shadow: 0 0 2px rgba(0,0,0,0.1);
  206. border-radius: 4px;
  207. display: flex;
  208. justify-content: flex-start;
  209. padding: 40px 20px 100px 40px;
  210. box-sizing: border-box;
  211. }
  212. .researchFinding-content .researchFinding-handle{
  213. width: 240px;
  214. height: 700px;
  215. background-color: #005389;
  216. color: #fff;
  217. padding-left: 20px;
  218. margin-right: 57px;
  219. }
  220. .researchFinding-content .researchFinding-handle .title{
  221. font-size: 28px;
  222. line-height: 26px;
  223. color: #fff;
  224. font-weight: bold;
  225. padding: 32px 0;
  226. text-indent: 20px;
  227. }
  228. .researchFinding-content .researchFinding-handle ul>li{
  229. width: 221px;
  230. height: 64px;
  231. line-height: 64px;
  232. background-color: #fff;
  233. padding-left: 20px;
  234. position: relative;
  235. }
  236. .researchFinding-content .researchFinding-handle ul li::after{
  237. content: "";
  238. display: none;
  239. width: 15px;
  240. height: 100%;
  241. position: absolute;
  242. left: -8px;
  243. top: 0;
  244. background-image: url(./images/version2/Laboratory_members/rectangle.png);
  245. background-size: 100% 100%;
  246. background-repeat: no-repeat;
  247. }
  248. .researchFinding-content .researchFinding-handle ul>li a{
  249. color: #333;
  250. font-size: 18px;
  251. }
  252. .researchFinding-content .researchFinding-handle ul>li.active{
  253. background-color: #E0620D;
  254. }
  255. .researchFinding-content .researchFinding-handle ul>li.active a{
  256. color: #fff;
  257. }
  258. .researchFinding-content .researchFinding-handle ul>li.active::after{
  259. display: block;
  260. }
  261. .researchFinding-content .researchFinding-handle .contact .title{
  262. padding: 48px 0 30px 0;
  263. line-height: 1;
  264. font-size: 26px;
  265. }
  266. .researchFinding-content .researchFinding-handle .contact #qrcode{
  267. display: block;
  268. width: 142px;
  269. height: 142px;
  270. padding: 10px;
  271. background-color: #fff;
  272. margin: 30px auto 10px;
  273. }
  274. .researchFinding-content .researchFinding-handle .contact #qrcode img{
  275. display: block;
  276. width: 142px;
  277. height: 142px;
  278. }
  279. .researchFinding-content .researchFinding-handle .contact .tip{
  280. display: block;
  281. width: 160px;
  282. color: #E0620D;
  283. font-size: 16px;
  284. line-height: 24px;
  285. padding: 12px 0 24px 0;
  286. text-align: center;
  287. margin: 0 auto;
  288. }
  289. .researchFinding-content .info{
  290. width: 100%;
  291. max-height: 1500px;
  292. overflow-y: auto;
  293. overflow-x: hidden;
  294. flex: 1;
  295. }
  296. .info img,.info video{
  297. display: block;
  298. width: 95%;
  299. height: auto;
  300. max-height: 500px;
  301. object-fit: fill;
  302. }
  303. .lable-word{
  304. width: auto;
  305. color: #999;
  306. font-size: 14px;
  307. padding-left: 200px;
  308. }
  309. .art-title{
  310. font-size: 20px;
  311. color: #333333;
  312. line-height: 24px;
  313. padding: 20px 0;
  314. font-weight: 700;
  315. }
  316. .art-cont{
  317. padding:0 30px 50px 80px;
  318. }
  319. .zy_public_box video,.zy_public_box img{
  320. display: block;
  321. width: 80%;
  322. margin: 0 auto;
  323. }
  324. .zy_public_box .art-info{
  325. font-size: 18px;
  326. color: #000000;
  327. line-height: 34px;
  328. font-weight: 400;
  329. text-align: justify;
  330. padding: 30px 0;
  331. text-indent: 36px;
  332. }
  333. </style>
  334. </body>
  335. </html>