圖書(shū)館日歷平臺(tái)開(kāi)發(fā)研究

劉悅?cè)?，余育仁，張宗?/p>

圖書(shū)館門(mén)戶網(wǎng)站是提供圖書(shū)館服務(wù)的有效途徑之一。結(jié)合讀者需求在圖書(shū)館門(mén)戶網(wǎng)站增添新服務(wù)，能夠展現(xiàn)圖書(shū)館不斷革新的服務(wù)理念，不斷提升圖書(shū)館的服務(wù)質(zhì)量。在圖書(shū)館門(mén)戶網(wǎng)站增加日歷欄目，可以幫助讀者了解圖書(shū)館的日程安排，更好地利用圖書(shū)館服務(wù)，提高圖書(shū)館服務(wù)效率。上海財(cái)經(jīng)大學(xué)[1]、武漢大學(xué)[2]、美國(guó)西北大學(xué)[3]等國(guó)內(nèi)外高校圖書(shū)館網(wǎng)站均制作了圖書(shū)館日歷。筆者研究國(guó)外12所高校圖書(shū)館日歷的表現(xiàn)內(nèi)容，結(jié)合我國(guó)特色制定圖書(shū)館日歷顯示方案；利用開(kāi)源軟件PHP+Apache+MySQL和Fullcalendar插件，制作圖書(shū)館日歷平臺(tái)。

1 國(guó)外圖書(shū)館日歷分析

美國(guó)西北大學(xué)圖書(shū)館(Northwestern University Library)日歷以月視圖的形式展開(kāi)，在活動(dòng)日當(dāng)天用簡(jiǎn)單詞組簡(jiǎn)述事件概要：若讀者對(duì)該事件感興趣，點(diǎn)擊事件，出現(xiàn)下拉提示框，詳細(xì)說(shuō)明事件的開(kāi)始、結(jié)束時(shí)間和詳細(xì)鏈接。愛(ài)爾蘭克科大學(xué)圖書(shū)館(UCCLibrary)日歷[4]以月視圖形式展開(kāi)，但在視圖上不顯示事件：若當(dāng)天有事件，標(biāo)顯綠色小點(diǎn)；點(diǎn)擊日期打開(kāi)新網(wǎng)頁(yè)，詳細(xì)描述該日事件。哥倫比亞大學(xué)圖書(shū)館(Columbia University Libraries)日歷[5]以月視圖展現(xiàn)，顯示內(nèi)容是圖書(shū)館開(kāi)放時(shí)間，類(lèi)似的有美國(guó)康涅狄格州立大學(xué)Elihu Burritt圖書(shū)館日歷[6]、佐治亞理工學(xué)院圖書(shū)館(Georgia Tech Library)日歷[7]、加利福尼亞大學(xué)圖書(shū)館(UCILibraries)日歷[8]、南康涅狄格州立大學(xué)圖書(shū)館(Hilton C.Buley Library)日歷[9]。有些大學(xué)圖書(shū)館日歷略有不同，用不同形式顯示圖書(shū)館的開(kāi)放時(shí)間。佛羅里達(dá)灣海岸大學(xué)(FGCULibrary)[10]以周視圖的形式顯示圖書(shū)館開(kāi)放時(shí)間。普林斯頓大學(xué)圖書(shū)館(Princeton University Library)日歷[11]和愛(ài)荷華州立大學(xué)圖書(shū)館(Iowa State University Library)日歷[12]以列表形式顯示圖書(shū)館開(kāi)放時(shí)間。維克森林大學(xué)圖書(shū)館(Z.Smith Reynolds Library)日歷[13]以月視圖形式顯示圖書(shū)館開(kāi)放時(shí)間，當(dāng)某天有展覽等事件時(shí)，在開(kāi)放時(shí)間下方描述事件開(kāi)始時(shí)間、事件類(lèi)型以及事件簡(jiǎn)單介紹和地點(diǎn)，該館日歷融合顯示了事件與開(kāi)放時(shí)間兩個(gè)特征。哈佛大學(xué)圖書(shū)館(Harvard Library)日歷[14]以列表形式顯示當(dāng)前日期開(kāi)始的圖書(shū)館事件，事件按照時(shí)間先后順序列出，每個(gè)事件包括日期、時(shí)間、事件概述、事件地點(diǎn)(事件發(fā)生所在圖書(shū)館)。

總體而言，這些圖書(shū)館日歷分為三類(lèi)：以月視圖形式顯示圖書(shū)館事件；以視圖或列表形式顯示圖書(shū)館開(kāi)放時(shí)間；以列表形式顯示圖書(shū)館事件。

2 同濟(jì)大學(xué)圖書(shū)館日歷的功能設(shè)定

同濟(jì)大學(xué)圖書(shū)館參考借鑒國(guó)外高校圖書(shū)館日歷的內(nèi)容，結(jié)合讀者習(xí)慣，設(shè)計(jì)功能多樣化的日歷平臺(tái)。日歷平臺(tái)用最簡(jiǎn)潔直觀的方式濃縮圖書(shū)館事件概要，讓讀者對(duì)圖書(shū)館近期的活動(dòng)計(jì)劃一目了然，這樣有助于讀者按照各自需求選擇參與事件。日歷平臺(tái)有三種視圖，供讀者自行挑選。分別為月視圖、周視圖、日視圖。視圖中，日歷事件分為五種類(lèi)型：活動(dòng)、展覽、電影、講座、放假；不同類(lèi)型的事件用不同的背景顏色標(biāo)出，用歸類(lèi)的方式作最直觀的展示。

圖1 月視圖

日歷平臺(tái)默認(rèn)選擇月視圖，如圖1所示，每日的事件僅顯示開(kāi)始時(shí)間和事件標(biāo)題，簡(jiǎn)潔明了。點(diǎn)擊該事件時(shí)，自動(dòng)打開(kāi)該事件的新聞網(wǎng)頁(yè)，方便讀者了解詳細(xì)信息。展覽、活動(dòng)或放假事件等非單日事件，可以在月視圖上連續(xù)表現(xiàn)。月視圖結(jié)合傳統(tǒng)農(nóng)歷，融合顯示農(nóng)歷日期與公歷日期，方便不同習(xí)慣的讀者使用日歷。這樣設(shè)定的優(yōu)點(diǎn)在于，月視圖可以在一天內(nèi)展現(xiàn)多個(gè)事件；日歷不會(huì)因?yàn)闃?biāo)題過(guò)長(zhǎng)而變形；背景色隨事件類(lèi)型改變，一日內(nèi)的多事件不會(huì)顯得雜亂無(wú)章。

日歷平臺(tái)的周視圖，如圖2所示，在一張視圖上顯示一周(7天)的事件重要信息概要，旨在讓讀者對(duì)一周內(nèi)的事件的重點(diǎn)信息有所了解。周視圖中，每日顯示事件的開(kāi)始、結(jié)束時(shí)間，事件地點(diǎn)，事件標(biāo)題以及事件的簡(jiǎn)單描述。點(diǎn)擊事件，鏈接到該事件的新聞網(wǎng)頁(yè)。周視圖中，每日的時(shí)間范圍為8：00-22：00。日歷平臺(tái)的日視圖，如圖3所示，一張視圖僅顯示一天的事件。其他設(shè)定同周視圖。

3 日歷平臺(tái)實(shí)現(xiàn)方法和難點(diǎn)技術(shù)

3.1 實(shí)現(xiàn)方式

圖2 周視圖

圖3 日視圖

日歷平臺(tái)采用PHP+Apache+MySQL的配置。作為開(kāi)源軟件常用的組合方式，以穩(wěn)定性能好和運(yùn)行速度快見(jiàn)長(zhǎng)。不少圖書(shū)館界采用此方案開(kāi)發(fā)系統(tǒng)。胡志剛[15]等利用PHP+MySQL，設(shè)計(jì)和實(shí)現(xiàn)了一種基于服務(wù)器和瀏覽器方式的引文分析系統(tǒng)；張真[16]等在Windows2003環(huán)境下，利用PHP+MySql5.0+Apache2.2開(kāi)發(fā)了圖書(shū)館微信系統(tǒng)；明尼蘇達(dá)州大學(xué)數(shù)字圖書(shū)館[17]開(kāi)發(fā)的LibData同樣利用開(kāi)源工具組件Apache、MySQL和PHP創(chuàng)建。在實(shí)現(xiàn)日歷效果方面，上海財(cái)經(jīng)大學(xué)圖書(shū)館[1]采用ZOHO Calendar；王輝[18]采用JSP方式實(shí)現(xiàn)動(dòng)態(tài)日歷。同濟(jì)大學(xué)圖書(shū)館日歷平臺(tái)選用FullCalendar[19]，適用于日程安排、計(jì)劃，可方便查看、標(biāo)記事項(xiàng)。此外，F(xiàn)ullcalendar快速整合性高。

3.2 日歷平臺(tái)的運(yùn)作流程概覽

日歷信息在網(wǎng)頁(yè)前端的展示需要后臺(tái)的配合，需要館員結(jié)合事件的特點(diǎn)編輯事件的相關(guān)信息，如此才能起到日歷的效果，讓讀者一目了然，快捷獲悉活動(dòng)資訊。

圖4總結(jié)了日歷平臺(tái)運(yùn)作的流程。館員在日歷平臺(tái)后臺(tái)點(diǎn)擊日期新建事件，填寫(xiě)事件的詳細(xì)信息，標(biāo)題、地點(diǎn)、新聞鏈接、事件起始時(shí)間、事件類(lèi)型。平臺(tái)自動(dòng)賦予該事件唯一索引id；平臺(tái)根據(jù)事件類(lèi)型賦予事件不同背景色；審核標(biāo)記mark賦值為0，即false含義。確認(rèn)提交新建事件后，館員可預(yù)覽效果，如不滿意可繼續(xù)編輯，編輯時(shí)只能修改事件詳細(xì)信息和類(lèi)型字段。通過(guò)審核事件，平臺(tái)賦予審核標(biāo)記mark字段新值1，即true含義，將所有數(shù)據(jù)保存至數(shù)據(jù)庫(kù)。

讀者在前端看到的日歷網(wǎng)頁(yè)是利用SQL從數(shù)據(jù)庫(kù)中選取所有通過(guò)審核的日歷事件，即選擇條件為mark=1。讀取的數(shù)據(jù)以JSON數(shù)據(jù)傳入到平臺(tái)，F(xiàn)ullcalendar自動(dòng)解析，最后顯示在網(wǎng)頁(yè)前端。

圖4 日歷平臺(tái)流程圖

3.3 字段設(shè)計(jì)

針對(duì)jQuery插件Fullcalendar的Event Object事件對(duì)象屬性，設(shè)計(jì)數(shù)據(jù)庫(kù)主要字段見(jiàn)表1。

表1 數(shù)據(jù)庫(kù)重要字段

事件的標(biāo)題(title)、地點(diǎn)(place)控制在10個(gè)字以內(nèi)，用精煉的文字概述事件的主題，力圖在日歷視圖上展現(xiàn)直觀簡(jiǎn)潔的效果，對(duì)事件的主要信息有所了解。

事件的類(lèi)型是多樣化的！比如活動(dòng)、展覽、電影、講座，特別地還有放假通知。利用類(lèi)型字段(type)和背景顏色字段(color)，為每一種類(lèi)型的事件賦予不同的背景顏色。通過(guò)顏色的變幻，讓讀者更加便捷地關(guān)注感興趣的類(lèi)型事件。

事件的開(kāi)始日期默認(rèn)為日歷上的當(dāng)天日期。圖書(shū)館可根據(jù)事件的具體安排情況，設(shè)定事件的開(kāi)始時(shí)間和結(jié)束時(shí)間。在月視圖上不顯示結(jié)束時(shí)間字段。事件的跨度靈活，可以設(shè)定為某個(gè)時(shí)間段，如電影、講座；也可以設(shè)置為全天；還可以設(shè)為連續(xù)的多日事件，如國(guó)慶節(jié)連續(xù)三日閉館的事件。當(dāng)讀者對(duì)某一事件感興趣時(shí)可點(diǎn)擊事件，自動(dòng)讀取數(shù)據(jù)庫(kù)url字段，打開(kāi)事件的新聞網(wǎng)頁(yè)，了解事件的詳細(xì)信息。此外，周視圖或者日視圖，也可以直觀顯示事件的詳細(xì)信息字段(describe)。事件標(biāo)記字段(mark)是事件的屬性，代表事件是否被刪除、是否通過(guò)審核。由于MySQL不支持布爾類(lèi)型，mark字段定為int類(lèi)型。

3.4 技術(shù)難點(diǎn)

Fullcalendar內(nèi)置功能較齊全，通過(guò)在網(wǎng)頁(yè)javascript部分作簡(jiǎn)單設(shè)置就能達(dá)到日歷的基本要求。根據(jù)國(guó)人使用的習(xí)慣和日歷設(shè)計(jì)需求，在調(diào)用插件時(shí)對(duì)部分功能作修改，最終達(dá)到預(yù)期的效果。

3.4.1 Fullcalendar的基本設(shè)置

日歷視圖頭部設(shè)計(jì)為：左側(cè)一行列出“上月/下月”和“今天”的三個(gè)按鈕；中間顯示當(dāng)前日期；右側(cè)提供選擇“月視圖/周視圖/日視圖”，默認(rèn)顯示月視圖。為了符合國(guó)人的習(xí)慣，每周的第一天設(shè)置為周一。

Fullcalendar讀取json數(shù)據(jù)格式的事件信息，解析后在前臺(tái)顯示日歷。Fullcalendar的事件信息封裝在文件events.php。點(diǎn)擊事件時(shí)，自動(dòng)打開(kāi)新網(wǎng)頁(yè)，鏈接到事件的新聞地址。在周視圖和日視圖中，每天顯示的時(shí)間跨度是8點(diǎn)到22點(diǎn)。

3.4.2 事件視圖設(shè)定——eventAfterRender函數(shù)

eventAfterRender是Fullcalendar的回掉函數(shù)，是觸發(fā)事件在日歷上的最終擺放位置[19]，可以用來(lái)編輯顯示事件信息。該函數(shù)有3個(gè)參數(shù)：event，element，view。event參數(shù)是將被展示的事件；element(元素)可新建一個(gè)事件展示樣式，或者修改原有樣式，亦可以返回空值不顯示事件；view參數(shù)是視圖選項(xiàng)，有月視圖，周視圖和日視圖。合理利用函數(shù)，可以根據(jù)視圖、事件信息特征調(diào)用不同樣式，多樣化顯示事件信息。

函數(shù)根據(jù)view視圖判斷。當(dāng)視圖為月視圖時(shí)，即默認(rèn)視圖，僅顯示事件的開(kāi)始時(shí)間和事件標(biāo)題；如事件是全天事件，則不顯示開(kāi)始時(shí)間。當(dāng)視圖為周視圖和日視圖時(shí)，根據(jù)日歷的需求、事件信息的展示詳略要求，給予不同的定義。

4 使用效果

同濟(jì)大學(xué)圖書(shū)館日歷平臺(tái)，自9月中旬推出測(cè)試，在測(cè)試范圍內(nèi)獲得各類(lèi)讀者喜愛(ài)；在讀者的建議下修改于11月推出正式版，如圖5所示。讀者直言，日歷平臺(tái)非常方便記憶關(guān)鍵信息，能夠便捷地獲悉感興趣的活動(dòng)內(nèi)容；此外對(duì)圖書(shū)館開(kāi)放、閉館時(shí)間的安排也有了充分了解。

圖5 日歷平臺(tái)正式版

[1] 上海財(cái)經(jīng)大學(xué)圖書(shū)館[EB/OL]. [2014-09-09]. http：//www.lib.shufe.edu.cn/shcd/dzfw/yhpx/201302/t2013 0228_2071.html.

[2] 武漢大學(xué)圖書(shū)館[EB/OL]. [2014-09-09]. http： //www.lib.whu.edu.cn/web/default.asp.

[3] http：//www.library.northwestern.edu/calendar.

[4] UCC Library[EB/OL]. [2014-09-10]. http：//booleweb.ucc.ie/index.php？pageID=5.

[5] Columbia University Libraries [EB/OL]. [2014-09-10].http：//hours.library.columbia.edu/？library=burke.

[6] Elihu Burritt Library[EB/OL]. [2014-09-10]. http：//library.ccsu.edu/ calendar/month.php.

[7] Georgia Tech Library[EB/OL]. [2014-09-10]. http：//www.library.gatech.edu/calendar/hours.php.

[8] UCI Libraries [EB/OL]. [2014-09-10]. http： //www.lib.uci.edu/about/hours/hours.html？Dept=lib_gateway.

[9] Hilton C. Buley Library [EB/OL]. [2014-09-10]. http：//libguides.southernct.edu/hours.

[10] FGCU Library [EB/OL]. [2014-09-10]. http：//library.fgcu.edu/CSD/ calendar.html.

[11] Princeton University Library [EB/OL]. [2014-09-10].http：//library.princeton.edu/hours.

[12] Iowa State University Library，[ EB/OL]. [2014-09-10].http：//www.lib.iastate.edu/libhours-todayall/6175.

[13] Z. Smith Reynolds Library [EB/OL]. [2014-09-10].https：//zsr.wfu.edu/calendar/.

[14] Harvard Library [EB/OL]. [2014-09-10]. http：// library.harvard.edu/ library-calendar.

[15] 胡志剛，陳超美，劉則淵，等. 基于XML 全文數(shù)據(jù)引文分析系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 現(xiàn)代圖書(shū)情報(bào)技術(shù)，2012（11）：77-72.

[16] 張真，丁國(guó)峰. 微信在圖書(shū)館信息服務(wù)中的應(yīng)用實(shí)踐———以浙江省高校圖書(shū)館為例[J]. 圖書(shū)館雜志，2014（3）：64-66.

[17] 趙寧，唐振宇，張玲. 國(guó)外高校圖書(shū)館構(gòu)建學(xué)科服務(wù)系統(tǒng)的比較[J]. 圖書(shū)館學(xué)研究，2014 （4）：88-92.

[18] 王輝. 基于JSP 技術(shù)的動(dòng)態(tài)日歷實(shí)現(xiàn)[J]. 現(xiàn)代情報(bào)，2005（7）：146-148.

[19] FullCalendar [EB/OL]. [2014-09-10]. http：//fullcalendar.io.