Please wait a minute...
New Technology of Library and Information Service  2014, Vol. 30 Issue (11): 95-101    DOI: 10.11925/infotech.1003-3513.2014.11.14
Current Issue | Archive | Adv Search |
Analysis on Responsive Web Design for Different Devices——The Web Mobile Library
Liu Zhihui, Xue Jingjing, Lu Qianyun
Shanghai University of Engineering Science Library, Shanghai 201620, China
Download: PDF(1253 KB)   HTML
Export: BibTeX | EndNote (RIS)      
Abstract  

[Objective] Automatically fit the features and requests of mobile reading and keep the features of Web page at the same time. Reduce the cost of development and maintains. [Context] Improve user experience in accessing on different devices and fit the requests of mobile reading market. [Methods] Based on HTML5 which combines with CSS5 and JavaScript, and refactor Bootstrap framework. [Results] Get expected display effect on both PC clients and mobile clients. [Conclusions] It should be a direction that virtual library develops with responsive Web design. With this technique, mobile library and Web library become from complementation to a new type of Web mobile library.

Key wordsResponsive Web design      HTML5      Bootstrap      Mobile library     
Received: 16 April 2014      Published: 18 December 2014
PACS:  TP393  

Cite this article:

Liu Zhihui, Xue Jingjing, Lu Qianyun. Analysis on Responsive Web Design for Different Devices——The Web Mobile Library. New Technology of Library and Information Service, 2014, 30(11): 95-101.

URL:

http://manu44.magtech.com.cn/Jwk_infotech_wk3/EN/10.11925/infotech.1003-3513.2014.11.14     OR     http://manu44.magtech.com.cn/Jwk_infotech_wk3/EN/Y2014/V30/I11/95

[1] 龙泉, 谢春枝, 申艳. 国外高校移动图书馆应用现状调查及启示[J]. 图书馆论坛, 2013, 33(3): 60-64, 24. (Long Quan, Xie Chunzhi, Shen Yan.The Survey and Enlightenment of Mobile Service in Foreign Universities [J]. Library Tribune, 2013, 33(3): 60-64, 24.)
[2] 叶莎莎, 杜杏叶. 国内外移动图书馆的应用发展综述[J].图书情报工作, 2013, 57(6): 141-147. (Ye Shasha, Du Xingye. Review on Application Development Status of Mobile Library at Home and Abroad [J]. Library and Information Service, 2013, 57(6): 141-147.)
[3] 龙泉, 谢春枝, 申艳, 等. 国内外高校图书馆移动服务现状及比较分析[J]. 情报杂志, 2013, 32(2): 173-176. (Long Quan, Xie Chunzhi, Shen Yan, et al. The State of the Art and Comparative Analysis of Mobile Services in Domestic and International University Libraries [J]. Journal of Intelligence, 2013, 32(2): 173-176.)
[4] 魏群义, 侯桂楠, 霍然, 等.国内移动图书馆应用与发展现状研究——以"985"高校和省级公共图书馆为调研对象[J].图书馆, 2013(1): 114-117. (Wei Qunyi, Hou Guinan, Huo Ran, et al. A Study on Practical and Developing Status of Chinese Mobile Libraries: Based on the Investigation of 985 Academics and Provincial Public Libraries [J]. Library, 2013(1): 114-117.)
[5] 艾媒咨询. 2013Q1中国智能手机市场季度报告[EB/OL]. [2013-05-06]. http://www.iimedia.cn/36650.html. (iiMedia Research. Market Quarterly Report of Smartphone in China (2013 First Quarter) [EB/OL].[2013-05-06]. http://www.iimedia. cn/36650.html.)
[6] Responsive Web Design[EB/OL].[2014-06-06].http://alistapart. com/article/responsive-web-design.
[7] Bootstrap[EB/OL].[2013-08-15]. http://www.bootcss.com/.
[8] Bootstrap Expo[EB/OL].[2014-06-06]. http://expo.getbootstrap. com/.
[9] LESS CSS [EB/OL].[2014-06-06]. http://www.ibm.com/ developerworks/cn/web/1207_zhaoch_lesscss/.
[10] Frain B. 响应式Web设计HTML5和CSS3实战[M]. 王永强译. 北京: 人民邮电出版社, 2013. (Frain B. Responsive Web Design with HTML5 and CSS3[M]. Translated by Wang Yongqiang. Beijing: Post & Telecom Press, 2013.)
[11] 张树明. 基于响应式Web设计的网页模板的设计与实现[J]. 计算机与现代化, 2013(6): 125-127. (Zhang Shuming. Design and Implementation of Webpage Template Based on Responsive Web Design [J]. Computer and Modernization, 2013(6): 125-127.)
[12] Offcanvas[EB/OL].[2013-08-15].http://v3.bootcss.com/examples/offcanvas/.
[13] BootstrapV3.2.0[EB/OL].[2014-06-06].http://getbootstrap.com/getting-started/.
[14] ScreenQueri[EB/OL].[2014-06-06]. http://beta.screenqueri.es/.
[15] W3C中国[EB/OL].[2014-04-10]. http://www.chinaw3c.org/. (W3C China [EB/OL].[2014-04-10]. http://www.chinaw3c.org/.)
[16] 复旦大学[EB/OL].[2014-04-16]. http://www.fudan.edu.cn/. (Fudan University [EB/OL].[2014-04-16].http://www.fudan. edu.cn/.)
[17] 华东师范大学[EB/OL].[2014-04-16]. http://www.ecnu.edu. cn/. (East China Normal University [EB/OL].[2014-04-16]. http://www.ecnu.edu.cn/.)

[1] Sun Rong. Building Library APP with Mobile Platform on Campus——Case Study of Whistle Platform[J]. 现代图书情报技术, 2016, 32(9): 95-101.
[2] Bi Jian, Liu Xiaoyan, Zhang Yu. Using Responsive Web Design to Build a Library Mobile Portal ——Taking Yunnan University Library as an Example[J]. 现代图书情报技术, 2015, 31(2): 97-102.
[3] Yao Fei, Jiang Airong. M-library: From Devices to People——A Comprehensive Review of the 5th International M-libraries Conference[J]. 现代图书情报技术, 2015, 31(1): 1-8.
[4] Duan Yufeng, Zhu Wenjing, Chen Qiao, Cui Hong. Semantic Annotation of Species Description Text in Chinese by Combining Naïve Bayes Algorithm with Bootstrapping Method[J]. 现代图书情报技术, 2014, 30(5): 83-89.
[5] Chen Junjie, Huang Guofan. Construction Strategy and Main Technology of the Mobile Library APP——Take iOS for Instance[J]. 现代图书情报技术, 2012, (9): 75-80.
[6] Xia Cuijuan, Zhang Yan. The New Chance of Library Mobile Reading Services: HTML5 & CSS3[J]. 现代图书情报技术, 2012, 28(5): 16-25.
[7] Zeng Manjiang, Li Yongwen, Liu Juan, Hu Zhen. Optimization Research of Mobile Library Website for Enhancement of User Experience——A Case Study of Mobile Library Project in Sichuan Province[J]. 现代图书情报技术, 2012, 28(1): 85-91.
[8] Wang Zexian. The Implementation of Interface Integration between Mobile Library System and ILASII[J]. 现代图书情报技术, 2010, 26(5): 89-92.
[9] Bai Ruxing,Zhang Chengyu,Wang Qian. A Research on Pre-processing Mechanism of Mobile Library Information Based on Abbreviations Conversion[J]. 现代图书情报技术, 2010, 26(3): 64-70.
[10] Fang Wei,Zhang Chengyu,Dou Tianfang. The Design and Realization of a Resource Integration Based Mobile Library System[J]. 现代图书情报技术, 2009, 25(6): 76-80.
[11] Wu Zheng. Design and Implementation of Universal Mobile Phone Library System[J]. 现代图书情报技术, 2009, 3(1): 98-104.
[12] Zhang Xinming. Restore of Window NT Bootstrap Error[J]. 现代图书情报技术, 2002, 18(1): 80-81.
  Copyright © 2016 Data Analysis and Knowledge Discovery   Tel/Fax:(010)82626611-6626,82624938   E-mail:jishu@mail.las.ac.cn