【摘要】：隨著多媒體技術(shù)的不斷發(fā)展,網(wǎng)頁(yè)中元素形式呈現(xiàn)多樣化趨勢(shì)。近年來(lái),在WebGL標(biāo)準(zhǔn)的輔助下,3D模型和場(chǎng)景不再依賴任何第三方插件就可以流暢的渲染到瀏覽器中。通過(guò)標(biāo)準(zhǔn)的、跨平臺(tái)的WebGL接口在瀏覽器中實(shí)現(xiàn)三維實(shí)體語(yǔ)義標(biāo)注來(lái)替代傳統(tǒng)的二維繪圖軟件標(biāo)注顯得十分必要。本文基于WebGL標(biāo)準(zhǔn)對(duì)三維實(shí)體語(yǔ)義標(biāo)注系統(tǒng)進(jìn)行設(shè)計(jì)與實(shí)現(xiàn)。描述了系統(tǒng)的需求分析、系統(tǒng)總體設(shè)計(jì)及數(shù)據(jù)設(shè)計(jì)、系統(tǒng)詳細(xì)設(shè)計(jì)及系統(tǒng)的實(shí)現(xiàn)與測(cè)試等內(nèi)容。首先從功能性需求與非功能性需求兩個(gè)方面對(duì)系統(tǒng)進(jìn)行分析,并確定了系統(tǒng)的六大功能模塊。在總體設(shè)計(jì)階段明確提出模塊化、B/S結(jié)構(gòu)、組件化的設(shè)計(jì)原則,確定了系統(tǒng)設(shè)計(jì)的總體框架,采用功能架構(gòu)圖對(duì)系統(tǒng)功能進(jìn)行展示。對(duì)系統(tǒng)涉及到的內(nèi)容進(jìn)行建模分析并繪制E-R圖來(lái)展示實(shí)體間的聯(lián)系。詳細(xì)設(shè)計(jì)時(shí)從系統(tǒng)的六大功能模塊著手,將各模塊再按照功能進(jìn)行劃分,對(duì)每個(gè)功能點(diǎn)的實(shí)現(xiàn)函數(shù)進(jìn)行詳細(xì)設(shè)計(jì)。系統(tǒng)實(shí)現(xiàn)部分圍繞主要功能模塊的核心代碼展示及效果截圖的方式展開(kāi),最后對(duì)系統(tǒng)進(jìn)行了全面的測(cè)試并針對(duì)測(cè)試問(wèn)題進(jìn)行完善。通過(guò)全面的分析、詳細(xì)的設(shè)計(jì)及不斷的完善,最終設(shè)計(jì)出三維實(shí)體語(yǔ)義標(biāo)注系統(tǒng)。本開(kāi)發(fā)主要實(shí)現(xiàn)三維實(shí)體語(yǔ)義標(biāo)注系統(tǒng)的用戶管理、實(shí)體文件上傳、語(yǔ)義標(biāo)注、文件共享、文件匯總、微信接入六大功能模塊。系統(tǒng)設(shè)計(jì)中采用Vue的組件化開(kāi)發(fā),實(shí)現(xiàn)了數(shù)據(jù)的綁定,極大提高了代碼復(fù)用和開(kāi)發(fā)效率。對(duì)于頻繁請(qǐng)求的文件使用redis做數(shù)據(jù)緩存,減少請(qǐng)求次數(shù)與請(qǐng)求響應(yīng)時(shí)間。利用H5的離線存儲(chǔ)機(jī)制,使用戶在離線狀態(tài)下可繼續(xù)操作,在有網(wǎng)絡(luò)鏈接的情況下再將這些操作進(jìn)行提交保存。為使系統(tǒng)更具通用性與實(shí)用性,系統(tǒng)完全兼容web端與手持設(shè)備端,在微信公眾號(hào)下可同樣使用。系統(tǒng)實(shí)現(xiàn)的語(yǔ)義化的標(biāo)注強(qiáng)化了用戶對(duì)實(shí)體文件的理解;在線的標(biāo)注模式大大節(jié)省了文件存儲(chǔ)空間,讓用戶隨時(shí)隨地可操作;利用語(yǔ)義化的標(biāo)注內(nèi)容可進(jìn)一步優(yōu)化系統(tǒng)內(nèi)文件的檢索。目前,實(shí)現(xiàn)的三維實(shí)體語(yǔ)義標(biāo)注系統(tǒng)已經(jīng)得到很好的應(yīng)用,既方便了用戶的學(xué)習(xí)與交流,又節(jié)省了用戶本地存儲(chǔ)空間。
[Abstract]:With the continuous development of multimedia technology, the element form of web pages presents a diversified trend. In recent years, with the help of the WebGL standard, 3D models and scenes can be rendered smoothly into browsers without relying on any third-party plug-ins. It is necessary to implement 3D entity semantic annotation in browser by standard, cross-platform WebGL interface instead of traditional two-dimensional drawing software annotation. This paper designs and implements a three-dimensional entity semantic annotation system based on WebGL standard. The requirements analysis, system design and data design, system detailed design, system implementation and test are described. First, the system is analyzed from two aspects of functional requirements and non-functional requirements, and six functional modules of the system are determined. In the stage of overall design, the modular B / S structure and the design principle of componentization are put forward, and the overall frame of the system design is determined, and the function of the system is demonstrated by the functional architecture diagram. Modeling and analyzing the contents involved in the system and drawing E-R diagram to show the relationship between entities. The detailed design starts with the six function modules of the system, and then divides the modules according to the function, and designs the realization function of each function point in detail. The realization part of the system revolves around the core code display of the main function module and the way of the effect screenshot. Finally, the system is tested comprehensively and the test problem is perfected. Through comprehensive analysis, detailed design and continuous improvement, a 3D entity semantic annotation system is designed. This development mainly realizes the user management, entity file upload, semantic annotation, file sharing, file collection and WeChat access of the 3D entity semantic annotation system. In the design of the system, the component development of Vue is used to realize the binding of data, which greatly improves the efficiency of code reuse and development. For frequently requested files, redis is used as data cache to reduce the number of requests and request response time. By using the offline storage mechanism of H5, the user can continue to operate in the offline state, and then submit these operations to save when there is a network link. In order to make the system more universal and practical, the system is fully compatible with web and handheld devices. The semantic annotation realized by the system strengthens the user's understanding of the entity file, the online annotation mode saves the file storage space greatly, and the user can operate at any time and anywhere. The retrieval of files in the system can be further optimized by using semantic annotated content. At present, the implemented 3D entity semantic annotation system has been applied very well, which not only facilitates the user's learning and communication, but also saves the user's local storage space.
【學(xué)位授予單位】：山東師范大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2017
【分類號(hào)】：TP311.52

【參考文獻(xiàn)】

相關(guān)期刊論文 前10條

1 孟祥宇;呂衛(wèi);褚晶輝;;基于Leap Motion的手工雕塑網(wǎng)頁(yè)應(yīng)用設(shè)計(jì)[J];信息技術(shù);2016年10期

2 易劍波;;基于MVVM模式的WEB前端框架的研究[J];信息與電腦(理論版);2016年19期

3 蘇亞光;王冬;劉佳;;通過(guò)Three.js引擎加載STL模型[J];電腦編程技巧與維護(hù);2016年10期

4 王爽;馬又良;劉洋;;信息系統(tǒng)需求分析流程與方法[J];郵電設(shè)計(jì)技術(shù);2015年12期

5 陳帝江;張紅旗;肖承翔;;數(shù)字化設(shè)計(jì)與制造重點(diǎn)基礎(chǔ)國(guó)家標(biāo)準(zhǔn)研究[J];標(biāo)準(zhǔn)科學(xué);2015年12期

6 ;七牛云存儲(chǔ)[J];商業(yè)文化;2015年24期

7 許會(huì)元;何利力;;NodeJS的異步非阻塞I/O研究[J];工業(yè)控制計(jì)算機(jī);2015年03期

8 萬(wàn)靜;張濤;;基于三維標(biāo)注技術(shù)的平推門設(shè)計(jì)與研究[J];工業(yè)技術(shù)創(chuàng)新;2015年01期

9 楊俊俐;姜志國(guó);周全;張浩鵬;史駿;;基于條件隨機(jī)場(chǎng)的遙感圖像語(yǔ)義標(biāo)注[J];航空學(xué)報(bào);2015年09期

10 黃經(jīng)贏;;基于Socket.io+Node.js+Redis構(gòu)建高效即時(shí)通訊系統(tǒng)[J];現(xiàn)代計(jì)算機(jī)(專業(yè)版);2014年19期

，

本文編號(hào)：2165991