Please wait a minute...
New Technology of Library and Information Service  2015, Vol. 31 Issue (2): 97-102    DOI: 10.11925/infotech.1003-3513.2015.02.14
Current Issue | Archive | Adv Search |
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
Export: BibTeX | EndNote (RIS)      

[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     
Received: 18 August 2014      Published: 17 March 2015
:  G250.7  

Cite this article:

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.

URL:     OR

[1] 中国互联网络信息中心. CNNIC 发布《第34 次中国互联网 络发展状况统计报告》 [EB/OL]. (2014-07-21). [2014-07-25]. (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].
[3] Why 2013 is the Year of Responsive Web Design [EB/OL]. (2012-12-11). [2014-07-22].
[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.
[6] Drupal [EB/OL]. [2014-07-23].
[7] 960 Grid System [EB/OL]. [2014-07-25].

[1] Lu Linong,Zhu Zhongming,Zhang Wangqiang,Wang Xiaochun. Cross-database Knowledge Integration and Fingerprint of Institutional Repositories with Lingo3G Clustering Algorithm[J]. 数据分析与知识发现, 2021, 5(5): 127-132.
[2] Chen Shiji, Qiu Junping, Yu Bo. Topic Analysis of LIS Big Data Research with Overlay Mapping[J]. 数据分析与知识发现, 2021, 5(10): 51-59.
[3] Bi Datian,Wang Fu,Xu Pengcheng. Analyzing Mobile Library Users and Recommending Services with VSM[J]. 数据分析与知识发现, 2018, 2(9): 100-108.
[4] Zhu Guang,Feng Mining,Zhang Weiwei. Incentive Investments on Information Security for Libraries: An Evolutionary Game-theory Approach[J]. 数据分析与知识发现, 2018, 2(6): 13-24.
[5] Zhang Xuanhui,Zhao Yuxiang. Evolution Path and Hot Topics of Citizen Science Studies[J]. 数据分析与知识发现, 2017, 1(7): 22-34.
[6] Qi Yunfei,Zhao Yuxiang,Zhu Qinghua. Linked Data for Mobile Visual Search System of Digital Library[J]. 数据分析与知识发现, 2017, 1(1): 81-90.
[7] Wang Yuefen,Jin Jialin. Characteristics and Development Trends of Papers from “New Technology of Library and Information Service”[J]. 现代图书情报技术, 2016, 32(9): 1-16.
[8] Sun Rong. Building Library APP with Mobile Platform on Campus——Case Study of Whistle Platform[J]. 现代图书情报技术, 2016, 32(9): 95-101.
[9] Hong Liang,Qian Chen,Fan Xing. Context-aware Recommendation System for Mobile Digital Libraries[J]. 现代图书情报技术, 2016, 32(7-8): 110-119.
[10] Liu Jian,Bi Qiang,Ma Zhuo. Assessment of Digital Library’s Micro-services: An Empirical Study[J]. 现代图书情报技术, 2016, 32(5): 22-29.
[11] Li Feng,Li Shu’ning,Yu Jing. A Department Oriented Library Usage Data System for Graduates[J]. 现代图书情报技术, 2016, 32(5): 99-103.
[12] Zhang Jinzhu,Wang Xiaomei,Han Tao. Predicting Co-authorship with Combination of Paths in Paper-author Bipartite Networks[J]. 现代图书情报技术, 2016, 32(10): 42-49.
[13] Zhipeng Dong,Jingyu Liu. Project Website’s Construction Based on Drupal ——A Case Study of “Open Resources Development” Website[J]. 现代图书情报技术, 2016, 32(1): 81-86.
[14] Dun Wenjie, Sun Yigang, Zhu Xianzhong. Design and Realization of Multimedia Document Structure of Internet TV[J]. 现代图书情报技术, 2015, 31(9): 82-89.
[15] Li Dan, Yan Xiaodi, Wei Qingshan . Practice of Data Collection in Building Characteristic Digital Resources Based on Drupal[J]. 现代图书情报技术, 2015, 31(7-8): 148-154.
  Copyright © 2016 Data Analysis and Knowledge Discovery   Tel/Fax:(010)82626611-6626,82624938