周玉萍　郭壽峰

摘要：在集中收集黎錦圖案基因信息和分類整理的基礎(chǔ)上選取出優(yōu)質(zhì)黎錦圖案并進(jìn)行處理后，本文作者利用計(jì)算機(jī)多媒體技術(shù)和網(wǎng)絡(luò)技術(shù)，設(shè)計(jì)了一個(gè)展示這些圖案的系統(tǒng)。該系統(tǒng)采用當(dāng)前最流行的黃金組合LAMP，也就是以PHP為基礎(chǔ)，結(jié)合MySQL構(gòu)建數(shù)據(jù)庫(kù)，并采用Apache作為服務(wù)器。除此之外，該系統(tǒng)是基于模型-視圖-控制器（MVC）這個(gè)設(shè)計(jì)模式，將應(yīng)用程序的邏輯層和表現(xiàn)層進(jìn)行分離， 從而降低了系統(tǒng)的復(fù)雜性，提高了系統(tǒng)的可擴(kuò)展性。最終，本系統(tǒng)集聲音、圖像、動(dòng)畫(huà)、視頻、文字于一體實(shí)現(xiàn)了基因圖片上傳、管理和瀑布流圖展示等功能。 本論文以該系統(tǒng)為基礎(chǔ)，系統(tǒng)闡述了該系統(tǒng)的功能及實(shí)現(xiàn)。

關(guān)鍵詞：PHP；黎錦圖案；多媒體技術(shù)；展示系統(tǒng)；

中圖分類號(hào)：TP18 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）14-0189-04

Abstract：Basing on the collection of the gene information of Hainan Li brocade and classification， the author of this paper designed a system to exhibit some pictures about Hainan Li brocade by computer multimedia techniques and network techniques after the pictures are handled. This system adopts the most popular splendid combination currently—LAMP. That is this system is based on PHP to establish database with MySQL， and uses Apache to build servers. Besides， this system is based on the mode of matrix-view-controller（MVC）， and separates the logical layer and presentation layer of application program to drop the complexity of the system and enhance the expandability of the system. Finally， this system integrate sounds， image， cartoon and video to realize the following functions： uploading， management， and display of waterfall plot. This thesis systematically elaborates the function and the realization of the system.

Key words：PHP；brocade pattern；Multimedia Technology；The presentation system

隨著現(xiàn)代信息的快速發(fā)展，多媒體展示以其圖、文、聲、像并茂的特點(diǎn)被眾多領(lǐng)域廣泛運(yùn)用尤其是在弘揚(yáng)傳統(tǒng)文化、傳承歷史等方面起著重要作用。由于多媒體設(shè)計(jì)維度從傳統(tǒng)二維視角轉(zhuǎn)換到多維角度，多媒體呈現(xiàn)更能刺激多種感官接受信息，改變傳統(tǒng)檔案史料觀看、閱讀的呆板狀況，帶給人們一種全新的視覺(jué)感受，從而強(qiáng)化了記憶恢復(fù)和再現(xiàn)功能[1]。

截止至2014年12月的第35次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》稱我國(guó)網(wǎng)民數(shù)量已達(dá)6.49億，手機(jī)網(wǎng)民已達(dá)5.57億，并且人均上網(wǎng)時(shí)間達(dá)到了3.7個(gè)小時(shí)。網(wǎng)民數(shù)量大幅度上漲，并且將持續(xù)增長(zhǎng)，人均上網(wǎng)時(shí)間也加劇上漲。越來(lái)越多的老人，小孩也加入了這個(gè)大隊(duì)伍中。因?yàn)榫W(wǎng)絡(luò)多媒體技術(shù)的跨越時(shí)間、空間等的優(yōu)點(diǎn)給人們帶來(lái)了無(wú)限的便利。開(kāi)發(fā)的海南黎錦圖案展示系統(tǒng)便是借助于多媒體技術(shù)良好的交互性、更遠(yuǎn)距離的傳播能力以及更廣泛的傳播渠道等優(yōu)點(diǎn)來(lái)更好地宣傳黎錦，讓更多的人了解黎錦，參加到保護(hù)黎錦傳統(tǒng)文化的陣營(yíng)中。

1 黎錦圖案展示系統(tǒng)的研究現(xiàn)狀

黎族服飾的圖案具有非常高的藝術(shù)價(jià)值，不僅體現(xiàn)在色彩、線條、結(jié)構(gòu)等形式方面，還體現(xiàn)于它的文化內(nèi)涵方面，值得一提的是，黎族圖案在一定程度上呈現(xiàn)出神秘莫測(cè)的宗教氣息，這恰是該民族的集體情結(jié)與精神寄托所在[2]。

古人有“聚然若寫(xiě)”、“黎錦光輝艷若云”之譽(yù)，的一個(gè)重要特征，代表黎族民間工藝美術(shù)的水準(zhǔn)[3]；

黎族在長(zhǎng)期發(fā)展中，形成了具有悠久歷史和獨(dú)特藝術(shù)風(fēng)格的服飾文化。其紡、織、染、繡等四大工藝，對(duì)于中國(guó)棉紡技術(shù)發(fā)展有著重大貢獻(xiàn)。當(dāng)前，面對(duì)西方、日韓時(shí)尚文化對(duì)我國(guó)傳統(tǒng)民族文化的沖擊影響，黎族服飾傳統(tǒng)文化流失嚴(yán)重，許多民間手工藝已經(jīng)消失在無(wú)形之中[4]。

自20世紀(jì)以來(lái)，學(xué)者們開(kāi)始關(guān)注黎族文化習(xí)俗的研究，但研究?jī)?nèi)容主要集中在黎族族源、歷史、政治制度、經(jīng)濟(jì)水平等方面，而對(duì)黎錦圖案數(shù)字化方面的研究少之又少。海南黎錦圖案分五大語(yǔ)言系，它是黎族哈、杞、賽、潤(rùn)、美孚五大方言區(qū)祖源、族系、圖騰、祭祀和生活景象的文化符號(hào)。近年來(lái)，面對(duì)黎錦技藝的傳承危機(jī)，中國(guó)非物質(zhì)文化保護(hù)中心多次舉辦以“黎族傳統(tǒng)紡織技藝保護(hù)與傳承“為主題的國(guó)際學(xué)術(shù)研討會(huì)，并針對(duì)本問(wèn)題制定了許多有效的方案。加上海南大力發(fā)展旅游業(yè)的同時(shí)大力推動(dòng)海南黎錦非物質(zhì)文化。弘揚(yáng)黎錦非物質(zhì)文化遺產(chǎn)是我們共同的目標(biāo)。到目前為止，利用計(jì)算機(jī)多媒體技術(shù)制作的海南黎錦展示系統(tǒng)的相關(guān)研究未見(jiàn)報(bào)導(dǎo)。

居于以上現(xiàn)狀，筆者制作出以網(wǎng)絡(luò)作為載體，綜合了海南黎錦圖案基因及生成的變異基因構(gòu)建出集聲音、圖像、動(dòng)畫(huà)、視頻、文字說(shuō)明等于一體的海南黎錦圖案信息展示系統(tǒng)。這可以大大促進(jìn)黎錦優(yōu)質(zhì)傳統(tǒng)文化的傳播，讓社會(huì)各界更加了解、關(guān)注黎錦，為世界非物質(zhì)文化保護(hù)遺產(chǎn)的傳承做貢獻(xiàn)。

2 開(kāi)發(fā)環(huán)境

2.1開(kāi)發(fā)環(huán)境LAMP概述

LAMP并不是單單的一款產(chǎn)品，而是一組開(kāi)源軟件的套件組合。它包括了世界使用量最高的WEB服務(wù)器軟件Apache和最流行的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)MySQL和高效率的通用開(kāi)源腳本語(yǔ)言PHP。LAMP這個(gè)名詞最早出現(xiàn)于十九世紀(jì)末，隨著web2.0的時(shí)代來(lái)臨，LAMP快速發(fā)展，它的開(kāi)源性和語(yǔ)言的簡(jiǎn)便性以及越來(lái)越高的兼容性讓LAMP成為當(dāng)今世界上最流行的web框架。LAMP的低成本、簡(jiǎn)易性、跨平臺(tái)、高性能等特點(diǎn)備受開(kāi)發(fā)者的青睞。隨著thinkphp、CI（CodeIgniter）、Yii（Yii Framework）等優(yōu)秀開(kāi)源的php開(kāi)發(fā)框架的面世，加快了開(kāi)發(fā)效率，提高了lamp組合流行度，lamp發(fā)展呈現(xiàn)出高速發(fā)展?fàn)顟B(tài)，成為企業(yè)和政府信息化開(kāi)發(fā)的最優(yōu)選擇。目前，國(guó)內(nèi)外超過(guò)百分之九十以上的中小型企業(yè)都在使用這一組合。根據(jù)調(diào)查，當(dāng)前超過(guò)百分之七十的網(wǎng)站流量來(lái)自于LAMP這“黃金組合”，這也證明了LAMP是當(dāng)前最大的網(wǎng)絡(luò)解決方案。

2.2 PHP

PHP（Personal Home Page）是一種通用開(kāi)源腳本語(yǔ)言。但是后來(lái)為了使名稱成為其定義，改名為Hypertext Preprocessor，即“超文本預(yù)處理器”。

PHP由Rasmus Lerdorf 在1994年創(chuàng)建。起初，PHP只是Rasmus Lerdorf為了維護(hù)個(gè)人網(wǎng)頁(yè)而制作的一個(gè)程序，但是由于使用者的不斷增加，PHP被不斷升級(jí)，更新?lián)Q代，截止至今已更新到PHP5，PHP6正在進(jìn)行中。例如，PHP在一開(kāi)始只是一個(gè)用Perl語(yǔ)言編寫(xiě)的簡(jiǎn)單程序，后來(lái)用C語(yǔ)言重新編寫(xiě)，并加入了訪問(wèn)數(shù)據(jù)庫(kù)這個(gè)功能。也就是PHP/FI，PHP/FI可以連接數(shù)據(jù)庫(kù)，產(chǎn)生簡(jiǎn)單的動(dòng)態(tài)網(wǎng)頁(yè)程序。再后來(lái)MySQL的功能被加入PHP/FI，由此PHP建立了在動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)上的地位。也因此PHP具有以下獨(dú)特性和優(yōu)勢(shì)：

1）PHP兼容大部分人們常用的數(shù)據(jù)庫(kù)和操作系統(tǒng)，例如：MYSQL，SQL，DB2，access等。

2）PHP能夠?qū)崿F(xiàn)CGI所有的功能而且執(zhí)行效率比CGI高出很多。因?yàn)镃GI需要完全生成htmL標(biāo)記，而PHP程序的執(zhí)行是在嵌入HTML文檔的基礎(chǔ)上進(jìn)行的，消耗極少的系統(tǒng)資源。也因此，PHP程序開(kāi)發(fā)快，運(yùn)行快，而且擁有簡(jiǎn)單的編輯方式，強(qiáng)大的實(shí)用性，適合初學(xué)者等優(yōu)勢(shì)。PHP的已被設(shè)計(jì)以使其適合新手學(xué)習(xí)PHP語(yǔ)言為開(kāi)發(fā)動(dòng)態(tài)Web頁(yè)面更容易的目標(biāo)[5]。

3）PHP的語(yǔ)言不但具有獨(dú)特性，兼具了C， java， perl以及PHP自創(chuàng)的新語(yǔ)法；而且具有發(fā)放性，其免費(fèi)為大眾開(kāi)放源代碼。這是其他技術(shù)所不具備的。

4）PHP專業(yè)專注，主要支持腳本語(yǔ)言，也因?yàn)镻HP是在服務(wù)端執(zhí)行的腳本，它可以在UNIX， LINUX， WINDOWS， Mac OS， Android等平臺(tái)上使用，具有強(qiáng)大的跨平臺(tái)性。

5）PHP可以動(dòng)態(tài)創(chuàng)建圖像，其默認(rèn)利用GD2處理圖像，但是也可以使用image magick來(lái)處理，具有靈活性。

6）PHP可以用C， C++來(lái)擴(kuò)展其程序，拓展性強(qiáng)，這是其很重要的一個(gè)獨(dú)特性。

3 系統(tǒng)數(shù)據(jù)庫(kù)的分析與設(shè)計(jì)

一個(gè)網(wǎng)站的核心非數(shù)據(jù)莫屬。動(dòng)態(tài)網(wǎng)站都是對(duì)數(shù)據(jù)進(jìn)行操作，而數(shù)據(jù)庫(kù)立足于數(shù)據(jù)本身的管理，系統(tǒng)管理數(shù)據(jù)，提高了數(shù)據(jù)的靈活性與實(shí)用性。數(shù)據(jù)庫(kù)技術(shù)被認(rèn)為是對(duì)信息資源開(kāi)發(fā)、信息數(shù)據(jù)管理以及服務(wù)最有效的方法手段。數(shù)據(jù)庫(kù)設(shè)計(jì)是建立數(shù)據(jù)庫(kù)及其應(yīng)用系統(tǒng)的技術(shù)，是信息系統(tǒng)開(kāi)發(fā)和建設(shè)中的核心技術(shù)。好的數(shù)據(jù)庫(kù)設(shè)計(jì)可以大大提高系統(tǒng)的效率。本系統(tǒng)涉及的主要實(shí)體類型有用戶（users）、圖案（picture）、導(dǎo)航欄信息（catalogue）、系統(tǒng)設(shè)置信息表（systeminfo）和標(biāo)簽（tags）。根據(jù)實(shí)體類型與屬性進(jìn)行數(shù)據(jù)庫(kù)建模與設(shè)計(jì)，本系統(tǒng)總共設(shè)計(jì)了5張數(shù)據(jù)表，分別為用戶記錄表（lj_users）、黎錦圖案記錄表（lj_picture）、導(dǎo)航欄信息表（lj_catalogue）、系統(tǒng)設(shè)置信息表（lj_systeminfo）和標(biāo)簽信息表（lj_tags）。

4 概要設(shè)計(jì)

本系統(tǒng)主要實(shí)現(xiàn)任務(wù)是實(shí)現(xiàn)基礎(chǔ)設(shè)置管理、導(dǎo)航欄與標(biāo)簽管理、黎錦圖案管理及用戶管理功能等功能。通過(guò)功能劃分，可得到系統(tǒng)中各功能模塊的具體業(yè)務(wù)流程。

4.1 各模塊基本功能模塊及功能

1）注冊(cè)模塊：根據(jù)用戶/管理員輸入的用戶名、郵箱和密碼，與數(shù)據(jù)庫(kù)用戶表進(jìn)行匹配判斷用戶名或郵箱是否已注冊(cè)，若沒(méi)有把信息寫(xiě)入數(shù)據(jù)庫(kù)。若存在，則提示已存在等待用戶重新輸入。

2）登錄模塊：根據(jù)用戶/管理員輸入的用戶名和密碼，與數(shù)據(jù)庫(kù)進(jìn)行信息匹配。若匹配成功，則登陸成功。若匹配不成功，提示登陸失敗，并在三秒后跳轉(zhuǎn)回首頁(yè)。

3）忘記密碼模塊：根據(jù)用戶/管理員輸入忘記密碼的賬號(hào)和郵箱，與數(shù)據(jù)庫(kù)進(jìn)行信息匹配。若存在，則發(fā)送重置密碼郵件供用戶重置密碼。

4）上傳黎錦圖案模塊：系統(tǒng)判定用戶或管理員成功登錄后，導(dǎo)航欄顯示出圖片上傳按鈕，用戶或管理員點(diǎn)擊進(jìn)入圖片上傳流程。用戶或管理員可以選擇打開(kāi)本地資源管理器選擇圖片的路徑進(jìn)行上傳或者直接拉到圖片監(jiān)聽(tīng)框。點(diǎn)擊上傳，若上傳成功則保存到服務(wù)器中的文件區(qū)并等待用戶管理者填寫(xiě)圖案詳細(xì)信息。發(fā)布成功后，把數(shù)據(jù)統(tǒng)一寫(xiě)入數(shù)據(jù)庫(kù)lj_pic表。若上傳失敗則提示失敗原因并重置頁(yè)面，等待重新上傳。對(duì)于普通用戶和管理員上傳流程大致一樣，不一樣的地方是管理員上傳的黎錦圖案的pic_status值為1（審核通過(guò)），而普通用戶的pic_status值為0（等待審核）。

6）查看黎錦圖案信息模塊設(shè)計(jì)：用戶登錄網(wǎng)址后，選擇黎錦圖案縮略圖后，點(diǎn)擊進(jìn)入查看黎錦圖案詳細(xì)信息。

7）基礎(chǔ)設(shè)置模塊設(shè)計(jì)：管理員成功登錄后，進(jìn)入管理后臺(tái)。可以修改黎錦圖案展示網(wǎng)站名稱、關(guān)鍵字、網(wǎng)站描述信息。

8）圖案審核：用戶上傳黎錦圖案到系統(tǒng)后，圖案進(jìn)入審核階段。具有超級(jí)管理權(quán)限的管理員對(duì)圖案進(jìn)行審核。選擇通過(guò)審核的圖片，發(fā)布到系統(tǒng)。若審核不通過(guò)，則刪除該黎錦圖案及其信息。

9） 圖案管理：管理者可以對(duì)已發(fā)布的黎錦圖案信息進(jìn)行刪除，修改及新增操作。

10） 導(dǎo)航欄管理：管理者可以對(duì)網(wǎng)站導(dǎo)航欄進(jìn)行刪除，修改及新增操作。

11） 用戶管理：管理者可以對(duì)用戶組進(jìn)行刪除，修改及新增操作。

12） 標(biāo)簽管理：管理者可以對(duì)標(biāo)簽進(jìn)行刪除，修改及新增操作。

4.2 系統(tǒng)運(yùn)行流程

進(jìn)入系統(tǒng)首頁(yè)，點(diǎn)擊導(dǎo)航欄的右上方登錄按鈕進(jìn)入登錄流程，在登錄登陸模塊主要根據(jù)用戶登錄的賬號(hào)密碼信息，先對(duì)輸入的數(shù)據(jù)判斷，無(wú)非法字符后傳遞到服務(wù)器并與數(shù)據(jù)庫(kù)表lj_user中信息匹配。匹配成功后完成登陸流程，并且系統(tǒng)匹配該賬號(hào)的類型分配相對(duì)應(yīng)的權(quán)限。若不匹配，則重置頁(yè)面，等待重新輸入。系統(tǒng)運(yùn)行流程圖如圖1所示，功能模塊結(jié)構(gòu)圖如圖2所示。

5 系統(tǒng)詳細(xì)設(shè)計(jì)

5.1 系統(tǒng)界面的設(shè)計(jì)

系統(tǒng)界面設(shè)計(jì)（UI）是系統(tǒng)與用戶溝通的橋梁，好的UI設(shè)計(jì)不僅需要網(wǎng)站變得更加有個(gè)性有品位，還需要讓網(wǎng)站的操作變得舒適、簡(jiǎn)單、自由，充分體現(xiàn)網(wǎng)站的定位和特點(diǎn)。簡(jiǎn)約主義以簡(jiǎn)潔凝練的手法來(lái)疏導(dǎo)現(xiàn)代生活，摒棄粗陋、奢華與瑣碎，以恰如其分的表現(xiàn)形式和高品質(zhì)的內(nèi)涵，獲得最大的發(fā)展空間[6]?；诖嗽瓌t，本系統(tǒng)以用戶體驗(yàn)為主，減少了繁瑣的流程，打造實(shí)用、美觀、簡(jiǎn)潔等簡(jiǎn)約式的展示系統(tǒng)。

5.2 黎錦圖案上傳模塊設(shè)計(jì)

該模塊實(shí)現(xiàn)圖片上傳（可批量上傳）功能，先選擇本地所要上傳的文件的路徑，然后上傳到服務(wù)器upload目錄中。首先要先通過(guò)session判斷用戶是否在線狀態(tài)，否則進(jìn)入登錄鏈接。使用者選擇本地文件，點(diǎn)擊上傳按鈕。待圖片上傳成功后，使用者填寫(xiě)圖案信息，點(diǎn)擊發(fā)布完成上傳流程。流程圖如圖3所示。效果圖如圖4所示。

5.3黎錦圖案審核與管理功能模塊實(shí)現(xiàn)

本模塊實(shí)現(xiàn)了新發(fā)布的圖片需要管理員在后臺(tái)審核才能顯示在主頁(yè)，管理員還可以修改、刪除已審核通過(guò)的圖片。流程圖如圖5所示，圖案管理效果圖如圖6所示。

6 總結(jié)

早在春秋時(shí)期便盛名于世的黎錦，歷經(jīng)3000多年，傳承于今，堪稱中國(guó)藝術(shù)史、紡織史上的“活化石”。先人將如此珍品傳承至今不無(wú)道理，然后隨著時(shí)代的變遷，文化的融合與同化，現(xiàn)代元素興起，傳統(tǒng)元素卻在沒(méi)落。身為中華子女的我們應(yīng)該讓先人傳承下來(lái)的藝術(shù)珍品在我們這一代消失殆盡嗎？如何更好地保護(hù)和弘揚(yáng)這一傳統(tǒng)文化應(yīng)該成為我們使命。而本系統(tǒng)做到了這一點(diǎn)。即利用PHP研究和設(shè)計(jì)了黎錦文化展示系統(tǒng)，將黎錦圖案數(shù)字化。這樣國(guó)人乃至全世界都能通過(guò)這一系統(tǒng)了解和欣賞這一傳統(tǒng)文化。而且，多媒體技術(shù)帶來(lái)全新的視覺(jué)感受，使黎錦圖案清晰立體，仿若真物于眼前，提高了可觀賞性。除此之外，系統(tǒng)的界面設(shè)計(jì)精簡(jiǎn)了繁瑣的流程，增強(qiáng)了實(shí)用性，給予觀賞者簡(jiǎn)便、美觀、實(shí)用的體驗(yàn)。該系統(tǒng)的運(yùn)行不僅能夠弘揚(yáng)黎錦傳統(tǒng)文化，而且能夠吸引更多的人關(guān)注喜愛(ài)黎錦傳統(tǒng)文化從而起到拯救瀕臨失傳的黎錦技藝，為世界非物質(zhì)文化保護(hù)遺產(chǎn)的傳承做貢獻(xiàn)。

參考文獻(xiàn)：

[1] 張欽. 多媒體技術(shù)在會(huì)展中的應(yīng)用[J]. 長(zhǎng)春理工大學(xué)學(xué)報(bào)，2009（08）：181-182.

[2] 翟蕾蕾. 黎族服飾圖案的藝術(shù)特征[J]. 藝海，2012（01）：123-124.

[3] 秦寄崗. 從現(xiàn)代社會(huì)經(jīng)濟(jì)發(fā)展看海南黎族服飾文化的傳承保護(hù)[J].裝飾， 2012（06）：94-95.

[4] 羅文雄. 解讀黎族織錦圖案藝術(shù)特點(diǎn)與風(fēng)格[J]. 瓊州學(xué)院學(xué)報(bào)，2010（06）：15-16.

[5] Weragama D， Reye J. Analysing Student Programs in the PHP Intelligent Tutoring System[J]. International Journal of Artificial Intelligence in Education，2014：242.

[6] 曹洋. 淺論平面設(shè)計(jì)簡(jiǎn)約風(fēng)格之美[J]. 赤子，2013（11）：302.