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