藝術(shù)檔案數(shù)字化設(shè)計(jì)HTML5技術(shù)應(yīng)用

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了藝術(shù)檔案數(shù)字化設(shè)計(jì)HTML5技術(shù)應(yīng)用范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要:HTML5技術(shù)在支持視頻、音頻、圖像、動(dòng)畫(huà)以及與設(shè)備的交互上都有極大的優(yōu)勢(shì)。通過(guò)對(duì)HTML5技術(shù)特點(diǎn)的分析，表明其在數(shù)字檔案館和虛擬現(xiàn)實(shí)導(dǎo)視設(shè)計(jì)中，能夠增強(qiáng)藝術(shù)檔案在數(shù)字檔案館中的呈現(xiàn)效果，并由此拓展藝術(shù)檔案文化的傳播力度。

關(guān)鍵詞:HTML5技術(shù);藝術(shù)檔案;數(shù)字化設(shè)計(jì)

引言

藝術(shù)檔案是藝術(shù)文化重要的“硬件”來(lái)源之一，是藝術(shù)單位和藝術(shù)工作者在藝術(shù)創(chuàng)作、藝術(shù)演出、藝術(shù)教育、藝術(shù)研究等活動(dòng)中的原始記錄，是人們將藝術(shù)文化的“硬件”向“軟件”轉(zhuǎn)化的重要資源和憑證。隨著文化建設(shè)的地位日益突出，檔案館逐漸從歷史文化的“保管者”向著“傳播者”轉(zhuǎn)變，更需要通過(guò)先進(jìn)的數(shù)字化技術(shù)將藝術(shù)檔案所映射的信息與內(nèi)容傳播給公眾。而藝術(shù)檔案的信息化有賴(lài)于數(shù)字檔案館的建設(shè)，檔案館的數(shù)字化建設(shè)能夠讓具體的藝術(shù)檔案跨越地域的阻隔呈現(xiàn)在公眾面前，也提高了檔案文化的傳播效率和影響面積。數(shù)字檔案館具有更先進(jìn)的檔案管理技術(shù)，并具有更強(qiáng)交互與體驗(yàn)性的展示與分享功能，這離不開(kāi)數(shù)字化技術(shù)的幫助。由信息科技發(fā)展應(yīng)運(yùn)而生的多項(xiàng)技術(shù)被應(yīng)用到數(shù)字化檔案館建設(shè)的各個(gè)層面，包括html5、PHP、JAVA、JAVASCRIPT等計(jì)算機(jī)語(yǔ)言，以及全息投影、3d打印、虛擬現(xiàn)實(shí)、增強(qiáng)現(xiàn)實(shí)等信息呈現(xiàn)技術(shù)，其中HTML5是最適合數(shù)字檔案館和藝術(shù)檔案數(shù)字化設(shè)計(jì)呈現(xiàn)的。

1HTML5的特點(diǎn)

HTML5是WEB核心語(yǔ)言HTML的最新標(biāo)準(zhǔn)規(guī)范，最初版本由W3C(WorldWideWEBConsortium)于2014年10月，并持續(xù)保持更新。HTML5是“HTML”英文全稱(chēng)hypertextmarkedlanguage的第5個(gè)版本，是構(gòu)建網(wǎng)頁(yè)內(nèi)容的一種語(yǔ)言描述方式［1］。HTML5的主要特點(diǎn)包括:①具有更強(qiáng)大的構(gòu)建頁(yè)面與站點(diǎn)的能力。②支持多種類(lèi)動(dòng)態(tài)效果并減少其他動(dòng)態(tài)插件的加載，對(duì)視頻、音頻、3d、虛擬現(xiàn)實(shí)環(huán)境或更多動(dòng)態(tài)交互操作方式有更強(qiáng)大的支撐。③該標(biāo)準(zhǔn)規(guī)范不斷更新與修訂讓功能得以完善并與時(shí)俱進(jìn)。④更多的應(yīng)用程序接口以適應(yīng)多媒體發(fā)展?；趯?duì)國(guó)內(nèi)外數(shù)字化檔案館發(fā)展的研究，目前HTML5在檔案館信息設(shè)計(jì)中的應(yīng)用主要包括檔案管理系統(tǒng)、線(xiàn)上展示、虛擬現(xiàn)實(shí)導(dǎo)視三個(gè)方面，HTML5的運(yùn)用讓檔案信息展示更明確、交互操作更便利、用戶(hù)體驗(yàn)更佳。

2HTML5在數(shù)字檔案館設(shè)計(jì)中的應(yīng)用

數(shù)字檔案館是通過(guò)數(shù)字管理系統(tǒng)優(yōu)化檔案館管理與流程，并囊括傳統(tǒng)載體檔案數(shù)字化信息呈現(xiàn)的檔案信息化平臺(tái)，其基本功能包括檔案信息錄入、數(shù)據(jù)庫(kù)管理、流程監(jiān)控、數(shù)據(jù)分析、檔案利用等。該平臺(tái)通過(guò)一系列信息設(shè)計(jì)方式讓表單更簡(jiǎn)潔，流程更清晰可控，信息更透明，讓檔案的入庫(kù)、分類(lèi)、整理與查閱更便捷，并且讓檔案信息呈現(xiàn)更快速。在數(shù)字檔案管理系統(tǒng)中，各類(lèi)數(shù)字統(tǒng)計(jì)與對(duì)應(yīng)檔案的邏輯梳理與視覺(jué)呈現(xiàn)尤為重要，檔案館的運(yùn)作流程復(fù)雜，數(shù)據(jù)包含諸多細(xì)節(jié)化信息流程，并需要兼容多種媒介。HTML5被廣泛運(yùn)用于數(shù)字檔案館建設(shè)中，更好的用戶(hù)體驗(yàn)、對(duì)圖表和數(shù)據(jù)的動(dòng)態(tài)呈現(xiàn)性能以及更強(qiáng)的信息邏輯性展示，都是其被廣泛推廣的原因。在數(shù)字化檔案館的系統(tǒng)信息設(shè)計(jì)中應(yīng)用HTML5具有如下優(yōu)勢(shì)。1)運(yùn)用HTML5動(dòng)態(tài)圖表呈現(xiàn)各類(lèi)數(shù)據(jù)更清晰。在數(shù)字化檔案管理系統(tǒng)中，包含檔案數(shù)量、類(lèi)型、存入時(shí)間、借閱時(shí)間、人名、機(jī)構(gòu)名稱(chēng)等數(shù)據(jù)，隨著時(shí)間的累積，這些數(shù)據(jù)越來(lái)越多，而運(yùn)用HTML5可以將數(shù)據(jù)以動(dòng)態(tài)表單的形式呈現(xiàn)出來(lái)，提升信息可視化效率，以此提高工作人員錄入與整理數(shù)據(jù)的效率，并以更清晰的方式得到檔案更新與借閱的數(shù)據(jù)分析報(bào)表。工作人員可以在頁(yè)面上清楚地看到使用檔案管理系統(tǒng)的用戶(hù)信息與數(shù)量、所處的位置、更新的檔案信息、儲(chǔ)存數(shù)量與分組、運(yùn)用標(biāo)簽管理的檔案分類(lèi)、每一份檔案的查閱數(shù)量等，所有信息都能夠以足夠易讀的數(shù)據(jù)可視化效果呈現(xiàn)。2)提高資料錄入效率。運(yùn)用HTML5制作的錄入后臺(tái)交互性更強(qiáng)，操作更人性化。即使是一個(gè)簡(jiǎn)單的按鈕響應(yīng)，HMTL5所支持的微動(dòng)態(tài)效果都對(duì)用戶(hù)體驗(yàn)帶來(lái)明顯改善。3)支持跨媒體平臺(tái)的操作。HTML5的跨平臺(tái)支持與開(kāi)發(fā)在檔案管理系統(tǒng)中具有優(yōu)勢(shì)，支持工作人員運(yùn)用PC、手機(jī)、平板電腦等多媒體平臺(tái)進(jìn)行管理，幫助工作人員隨時(shí)隨地地開(kāi)展工作。同時(shí)，在HTML5界面上，工作人員可以快速同時(shí)預(yù)覽后的檔案信息在不同媒體上的效果，由此能夠讓設(shè)備間顯示不兼容的問(wèn)題得到及時(shí)調(diào)整。

3HTML5對(duì)數(shù)字化藝術(shù)檔案交互視覺(jué)呈現(xiàn)的優(yōu)化

與信息管理系統(tǒng)相比，HTML5在數(shù)字化藝術(shù)檔案的交互視覺(jué)呈現(xiàn)上優(yōu)勢(shì)更為明顯?，F(xiàn)階段數(shù)字化藝術(shù)檔案交互展示設(shè)計(jì)主要對(duì)應(yīng)3個(gè)發(fā)展需求:數(shù)字信息終端多元化、媒介類(lèi)型多元化、人機(jī)交互方式多元化，HTML5的應(yīng)用在這3個(gè)方面都呈現(xiàn)出顯著的作用?；ヂ?lián)網(wǎng)技術(shù)的廣泛發(fā)展使人們對(duì)數(shù)字信息終端多元化的需求也體現(xiàn)出來(lái)，能夠隨時(shí)隨地在線(xiàn)查詢(xún)檔案信息的需求增大，反之線(xiàn)下查詢(xún)的需求減弱。數(shù)字信息終端種類(lèi)繁多，僅以智能手機(jī)為例，其接口就包括手機(jī)瀏覽器、應(yīng)用程序、社交媒體內(nèi)置接口等。檔案館線(xiàn)上交互展示設(shè)計(jì)要求全部在瀏覽器中實(shí)現(xiàn)，而不必安裝任何終端軟件，以方便用戶(hù)隨時(shí)隨地地查閱。國(guó)家所涉及到的媒介類(lèi)型多元化，包括文字、照片、聲音、圖像等。在這一方面，無(wú)論是檔案館內(nèi)的查詢(xún)終端還是針對(duì)便捷瀏覽的移動(dòng)應(yīng)用，HTML5都具有強(qiáng)大的支持能力。在HTML5標(biāo)準(zhǔn)制定以前，大多數(shù)以圖文為主的數(shù)字化藝術(shù)檔案都以PDF格式在線(xiàn)預(yù)覽或下載的方式來(lái)實(shí)現(xiàn)，類(lèi)似這樣的靜態(tài)呈現(xiàn)會(huì)導(dǎo)致頁(yè)面加載過(guò)慢、用戶(hù)下載流程繁瑣等問(wèn)題，從而降低藝術(shù)檔案查閱效率。通過(guò)HTML5優(yōu)化的頁(yè)面則可以實(shí)現(xiàn)圖文列表頁(yè)面的快速在線(xiàn)瀏覽，以及檢索結(jié)果列表的快速預(yù)覽。其中，HTML5對(duì)檔案檢索功能的效能提升是顯而易見(jiàn)的，在基于WEB的檢索界面中，HTML5能夠提供強(qiáng)大的動(dòng)態(tài)圖文展示能力，用戶(hù)可以快速地通過(guò)檢索結(jié)果瀏覽較大信息量的數(shù)字化藝術(shù)檔案，可以包含圖片、文字摘要、標(biāo)簽的塊狀列表，加載方式也較以往有很大的效率提升。運(yùn)用標(biāo)簽化的藝術(shù)檔案數(shù)據(jù)信息設(shè)計(jì)也能夠通過(guò)HTML5得到更好的陳列，通過(guò)媒介類(lèi)型來(lái)篩選、年份篩選、機(jī)構(gòu)篩選等，使用戶(hù)能夠迅速篩選出需要的檔案。HTML5的動(dòng)態(tài)與交互性讓原本難以實(shí)現(xiàn)的一部分藝術(shù)檔案信息的線(xiàn)上交互呈現(xiàn)成為可能。例如在研究基于地圖信息的藝術(shù)檔案數(shù)字呈現(xiàn)中，采用HTML5與JAVA、LBS技術(shù)能夠通過(guò)線(xiàn)上交互地圖為藝術(shù)檔案信息提供更生動(dòng)形象的體驗(yàn)與操作性，并同時(shí)兼顧信息的安全。HTML5的多程序接口優(yōu)勢(shì)在類(lèi)似項(xiàng)目中呈現(xiàn)出來(lái)，它的數(shù)據(jù)接口可以和無(wú)線(xiàn)通信技術(shù)、全球定位系統(tǒng)等程序聯(lián)動(dòng)起來(lái)。用戶(hù)可以便捷地通過(guò)放大縮小地圖、點(diǎn)擊地圖就獲得地圖定位地點(diǎn)的藝術(shù)檔案，而這些藝術(shù)檔案包括圖片、文字、視頻等多種媒介。除此之外，HTML5的跨媒介支持能力也得以體現(xiàn)，用戶(hù)可以從電腦、手機(jī)、終端機(jī)等多種媒介獲取“地圖”所提供的城市藝術(shù)檔案信息，交互地圖充分顯示了HTML5在檔案信息線(xiàn)上呈現(xiàn)中獨(dú)具的體驗(yàn)感與動(dòng)態(tài)操作優(yōu)勢(shì)。

4HTML5在虛擬現(xiàn)實(shí)藝術(shù)檔案導(dǎo)視設(shè)計(jì)中的應(yīng)用

導(dǎo)視設(shè)計(jì)是運(yùn)用標(biāo)牌與符號(hào)來(lái)傳達(dá)信息的方法，是為向特定受眾顯示信息而創(chuàng)建的任何視覺(jué)圖形，并以此形成一個(gè)關(guān)聯(lián)性的導(dǎo)向與信息網(wǎng)絡(luò)系統(tǒng)。傳統(tǒng)的導(dǎo)視系統(tǒng)由平面的標(biāo)牌、指示牌、圖標(biāo)等構(gòu)成，而在數(shù)字時(shí)代的導(dǎo)視系統(tǒng)中已加入了更多智能化、動(dòng)態(tài)化的技術(shù)與構(gòu)成元素。虛擬現(xiàn)實(shí)導(dǎo)視系統(tǒng)設(shè)計(jì)是HTML5的藝術(shù)檔案數(shù)字設(shè)計(jì)中的重要類(lèi)型，這一方式除了有效地對(duì)用戶(hù)進(jìn)行方位導(dǎo)向以外，還能夠提供更多的沉浸式藝術(shù)檔案體驗(yàn)效果，并且能夠使用戶(hù)無(wú)論身處任何的物理空間，只要有互聯(lián)網(wǎng)就能夠獲得全方位的信息與體驗(yàn)。HTML5對(duì)虛擬現(xiàn)實(shí)導(dǎo)視的承載模式中包括二維與三維兩種信息呈現(xiàn)模式，基于二維的信息呈現(xiàn)以展示為主，而基于三維的信息呈現(xiàn)則提供更逼真的沉浸式體驗(yàn)。二維信息在VR導(dǎo)視系統(tǒng)中主要用于呈現(xiàn)包括文字、圖形、視頻等信息，能夠以較低的成本展現(xiàn)較大的信息量，并且便于隨時(shí)對(duì)內(nèi)容進(jìn)行編輯、增減與其他調(diào)整。三維信息在VR導(dǎo)視系統(tǒng)中則以仿真的效果為用戶(hù)提供更高的全感體驗(yàn)，并進(jìn)行更好的人與空間、人與信息之間的交互感，在獲取信息的同時(shí)提升導(dǎo)視系統(tǒng)的趣味性與視覺(jué)沖擊力。與此同時(shí)，基于HTML5的虛擬現(xiàn)實(shí)導(dǎo)視的可編輯性和可復(fù)制性對(duì)檔案館的短期藝術(shù)檔案展覽活動(dòng)的支持優(yōu)于傳統(tǒng)模式，并減少基于短期印刷與制作材料的能源消耗。除了基于真實(shí)性的導(dǎo)視系統(tǒng)，VR導(dǎo)視系統(tǒng)的虛擬化特性還能提供更藝術(shù)化的體驗(yàn)提升方案，基于數(shù)字媒體藝術(shù)的導(dǎo)視系統(tǒng)在滿(mǎn)足導(dǎo)視功能的同時(shí)，能夠擁有交互式藝術(shù)的美學(xué)效果與體驗(yàn)效果，插畫(huà)、物理動(dòng)畫(huà)、新媒體裝置等新的藝術(shù)領(lǐng)域都能夠加載到基于HTML5的虛擬導(dǎo)視系統(tǒng)之中，這樣的附加價(jià)值是吸引用戶(hù)關(guān)注的有效方式，能夠提升數(shù)字化檔案館對(duì)大眾的吸引力，并為檔案館增加關(guān)注度與活力。

5結(jié)語(yǔ)

在未來(lái)的藝術(shù)檔案數(shù)字化發(fā)展中，觀眾將不僅滿(mǎn)足于基本的檔案信息查閱與獲取，而同時(shí)需要更完善的沉浸式體驗(yàn)?；贖TML5的數(shù)字化檔案信息設(shè)計(jì)具有更強(qiáng)的信息加載能力、交互能力、多媒體呈現(xiàn)能力，獨(dú)特的虛擬與現(xiàn)實(shí)交織的技術(shù)與敘事方式能夠帶來(lái)更人性化的體驗(yàn)效果，讓藝術(shù)檔案的形象性特點(diǎn)與文化價(jià)值充分的展示，為藝術(shù)檔案進(jìn)一步走出庫(kù)房、走向公眾提供了技術(shù)基礎(chǔ)，為藝術(shù)檔案數(shù)字化的發(fā)展提供更多的可能性。

參考文獻(xiàn):

［1］何濤．H5在融媒體中的應(yīng)用與展望［J］．媒體融合新觀察，2020(4):45－47．

［2］鄒澤林．互聯(lián)網(wǎng)背景下高校數(shù)字化檔案管理系統(tǒng)設(shè)計(jì)研究［J］．科技風(fēng)，2020，413(9):39．

［3］薛寶琴．淺析網(wǎng)絡(luò)環(huán)境下檔案數(shù)字化的設(shè)計(jì)［J］．山西檔案，2005(S1):3．

［4］王協(xié)舟，胡誠(chéng)，何長(zhǎng)英，等．國(guó)土資源檔案數(shù)字化加工調(diào)研報(bào)告———以某市國(guó)土資源館藏檔案為例［J］．檔案學(xué)研究，2019(3):77－82．

作者：馬雄 趙凌之 單位：西華大學(xué)文學(xué)與新聞傳播學(xué)院