Axure 技術在油田開發中的應用

劉 鵬

(大慶油田試油試采分公司 作業大隊,黑龍江 大慶 163514)

0 引言

油田進行軟件開發時，往往是由軟件開發人員進行前期調研，調研結束后根據用戶需求開始項目的制作。在制作的過程中，由于軟件開發人員與用戶溝通過程中存在一些問題，在項目完成后期，用戶會提出多處的更改意見，這就會增加軟件開發人員的工作難度。而如果軟件開發人員在調研結束后，制作出整個項目的原型，展示給用戶看，那么不僅能夠提高工組效率，而且避免了后期反復修改的麻煩，因此需要一款合適的原型設計工具。

1 Axure RP 技術概述

Axure RP 是美國Axure Software Solution 公司的旗艦產品，是一個專業的快速原型設計工具，具有讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web 網站的線框圖、流程圖、原型和規格說明文檔的功能。作為專業的原型設計工具，它能快速、高效地創建原型，同時支持多人協作設計和版本控制管理。

Axure RP 能幫助網站需求設計者，快捷而簡便的創建基于目錄組織的原型文檔、功能說明、交互帶注釋的Wireframe網頁，并可自動生成用于演示的網頁文件和Word 文檔，以提供演示與開發。

Axure RP 的工作環境是可視化的，可以讓你輕松快速的以鼠標拖拽的方式創建帶有注釋的線框圖。不用進行編程，就可以在線框圖上定義簡單鏈接和高級交互。在線框圖的基礎上，可以自動生成HTML 原型和Word 格式的規格說明書。可快速創建帶注釋的Wireframe 文件，并可根據所設置的時間周期，使軟件自動保存文檔，確保文件安全。在不寫任何一條HTML 與JavaScript 語句的情況下，通過創建的文檔以及相關條件和注釋，一鍵生成Prototype 演示。根據設計稿，一鍵生成一致而專業的Word 版本原型設計文檔。

1.1 控件交互

Axure RP 具有很強大的交互功能，利用這個功能你無需熟悉JS 等編碼技術就可以實現非常復雜的效果。例如：動畫、頁面跳轉、TAB 頁面、根據變量切換內容等。在新版本中增加了拖拽功能。

1.2 Axure RP 的事件

動作編輯器包含了21 個預定事件及1 個非預定事件。使用動作編輯器可以非常方便地添加交互事件，幾乎不用手動寫入一句代碼就能完成相當復雜的交互效果。

1.3 模塊的使用

模塊是可以重復使用的特殊頁面。一些常用模塊如頁首（Header）、頁尾（Footer）與導航（Navigation）。模塊可用在頁面中或是其他模塊中。只要修改模塊，在所有頁面中引用這個模塊的模塊實例就會隨即全部跟著變化。模塊的概念猶如PowerPoint 中母版、Dreamveawer 中模板的概念，熟練掌握模塊可以大大提高原型設計的效率，并易于維護管理。如一些網站頁頭、頁尾及通用的通知框都可以制作成模板形式。

1.4 生成HTML 原型

在Axure 中設計了帶注釋的線框圖并定義了交互之后就可以產生一個可以互動的、基于瀏覽器的原型了。Axure 原型是一些HTML 和JavaScript 文件可以在IE6＋、Mozilla、Firefox瀏覽器中執行。通過配置和生成原型，使用HTML 原型以及發布原型來使用Axure。

2 原型設計工具比較

紙筆：簡單易得，上手難度為零。有利于瞬間創意的產生與記錄，有利于對文檔即時的討論與修改。使用度不高，難以表述頁面流程，更難以表述交互信息與程序需求細節。

Word：上手難度低。可以畫Wireframe，能夠畫頁面流程，能夠使用批注與文字說明。但是交互不好，也不利于演示。

PPT：上手難度低。易于畫框架圖，易于做批注，也可以表達交互流程，也擅長演示。但是不利于文檔表達。

Visio：功能相對比較復雜。適合畫流程圖、框架圖。不適合做批注與大篇幅的文字說明。同樣不利于表達與演示。

hotshop／fireworks：操作難度相對較大，適合畫框架圖、流程圖。不適合表達交互設計，不擅長文字說明與批注。

Dreamweave：操作難度大，需要基礎的html 知識。適合畫框架圖、流程圖，表達交互設計。不擅長文字說明與批注。

選擇Axure 原型設計工具的原因：

①Axure 可快速繪制網站構架圖，而且可以讓構架圖中的每一個頁面節點，直接連接到對應網頁。

②Axure 內設置了許多會經常使用到的Widget 元件，例如：按鈕（Button）、圖片（Image）、文字面板（Text Panel）、選擇鈕（Radio Button）、下拉式菜單（Droplist）。

③Axure 快速建立流程圖就像建立Wireframe 一樣容易，Flow Widget 中有設計流程圖時會經常用到的形狀，您可以輕松在流程之間加入連接線并設定連接的格式。

④其中大多數的Widget 元件可以對一個或多個事件產生動作，包括OnClick、OnMouseOver 和OnMouseLeave 等。

⑤Axure 可以將Wireframe 輸出成符合InternetExplorer 或Firefox 等不同瀏覽器的HTML Prototype。

⑥Axure RP 可以輸出Word 格式的文件，規格文件包含了目錄、網頁清單、網頁和附有注解的Master、Annotation、Interaction 和Widget 特定的資訊，以及結尾文件，規格的內容與格式也可以依據不同的閱讀對象來變更。

選擇Axure 這一新興原型設計工具，避開了Word、Visio、Dreamweave 等對交互表達不好、不利于演示、操作難度大、需要html 知識等劣勢。它更利于各種交互功能的實現及用戶體驗。

3 Axure RP 在軟件開發中的應用

在軟件開發中，我們利用Axure 實現網站原型設計，以公司試用數據運維管理平臺為例。

3.1 原型需求調查

先對軟件主頁進行需求調查，通過調查了解用戶對主頁面的設計內容有哪些要求，譬如使用者環境（開發Web 版的原型），我們都知道網頁尺寸的設計與瀏覽器及操作系統的尺寸是息息相關的，我們需要知道一般情況下Windows XP 的任務欄高度為30px，而Windows 7 的任務欄高度為40px；我們需要知道一些主瀏覽器的界面參數（狀態欄、菜單欄、滾動條高度等）以便更好地安排版塊設計，進行內容的整體設計；然后對交互設計流程進行分析設計，畫出流程圖。對設計的每一個環節，都要考慮是否是按照用戶需求進行的交互模式設計。

3.2 原型的總體規劃

在進行正式的原型開發之前，結合實際需求做好原型的框架規劃，包括原型整體風格、色調、布局、展現形式等。

①原型設計開發要有統一理念。這個統一主要是指要有統一的界面布局，如每一個子頁面的風格都應該是相同或相近的，各類組件（例如文本框、下拉選擇框、表格、消息提示框等）都應該是一致的。而且所有界面的重置按鈕或關閉按鈕的樣式、事件等也應該是一致的。

②原型設計開發要有對稱思想。這里關系到原型界面的布局問題，例如頁面底部擺放的按鈕應該是總體居中并向兩邊分散排列的。一個信息提示框的文字正常情況下應該是居中顯示的。

③原型設計開發要注意細節。文字描述、控件展現、表格的高度及表頭背景色是否一致等都要注意。此外，在原型開發時，要給每一個頁面、每一個母版、每一個動態面板、每一個部件進行適當的命名，同時也有利于多人協作開發。

④原型設計開發要保持更新。這里有兩層含義：一是項目開發過程中會存在需求變更的情形，此時涉及變更的原型也應隨之更新；二是開發出來的原型應與對應的文檔保持一致，特別是在數據項方面。

3.3 分類設計原型母版

為使原型開發真正達到快速構建的目的，在原型開發過程中盡可能地將公共部分提取并轉換為母版，之后在設計開發每一個原型頁面時就可以采用組裝的方式，這樣會大大提高開發效率，同時有利于后續一些基礎數據的修改。

4 結論

快速開發原型易于客戶理解，可以降低項目失敗的風險，減少溝通時間。不用等到網頁程序都開發好，Axure RP 產出的原型頁面就可以讓用戶進行測試了。頁面可直接連結，動線容易理解，直接體驗原型，以清楚地網站原型來確認所有需求，不擔心執行團隊沒搞懂等問題。對于決策層，能更加直觀的理解系統行為，幫助決策；對于項目負責人，提高了各崗位間的溝通效率，降低溝通成本，保證項目進程；對于需求人員，更加有效的與用戶溝通，減少誤解，保證需求質量；對于設計開發人員，更加有效地協作溝通，降低了溝通成本，減少誤解，避免返工；對于用戶，能更加直觀地感受系統，盡早反饋用戶的需求與系統的不足。Axure RP 的使用將改變程序員的工作方式，提高工作效率。