Please wait a minute...
Advanced Search
现代图书情报技术  2014, Vol. 30 Issue (11): 95-101    DOI: 10.11925/infotech.1003-3513.2014.11.14
  应用实践 本期目录 | 过刊浏览 | 高级检索 |
面向不同设备的响应式网页设计——Web移动图书馆
刘智惠, 薛晶晶, 卢倩芸
上海工程技术大学图书馆 上海 201620
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
全文: PDF(1253 KB)   HTML  
输出: BibTeX | EndNote (RIS)      
摘要 

[目的] 让Web页面保留自身特点的同时, 自动适应移动阅读的特点和需求; 减少开发和维护成本.[应用背景] 提升用户不同设备的访问体验, 适应移动阅读的市场需求.[方法] 以HTML5和CSS3结合JavaScript语言为基础, 采用并改造Bootstrap架构.[结果] 在PC端和移动设备端均能达到比较理想的显示效果.[结论] 响应式网页设计是数字图书馆未来发展的一种方向, 利用该技术移动图书馆和网上图书馆服务将由互补变为融合.

服务
把本文推荐给朋友
加入引用管理器
E-mail Alert
RSS
作者相关文章
卢倩芸
刘智惠
薛晶晶
关键词 响应式网页HTML5Bootstrap移动图书馆    
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
收稿日期: 2014-04-16     
:  TP393  
基金资助:

本文系上海高校青年教师培养资助计划"基于Android平台对图书馆资源整合软件开发" (项目编号: ZZGJD12103)和上海高校青年教师培养资助计划"国内外高校研究型图书馆知识服务模式与实践研究" (项目编号: ZZGJD12106)的研究成果之一.

通讯作者: 刘智惠 E-mail: zhihui_liu1984@163.com     E-mail: zhihui_liu1984@163.com
作者简介: 作者贡献声明: 刘智惠: 提出研究思路, 设计研究方案, 进行程序设计; 刘智惠, 薛晶晶: 采集、清洗和分析数据; 刘智惠, 薛晶晶, 卢倩芸: 论文起草; 刘智惠: 论文最终版本修订.
引用本文:   
刘智惠, 薛晶晶, 卢倩芸. 面向不同设备的响应式网页设计——Web移动图书馆[J]. 现代图书情报技术, 2014, 30(11): 95-101.
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, DOI:10.11925/infotech.1003-3513.2014.11.14.
链接本文:  
http://manu44.magtech.com.cn/Jwk_infotech_wk3/CN/10.11925/infotech.1003-3513.2014.11.14

[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] 余丽,钱力,付常雷,赵华茗. 基于深度学习的文本中细粒度知识元抽取方法研究*[J]. 数据分析与知识发现, 2019, 3(1): 38-45.
[2] 毕达天,王福,许鹏程. 基于VSM的移动图书馆用户画像及场景推荐*[J]. 数据分析与知识发现, 2018, 2(9): 100-108.
[3] 孙荣. 移动校园平台支持下的高校移动图书馆建设研究*——以微哨平台为例[J]. 现代图书情报技术, 2016, 32(9): 95-101.
[4] 毕剑, 刘晓艳, 张禹. 使用响应式网页设计构建图书馆移动门户网站——以云南大学图书馆为例[J]. 现代图书情报技术, 2015, 31(2): 97-102.
[5] 姚飞, 姜爱蓉. 移动图书馆:从设备到人——2014年第5届国际移动图书馆会议综述[J]. 现代图书情报技术, 2015, 31(1): 1-8.
[6] 段宇锋, 朱雯晶, 陈巧, 崔红. 朴素贝叶斯算法与Bootstrapping方法相结合的中文物种描述文本语义标注研究*[J]. 现代图书情报技术, 2014, 30(5): 83-89.
[7] 陈俊杰, 黄国凡. 移动图书馆APP的构建策略和关键技术——以iOS为例[J]. 现代图书情报技术, 2012, (9): 75-80.
[8] 夏翠娟, 张燕. 图书馆移动阅读服务的新契机:HTML5和CSS3[J]. 现代图书情报技术, 2012, 28(5): 16-25.
[9] 宋凯. 轻量级移动图书馆检索管理平台的研究与实现——以iOS为例[J]. 现代图书情报技术, 2012, (12): 85-90.
[10] 曾满江, 李勇文, 刘娟, 胡臻. 提升用户体验的移动图书馆网站优化研究——以四川移动手机图书馆项目为例[J]. 现代图书情报技术, 2012, 28(1): 85-91.
[11] 方玮,张成昱,窦天芳. 基于资源整合的手机图书馆系统的设计和实现*[J]. 现代图书情报技术, 2009, 25(6): 76-80.
[12] 吴政. 通用手机图书馆系统的设计与实现*[J]. 现代图书情报技术, 2009, 3(1): 98-104.
Viewed
Full text


Abstract

Cited

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