未来五年影响校园的六大技术

    远洋过客在书社会介绍“2010 Horizon Report, 预告来年6大影响校园的技术领域”,这是由The New Media Consortium与EDUCAUSE Learning Initiative共同撰写的年度报告,每年提出在未来一至五年内会成为校园主流使用的6项新兴技术或实践。2010是第7年(2010 Horizon Report [PDF, 340 kb, 25p. ISBN 978-0-9825334-3-7])。

关键趋势 Key Trends
  通过互联网易于获取丰富的资源与关系,对于我们作为教育者的责任是一个持续的挑战
  人们期待能够随时随地工作、学习和研究
  我们使用的技术越来越基于云,我们的IT支持概念是去中心化
  学生的工作越来越具有协作性质,有越来越多各系之间的跨校园协作

严峻挑战 Critical Challenges
  学术的作用──以及我们为学生未来生活准备的道路──正在发生变化
  新的学术创作、出版与研究形式不断涌现,但适当的评估体系远远落后
  数字媒体能力(literacy)作为每个学科与专业的关键能力(skill),重要性日益上升
  在目前紧缩预算的经济环境下,机构越来越关注较狭窄的主要目标

技术观察 Technologies to Watch
短期(一年或更短)
  移动计算 Mobile Computing
  开放内容 Open Content
中期(二到三年)
  电子图书 Electronic Books
  简单增强现实 Simple Augmented Reality
远期(四到五年)
  基于手势的计算 Gesture-Based Computing
  可视数据分析 Visual Data Analysis

    报告主体是以上六大技术,每种技术均论述四个部分:概述、与教学或创新探索相关性、实践、进一步阅读。后两者提供链接及简介,可供进一步探索。

    在前几天博文“移动图书馆:设计开发移动网站要点”下,cc网友留言询问手机图书馆的前景。看此报告的“移动计算”部分及其提供的众多实例,当可解疑。
    报告中图书馆的例子是北卡州立大学的NCSU Libraries Mobile,有点意思的是Webcams──图书馆实景影像,如果国内也有,或可见排队抢座盛况。和前博介绍的Ball州立大学馆手机网站相同的是,有计算机空闲状态,看来到图书馆用计算机,在美国大学也很流行。介绍页面提供手机网站预览──此方式可借鉴,以前没看过这样的设计,其实很简单(不过如果网站用的是WML,就很痛苦了)。

移动图书馆:设计开发移动网站要点

    祝贺大巴重新启程!1月5-13日,整整8天。下面是4天前写好的。

 

    近年采用移动或手持设备上网,已经成为明显的趋势,移动图书馆网站也越来越多。早在2006年6月West等就介绍了Ball州立大学图书馆应用,2008年7月Kroski的《图书馆技术报告》专题提供了更多图书馆的实例。
    Innovative公司的移动OPAC版本AirPAC已经有不少图书馆采用,包括个人借阅查询与预约功能。OCLC推出WorldCat Mobile也有一年多,但目前限英、美、德、法、加拿大和荷兰使用。两者均有iPhone应用。

    俄勒冈州立大学(OSU)图书馆的Griggs等在Code4lib Journal第8期(2009-09-21)分享了他们创建手机网站的经验:移动图书馆:设计开发移动网站要点(library/mobile: Tips on Designing and Developing Mobile Web Sites)。
    OSU馆手机网站的三个阶段:
        2009年4月发布,包括开放时间、联系我们、FAQ、馆藏分布
        2009年9月增加目录检索、计算机状态
        未来将包括主题指南、课程页面、可加到日历的图书馆活动、基于位置的集成GPS与社会媒体的数字馆藏应用(?)

    目前的内容看着平淡无奇,但也有些精心的设计,如计算机状态显示的是图书馆供读者用计算机的实时空闲信息,OPAC检索结显示相邻索书号,联系电话可直接拨号,Google地图(位置及路线查询)。前3个月,平均每天80个独立用户进程。

    文首一些统计数据,显示了移动上网的爆发势头,并引用W3C的技术文件“移动Web最佳实践1.0”(MWBP),指出“移动用户与固定或桌面设备用户有着不同的兴趣,他们更直接、目标明确,他们的意图常常是发现与其场景相关的特定类型信息”。对于图书馆,作者设想的一个场景,就是用户在书库中,手中拿着书目,要在架上找到其中的一本书──显然对作者而言,最重要的就是OPAC查询。
    要开发移动应用,三个重要的考虑是:在什么样的场景下、为了什么目的、会或不会用移动设备完成什么样的任务。作者认为移动用户不大会阅读或浏览长篇文档,主要会用基于位置的服务。

    设计移动网站受制于手机浏览器,MWBP认为不应该排除任何特定设备,其建议的缺省配置DDC(Default Delivery Context):
屏宽:最小120像素
语言:XHTML Basic 1.1 (content type application/xhtml+xml)
字符编码:UTF-8
图像格式:JPEG,GIF 89a
页面最大:20KB
色彩:最小256色
样式表:CSS Level 1及CSS Level 2 (@media rule together with the handheld and all media types)
HTTP:HTTP/1.0或HTTP/1.1
脚本:不支持客户端脚本
    插语:前几天看到“手机网站开发必修课[2009总结版]”,有XHTML、CSS及JavaScript等方面的建议,针对国内手机状况,可以参看。

    要适应智能手机与普通上网手机(smart phones and Web-enabled phones)、优化其体验,文中提供了三种各有千秋的技术,并有若干代码可借鉴:
1、探测设备,提供相应的CSS文档
2、探测设备,转向到多版本页面
3、对同样内容,自动生成特定设备版本

    OSU馆根据MWBP及iPhone人机界面指南(iPhone Human Interface Guidelines),提出了十个方面的设计建议,摘录如下:
1、等级 Hierarchy
   c.获取内容点击不超过3次
2、链接 Links
   b.链接到非移动站点要有说明
   c.点击电话号码直接拨号
3、导航 Navigation
   d.页首含基本导航(首页与返回)
   e.页尾含次级导航(相关链接)
4、页脚信息 Footer information
   a.链接到完整网站
   b. 链接到“关于”及反馈页面
5、页标题、导航链接及URL
   a.页标题及导航链接限15字符
   b.URL短而易于输入 [ORU的URL太长了]
6、页面内容 Page Content
7、页面布局 Page Layout
   a.不使用框架或表格  
   b.不使用像素或绝对单位
   c.不依赖字体相关样式
   d.不依赖内容组织的样式表
8、窗体 Forms
   a.使用下拉菜单、单选按钮、复选框,而非文本字段,以尽量减少打字
   b.减少按键次数
   d.给所有控件以适当的标签,将标签与控件明确关联
9、图像与色彩 Images and Color
   a.设计适应不同屏幕尺寸的Logo
   e.图片应不大于设备屏宽的80%
10、屏幕尺寸 Screen Sizes
   a.设计2个尺寸,普通手机176X220,并可适应128X160;智能手机320X480 

    对手机网站来说,完成前测试至关重要。三管其下的试用:1、桌面浏览器;2、手机浏览器模拟器;3、手机。为了适应最多的手机,都有无数测试要做。
    在试用前,还做了代码测试,包括:
W3C mobileOK Scheme,看网站是否适用于最基本的移动设备
DOTMobi的MobiReady,全面评估网站的手机适用性
    还有设计进行中的用户界面测试,包括:
Paper prototyping
usability metric
    使用评价测试用:
走廊测试:到人多的地方找人测试,给个小礼物,并告知移动供应商会收取费用(据维基百科Hallway usability testing,只需随机找五六个人,可以发现95%的可用性问题)
使用统计:追踪页面使用统计、浏览器类型等

    看到这一部分,感觉特别惭愧,自己好象一拍脑袋就开始做事了,而OSU则准备了一大把测量器具。

原文:
Kim Griggs, Laurie M. Bridges, Hannah Gascho Rempel. library/mobile: Tips on Designing and Developing Mobile Web Sites. Code4lib Journal, issue 8, 2009-09-21

设计参照:
W3C Mobile Web Best Practices 1.0 (MWBP):http://www.w3.org/TR/mobile-bp/
CSS Mobile Profile 2.0:http://www.w3.org/TR/css-mobile
W3C mobileOK Scheme 1.0:http://www.w3.org/TR/mobileOK/

代码测试网站:
用“MobileOK tests”到搜索引擎查到的一家:TAW mobileOK Basic
    提示失败、警告与通过的部分
MobiReady(http://ready.mobi/)
    给出基本评分、网页大小、速度(WiFi、3G、GPRS)、几款手机的可视化显示、几类测试(XHTML Mobile Profile,Valid Markup和No frames),测试小结,附加测试(对每一测试内容均有详细说明)
[update 2010-04-18] 远洋过客在书社会leonz日志“本馆手机网站开通新版”留言,提到应当做WCAG20测试。这是个W3C推荐标准,提醒注意。

参见:
移动图书馆剑桥大学与开放大学报告 (2009-06-18)
OCLC的移动WorldCat (2009-07-07)
移动图书馆资料大全 (2009-08-01)
手机图书馆及访问测试 (2009-11-15)

引文参见:
West, Mark Andrew, Mark Andrew, Arthur W. Hafner, And Bradley D. Faust. Expanding Access to Library Collections and Services Using Small-Screen Devices. Information Technology and Libraries, v. 25, n. 2, June 2006, pp. 103-107.

Kroski, E. On the Move with the Mobile Web: Libraries and Mobile Technologies. Library Technology Reports, vol. 44, n. 5, July 2008, pp. 1-48.
(有E-LIS上的OA文档:http://eprints.rclis.org/15024/)

手机图书馆及访问测试

现在提供手机访问的网站越来越多了。最新的消息:
一、EBSCO推出了数据库的手机访问,看了一下,需要系统管理员开通。不知道手机如何通过认证?
二、清华大学无线移动数字图书馆项目网站上线

虽然用智能手机的人越来越多,什么网站都能访问,但多数针对手机的网站仍是WAP网站。要对手机网站进行测试或试用,最方便的方法是通过电脑模拟手机访问,现在有以下几种可选择途径:
1、用Opera浏览器,据说要修改UA参数(参见百度知道
2、下载WAP模拟软件
3、安装浏览器插件,IE和Firefox都有。关于Firefox插件,参见:用电脑模拟手机访问WAP版网站
4、访问在线WAP模拟器
更全面信息,参见:pc电脑上浏览手机网站在线wap浏览器或模拟器软件
第四种方法最方便。用上海图书馆、同济大学及清华大学的手机图书馆选择几个网站做了测试(三家都不能用的未列出来),以技术含量较高的书目查询为重点。还没有发现三家都能正常使用的模拟网站,不知道是哪方面的问题。三家网站所用标记语言各不相同,上图、同济的可用普通浏览器访问,清华的不行:

上图手机图书馆(采用XHTML 1.0):http://m.library.sh.cn
同济大学图书馆手机版(采用XHTML Mobile 1.0):http://www.lib.tongji.edu.cn/m
清华大学图书馆手机版(采用WML):http://166.111.120.151:8080/thulib(旧版采用XHTML Mobile 1.0:http://thulib.m.cn/,长得和同济很像,书目查询只是OPAC入口链接)

百度WAP搜索,旧版用的是WML ((Wireless Markup Language),目前用XHTML Mobile,清华何以反其道而行之?

以下依据三家手机图书馆可访问情况,给在线WAP模拟器打星(这样做其实并不公平):
**** 好的WAP网:http://www.haodewap.com/wapurl/kong.net/nba.htm(清华一切正常;同济可以访问,但书目检索结果不能显示;上图不能访问)

*** 泡泡通wap浏览器:http://so.pp.cn/phone/general.jsp(三家均可正常访问首页,但书目查询入口都有问题,上图、清华没有查询按钮,同济没有输入框)
*** 儒豹WAP:www.roboo.com(三家均可正常访问首页,但书目查询入口都有问题,上图、同济进入后没有输入框及查询按钮,清华查询出错)
** 倾城视窗:http://ie.qcmw.com/(同济书目查询入口可访问,但检索出错;清华书目查询入口可访问,但按“查询”没有反应;上图不能访问)
* UU视窗:http://win.uucun.com/(只能访问清华,大概只识别WML;但无法进入书目检索页)
* 114啦:http://tool.114la.com/wapview.html(上图可以访问,但无法进入书目检索;清华没反应,同济出错)
* 谷歌手机网站生成器:http://www.google.com/gwt/n(同济可以访问,但书目检索入口没有输入框及查询按钮;清华“重定向”;上图不能访问)

随后用智能手机做了测试,上图、同济一切OK,清华有问题:
UCWEB:服务器没有响应(不支持8080端口?)
Opera:书目检索“查询”不起作用(未显示为按钮,是这个版本的浏览器问题?)
换普通手机,清华访问正常;同济书目查询有问题(查“上海年鉴”没有结果,应该有;查“上海”“网页连接失败”,结果太多?);上图无法访问(下载连接网页失败)

看测试结果,真对做手机网站没有信心啊。