Web App开发

iwebadiphone
最近给朋友搞了一个Mobile Site页面,如上图。
一开始,找了很多移动开发框架,外加很多对比文章,最后发现用最简单的方法解决用户最直接的需求是快而且有效的。

09年通过台湾前同事了解到可以通过Html来制作App应用 ,于是就开始关注这样的技术。

首先就是PhoneGap,我第一次听说的可以用Html+js来开发跨平台应用(Native app)的工具…后来在Mac中Xcode中安装过,但是实际上没有具体的去使用…PhoneGap后来被Adobe收购了,而Adobe旗下的Flash也是可以导出App的..只是性能完全没有可比性..
然后还有Titanium,他与PhoneGap的区别是,Titanium导出的时候把HTML和JS编译成平台的原生语言,而PhoneGap只是搭建一个壳(之前了解的情况,不知道现在更新没..)。

后来也了解了其他一些工具..没有看上眼的… phonegap和Titanium是目前市面上最好的两款工具了吧..
而在国内,去年也有公司出了Appcan..  没用过,不太清楚..

回到Web App,从用户角度来说,我一直在寻找能模仿原生App的开发框架。

首先是Jquery mobile   功能确实很多,入门很快,但是在手机端的用户体验真的不是我喜欢的 很差..
之前的版本就不说了,最近推出2.0版本..改进了一些,但还是不够完美..
其实我对他期望最大,因为学习成本对我来说真的很低,但用户体验真的太差了……==#
ps.国内有家公司利用这个,做企业端的Mobile页面优化。就是企业一般网站都是Web形式,那么这家就帮人家优化成移动端页面… 然后竟然入围红鳟鱼全球100创新企业!(不想吐槽了!)

然后是jQTouch据说从Jquery 衍生出来的,在用户体验上稍微好一些,
缺点是
1、不支持底部菜单,
2、不支持顶部固定
3、当列表内容很长的时候,比如用户滑到第二屏,点击列表某一项,接着切换到内容页面,再在内容页面点击顶部的返回按键,那么前面的列表会重新回到顶部。 也就是 JQ没能记住前面列表的位置信息。这点是我很在意的..==#
不过这个问题 有些技术员已经可以解决…(我非纯技术,所以搞不定..)

最后就是牛逼的SenchaTouch了,它是由extjs衍生出来的…
在WebApp上面的体验近乎完美,达到了我说的模仿原生App开发的需求。
但..对我来说学习成本太高了…. 完全用js,而且学习的Demo还极少..
也因为是这样,他们的工具是免费的,但是做培训收费 ==#
Senchatouch的缺点是太“重”,浏览器加载太长时间….,不过据说新版本已经改进了…
总之这款工具我最满意,但是学习成本太高(懒==#),最后也..

最后呢..总结下

WebApp相对Native app又有其兼容性好处,搭建一个,就可以兼容很多设备…
那么到底是开发Nativeapp好 还是webApp好呢?
最近看到一句话是:常用的手机应用,就用Nativeapp开发;不常用的就用WebApp开发。

对于WebApp开发,最佳的解决方案是:
1、如果有能力, 就借助开源工具专门为自己的企业打造一款App框架。就像福布斯iPad web App一样,几乎达到了和原生应用一样的级别。
2、必须搭建一个初级版,也是最快最有效率的版本,就是我上面为朋友做的。首先鉴于精力、时间、能力的问题,小企业没办法开发一个牛逼的WebApp,那么就用最简单直接的HTML打造一个小屏幕版本即可,不要一味追求模拟原生App的效果(就像我之前所犯的错误一样 ==#)
好处吗,在中国显而易见,
1、微信,微信的内容植入,用html最快最容易做的。
2、当用户把你的页面内容分享出去的时候,其他用户在手机上浏览,那么这时候一个小屏幕的版本足够应付了,且用户体验不会差到哪儿去。