臺灣博碩士論文加值系統

指導教授推薦書
論文口試委員審定書
致謝 iii
中文摘要 v
英文摘要 vii
目錄 ix
表目錄 x
圖目錄 xi
第一章 緒論 ..................................................................1
1.1 研究背景 .................................................................1
1.2 研究動機 .........................................................................3
1.3 研究目的 .........................................................................5
1.4 論文架構 ........................................................................9
第二章 文獻探討 ......................................................................10
2.1 雲端運算技術與服務 .............................................................10
2.2 HTML5 技術與原理...............................................................11
2.3 WebGL 架構與原理................................................................16
2.4 WebGL 相關應用文獻............................................................23
第三章 系統架構與方法 ...............................................................27
3.1 開發環境 ......................................................................27
3.2 實驗材料 ..............................................................28
3.3 功能與方法 ....................................................................33
第四章 系統成果與分析 ..................................................................44
4.1 系統建置成果 ......................................................................44
4.2 實測平台功能 ......................................................................46
4.3 多裝置平台運行結果 .............................................................55
第五章 結論與未來展望 .................................................................58
參考文獻......................................................................60

 
表目錄
表2-1、HTML5演進背景 13
表2-2、<canvas> Context Type 對照表 19
表2-3、著色器的宣告對照表 20
表3-1、開發環境之軟硬體規格表 27
表3-2、XTK官方制定之支援檔案規格 33
表4-1、實測硬體規格表 46

 
圖目錄
圖1-1、TrackVis（左）與Diffusion Toolkit（右） 2
圖1-2、Google團隊開發Body Browser 4
圖1-3、APP軟體對應於不同裝置上的問題 6
圖1-4、傳統之執行架構示意圖 8
圖1-5、本研究提出之執行架構示意圖 8
圖2-1、透過網格運算處理醫學影像之架構圖 11
圖2-2、醫學影像雲端運算平台所提供的前端操作介面 11
圖2-3、常見的多媒體外掛示意圖 12
圖2-4、Server端與Client端處理三維影像的差異 14
圖2-5、TCP連線於Server端繪製3D的連線情況 15
圖2-6、於Client端繪製3D的連線情況 15
圖2-7、WebGL的系統架構 17
圖2-8、WebGL使用笛卡爾坐標系 18
圖2-9、WebGL透視投影與正射投影示意圖 20
圖2-10、WebGL繪製流程示意圖 22
圖2-11、以WebGL技術實作室內博物館導覽文物 23
圖2-12、以WebGL技術繪製地表磁力線 24
圖2-13、APP-Like的WebGL實作方式 25
圖2-14、WebGL顯示獨立物件並提供該物件訊息 26
圖3-1、MRI設備SIEMENS MAGNETOM Trio 3T MRI 29
圖3-2、MRI實驗與機器構造示意圖 30
圖3-3、擴散張量矩陣與橢圓球體之關係 32
圖3-4、三大類型醫學影像整合顯示之系統執行流程 35
圖3-5、Brain Networks之系統執行流程 38
圖3-6、Brain Networks的節點檔案格式 39
圖3-7、Brain Networks的邊線檔案格式 39
圖3-8、上三角矩陣運算中被遺漏的部分節點相連資訊 40
圖3-9、Brain Networks高亮度互動顯示 41
圖3-10、本研究平台之WebGL方法架構圖 42
圖4-1、平台入口頁面［圖要更新］ 43
圖4-2、全球統計之主流瀏覽器 45
圖4-3、WebGL於各個作業系統環境的支援表 45
圖4-4、平台（左）與MRICron（右）的執行對照圖 48
圖4-5、平台（左）與TrackVis（右）的執行對照圖 48
圖4-6、平台（左）與FreeSurfer（右）的執行對照圖 48
圖4-7、平台整合顯示成果 49
圖4-8、上傳檔案並回傳預覽網址之流程示意圖 50
圖4-9、平台提供的Brain Networks載入介面 51
圖4-10、平台（上）與BrainNet Viewer（下）的執行對照圖 53
圖4-11、WebGL Viewer於行動裝置的執行結果畫面 54
圖4-12、WebGL Viewer於PC的執行結果畫面 55
圖4-13、Brain Networks於行動裝置的執行結果畫面 56

[1] Alejski, A., Yuteng Chen, Rutt, B.K., “Ultra-high-resolution imaging with a clinical MRI,” IEEE Instrumentation &; Measurement Magazine, Vol. 5, pp. 18-23, Jun. 2002.
[2] TrackVis. (Cited 2014, March). TrackVis. Available from http://trackvis.org/
[3] Diffusion Toolkit. (Cited 2014, March). Introduction. Available from http://trackvis.org/dtk/
[4] Zorrilla, M., Martin, A., Sanchez, J.R., Tamayo, I., Olaizola, I.G., “HTML5-based System for Interoperable 3D Digital Home Applications,” Digital Home (ICDH), pp. 206-214, Nov. 2012.
[5] Khronos Group. (2013, March 01). WebGL Specification Version 1.0.2. Available from: https://www.khronos.org/registry/webgl/specs/1.0/
[6] Bloice, M.D., Wotawa, F., Holzinger, A., “Java's Alternatives and the Limitations of Java when Writing Cross-Platform Applications for Mobile Devices in the Medical Domain,” Information Technology Interfaces, 2009. ITI '09. Proceedings of the ITI 2009 31st International Conference, pp. 47-54, June. 2009.
[7] Zygote Media Group Inc. (Cited 2012, November). Zygote Body. Available from http://www.zygotebody.com/
[8] Biodigital Inc. (Cited 2014, May). THE BIODIGITAL HUMAN A Better Way to Understand Health and the Human Body. Available from https://www.biodigitalhuman.com/
[9] Gallant Lab. (Cited 2013, May). Welcome to the pycortex WebGL MRI viewer! Available from http://gallantlab.org/semanticmovies/
[10] Alexander G. Huth, Shinji Nishimoto, An T. Vu, Jack L. Gallant, “A Continuous Semantic Space Describes the Representation of Thousands of Object and Action Categories across the Human Brain,” Neuron Journal, Vol. 76, pp. 1210-1224, December. 2012.
[11] Github Inc. (Cited 2013, October). The X Toolkit: WebGL™ for Scientific Visualization. Available from: https://github.com/xtk/X
[12] Github Inc. (Cited 2013, February). JavaScript 3D library - three.js. Available from: https://github.com/mrdoob/three.js/
[13] OpenSignal. (2012, August). The many faces of a little green robot. Available from: http://opensignal.com/reports/fragmentation.php
[14] Krefting, D., Luetzkendorf, R., Peter, K., Bernarding, J., “Performance Analysis of Diffusion Tensor Imaging in an Academic Production Grid,” Cloud and Grid Computing (CCGrid), pp. 751-756, May. 2010.
[15] Dadong W., Tomasz B., Yulia A., Piotr S., Shiping C., Neil B., Alex K., Tim G., John T., “Cloud Computing for High Performance Image Analysis on a National Infrastructure,” CSIRO, July. 2013.
[16] Tao Wang, Youbing Zhao, Enjie Liu, Clapworthy, G.J., Xia Zhao, Hui Wei, Feng Dong, “Using Web Services as Functional-Level Plug Ins for Interactive 3D Medical Visualisation,” Information Visualisation (IV), pp. 617-622, July. 2010.
[17] Amazon.com Inc. (2011, October). Kindle Format 8. Available from http://www.amazon.com/gp/feature.html?docId=1000729511
[18] W3C org. (2010, August). HTML5 Reference. Available from http://dev.w3.org/html5/html-author/
[19] Xing Yan, Lei Yang, Shanzhen Lan, Xiaolong Tong, “Application of HTML5 multimedia,” Computer Science and Information Processing (CSIP), pp. 871-874, Aug. 2012.
[20] Kapetanakis, K., Panagiotakis, S., “Evaluation of techniques for web 3D graphics animation on portable devices,” Telecommunications and Multimedia (TEMU), pp.152-157, July. 2012.
[21] Ortiz, S., “Is 3D Finally Ready for the Web?” IEEE Journals &; Magazines, Vol. 43, pp. 14-16, Jan. 2010.
[22] Mobeen, M.M., Lin Feng, “Ubiquitous medical volume rendering on mobile devices,” Information Society (i-Society), pp. 93-98, June. 2012.
[23] Khronos Group. (2014, February 10). Blacklists And Whitelists. Available from http://www.khronos.org/webgl/wiki/BlacklistsAndWhitelists
[24] Nicolas P. Rougier. (Cited 2014, May 10). Modern OpenGL tutorial (python). Available from http://www.loria.fr/~rougier/teaching/opengl/
[25] Bijin Chen, Zhiqi Xu, “A framework for browser-based Multiplayer Online Games using WebGL and WebSocket,” International Conference on Multimedia Technology (ICMT), pp. 471-474, 2011.
[26] Aderhold, A., Jung, Y., Wilkosinska, K., Fellner, D.W., “Distributed 3D model optimization for the web with the common implementation framework for online virtual museums,” Digital Heritage International Congress (DigitalHeritage), Vol. 2, pp. 719-726, Nov. 1 2013.
[27] Li Xue, Qing Yangming, Liu Lei, “Visualization of Geomagnetic Environment Based on WebGL,” Computational Intelligence and Design (ISCID), Vol. 2, pp. 28-29, Oct. 2012.
[28] De Ridder, M., Constantinescu, L., Lei Bi, Youn Hyun Jung, Kumar, A., Jinman Kim, Feng, D.D., Fulham, M., “A web-based medical multimedia visualisation interface for personal health records,” Computer-Based Medical Systems (CBMS), pp. 191-196, June. 2013.
[29] Birr, S., Monch, J., Sommerfeld, D., Preim, U., Preim, B., “The LiverAnatomyExplorer: A WebGL-Based Surgical Teaching Tool,” IEEE Computer Graphics and Applications, Vol. 33, pp. 48-58, Oct. 2013.
[30] P. J. Basser “Diffusion tensor echo-planar imaging of human brain,” Proceedings of the SMRM, 1993.
[31] B. P. B. Mori S., “Diffusion Magnetic Resonance Imaging: Its Principle and Applications,” Anat Rec., Vol. 257, pp. 102-109, 1999.
[32] 曹書萍, "擴散磁振造影於人腦語言神經纖維束之研究及應用," 生命科學院神經科學研究所, 國立陽明大學, 2007.
[33] S Mori, Peter C. M., “Fiber tracking: principles and strategies - a technical review,” NMR in Biomedicine, Review Article Published Online, 2002.
[34] Rugheimer, S.M., Qiang Liu, Sclabassi, R.J., Mingui Sun, “Displaying Raw MEG Measurements with FreeSurfer,” Bioengineering Conference, pp. 59-60, April. 2006.
[35] Weiyuan Liu, “Natural user interface- next mainstream product user interface,” Computer-Aided Industrial Design &; Conceptual Design (CAIDCD), Vol. 1, pp. 203-205, Nov. 2010.