投递文章投递文章 投稿指南 RSS订阅RSS订阅

他们都说H5是未来,但你知道为什么吗?

来源:未知 IT堂 发布时间:2017-10-07 收藏 投稿 字体:【

本周一,我们举行了iH5 3.0 新工具内测的线上发布会,iH5的CEO孟智平亲自讲述了iH5从1.0到2.0再到3.0的迭代更新,还公布了3.0版本的惊天大秘密!

在此,将孟智平的分享整理给大家,干货很多,花5分钟了解iH5 的内幕吧!

一、我为什么相信H5

1.技术的进步终将会是产品的进步

很多人问我,为什么相信H5?

首先当然是我本人非常热爱H5,而且以H5为事业。

其次,现在大家所有的生活、科技和技术的进步,最终都会落实到产品的进步,技术必须承载在一个产品里面才有价值。不管是汽车、手机和飞机的出现,最终技术的积累都会积累在产品上,产品才能被大家所使用。

而iH5这款酝酿十年的产品,就是在HTML5上把技术积累起来,成为一种工具,让大家去使用HTML5这种技术。

2.基于Web端的H5有三大优势

H5是有未来的,有前途的,因为它囊括了Web的好处。Web有三大优势:

第一,网页生产成本最低。

做一个网页比做APP和其他应用的成本低。生产了之后,不需要支持所有其他平台,有浏览器就行。因为只要你有屏幕,原则上就有一个操作系统,有了操作系统就有浏览器,有了浏览器就可以播放网页。

第二,网页分享成本最低。

H5可以由微信、Facebook和其他任何平台分享出去。

第三,用户使用成本最低。

网页不需要用户进行下载、安装和更新,也不需要删除。基于Web的APP有一个重大的特点就是方便快捷,比如说我要下载几十个网页应用,点一下就下载完了,而不需要一个一个下载,也不需要一个一个更新。

二、H5时代的来临

1.Flash盛行的十年

要讲H5的发展历史就不得不讲Flash,Flash是放在IE浏览器的插件。这里要提到HTML4,H4是一个相对传统的东西,局限很大,不支持动画、音频和视频。要想在网页里播放视频和动画,必须安装Flash插件。

这种带Flash插件的浏览器出了以后,由于Web本身的能量和传播价值非常巨大,Flash成为人人追捧的技术,盛行一时。

当然这也为它带来了一点危机,一家公司控制这个格式,很多互联网巨头和软件巨头感觉受到威胁,包括苹果和微软,纷纷带头制定公有的标准Flash,后面就变成了HTML5。

2.Flash的倒下,H5的崛起

Flash诞生于PC时代,所适应的是PC和鼠标。以前,任何承载在屏幕上的形式,背后几乎都是Flash技术作支撑,比如网页建站、富媒体广告、页游。

H5出了以后,Flash开始往下滑,最直接的原因是Flash不适用移动设备和手指触摸。手机端所有的交互,只要是基于Web的,都需要用H5去做。 可以说,移动互联网时代的来临,注定了H5的崛起。

三、解决H5的生产问题

如前面所讲,技术必须承载在产品里面才会有价值,而承载它的产品我们可以用工具去理解它:就像手机是个工具,通讯技术是一种技术,没有手机大家就没法使用通信技术。

iH5就是这样一款解决H5生产问题的专业工具,能够极大限度地还原H5开发的全过程,而不需要用户懂一点点代码。

iH5十年:1.0到2.0,再到3.0的跨越

我花了整整十年的时间打造了iH5,从07年到17年,iH5经历了三个版本。

iH5 1.0是08年的Flash版本,是一个基于视频交互的播放器,点击视频里的物品能够直接购买。但由于10年前很少人接受得了这么先进的理念,融资遇到困难,也就没有发布。而且Flash没有未来,于是09年开始转做H5。

iH5 2.0于14年底上线,是基于H5的制作工具,叫做VXPLO(后来改名iH5)。这里面的很多技术在Web界都是处于领先地位的,比如说滑动时间轴,将滑动的动作和时间对应起来,还有将“事件”抽象出来,都是自己发明的,申请了挺多专利。

总体而言,iH5 2.0版本是一个巨大的进步。相比其他H5工具,iH5组件的颗粒度特别细。颗粒度特别细是一件非常难的事情。比如说,我把计数器、后台、事件、时间,各种在交互中最小的元素抽象出来,让它们可以组合,可以被展示,可以被设计,这本身是一件很难的事情。

今年5月,iH5 3.0终于结束了研发,迎来了内测期。3.0版本功能更齐全,界面更扁平,不仅对设计师友好,对程序员也友好,因为可以直接做代码和开发。

目前iH5 2.0和3.0是并行使用,至少一年之内是并行的。以后3.0会取代2.0,2.0目前不再做迭代了。

四、iH5 3.0最大的价值在于开放

1. 五个维度的开放

iH5 3.0有五个维度的开放,是新版本价值最大的一部分,它使得iH5平台变成一个从技术角度上讲,非常开放的平台。它能够适用更多人去用,不管是程序员还是设计师,能够用iH5进行高效地协作,同时满足各种需求。

1) 案例层

类似于iH5 2.0中的“跨案例复制”功能。案例中的对象树是可以重用的,并且可以在案例间进行复制,大大提升用户制作的效率。而新版事件系统的重新定义也将使这种跨案例的重用变得更加便利。

2) 模板层

我们可以把常见的应用、网站、H5完全类型化,制作一些复用性、代表性极强的经典样例提供给用户,用户只需要替换内容,就可以快速完成作品。

但是其范围将从单纯的H5应用大大扩充,创造更为全面的应用生态。

3) 小模块层

新版工具中的小模块是一个非常有特色的产品,可以视为一个独立的单元和架构。

设计师和程序员能够通过小模块实现结合,因为小模块本身既包括视图(面向设计师)也包括内部逻辑(面向程序员)。内在逻辑层面除了调用基本的工具组件,还可以包含代码,也可以包含数据库和数据表。

这样可以把日常产品和应用中涉及到的常用部分(例如登陆注册、可视化图表、商业智能组件、粒子效果、游戏逻辑组件等)完全模块化或模组化,便捷地实现重复利用和二次开发。

并且,所有小模块都与系统本身完全兼容,安全可靠。

4) 函数层

新版工具开放了函数功能,使得开发人员可以直接在工具界面和设计师协同工作,提高整体工作效率,让工具对自主研发人员更加友好;

5) JS接口/SDK层

可帮助用户开发自己的窗口小部件(Widgets),丰富工具功能。Widgets属于非常基础的组件(例如工具中左侧的组件库就是一种Widgets)。当然,针对这一层的开发需要较高的开发权限。

未来我们还考虑直接接入VUE框架或React框架,让工具本身变得可被重新定义。

2.对Web应用和游戏支持更好

iH5 3.0有更好的通信能力,能更好地支持H5游戏。因为支持了各种通信的模型和结构,支持Socket(即Web Socket,基于HTML5的实时通信技术),可以做1对1、N对1、N对M的通信。

接下来可能也会重点支持一些复杂的游戏,比如多人在线游戏。因为游戏在整个产业和环境里面,是非常重的一块。

除此之外,iH5 3.0有更好的后台和数据支持,在数据库的基础上增加数据表,用于管理数据。支持引入第三方API(应用程序编程接口),支持SVG(可缩放矢量图形),以后还会支持Web3D(一种虚拟现实技术)。

图:Web3D效果

五、2017年之后的H5

H5的发展路径可以参考Flash,Flash基于pc端,而H5是移动端。但是H5不局限在移动端, PC端以后绝大部分的应用,也会变成H5的。

在以前Flash是以广告动画为主的最轻级应用,但随着技术的迭代,应用的量级随之变重,视音频、富媒体、建站逐渐面世,后来更发展出Flash格式的页游。

但当时在PC端原生应用的执行程序基本是“.exe”,让Flash在应用领域完全站不住脚跟,即使当时上线了主攻桌面应用的Flash AIR,也没有让Flash进入应用细分市场。

1. 移动端网页应用是H5未来趋势

但是我认为WebAPP(移动端的网页应用)以后一定会火起来,因为现在的生态不一样。

Web APP相比原生APP更具优势,因为下载一个原生应用需要很长时间,需要更新,我们会不停地接收很多消息,删除也很麻烦,下载多个应用更麻烦。

但是如果是Web应用就很方便,我可以同时下载50个,一秒钟就完成了。就好比你可以同时选择多个网页,一键保存,非常方便。

其实技术的发展都会走向融合,现在都是走混合路线。微信就是一个非常典型的平台, Facebook和钉钉等等也是。凡是大点的平台,都是走混合路线,就是在原生应用里面嵌入浏览器,里面大部分内容的提供都是通过Web的内容去提供的。

这么做的原因,其实就是网页的成本是最低的。你别看现在很多应用市场有上百万的应用,但是活跃的非常少,你看看你自己手机上就知道,经常用的APP没几个。

Web APP在未来的H5发展中是一个重点。现在虽然是以B端应用(企业用户)为主,后面可能C端(个人用户)也会出现。这种混合的应用,包括网页这种作为内容提供的应用,以后会非常普及。

H5未来的发展发现,除了H5应用,还有H5游戏、H5营销和H5户外大屏幕。

2. H5游戏的春天来临

H5的游戏一定会火的,只是说看用什么方式去做。我们争取用iH5平台解决所有的游戏问题。

3. H5营销将会偏重度营销

国内H5用于营销是14年开始的,第一个应该是特斯拉的翻页类H5,当时技术成本是70万元左右。因此很多人蜂拥去做翻页类H5工具,然而经过慢慢演进,翻页H5慢慢会往下走,因为做营销就会有点low。

营销是需要新的元素和新的玩法,去刺激和激活市场的。以后H5的营销会偏向H5的重度营销,比如做一个大家都能参与的小游戏、活动、交互。包括手机和其他硬件设备的交互、H5户外大屏互动、电视交互,都是H5的未来重要的市场。

H5一个重要的优势是它是Web的,交互非常容易,生产内容的成本比较低。H5随身可以带,带在手机上,微信上也可以打开。

4.H5将支持VR、AR和3D

VR和AR,其实也是缺乏内容的,能够作为内容去填充的东西其实并不多,我能想到的,主要还是通过Web的方式,本质上就是通过H5去做。当然,前提是H5对3D的支持要更好一点。

但是现在CPU的发展,包括浏览器、系统对Web的支持可能会越来越好,每年可能不止好个两三倍。这样一想,两三年内,VR和AR,包括重型3D的内容,H5去支持就更不成问题了。

六、 发布会部分答疑

问:请问iH5这次更新会更换难看的缓冲LOGO吗?

答:我觉得LOGO挺漂亮的,大家觉得不好看的话,以后可以出十个版本让大家挑。

问:iH5 3.0支持导出源文件吗?

答:支持,但是导出的源文件是加密的,要修改的话可以在编辑环境内加函数修改。导出之后,非数据库的东西都可以放在自己的服务器上。

问:iH5 3.0要收费了吗?

答:iH5一直都是免费使用的。收费仅针对企业用户去广告、内部协作等需求。

问:给客户做案例时,客户没办法登陆后台看到投放数据,iH5 3.0能解决吗?

答:能,这个功能目前处于开发阶段,以后可以生成一个网址或者密码,客户拿到手以后可以访问后台数据。

关于访问和加密我再补充一下,iH5 3.0以后会设置三层访问体系。第一层是所有人都访问可以访问你的case;第二层是仅对内部开放,通过链接可以打开,其他人搜索不到;第三层是可以在自己的访问页面或者是某个案例增加一个访问密码,加强对内容的保护。

问:iH5 3.0会不会出线上课程?

答:肯定会出。不光是线上课程,也有线上课程,或者是给企业和学校上课,都有。

顶一下
(0)
0%
踩一下
(0)
0%
本文Tags: H5 未来
  • 表情:
  •    
  • 评价:
用户名: 密码: 匿名 注册
最新评论 查看所有评论
About iTtang - 联系我们  - 专题列表 - 友情链接  -  高级搜索  -  帮助中心  -  您的意见