Artisteer在數字圖書館Web頁面建模中的應用研究*

李金永

（惠州學院圖書館，廣東　惠州 516007）

Artisteer在數字圖書館Web頁面建模中的應用研究*

李金永

（惠州學院圖書館，廣東惠州 516007）

Web頁面作為一種標準的數據格式，在數字圖書館服務中具有基礎性作用。Artisteer是一款智能化的Web建模工具，能夠快速地構建美觀、個性化、支持移動訪問的Web站點。它具有智能推薦、所見即所得、響應式設計、Section 508網頁無障礙標準等特征，能夠在分享展示、學科服務、移動服務、數字培訓等方面發揮作用。結合SWOT分析，指出Artisteer有望成為圖書館技術和服務雙效創新的手段。

Artisteer；Web設計；移動服務；SWOT

1　引言

Web頁面作為一種標準的數據格式，在數字圖書館服務中具有基礎性作用。Web頁面是圖書館揭示館藏資源的基本單元，也是圖書館OPAC查詢服務、參考咨詢的入口，也可以作為館員開展學科服務、特色館藏服務、主題研究導引、文獻檢索在線教學等服務平臺的有機組成部分。可以說，Web頁面在數字圖書館服務中處于一個中介物的地位。如Drupal[1]、Moodle[2]、WordPress[3]等開源系統都在數字圖書館門戶構建和學科服務中發揮了積極的作用。隨著移動互聯網和大數據技術的發展，傳統的Web頁面面臨著向多終端設備支持的轉型，圖書館Web頁面升級和更新的需求大量存在。Kate Peterson就認為隨著網頁數量的增長，持續的維護是工作負荷增大的主因[4]。

一般而言，技術型館員承擔著圖書館Web頁面的設計、維護等工作，普通館員或讀者因技術壁壘難以充分參與數字圖書館建設。盡管如此，網絡技術為個體提供了極大的開放性。Artisteer降低了館員參與數字服務的門檻，為Web服務共建提供了契機。國外的一些信息服務機構，如美國巴特爾斯維爾公共圖書館、美國特拉維斯縣法律圖書館自助中心以及非洲圖書館協會等都采用Artisteer作為其門戶網站的Web頁面建設的手段①可以從各機構官網頁腳的標注“Web Template created with Artisteer”中看出。其中，美國巴特爾斯維爾公共圖書館官網為http://www. bartlesville.lib.ok.us/，美國特拉維斯縣法律圖書館自助中心官網為http://www.traviscountylawlibrary.org/，非洲圖書館協會官網頁為http: //aflia.net/。。但Artisteer在國內圖書館Web建設中的應用案例還不多見。本文以Artisteer具體應用為例，詳細介紹其如何作為普通館員、讀者參與數字圖書館建設的途徑，以期拋磚引玉。

2　Artisteer概述

Artisteer是一款智能化的Web建模工具，用戶無須了解Photoshop、CSS（CSS2和CSS3）、HTML（HTML4和HTML5）、腳本設計等技術，就可以快速地設計優雅的Web頁面、CMS模板、blog主題[5]。它支持導出為靜態網站、DRUPAL主題、JOOMLA模板、WORDPRESS播客主題、MOODLE主題等，不僅作為獨立的靜態頁面系統發布，也可以支持現有的CMS系統。

Jakub Sanecki運用逆向思維對Artisteer做了定義：

Artisteer不是圖形編輯器（Graphics editor）；

Artisteer不是所見即所得的頁面編輯器（WYSIWYG editor）；

Artisteer不是代碼編輯器（Code editor）；

Artisteer不是預設布局的集合 （collection of predesigned layouts）[6]。

Artisteer支持包括英文、簡體中文、繁體中文、法文、日文、韓文等不同語言文字的選項,尤其支持字體的按需安裝，克服了英文軟件本地語言支持不足導致的亂碼等問題。Artisteer曾在2008年獲得 “Red Ferret年度軟件獎”[7]，2009年獲得香港“Tech Now年度軟件獎”[8]，這反映了其行業認可度。Artisteer的英文意思是“Art I steer”，旨在表明其在藝術表現力方面的突出表現。顯然，該特征對創建圖書館數字化服務品牌具有積極意義。

3　Artisteer的Web頁面建模技術

Web頁面的布局通常有左右式、上下式、圓弧式和綜合式等[9]，Artisteer可以快速地部署和實施不同類型的頁面布局。根據Web頁面的構成和用戶需求，Web頁面建模應該朝向智能化、個性化兩個方面發展。智能化包括幾個層面的含義：一是傻瓜化；二是符合美學特征；三是能夠實現跨終端的響應式設計。個性化則是以模板和智能模板推薦為基礎，輔以所見即所得的參數配置，以滿足用戶特定需求。利用Artisteer實施Web頁面建模包含如下幾種主要技術：

3.1智能推薦

Artisteer能夠產生隨機變化的預設樣式或主題“推薦”用戶選擇。推薦功能既可以是整個Web頁面模板，也可以是模板的構成要素，如顏色、字體、版面設計、背景、標題、圖像、菜單、表單、頁腳等。為了滿足具體需求，還可以通過風格選項，控制模板輸出的范圍。Artisteer4.0版本風格選項包含“企業”“雜志”“播客”等，根據過往的使用經驗，圖書館用戶可以根據不同的需求采用不同的風格控制，如：數字門戶建設可選擇企業風格；書目推薦系統建設可選取雜志風格；學科服務建設可選取播客風格。

智能推薦功能是利用Artisteer進行Web設計的基礎，用戶可以快速地搭建美觀而個性化的Web板式。若頁面內容不作為輸出的選項，用戶甚至能夠在數分鐘內就完成一個完整的Web頁面設計。雖然Artisteer預設模板的數量是有限的（可以通過文件-新建-新建項目-模板看到），但是用戶通過點擊“推薦的設計”按鈕，理論上可以獲得無限數量的模板。因為每一次點擊之后，模板內部元素的樣式、內容、種類都會隨機發生變化。圖書館用戶在選擇適合的模板后，只需要調整內部元素的屬性就可以形成符合特定需求的Web頁面。

3.2所見即所得

Artisteer將Web頁面劃分為標題（Header）、菜單（Menu）、垂直菜單（Vertical Menu）、程序塊（Block）、內容（Content）、頁腳（Footer）等6個部分。每部分都包含一個智能推薦的功能，如標題部分有“推薦的標題”功能、菜單部分有“推薦的菜單”功能等等，可以快速地為每一種布局單元隨機給定一種設計樣式，也可以在某種樣式上做個性化定義。Artisteer預覽區支持所見即所得（WYSIWYG）的設計，用戶可以直接編輯以上各部分的文本內容以及顯示樣式。選中一個部分后（此時該部分高亮顯示），該模塊右上方還提供MiniToobar快捷操作按鈕，方便地實現局部編輯。

Artisteer模板包括設計（Design）和內容(Content)兩個部分。設計部分描述了頁面的外觀，它包含了一個頁面所有的屬性元素如顏色、字體、位置等信息。設計決定了模板的顯示樣式，僅包含一些作為示例（Sample）的內容。內容部分包括文本、圖像、鏈接等等，內容主要實現與用戶的互動交流。圖書館用戶利用Artisteer設計Web頁面，主要考慮兩種應用情景：一是利用Artisteer模板作為圖書館CMS系統的一部分；另一種是作為獨立的Web靜態程序發布。前者只需要設計好樣式，內容通過后臺程序生成。后者則需要利用Artisteer的內容編輯功能，將設計和內容部分同時導出發布。

Artisteer左側包含了頁面和表單面板（Pages/ Posts Panel），可以新建頁面或表單頁面，可以直接在屬性對話框中設置該頁面的meta元素，如描述（Description）、關鍵詞(Keywords)、用戶自定義標記（Custom Meta Tags）等，以便搜索引擎收錄，這對網站SEO優化具有重要的意義。

3.3響應式設計

響應式設計是指Web頁面能夠自適應地去適配不同屏幕分辨率的設備，無須區分設備類型和系統類型[10]。響應式設計（Response Web Design）最早由Marcotte于2010年提出[11]。隨后，國外知名的科技媒體如Microsoft、Mashable、theNextWeb在其新的門戶系統上都采用了響應式的Web設計。另外，華東師范大學[12]、云南師范大學圖書館等率先采用響應式Web設計。伴隨著響應式移動開發的應用深化，響應式設計越來越引起圖情領域的極大關注[13-14]。

Artisteer構建的頁面默認支持響應式設計。Artisteer主要通過三種CSS樣式（.responsive、.responsive-table和.responsive-phone）來控制頁面在不同設備上的顯示狀態。另外，Artisteer也采用了響應式布局常用的技術方案，如流體網格、彈性布局、媒介查詢等。這樣，無論用戶訪問是通過桌面PC、平板電腦、智能手機等不同的終端，或者基于Windows、Macintosh、Linux、IOS、Android、Symbian等不同的操作系統，都能夠獲得較好的用戶體驗。

3.4Section 508網頁無障礙標準

Section 508是美國政府于2011年6月起正式實施的一部聯邦法律，“規定了所有由聯邦政府發展、取得、維持或使用的電子和信息技術都必須能讓殘疾人無障礙使用”。Section 508詳細規定了網頁內容無障礙設計的16條原則：（1）提供文本等價物；（2）任何媒體信息的等價物必須與之同步運行；（3）避免網頁色彩的不可替代性；（4）避免網頁樣式表的不可替代性；（5）為服務器端的圖像映射提供額外的文本鏈接；（6）提供客戶端的圖像映射；（7）標識行和列的標題；（8）使用復雜表格的標題屬性；（9）提供框架標題；（10）減少屏幕閃爍；（11）提供純文本的鏡像網站；（12）使用無障礙的腳本語言；（13）詳細說明無障礙性小程序和插件；（14）設計無障礙性表格；（15）提供導航忽略功能；（16）給予用戶足夠的響應時間[15]。

依據筆者對內置模板的采樣分析，Artisteer所采用的符合Section 508標準的具體技術有：（1）圖像〈img〉元素默認采用alt屬性，主要目的是給看不到文檔圖像的用戶提供文本說明；（2）內置顏色符合用戶閱讀習慣，前景色和背景色具有較好的對比度和區分度，有利于色盲色弱或者顏色識別有缺陷的用戶訪問；（3）關閉Javascript功能時，頁面提供完整的信息，僅僅在顯示效果上有所弱化；（4）無法加載CSS樣式時，結構化設計確保了頁面內容的可讀性；（5）頁面能夠自由縮放，充分保障老年等有視覺障礙人群的需要。

4　Artisteer在數字圖書館中的應用

4.1分享展示

美國、英國、加拿大和澳大利亞等許多國外圖書館都曾進行圖書館信息資源的網上分享和展示。如美國國會圖書館借助Flicker工具進行圖片管理和分享，促進了讀者對國會圖書館的了解[16]。在借鑒這一做法的基礎上，惠州學院圖書館在培訓中鼓勵館員利用Artisteer制作“我與圖書館”主題頁面。不同年齡段的館員積極搜集、整理、編目個人與圖書館有關的視頻材料、活動照片、文本資料，構建美觀又個性化的專題頁面，充分挖掘了惠州學院圖書館從豐湖書院到金山湖館區發展變遷的歷史過程，既提高了館員的動手能力，也留下了圖書館發展的寶貴史實材料，增強了館員的責任感和凝聚力。

4.2學科服務

學科服務的開展離不開工具或平臺的支撐。許多學科館員并不具備專業的Web設計知識，即使具備也往往耗時耗力，因時間成本較高而放棄采用Web頁面作為學科服務的工具。雖然Blog、CMS等可以作為學科服務平臺，但其安裝、部署過程對普通館員而言仍然有不小的門檻，同時由于其內置的頁面模板缺少個性化設置，往往也難以很好地支持跨終端的訪問。利用Artisteer設計Web頁面，快捷美觀，形式多樣，可實現跨平臺訪問，有助于特色Web頁面制作，形成差別優勢，以及與Blog、CMS等關聯和融合，促進學科服務的開展。

4.3移動服務

Artisteer對HTML5標準的支持，以及響應式設計的特點，決定了可以利用它快速實現移動優先的Web前端開發。基于響應式開發的Web頁面可支持與設備無關的參考咨詢、OPAC、書目瀏覽、新書薦購、視聽展示等服務。即采用普通PC、智能手機、平板都可以獲取大致相似的訪問效果，從而讓更多人參與到圖書館門戶資源聚合、館讀互動等信息服務過程中，為讀者發現和利用圖書館資源創造更多的可能。需要指出的是，根據筆者的應用經驗，Artisteer對響應式的支持的功能并不完善，如幻燈片或者Flash動畫等并不能很好地支持，部分三列以上的布局在移動終端會出現內容下移等。

4.4數字培訓

對絕大多數圖書館而言，館員的構成可以簡單地劃分為“數字土著”和“數字移民”②“數字土著”是指已經習慣互聯網技術的80、90后新生館員；“數字移民”是指不得已去適應目前數字化服務的大齡館員。，雖然二者之間的界限頗有爭議，但館員隊伍中的數字鴻溝難以避免，并且在新技術浪潮沖擊下有愈演愈烈之勢，不利于數字服務的開展。當下，用數字化武裝館員成為一種必然。例如，美國數字公共圖書館在2014年實施了旨在發展圖書館館員數字技術和能力的培訓計劃[17]。國內也紛紛推出數字館員培訓項目等。數字館員培訓的實施離不開課程資源和實踐培訓內容的建立，Artisteer能夠為數字館員培訓提供支撐。

由于Artisteer建模方法涉及Web技術的多個方面，可以成為館員數字化培訓中Internet網絡知識模塊的絕佳范例。利用Artisteer開展Web建模，Web設計中一些比較抽象的概念，如盒模型、浮動，都可以以所見即所得的方式，這就如同學習的腳手架，能夠促進館員對Web知識的理解。依托館員/學生管理員培訓項目，適時地將Artisteer作為培訓內容，既滿足了普通員工學習Web技術的需要，也有效降低了技術準入門檻。Artisteer讓“人人都可以成為前端開發工程師”的口號成為現實。

5　Artisteer在圖書館應用的SWOT分析

本研究的一個基本信條是：當館員將技術工具整合到工作中時，它將幫助館員充分認識和利用數字技術，從而有效地改善圖書館服務。為了充分發揮技術工具在圖書館服務中的應用潛力，就需要強化館員隊伍培訓以增強其對技術的理解和運用。Artisteer官網提供了大量的培訓資源，包括紙本書（鏈接）、電子書、視頻教程、用戶論壇、FAQ等，可以為Artisteer提供強有力的資源支持。根據對培訓館員和學生管理員的跟蹤調查分析，以及網絡用戶的個案追蹤，得出Artisteer在圖書館應用的SWOT分析結果。

5.1優勢（Strengths）

大部分館員認為，利用Artisteer能夠快速地部署美觀的Web頁面，實現Web頁面的跨終端訪問，支持文本陰影、濾鏡、圖像、圖形動畫、Flash等形式多樣的表現形式；充分接觸到了HTML5等新的技術表現形式，有效拓展了知識面，提高了網絡應用技能，為讀者提供現代化服務打下了基礎。從心理層面來說，館員借此降低了技術畏難感，他們可以通過簡單的方式進入Web設計的大門，從而提高業務水平，降低對技術的抵觸和排斥心理。另外，館員在知識提升、成就感等方面都具有積極的反響。

5.2劣勢（Weaknesses）

對Windows用戶而言，最新版本的Artisteer需要.NET framework4.0以上的系統環境和至少1 GB的內存支持。Artisteer存在系統配置要求高、反應慢等問題；Artisteer的培訓內容以英文、德文為主，缺乏必要的中文支持；Artisteer屬于付費軟件，Artisteer包括家庭/學術版和標準版兩類，Artisteer雖然采用了不同的定價策略，但對圖書館館員的用戶接受而言，存在一定的困難。

5.3機遇（Opportunities）

隨著互聯網+時代的到來，互聯網與各個行業的結合與互動越來越深入，圖書館服務的觸角也更多地借助Web元素。Artisteer能夠適用于多種互聯網環境，其對手機、平板等智能終端以及個人PC的支持和無縫銜接，極大地提升了其應用潛力。Artisteer設計高效、快速化的特點，符合頁面變化頻繁和快速迭代的特定場景需求。

5.4挑戰（Threats）

Web設計是一個專業性極強的工作。無論多么優秀的工具，也無法完全替代人的關鍵作用。在絕大部分圖書館中，既掌握讀者服務的理念和實踐，又同時具有較強的Web開發和應用能力的專門人才依然匱乏。如前所述，圖書館方面，國內目前還缺少采用Artisteer的成功案例，這些都不利于Artisteer的應用和推廣。

6　結束語

Artisteer在數字圖書館中的運用，既是技術創新，也是服務創新。技術工具的運用能消除大眾進入網絡世界的障礙，這使得普通館員和讀者有望以參與者的角色與技術型館員一起構建數字圖書館信息服務體系。圖書館可以適時引進Artisteer，允許館員和讀者共同構建學科導航、館員/讀者個人主頁、館藏資源導引等符合標準的Web頁面，以更加積極的態度參與到圖書館的數字化服務浪潮中。需要指出的是，技術應用的終極目的是為了提高圖書館專業技術工作的效率、效果與效益。因此，圖書館在引導館員充分挖掘Artisteer應用潛力的同時，還應該重視將技術工具融入日常服務中，避免陷入為技術而技術的應用誤區。

[1]李倩,盧志國.利用drupal構建圖書館的門戶網站[J].圖書館學刊,2011(2):114-116.

[2]彭麗,曾詠梅,干文芝.基于Moodle的一站式學科服務平臺的設計與實現[J].四川圖書館學報,2013(3):54-57.

[3]衛瀟,周毅.基于Wordpress的中小單位機構庫建設實證研究[J].現代情報,2013(12):65-70.

[4]PETERSON K.Academic Web Site Design and Academic Templates:Where Does the Library Fit In?[J].Information Technology&Libraries,2006(4):217-221.

[5]Artisteer-Automated Web Designer[EB/OL].[2015-04-16].http://www.artisteer.com.

[6]SANECKI J.Creating templates with Artisteer[M].Birmingham:Packt Publishing Ltd,2013.

[7]The Red Ferret Product of the Year 2008-Software-Artiste er[EB/OL].[2015-04-11].http://www.redferret.net/p=12680.

[8]Tech Now's(Hong Kong)Software of the Year Award(200 9)[EB/OL].[2015-04-12].http://www.technow.com.hk/bestsoftware-award-2009/.

[9]胡昌斗.高校圖書館的網頁優化與網站建設[J].圖書館論壇,2005(3):98-100.

[10]畢劍,劉曉艷,張禹.使用響應式網頁設計構建圖書館移動門戶網站——以云南大學圖書館為例[J].現代圖書情報技術,2015(2):97-102.

[11]MARCOTTE E.Responsive Web Design[EB/OL].[2015-01-12]http://alistapart.com/article/responsive-web-design.

[12]劉歡,盧蓓蓉.使用響應式設計構建高校新型門戶網站[J].中國教育信息化,2013(9):71-74.

[13]陳靜.基于響應式Web設計手機圖書館服務應用探討[J].圖書館工作與研究,2015(4):33-36.

[14]劉智惠,薛晶晶,盧倩蕓.面向不同設備的響應式網頁設計——Web移動圖書館 [J].現代圖書情報技術,2014 (11):95-101.

[15]錢小龍,鄒霞.美國信息無障礙事業發展概況:Section 508解讀[J].電化教育研究,2007(12):86-91.

[16]鄭燃.基于Folksonomy的圖書館信息組織應用研究[J].圖書館雜志,2011(4):19-23.

[17]Digital Public Library of America announces milliondollar grant to train public librarians in digital technologies.[EB/OL].[2015-04-25].http://librarytechnology.org/ne ws/pr.plid=18517.

（編發：王域鋮）

Application Research on Artisteer and Its Value to Web Page Modeling of Digital Library

LI Jin-yong
(Huizhou University Library,Huizhou 516007,China)

Web page is a kind of standard data format and has the foundational role in the digital library service.Artisteer is an Web design automation product that instantly creates fantastic looking、unique、mobile access website in minutes.Artisteer has the function like intelligent recommendations、what you see is what you get、responsive design、Section 508 Web accessibility standards,so It can play a role in sharing display,discipline services, mobile services,digital training,etc.With SWOT analysis,this paper pointes out that the introduction of Artisteer is expected to become both innovation means and innovation effects for library.

Artisteer;Web design;mobile services;SWOT

G250.73

G250.73

A

2095-5197（2016）01-0097-05

* 本文系廣東省教育科學規劃項目（項目編號：2013JK167）、廣東省教育研究院教育研究課題（項目編號：GDJY-2014-C-b046）、惠州學院校級課題（項目編號：hzuxl201405）階段性成果。

李金永（1986-），男，館員，碩士，研究方向：圖書館數字化服務。

2015-10-08