馬永強(qiáng)

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

關(guān)鍵詞： 電子樓書(shū); 多媒體; 交互; 熱區(qū); 熱對(duì)象

中圖分類(lèi)號(hào)：TP37 ? ? ? ? ?文獻(xiàn)標(biāo)志碼：A ? ? 文章編號(hào)：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ì)媒體和視頻媒體兩大類(lèi)。其中紙質(zhì)媒體主要以大幅廣告和樓盤(pán)宣傳冊(cè)的形式出現(xiàn)，但是基于圖像的平面設(shè)計(jì)是一種無(wú)聲無(wú)息的媒體表現(xiàn)形式，潛在的購(gòu)房者無(wú)法直觀地感受樓盤(pán)魅力，無(wú)法了解完整的樓盤(pán)信息。隨著數(shù)字信息技術(shù)的發(fā)展，人們開(kāi)始采用視頻媒體來(lái)推廣樓盤(pán)，這種“電子技術(shù)”與“樓書(shū)宣傳”相結(jié)合的媒體形式我們一般稱(chēng)之為“電子樓書(shū)”。

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

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

1 交互型電子樓書(shū)的設(shè)計(jì)與實(shí)現(xiàn)

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

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

1.2 系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

1.2.1 整體設(shè)計(jì)

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

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

圖2 ?主程序流程

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

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

⑴ 背景圖片和音樂(lè)的設(shè)計(jì)與實(shí)現(xiàn)

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

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

我們使用Authorware主要是因?yàn)樗哂蟹浅?qiáng)大的交互功能，本電子樓書(shū)系統(tǒng)主要使用了熱區(qū)和熱對(duì)象等響應(yīng)交互技術(shù)[3]。

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

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

圖3

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

圖4

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

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

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

圖5

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

③ 戶(hù)型鑒賞模塊的實(shí)現(xiàn)

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

圖6

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

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

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

圖7

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

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

2 小結(jié)與展望

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

參考文獻(xiàn)：

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

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

2009.

[3] 黃小花.Authorware中常用交互功能的使用[J].計(jì)算機(jī)時(shí)代，2012.5：

43

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

2013.

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

算機(jī)時(shí)代，2014.7：75