【正文】 油學(xué)院本科生畢業(yè)設(shè)計（論文） 21 2) 漸變和濾鏡 SVG 代碼可指定沿漸變向量顏色“停止”或顏色點 .濾鏡是 SVG 最強大的功能之一 ,它不僅可實現(xiàn)位圖所具有的濾鏡效果 ,而且由于其基于 XML 的文本化特征 ,其濾鏡效果可任意修改、替換和刪除 .。 6) 動畫和交互性 動畫一般通過更改對象屬性來實現(xiàn)， SVG 也不例外， SVG 定義了專用與動畫的 5 種元素 ,既 animate,animateMotion,animateColor， animateTransform,set。 2) Web Draw Web Draw 是 Jasc Software 研究的 SVG 專業(yè)創(chuàng)作工具，通過直接畫布拖拉及濾鏡效果模塊化組合， Web Draw 可以避免手寫源代碼。但目前現(xiàn)成的 SVG 創(chuàng)作工具只能實現(xiàn) SVG 靜態(tài)圖像和簡單交互功能。這減少ORACLE 的資源占用，并增強了 ORACLE 的能力，使之在低檔軟硬件平臺上用較少的資源就可以支持更多的用戶，而在高檔平臺上可以支持成百上千個用戶。 4）、提 供了與第三代高級語言的接口軟件 PRO*系列，能在 C,C++等主語言中嵌入 SQL 語句及過程化 (PL/SQL)語句，對數(shù)據(jù)庫中的數(shù)據(jù)進行操縱。 ORACLE 的存儲結(jié)構(gòu) 物理結(jié)構(gòu) ORACLE 數(shù)據(jù)庫在物理上是存儲于硬盤的各種文件。非系統(tǒng)表空間內(nèi)存儲著各項應(yīng)用的數(shù)據(jù)、索引、程序等相關(guān)信息。 下圖為 ORACLE 分布式數(shù)據(jù)庫原理示意圖： 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 24 過程 由網(wǎng)絡(luò)相連的兩個 ORACLE數(shù)據(jù)庫之間通過數(shù)據(jù)庫鏈接 (DBLINKS)建立訪問機制，相當(dāng)于一方以另一方的某用戶遠(yuǎn)程登錄所做的操作。在復(fù)制的過程中，有自動沖突檢測和解決的手段。在《 XML 完全探索》這本書中，我決定利用 JAVA Script 同 SVG 結(jié)合的方法來實現(xiàn)地圖的制作。 3. 2 可行性分析 根據(jù)軟件工程理論，可行性研究的目的是用最小的代價在盡可能短的時間內(nèi)確定問題是否能夠解決。 本文的基于 SVG的 油田井位圖發(fā)布的設(shè)計與實現(xiàn) 基于 SVG平臺，主要應(yīng)用JAVASCRIPT、 SVG 和 XML等技術(shù)。 JAVASCRIPT 技術(shù)是目前比較流行也是十分成熟的腳本 語言，使用它可以實現(xiàn)與 SVG 的動態(tài)交互，它可以對用戶的輸入做出響應(yīng)，它對用戶的反應(yīng)響應(yīng)，采取以事件驅(qū)動的方式進行。它與 HTML相比體現(xiàn)出眾多優(yōu)勢，現(xiàn)在的各主要瀏覽器都支持它，在本課題中，主要利用 XML在語義方面的優(yōu)勢，將 制作好的井位地圖 ，存儲為 XML格式。本課題的大多數(shù)工作量也在這里，設(shè)計此功能模塊的主要目的在于能讓用戶更直觀的了解井位信息，方便用戶的操作，使用戶與系統(tǒng)達到一個較好的人機交互的效果 。 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 27 3)井位詳細(xì)信息的查詢 ： 當(dāng)系統(tǒng)自動連接數(shù)據(jù)庫后，用戶可以對已經(jīng)選擇的井位進行詳細(xì)信息的查詢，信息以表格的形式戰(zhàn)線給用戶。方便用戶的同時也豐富了系統(tǒng)的瀏覽方式。在軟件開發(fā)過程中要多次用到數(shù)據(jù)庫，因此數(shù)據(jù)庫的設(shè)計要與系統(tǒng)設(shè)計相結(jié)合，使其能夠把系統(tǒng)中的各個數(shù)據(jù)表組織起來，使系統(tǒng)能夠方便、及時、準(zhǔn)確的從數(shù)據(jù)庫中得到需要的信息以及準(zhǔn)確的將需要的 數(shù)據(jù)分類重新存儲到數(shù)據(jù)庫新的表中。 系統(tǒng) 的主界面 主要包括以下部分： 1） 工具 欄：實現(xiàn)各種功能的系統(tǒng)界面區(qū)域 ； 2） 信息 欄： 用于顯示在地圖上的井位信息 ，并方便用戶對其 信息 進行 查看 ； 3） 快捷鍵：用戶點擊相應(yīng)的快捷鍵，就可以在 地圖的區(qū)域添加井位，并且在信息欄中產(chǎn)生井位的相關(guān)信息，點擊“增加井位”按鈕可自動連接數(shù)據(jù)庫并調(diào)用相關(guān)的井位信息。在此區(qū)域內(nèi)，當(dāng)用戶完成增加井位的的操作后，便可在地圖相應(yīng)的坐標(biāo)點上找到該油井的圖例和井名。 上圖中， 三種功能按鈕 為： 顯示地質(zhì)信息 、 增加井位 、 查詢詳細(xì)信息 。 這里的圖象覆蓋是指重疊，原來的底層圖仍然可見。 4． 3 各功能模塊的實現(xiàn) 4． 3． 1 添加井位 1） 添加 圖 形元素 當(dāng)點擊“增加井位”的按鈕時會在地圖區(qū)域的相應(yīng)位置顯示出一個紅色圓點。 stroke:none。 cy=39。 fill=39。 g transform=39。 y=39。 stroke=39。此函數(shù)代表增加井位， 通過 對井位坐標(biāo)的計算來調(diào)用相應(yīng)的函數(shù)值，依據(jù)變量來計算出添加的油井的具體位置，實現(xiàn)此事件的關(guān)鍵代碼如下： function addWell() { if (xmlDoc!=null) return。 var y2=theView[1]*1+theView[3]*1。y2=+y2。 在此定義了 井位信息的查找范圍及定位方式。 var theExp=number(cx)=+x+ and number(cx)=+(x*1+w*1)+ and number(cy)=+y+ and number(cy)=+(y*1+h*1)。i。 “ viewBox” 屬性的作用是規(guī)定視口的坐標(biāo)范圍。其中“ sx”和“ sy”分別代表 X軸方向和 Y軸方向拉伸和縮小的比例因子。 strokewidth:3” line x1=“ 0” y1=“ 0” x2=“ 100” y2=“ 0” / line x1=“ 0” y1=“ 0” x2=“ 100” y2=“ 80” / /g 還有一種在數(shù)學(xué)方面的計算方法，即矩陣算法。一個二維坐標(biāo)系的矩陣變換式為： 2） 地圖的移動操作 對于地圖的移動操作其實本質(zhì)就是 SVG中的平移變換。在這里就不詳細(xì)。實現(xiàn)方法與縮放的功能實現(xiàn)類似。矩陣變換是坐標(biāo)變換的通用形式。 此功能的實例代碼如下： g transform=“ scale()” g style=“ fill:none。其次，可以利用 SVG中的伸縮變換元素“ scale” 。 矢量圖 的圖像構(gòu)造原理與點位圖完全不同 ,矢量圖利用點和線等矢量化的數(shù)據(jù)描述圖像 ,并在圖像中包含色彩和位置信息 ,它有效地克服了點位圖的固有缺陷 .當(dāng)顯示或輸出圖像時 ,圖像的品質(zhì)不受設(shè)備分辨率影響 ,能夠提供高清晰的畫面 ,放大和縮大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 35 小矢量圖不會影響圖像品質(zhì)。 var theWells=。 實現(xiàn)點擊選擇井位的關(guān)鍵代碼如下： function selectWells(x,y,w,h) { if (xmlDoc==null) return。此時如果使用鼠標(biāo)左鍵單擊井位標(biāo)記，系統(tǒng)則會自動連接數(shù)據(jù)庫，調(diào)出該口油井所包含的詳細(xì)信息。y1=+theView[1]+amp。 井位標(biāo)記 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 34 var theView = (viewBox).split( )。 %=jh% 添加 SVG元素后在地圖上的顯示效果如下圖： 圖 顯示井位標(biāo)記界面 2） 增加井位事件的實現(xiàn) 雖然有了利用 SVG語言添加 圖形元素的方法，但這樣只是界面的制作及 實現(xiàn)， 還需要利用 Javascript對增加井位事件進行編譯。 fontsize=39。 text x=39。/ g transform=39。 r=39。 circle cx=39。 stroke:none。 3 查詢詳細(xì)信息 圖符： 查詢詳細(xì)信息按鈕 的 SVG 語句： input type=button value= 查 詢 詳 細(xì) 信 息 name=chaxun onclick=chaxun() 語義： 此按鈕定義了按鈕名稱“查詢詳細(xì)信息”并同時調(diào)用了函數(shù)chaxun()。它們詳細(xì) SVG定義語句及語義如下： 1 顯示地質(zhì)信息 圖符： 定義 顯示地質(zhì)信息 的 SVG 語句： input type=button value= 顯示地質(zhì)信息 name=BGeologic onclick=switchGeologic() 語義： 點擊此按鈕后在地圖區(qū)又會覆蓋一層新的圖象，按鈕名稱為“顯示地質(zhì)信息”。 模型定制的主界面如下： 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 31 圖 油田井位圖發(fā)布系統(tǒng)主界面 4． 2． 2 快捷鍵介紹 系統(tǒng)快捷鍵部分包括用 三 種 實現(xiàn)系統(tǒng)功能的按鈕 。 4） 地圖區(qū) ：用戶將在 地圖 區(qū) 瀏覽總體概況 。 下面介紹一下數(shù)據(jù)庫 設(shè)計過程。 4. 1 數(shù)據(jù)表結(jié)構(gòu)的描述 此系統(tǒng)既然是一個能夠獨立運行的軟件系統(tǒng)，必然具有完整的數(shù)據(jù)庫來源，有了豐富的數(shù)據(jù)庫資源才能支持系統(tǒng)核心部分的運行。保證在地圖不失真的情況下，操作 人員可掌握更豐富的地圖信息。這也是為了方便用戶區(qū)分不同的油井。 油田井位圖發(fā)布系統(tǒng) 得到了許多企業(yè)的重視和大力支持，在經(jīng)濟完全可行。 用 SVG+JAVASCRIPT 來實現(xiàn)井位圖發(fā)布與加載 完全可行。各種開發(fā)工具及應(yīng)用軟件也不斷商業(yè)化，其發(fā)展前景是不可限量的； SVG 技術(shù)是基于 XML技術(shù)的，其語法結(jié)構(gòu)是符合XML規(guī)則的，是 XML的一個運用。需要指出的是可行性研究的目的不是解決問題，而只是確定問題是否值得去解決，是否能夠解決。利用 JAVASCRIPT和 SVG 技術(shù)制作出一幅帶有放大、縮小、移動、查找文字等功能的地圖，然后利用數(shù)據(jù)庫技術(shù)實現(xiàn)大量井位數(shù)據(jù)的動態(tài)加載，需要加 載的數(shù)據(jù)信息包括油井的坐標(biāo)、類型、所屬單位等相關(guān)信息。 首先利用 SVG 建立某一地區(qū)的油田坐標(biāo)信息描繪，然后從數(shù)據(jù)庫中抽取該地區(qū)所有油井的井位坐標(biāo)信息，并通過某種的方式將這些井位信息繪制到 SVG地圖中；通過 SVG 地圖放大、縮小、移動、查找文字等功能實現(xiàn)井位信息的查詢。 數(shù)據(jù)庫復(fù)制技術(shù)包括：實時復(fù)制、定時復(fù)制、儲存轉(zhuǎn)發(fā)復(fù)制。 下圖為 ORACLE 數(shù)據(jù)庫邏輯結(jié)構(gòu)與物理結(jié)構(gòu)的對照關(guān)系： 分布式數(shù)據(jù)庫管理介紹 原理 物理上存放于網(wǎng)絡(luò)的多個 ORACLE 數(shù)據(jù)庫，邏輯上可以看成一個單個的大數(shù)據(jù)庫。 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 23 下圖為 ORACLE 數(shù)據(jù)庫擴充前后在硬盤上存儲結(jié)構(gòu)的示意圖： 邏輯結(jié)構(gòu) ORACLE 數(shù)據(jù)庫在邏輯上是由許多表空間構(gòu)成。 5）、提供了新的分布式數(shù)據(jù)庫能力。在數(shù)據(jù)庫管理功能、完整性檢查、安全性、一致性方面都有良好的表現(xiàn)。是目前最流行的客戶/服務(wù)器 (CLIENT/SERVER)體系結(jié)構(gòu)的數(shù)據(jù)庫之一。 3） IMS Web Engine IMS Web Engine 是 Virtural Mechanics 開發(fā)的網(wǎng)頁創(chuàng)作軟件，主要用于創(chuàng)作 HTML DHTML, SVG 頁面，其精靈向?qū)?(numen)可以定義簡單的 SVG 動態(tài)交互動作， Web Engine 目前最大的不足是滅有提供源代碼視圖，大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 22 因而無法直接進行源代碼的修改和編輯。 SVG 的實現(xiàn) 工具 目前 SVG 創(chuàng)作工具還處于開發(fā)研制階段，比較流行的工具有： 1) Adobe Adobe 時目前較為成功的一款結(jié)合SVG 功能的矢量創(chuàng)作軟件。 . 4) 路徑和曲線 利用路徑命令可創(chuàng)建作為圖像一部分精確定義的形狀，動畫或文本也可以被設(shè)定為沿某一特定路徑前進。 矢量圖的圖像構(gòu)造原理與點位圖完全不同 ,矢量圖利用點和線等 矢量化的數(shù)據(jù)描述圖像 ,并在圖像中包含色彩和位置信息 ,它有效地克服了點位圖的固有缺陷 .當(dāng)顯示或輸出圖像時 ,圖像的品質(zhì)不受設(shè)備分辨率影響 ,能夠提供高清晰的畫面 ,放大和縮小矢量圖不會影響圖像品質(zhì) .另外 ,Web 瀏覽器接收的指令可以與外部信息源 (如應(yīng)用程序和數(shù)據(jù)庫 )進行綁定 ,當(dāng)要制作動畫時 ,Web 瀏覽器只要接收有關(guān)如何操縱屬性 (如半徑或顏色 )指令即可 . 什么是 SVG 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 20 可 伸縮矢量圖像 SVG 的語法結(jié)構(gòu)是基于 XML.,SVG 文檔本質(zhì)上就是規(guī)范的XML 文檔。 2． 5 SVG 語言簡介 點位圖與矢量圖 計算機生成數(shù)字化圖像一般分為兩種方法 :點位圖法和矢量圖法 .點位圖法是把一幅圖分成許許多多的像素 ,每個像素用若干個二進制位來指定該像素的顏色、亮度和屬性 .矢量圖法是用一系列計算機指令來表示一幅圖 ,如畫點、畫線、畫圓、畫矩形等 .目前 ,Web 頁面中大多數(shù)圖像格式都為點位圖格式 ,比較常用的如 GIF 和JPEG 格式等 .點位圖具有很多優(yōu)越性 ,它能忠實再現(xiàn)攝影圖像 ,其編輯、開發(fā)工具種類繁多且簡單易用 ,其圖像構(gòu)造原理直觀易懂 .但點位圖也存在一些固有缺陷 ,主要表現(xiàn)為 :其顯示受分辨率影響 ,Web 瀏覽器須為那些在原始圖像中不存在的像素插入或猜測數(shù)值 。更糟糕的是，由于對應(yīng)用的理解不一致和商業(yè)利益等原因，同一個領(lǐng)域也許還有多個標(biāo)準(zhǔn)化組織，它們形成的置標(biāo)語言并不完全兼容，使得采取不同標(biāo)準(zhǔn)的計算機仍然難以通信。 另外，由于 XML 是用于定義語言的元語言，任何個人、公司和組織都可以利用它來定義自己的置標(biāo)語言（通過 DTD 或 schema 表示），這雖然是 XML 的魅力大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 19 和靈活性之所在，但同時也是 XML 的最大問題之所在。其次 ，現(xiàn)在雖然出