伊书 – 苏菲的世界

2011-12-7

伊书 – 苏菲的世界

介绍

距上次我在新浪微博发”I got an idea“已经过去快一个半月了,现在终于把这个idea完成了。

其实也不算idea,只是想认真地做一本针对iOS的电子书,webApp方式,最好精致点,取名伊书。

伊书是电子书,一本书一个APP,用webApp方式实现,打开浏览器,添加到屏幕,即可完成整本书的下载,随时离线浏览。伊书有以下特点和功能:

  1. 最基本的点击左右两侧滑动翻页
  2. 手指滑动拖动页面,在低版本的iPhone上性能会差一点,iPhone4以上较流畅
  3. 注释功能,点击正文上的注释按钮显示注释内容。
  4. 底部红条显示当前章节的进度,按住可以显示页码,拖动可以快速翻页。
  5. 夜间模式
  6. 排版:
    iOS5以上支持左右对齐的justify排版,iOS4以下不支持。
    书信开头的左顶格,落脚的右对齐,引用内容的。
    标点悬挂,将出现在行首的标点提前到上一行末。
  7. 当然它是离线的

历程

想起2001年有个网站叫E书时空(这个网站竟然还存在),提供电子书下载,一本一个exe文件,设计良好,很喜欢。想来我特别喜欢那种包装起来成一个完整个体的东西,像一本本电子书,一个个iPhone APP,还有一个个完整的FLASH游戏。像我以前做的Q版海底俄罗斯这个FLASH游戏,特别喜欢打造这样一个完整东西的感觉。

我是看到“唐茶”才想起这些的,非常喜欢唐茶这样的APP,很有mg游戏网站的风格,阅读体验上追求完美,确实是阅读新境界。手机阅读随时随地,我自己也在手机上读了不少书,自身需求较大,我想用自己的方式去实现一个。我没见过有人用web的方式做这样的电子书,算是实验尝试,也算是自娱自乐的项目。

第一本书我选择了《苏菲的世界》,觉得它很好,以非常轻松的方式让人了解整个科学哲学史。这部书原版出版于1991年,按理来说至今20年已经没有版权问题了,但翻译的版权还是存在的,所以这还是算盗版吧。整本书的内容是在网上找的,内容有非常多的错误,我见到的都一一修改了,光改内容已经花了我很多时间,相信这是网上能得到的版本最好错误最少的《苏菲的世界》。

工作后做业余项目真是不容易,时间太少,娱乐时间大部分都贡献出来了,有时是乐在其中,有时不得不去做琐碎的事情,不得不去做不擅长的设计,也是有点辛苦的。设计对我来说是个难题,设计的过程是憋出来的,一点点试出来,比较痛苦,很想自己的设计能力能提高,但很难,也很想跟好的设计师合做一个产品。

这个产品从80%到100%花了挺长时间,产品发布的页面都做了,还有在safari打开时针对高清屏的优化,总的来说,这次还是比较用心的。这样的产品,做出来感觉很快乐,但如果有人用,可以增加百倍的快乐,希望有人会喜欢吧。

iPhone webApp缺陷

mg游戏网站对webApp支持力度较大,在移动端对HTML5,对webApp支持得最好的就是iOS了,但它还是有很多缺陷。

  1. 无法阻止屏幕旋转
    只能做一个在旋转到横屏时提示“不支持横屏”的提示。
  2. 无法正常切换任务,一切换就重刷页面
    原生APP从后台切回来直接恢复状态,webApp跟iOS时代的APP一样,一切走,再切回来,就是重启应用。
  3. 不能调节亮度
    这个还可以接受,只是在阅读时比较需要这样的接口。
  4. 图标和开启页面无法使用manifest缓存
    manifest无法管到APP的图标和启动图片,每次打开应用都会去请求这两张图片。
  5. 头部状态栏无法去除
    少了一些宝贵的显示空间
  6. 性能
    iPhone4S上性能给力很多了。但是,原生APP可以流畅实现更炫的效果时,webApp不过是刚好能实现简单效果。
分类:作品 Tags:
评论

*

*

2011年12月8日 16:05

太酷了,可以考虑做成一个平台,让大家注册会员后,来维护一本电子书。

2011年12月8日 22:20

1、我觉得伊书现在的对策就蛮好,提示一下“不支持横屏”不影响体验的。偶尔可以放个彩蛋进去,或者在横屏的时候提供一些功能。
2、这一点确实很恶心。。对于想达到本地app体验的Web app来说是个很大的障碍,尤其是突然来个电话,除非你不接= =
4、图标和启动图片不是会在添加到桌面之后存在本地么?影响体验的是启动图片的分辨率,不支持2倍。没有启动图片的话,iPhone会自动截取退出时的界面屏幕,作为下次启动时的启动图片。
5、是啊,这也是Web app的硬伤,就算让它变半透明也感觉利用不上那点空间。
6、JS实现的一些动画本身就有点卡卡的,比如iScroll,多用CSS3动画可以流畅一些。

问题:
1、长时间按压来选中文本的时候,左右拖动会翻页,有点影响体验
2、要不要加一些coach marks?
3、高亮分享和评论功能有必要吗?readmill.com
4、未来方向?

2011年12月9日 10:45

多谢提这么多意见。

1.躺在床上没法看了
3.图标和启动图片会存在本地,当发现每次启动它都试图去更新
6.JS本身的动画在移动设备上几乎无效,所有动画都是CSS3并有translate3d硬件加速的,iScroll也一样。

问题:
1.确实,还未找到方法解决
2.本来要加的,后来懒了,觉得只有拖动底部的功能比较隐蔽,其他都很自然
3.可以有很多功能,书签,笔记,分享微博,自定义注释,这些再想想要不要加
3.作为个人项目,未来方向还没怎么想~

2011年12月9日 10:45

嗯~这个难度有点大~

2011年12月11日 21:24

试了下,感觉挺不错的
加油

2012年1月6日 12:02

伊书做的很棒!

2012年3月19日 16:17

真赞,执行效率很高了,短时间就把idea实现了。
公共领域的图书应该是70年吧。

[…] 此款阅读器名为「伊书」,据作者介绍该名源于「2001年有个网站叫E书时空(这个网站竟然还存在)」——链接。在一开始的体验过后,这款应用给我的印象就是——精致。下面我们就来一一探究。 […]

Baidu
sogou