Axure 技術(shù)在油田開發(fā)中的應(yīng)用

劉 鵬

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

0 引言

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

1 Axure RP 技術(shù)概述

Axure RP 是美國Axure Software Solution 公司的旗艦產(chǎn)品，是一個(gè)專業(yè)的快速原型設(shè)計(jì)工具，具有讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web 網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔的功能。作為專業(yè)的原型設(shè)計(jì)工具，它能快速、高效地創(chuàng)建原型，同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理。

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

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

1.1 控件交互

Axure RP 具有很強(qiáng)大的交互功能，利用這個(gè)功能你無需熟悉JS 等編碼技術(shù)就可以實(shí)現(xiàn)非常復(fù)雜的效果。例如：動(dòng)畫、頁面跳轉(zhuǎn)、TAB 頁面、根據(jù)變量切換內(nèi)容等。在新版本中增加了拖拽功能。

1.2 Axure RP 的事件

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

1.3 模塊的使用

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

1.4 生成HTML 原型

在Axure 中設(shè)計(jì)了帶注釋的線框圖并定義了交互之后就可以產(chǎn)生一個(gè)可以互動(dòng)的、基于瀏覽器的原型了。Axure 原型是一些HTML 和JavaScript 文件可以在IE6＋、Mozilla、Firefox瀏覽器中執(zhí)行。通過配置和生成原型，使用HTML 原型以及發(fā)布原型來使用Axure。

2 原型設(shè)計(jì)工具比較

紙筆：簡單易得，上手難度為零。有利于瞬間創(chuàng)意的產(chǎn)生與記錄，有利于對(duì)文檔即時(shí)的討論與修改。使用度不高，難以表述頁面流程，更難以表述交互信息與程序需求細(xì)節(jié)。

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

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

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

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

Dreamweave：操作難度大，需要基礎(chǔ)的html 知識(shí)。適合畫框架圖、流程圖，表達(dá)交互設(shè)計(jì)。不擅長文字說明與批注。

選擇Axure 原型設(shè)計(jì)工具的原因：

①Axure 可快速繪制網(wǎng)站構(gòu)架圖，而且可以讓構(gòu)架圖中的每一個(gè)頁面節(jié)點(diǎn)，直接連接到對(duì)應(yīng)網(wǎng)頁。

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

③Axure 快速建立流程圖就像建立Wireframe 一樣容易，F(xiàn)low Widget 中有設(shè)計(jì)流程圖時(shí)會(huì)經(jīng)常用到的形狀，您可以輕松在流程之間加入連接線并設(shè)定連接的格式。

④其中大多數(shù)的Widget 元件可以對(duì)一個(gè)或多個(gè)事件產(chǎn)生動(dòng)作，包括OnClick、OnMouseOver 和OnMouseLeave 等。

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

⑥Axure RP 可以輸出Word 格式的文件，規(guī)格文件包含了目錄、網(wǎng)頁清單、網(wǎng)頁和附有注解的Master、Annotation、Interaction 和Widget 特定的資訊，以及結(jié)尾文件，規(guī)格的內(nèi)容與格式也可以依據(jù)不同的閱讀對(duì)象來變更。

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

3 Axure RP 在軟件開發(fā)中的應(yīng)用

在軟件開發(fā)中，我們利用Axure 實(shí)現(xiàn)網(wǎng)站原型設(shè)計(jì)，以公司試用數(shù)據(jù)運(yùn)維管理平臺(tái)為例。

3.1 原型需求調(diào)查

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

3.2 原型的總體規(guī)劃

在進(jìn)行正式的原型開發(fā)之前，結(jié)合實(shí)際需求做好原型的框架規(guī)劃，包括原型整體風(fēng)格、色調(diào)、布局、展現(xiàn)形式等。

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

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

③原型設(shè)計(jì)開發(fā)要注意細(xì)節(jié)。文字描述、控件展現(xiàn)、表格的高度及表頭背景色是否一致等都要注意。此外，在原型開發(fā)時(shí)，要給每一個(gè)頁面、每一個(gè)母版、每一個(gè)動(dòng)態(tài)面板、每一個(gè)部件進(jìn)行適當(dāng)?shù)拿?，同時(shí)也有利于多人協(xié)作開發(fā)。

④原型設(shè)計(jì)開發(fā)要保持更新。這里有兩層含義：一是項(xiàng)目開發(fā)過程中會(huì)存在需求變更的情形，此時(shí)涉及變更的原型也應(yīng)隨之更新；二是開發(fā)出來的原型應(yīng)與對(duì)應(yīng)的文檔保持一致，特別是在數(shù)據(jù)項(xiàng)方面。

3.3 分類設(shè)計(jì)原型母版

為使原型開發(fā)真正達(dá)到快速構(gòu)建的目的，在原型開發(fā)過程中盡可能地將公共部分提取并轉(zhuǎn)換為母版，之后在設(shè)計(jì)開發(fā)每一個(gè)原型頁面時(shí)就可以采用組裝的方式，這樣會(huì)大大提高開發(fā)效率，同時(shí)有利于后續(xù)一些基礎(chǔ)數(shù)據(jù)的修改。

4 結(jié)論

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