使用响应式网页设计构建图书馆移动门户网站——以云南大学图书馆为例

doi:10.11925/infotech.1003-3513.2015.02.14

摘要
参考文献
相关文章
Metrics

全文: PDF(1001 KB) HTML
输出: BibTeX | EndNote (RIS)

摘要

[目的] 解决图书馆门户网站不能自动适应PC 端和移动端等不同设备的问题。[应用背景] 访问图书馆门户网站的设备除PC 外, 还有各种不同分辨率、不同操作系统的智能手机和平板电脑, 满足这些设备的使用给图书馆门户网站开发带来极大挑战。[方法] 使用响应式网页设计技术, 在Drupal 开发平台下, 结合HTML5、CSS3、JavaScript 技术, 实现云南大学图书馆响应式门户网站的设计和开发。[结果] 一次开发就能自动适应PC端、平板电脑端和智能手机端等不同设备的正常使用。在IE7+、Chrome5+、Firefox3.6+中有良好显示, 自动适应苹果、三星、小米等不同移动设备。[结论] 本网站正式启用后, 反映良好, 运行稳定, 维护成本低, 并对未来设备有良好扩展性。

	服务

	把本文推荐给朋友
	加入引用管理器
	E-mail Alert
	RSS
	作者相关文章
	毕剑
	刘晓艳
	张禹

关键词 ：响应式网页设计, Drupal, 图书馆, 移动网站

Abstract：

[Objective] To solve the problem that library portals cannot automatically adapt to different devices such as the PC and mobile terminals. [Context] Except PC, access devices include smart phones and tablets with different resolutions and operating systems, that brings great challenges to library portal development. [Methods] Using responsive Web design to build Yunnan University Library mobile portal in Drupal platform, combined with HTML5, CSS3, JavaScript. [Results] Once developed, the site is able to automatically adapt to the normal use of the PC, tablets and smart phones. It plays well on the IE7+, Chrome5+ and Firefox3.6+, and automatically adapts to Apple, Samsung, Mi and other different mobile devices. [Conclusions] The official website with stable operation and low maintenance costs is popular, and has good scalability for future equipment.

Key words： Responsive Web design Drupal Library Mobile website

收稿日期: 2014-08-18

G250.7

通讯作者: 刘晓艳, ORCID: 0000-0001-6212-1025, E-mail: 8715683@qq.com。 E-mail: 8715683@qq.com

作者简介: 作者贡献声明: 毕剑: 设计研究方案, 网站开发, 论文最终版本修订;刘晓艳: 网站测试, 论文起草;张禹: 提出研究思路, 设计研究方案。

引用本文:

毕剑, 刘晓艳, 张禹. 使用响应式网页设计构建图书馆移动门户网站——以云南大学图书馆为例[J]. 现代图书情报技术, 2015, 31(2): 97-102.
Bi Jian, Liu Xiaoyan, Zhang Yu. Using Responsive Web Design to Build a Library Mobile Portal ——Taking Yunnan University Library as an Example. New Technology of Library and Information Service, DOI：10.11925/infotech.1003-3513.2015.02.14.

链接本文:

http://manu44.magtech.com.cn/Jwk_infotech_wk3/CN/10.11925/infotech.1003-3513.2015.02.14

[1] 中国互联网络信息中心. CNNIC 发布《第34 次中国互联网络发展状况统计报告》 [EB/OL]. (2014-07-21). [2014-07-25]. http://cnnic.cn/gywm/xwzx/rdxw/2014/201407/t20140721_47439.htm. (China Internet Network Information Center. The 34th Statistical Report on China Internet Network Development[EB/OL]. (2014-07-21). [2014-07-25]. http://cnnic. cn/gywm/xwzx/rdxw/2014/201407/t20140721_47439.htm.)
[2] Marcotte E. Responsive Web Design [EB/OL]. (2010-05-25).[2014-07-21]. http://alistapart.com/article/responsive-web-design/.
[3] Why 2013 is the Year of Responsive Web Design [EB/OL]. (2012-12-11). [2014-07-22]. http://mashable.com/2012/12/11/responsive-web-design/.
[4] 刘欢, 卢蓓蓉. 使用响应式设计构建高校新型门户网站[J]. 中国教育信息化: 高教职教, 2013 (5): 71-74. (Liu Huan, Lu Beirong. Building New Type of College Portal Website with Responsive Web Design [J]. The Chinese Journal of ICT in Education, 2013 (5): 71-74.)
[5] Knight K. Responsive Web Design: What It is and How to Use It [EB/OL]. (2011-01-12). [2014-07-12]. http://www. smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/.
[6] Drupal [EB/OL]. [2014-07-23]. https://www.drupal.org/.
[7] 960 Grid System [EB/OL]. [2014-07-25]. http://960.gs/.

[1]	毕达天,王福,许鹏程. 基于VSM的移动图书馆用户画像及场景推荐^*[J]. 数据分析与知识发现, 2018, 2(9): 100-108.
[2]	朱光,丰米宁,张薇薇. *激励机制下图书馆信息安全管理的投入意愿研究^——基于演化博弈的视角**[J]. 数据分析与知识发现, 2018, 2(6): 13-24.
[3]	尹相权,李书宁. 基于VSM的美国一流大学图书馆网站导航文本调查与分析[J]. 数据分析与知识发现, 2017, 1(3): 90-95.
[4]	齐云飞,赵宇翔,朱庆华. 关联数据在数字图书馆移动视觉搜索系统中的应用研究^*[J]. 数据分析与知识发现, 2017, 1(1): 81-90.
[5]	孙荣. *移动校园平台支持下的高校移动图书馆建设研究^——以微哨平台为例**[J]. 现代图书情报技术, 2016, 32(9): 95-101.
[6]	洪亮,钱晨,樊星. 移动数字图书馆资源的情境感知个性化推荐方法研究^*[J]. 现代图书情报技术, 2016, 32(7-8): 110-119.
[7]	刘健,毕强,马卓. 数字图书馆微服务评价指标体系构建及实证研究^*[J]. 现代图书情报技术, 2016, 32(5): 22-29.
[8]	李峰,李书宁,于静. 面向院系的高校毕业生图书馆记忆系统[J]. 现代图书情报技术, 2016, 32(5): 99-103.
[9]	李丹. 图书馆微信平台建设实践与思考^*[J]. 现代图书情报技术, 2016, 32(4): 104-110.
[10]	董智鹏,刘静羽. 基于Drupal的项目网站建设——以“开放资源建设”网站为例[J]. 现代图书情报技术, 2016, 32(1): 81-86.
[11]	敦文杰, 孙一钢, 朱先忠. 互联网络电视多媒体文档格式设计与实现[J]. 现代图书情报技术, 2015, 31(9): 82-89.
[12]	李丹, 闫晓弟, 魏青山. Drupal数据采集在构建特色数字资源中的实践[J]. 现代图书情报技术, 2015, 31(7-8): 148-154.
[13]	王孝亮, 胡军. 图书馆自助毕业清证协同处理系统的设计与实现[J]. 现代图书情报技术, 2015, 31(4): 96-102.
[14]	李胜, 王叶茂. 一种基于本体和位置感知的图书馆书籍推荐模型[J]. 现代图书情报技术, 2015, 31(3): 58-66.
[15]	鲁晓明. 基于Gimbal^TM的轻量级高校图书馆情景感知推送服务平台开发及试验[J]. 现代图书情报技术, 2015, 31(3): 101-107.

Viewed

Full text

Abstract

Cited

Shared

Discussed