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
Download: PDF(1001 KB)   HTML  
Export: BibTeX | EndNote (RIS)      
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     
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:

http://manu44.magtech.com.cn/Jwk_infotech_wk3/EN/10.11925/infotech.1003-3513.2015.02.14     OR     http://manu44.magtech.com.cn/Jwk_infotech_wk3/EN/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] Datian Bi,Fu Wang,Pengcheng Xu. Analyzing Mobile Library Users and Recommending Services with VSM[J]. 数据分析与知识发现, 2018, 2(9): 100-108.
[2] Guang Zhu,Mining Feng,Weiwei Zhang. Incentive Investments on Information Security for Libraries: An Evolutionary Game-theory Approach[J]. 数据分析与知识发现, 2018, 2(6): 13-24.
[3] Xuanhui Zhang,Yuxiang Zhao. Evolution Path and Hot Topics of Citizen Science Studies[J]. 数据分析与知识发现, 2017, 1(7): 22-34.
[4] Yunfei Qi,Yuxiang Zhao,Qinghua Zhu. Linked Data for Mobile Visual Search System of Digital Library[J]. 数据分析与知识发现, 2017, 1(1): 81-90.
[5] Wang Yuefen,Jin Jialin. Characteristics and Development Trends of Papers from “New Technology of Library and Information Service”[J]. 现代图书情报技术, 2016, 32(9): 1-16.
[6] Sun Rong. Building Library APP with Mobile Platform on Campus——Case Study of Whistle Platform[J]. 现代图书情报技术, 2016, 32(9): 95-101.
[7] Hong Liang,Qian Chen,Fan Xing. Context-aware Recommendation System for Mobile Digital Libraries[J]. 现代图书情报技术, 2016, 32(7-8): 110-119.
[8] Liu Jian,Bi Qiang,Ma Zhuo. Assessment of Digital Library’s Micro-services: An Empirical Study[J]. 现代图书情报技术, 2016, 32(5): 22-29.
[9] Li Feng,Li Shu’ning,Yu Jing. A Department Oriented Library Usage Data System for Graduates[J]. 现代图书情报技术, 2016, 32(5): 99-103.
[10] Zhang Jinzhu,Wang Xiaomei,Han Tao. Predicting Co-authorship with Combination of Paths in Paper-author Bipartite Networks[J]. 现代图书情报技术, 2016, 32(10): 42-49.
[11] 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.
[12] Dun Wenjie, Sun Yigang, Zhu Xianzhong. Design and Realization of Multimedia Document Structure of Internet TV[J]. 现代图书情报技术, 2015, 31(9): 82-89.
[13] 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.
[14] Wang Xiaoliang, Hu Jun. Design and Implementation of Library Self-service Graduation Deactivate Account System[J]. 现代图书情报技术, 2015, 31(4): 96-102.
[15] Li Sheng, Wang Yemao. An Ontology-based and Location-aware Book Recommendation Model in Library[J]. 现代图书情报技术, 2015, 31(3): 58-66.
  Copyright © 2016 Data Analysis and Knowledge Discovery   Tel/Fax:(010)82626611-6626,82624938   E-mail:jishu@mail.las.ac.cn