多媒體交互技術在電子樓書系統(tǒng)的應用和研究

馬永強

摘 ?要： 傳統(tǒng)的紙質(zhì)樓書和單純以視頻為載體的樓書都存在交互性差的問題，通過使用Authorware多媒體軟件中的熱區(qū)等交互技術設計并實現(xiàn)了“威尼斯莊園”樓盤的電子樓書系統(tǒng)。通過一個多媒體電子樓書的實現(xiàn)過程詳細介紹了電子樓書系統(tǒng)具體的實現(xiàn)方法和步驟。針對Authorware中常出現(xiàn)的一些技術問題進行了重點分析。對多媒體技術未來的發(fā)展趨勢進行了展望。

關鍵詞： 電子樓書; 多媒體; 交互; 熱區(qū); 熱對象

中圖分類號：TP37 ? ? ? ? ?文獻標志碼：A ? ? 文章編號：1006-8228（2015）01-15-03

Application and research of electronic brochure system based on multimedia interactive technology

Ma Yongqiang

（Computer Department of Jining Normal University， Wulanchabu， Inner Mongolia 012000， China）

Abstract： The traditional paper and video brochure have the problems such as poor interactivity. The hot respond in the Authorware is used to design and realize the electronic brochure system of "Venice Manor". The specific implementation methods and procedures of the system are introduced by discussing the specific process of the implementation of multi-media electronic brochure. Some common technology problems in Authorware are analyzed. The development trends of multimedia technology are discussed.

Key words： electronic brochure; multimedia; interaction; hot respond; hot objects respond

0 引言

目前房地產(chǎn)廣告的形式主要包括紙質(zhì)媒體和視頻媒體兩大類。其中紙質(zhì)媒體主要以大幅廣告和樓盤宣傳冊的形式出現(xiàn)，但是基于圖像的平面設計是一種無聲無息的媒體表現(xiàn)形式，潛在的購房者無法直觀地感受樓盤魅力，無法了解完整的樓盤信息。隨著數(shù)字信息技術的發(fā)展，人們開始采用視頻媒體來推廣樓盤，這種“電子技術”與“樓書宣傳”相結合的媒體形式我們一般稱之為“電子樓書”。

這樣單純以視頻為載體的電子樓書存在一個明顯的問題：客戶在觀看這種類型的電子樓書時處于一種被動地位，他們只能根據(jù)宣傳視頻中的順序進行觀看，而不能根據(jù)個人的喜好有選擇性地觀看某個具體戶型及其周邊環(huán)境。

隨著各種多媒體技術的進一步發(fā)展，我們可以利用這些技術和手段來設計、制作具有強交互性的電子樓書系統(tǒng)，使用戶可以有選擇地了解樓盤相關信息。電子樓書中用到的素材主要包括圖片、聲音和視頻，多媒體制作軟件Authorware能夠很好地整合各種素材并具有非常強大的交互功能[1]，這些特點非常符合電子樓書系統(tǒng)的設計需求。

1 交互型電子樓書的設計與實現(xiàn)

1.1 系統(tǒng)功能分析

本系統(tǒng)是宣傳內(nèi)蒙古烏蘭察布市集寧區(qū)名為“威尼斯莊園”高檔樓盤的交互型電子樓書系統(tǒng)[2]。通過對高層、多層電梯和多層普通等三種樓型的各種不同戶型進行分析，確定本系統(tǒng)包括“莊園概述”、“莊園景觀”、“戶型鑒賞”、“精品樣房”和“配套設施”等五個主要模塊。本系統(tǒng)主要使用Authorware中的熱對象、熱區(qū)和目標區(qū)等交互技術實現(xiàn)系統(tǒng)各個模塊，主要目的是最大程度地吸引看房者眼球，使客戶有一種身臨其境的感覺，更好地了解樓盤信息。

1.2 系統(tǒng)的設計與實現(xiàn)

1.2.1 整體設計

圖1 ?系統(tǒng)主界面

本系統(tǒng)主要通過使用熱對象和熱區(qū)等交互技術，以圖片、音樂和視頻等媒體形式來對“威尼斯莊園”進行詳細的介紹和說明。首先在整個程序的開始加入優(yōu)雅的背景音樂，然后對“莊園概述”、“莊園景觀”、“戶型鑒賞”、“精品樣房”和“配套設施”等模塊進行詳細設計和制作。系統(tǒng)主界面如圖1所示，主程序流程如圖2所示。

圖2 ?主程序流程

1.2.2 系統(tǒng)實現(xiàn)

收集相關的圖片和音樂，拍攝樣板房視頻等素材，然后經(jīng)過處理就可以使用Authorware多媒體軟件制作電子樓書了。

⑴ 背景圖片和音樂的設計與實現(xiàn)

拖動一個顯示圖標到主程序流程線上，命名為“背景圖片”，然后雙擊圖標導入程序主界面的背景圖片，調(diào)整圖片大小到窗口大小。然后在“背景圖片”下面拖動一個聲音圖標，命名為“背景音樂”，導入提前處理好的聲音文件。

⑵ 主要模塊的實現(xiàn)

我們使用Authorware主要是因為它具有非常強大的交互功能，本電子樓書系統(tǒng)主要使用了熱區(qū)和熱對象等響應交互技術[3]。

① 莊園概述模塊的實現(xiàn)

首先，拖動一個交互圖標到流程線上，命名為“功能模塊”，在它的右下角拖動一個群組圖標作為它的反饋圖標，交互類型選擇為熱區(qū)，然后進入二級和三級程序流程的設計與制作環(huán)節(jié)，如圖3所示。

圖3

在圖3所示的界面中，首先添加的是一個顯示圖標用于放置小區(qū)情況的一些介紹，命名為“莊園情況介紹”，為了實現(xiàn)交互，在該圖標下面又添加了交互圖標和群組圖標來實現(xiàn)返回主界面的功能。為了風格上的統(tǒng)一，該交互響應類型也選擇的是熱區(qū)交互，然后在名為“返回”的群組圖標中添加一個計算圖標，如圖4所示，在該圖標中輸入GoTo（IconID@"背景圖片"），利用GOTO函數(shù)實現(xiàn)返回主界面的功能。配套設施模塊的實現(xiàn)和莊園概述模塊的原理是一致的，這里不再單獨進行解釋。

圖4

② 莊園景觀模塊的實現(xiàn)

在本模塊中我們使用插入FLASH的方法來實現(xiàn)客戶對莊園景觀的了解。首先選擇“插入”菜單選擇“媒體”中的“Flash Movie…”選項來實現(xiàn)。但是在具體的操作過程中我們發(fā)現(xiàn)，如果所準備的Flash素材版本較高的話，使用這種方式插入的Flash文件就會出現(xiàn)無法正常播放的情況。

為了解決這一問題，可以采用插入控件的方法來實現(xiàn)Flash文件的插入，選擇“插入”—“控件”中的“ActiveX…”選項，在彈出的“Select ActiveX Control”窗口中選擇“Shockwave Flash Object”單擊OK確定，在Properties選項卡雙擊Movie輸入需要插入的Flash文件的絕對路徑和文件名，如圖5所示。使用控件的方法來插入Flash文件可以兼容幾乎所有的Flash文件，但是這種方法無法將Flash文件內(nèi)置，所以打包后的可執(zhí)行程序在別的計算機上可能存在無法打開的問題。

圖5

可以采用以下方法進一步改進：在選擇“Shockwave Flash Object”后單擊兩次OK回到流程線上，將插入的ActiveX控件命名為“景觀”，然后在該圖標下面拖動一個計算圖標輸入SetSpriteProperty（@"莊園景觀"，#movie，F(xiàn)ileLocation^"景觀效果.swf"），該語句的作用是將景觀效果.swf文件賦給名為“景觀”的ActiveX控件圖標的Movie屬性，其實就是使用ActiveX控件來播放所指定的Flash文件。

③ 戶型鑒賞模塊的實現(xiàn)

雙擊主程序流程線上的戶型鑒賞圖標進入二級程序流程進行編輯，本模塊我們準備采用熱對象交互技術進行實現(xiàn)。首先在流程線上添加六個顯示圖標用來放置不同的戶型，然后拖動交互圖標放在這些顯示圖標下面，命名為“戶型鑒賞交互”，右下角拖動相對應的群組圖標并分別命名，如圖6所示。在“121”、“221A”等群組圖標內(nèi)部是觀看各種戶型圖和各個房間的裝修效果圖，所以我們選擇使用框架和導航圖標一起來方便地實現(xiàn)圖片的瀏覽。在“樣板間實景”中使用插入視頻文件的方式來進行實景效果模擬，這部分涉及到的技術問題本文不作進一步的討論。

圖6

Authorware多媒體制作軟件除了熱區(qū)和熱對象交互，還包括按鈕、導航、框架和超文本鏈接等多種交互技術，本系統(tǒng)通過對這些技術的綜合使用實現(xiàn)了各個模塊及其子模塊的各種功能，最終制作出了具有強交互的電子樓書系統(tǒng)。

④ 管理模塊的實現(xiàn)

如果需要，我們可以為系統(tǒng)增加一個“管理模塊”，該模塊主要是通過文本交互技術實現(xiàn)的。首先，拖動一個交互圖標，命名為“管理員登錄”，然后它的右下角拖動一個群組圖標，該群組圖標的名稱就是以后進入系統(tǒng)的密碼[4]，例如“123abc”，該圖標屬性中的分支我們選擇“退出交互”，在“123abc”后面再拖動一個群組圖標，命名為“*”，分支我們選擇的是“重試”，接下來在這兩個群組圖標中間拖動第三個群組圖標，將類型更改為“重試限制”，最大限制設定為“3”，圖7表示使用人員有三次機會輸入密碼。大的框架制作好以后，我們一邊測試一邊給反饋圖標里添加一些輔助圖標，使得系統(tǒng)更加人性化和科學化。本模塊的實現(xiàn)過程中應該注意下面這些問題：正確響應和錯誤響應的前后順序不能改變;由于密碼正確響應的分支選擇的是“退出交互”，所以在該反饋圖標中只添加一個顯示圖標的話會發(fā)生不顯示圖標內(nèi)容的情況，可以通過添加“等待”圖標的方式來改進;可以在“交互作用文本字段”的屬性設置中通過輸入密碼的文本顏色與背景色使用同一顏色的方法實現(xiàn)輸入密碼不可見的效果。

圖7

1.3 系統(tǒng)的打包和發(fā)布

完成系統(tǒng)測試后，就可以通過“文件”菜單的“一鍵發(fā)布”選項來發(fā)布a7r類型的文件[5]，也可以通過“文件”菜單的“打包”選項來將文件打包為可完全脫離Authorware軟件環(huán)境的EXE可執(zhí)行程序。

2 小結與展望

利用Authorware多媒體軟件強大的交互功能，我們實現(xiàn)了“威尼斯莊園”電子樓書系統(tǒng)的基本功能，但是該系統(tǒng)也存在一些待解決的問題。比如，客戶在了解樓盤信息后可能有一些問題想在線咨詢銷售人員，所以我們考慮在后期的研究中根據(jù)客戶的需求在系統(tǒng)中添加實時互動工具;通過使用數(shù)據(jù)庫技術，還可以在電子樓書系統(tǒng)中增加一個問卷調(diào)查環(huán)節(jié)，使得開發(fā)商可以通過分析和統(tǒng)計相關數(shù)據(jù)制定更加符合購房者需求的銷售計劃。

參考文獻：

[1] 袁海東.Authorware教程[M].電子工業(yè)出版社，2000.

[2] 沙景榮.多媒體作品創(chuàng)意設計與實現(xiàn)[M].北京師范大學出版社，

2009.

[3] 黃小花.Authorware中常用交互功能的使用[J].計算機時代，2012.5：

43

[4] 袁海東.多媒體課件設計與制作教程（第3版）[M].電子工業(yè)出版社，

2013.

[5] 白君芬.多媒體編輯技術在交互式旅游宣傳系統(tǒng)中的應用研究[J].計

算機時代，2014.7：75