Please wait a minute...
Advanced Search
现代图书情报技术  2015, Vol. 31 Issue (2): 97-102     https://doi.org/10.11925/infotech.1003-3513.2015.02.14
  应用论文 本期目录 | 过刊浏览 | 高级检索 |
使用响应式网页设计构建图书馆移动门户网站——以云南大学图书馆为例
毕剑, 刘晓艳, 张禹
云南大学图书馆 昆明 650091
Using Responsive Web Design to Build a Library Mobile Portal ——Taking Yunnan University Library as an Example
Bi Jian, Liu Xiaoyan, Zhang Yu
Yunnan University Library, Kunming 650091, China
全文: 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 wordsResponsive Web design    Drupal    Library    Mobile website
收稿日期: 2014-08-18      出版日期: 2015-03-17
:  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, 2015, 31(2): 97-102.
链接本文:  
https://manu44.magtech.com.cn/Jwk_infotech_wk3/CN/10.11925/infotech.1003-3513.2015.02.14      或      https://manu44.magtech.com.cn/Jwk_infotech_wk3/CN/Y2015/V31/I2/97

[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] 鲁晓明. 基于GimbalTM的轻量级高校图书馆情景感知推送服务平台开发及试验[J]. 现代图书情报技术, 2015, 31(3): 101-107.
Viewed
Full text


Abstract

Cited

  Shared   
  Discussed   
版权所有 © 2015 《数据分析与知识发现》编辑部
地址:北京市海淀区中关村北四环西路33号 邮编:100190
电话/传真:(010)82626611-6626,82624938
E-mail:jishu@mail.las.ac.cn