国内三大HTML5平台的对比分析
- 格式:docx
- 大小:686.74 KB
- 文档页数:5
HTML5技术的优势与局限性分析随着互联网的日益发展,技术和标准也在不断升级,而HTML5技术作为HTML与WebGL的最新版本,自然也受到了广泛的关注和运用。
那么,HTML5技术相比之前的版本到底有哪些优势和局限性呢?接下来我们就来进行一番分析。
一、HTML5技术的优势1.支持多媒体内容HTML5中加入了用于嵌入多媒体内容的新标签,如video、audio、canvas等,这些标签的加入大大扩展了网页的功能和表现形式,使得它们能够更好地展现音频、视频、图像和动画等多媒体内容,不断提高用户体验。
2.性能优化HTML5在语义化和结构化方面进行了优化,能够更好地与搜索引擎协同工作,以提高SEO效果。
此外,HTML5提供了一种新的技术,即WebSockets,可用于提供即时通信,这意味着更快的响应速度和更低的延迟。
3.跨平台和设备独立性HTML5技术被设计成跨平台的,因此它能够在任何支持HTML5的浏览器和系统上使用。
HTML5还支持自适应设计,使其可以适应各种不同的屏幕大小和方向,如移动设备、平板电脑和PC机。
二、HTML5技术的局限性1.浏览器支持问题尽管HTML5技术已经成为了web标准,但不同的浏览器对HTML5技术的支持还是存在一定的差异。
这就意味着,为了确保网页的兼容性,开发人员需要在不同的浏览器上进行测试和优化,增加了工作量。
2.计算机性能虽然技术越来越先进,但一些HTML5技术在低端设备上的性能还是缺乏保障。
在较老的计算机或基于低功耗设备的设备上,一些实现需要更长的时间,甚至会崩溃。
3.安全和隐私问题HTML5技术大大增加了互联网上的交互性,但这也带来了一些安全和隐私方面的问题。
比如,当用户使用网站的位置服务时,他们可能会忽略隐私方面的提示和控制。
结论总的来说,HTML5技术既有其优势,也有其局限性,无法完全替代之前的版本,也无法在所有方面完全胜任。
对于开发者,重要的是根据项目的具体要求来选择合适的技术。
HTML5的优势1. 强大的多媒体支持HTML5在多媒体方面的支持更加强大。
它引入了新的标签元素,如<video>和<audio>,使得在网页中嵌入视频和音频变得更加简单。
与过去相比,使用Flash等插件的必要性大大降低,这意味着更好的兼容性、更高的性能和更少的安全问题。
此外,HTML5还支持嵌入绘图,即通过<canvas>元素绘制图形和动画。
这使得开发者可以在网页中实现更丰富的视觉效果,提升用户体验。
2. 全新的表单功能HTML5提供了一些新的表单元素和属性,使得用户交互更加方便。
例如,新增的<input>类型,如email、url、number等,可以对用户的输入进行更好的验证和限制,减少了后端的数据校验工作。
另外,HTML5还引入了表单验证API,可以通过JavaScript直接对表单数据进行验证,提高了用户填写表单的效率和准确性。
3. 语义化标签的引入HTML5引入了一系列具有语义化的标签,如<header>、<footer>、<article>、<section>等。
这些标签的出现让开发者能更清晰地描述页面结构,提高代码的可读性和可维护性。
此外,语义化标签的使用也有助于搜索引擎优化(SEO),使得搜索引擎更好地理解页面内容,提升网站的排名。
4. 跨平台和设备兼容性HTML5的设计考虑了多平台和设备的兼容性。
现代的浏览器都对HTML5提供了较好的支持,包括桌面浏览器和移动浏览器。
通过使用HTML5标准,开发者可以构建一次开发,多平台使用的应用程序,减少了开发、维护和测试的工作量。
另外,HTML5还支持响应式设计和流式布局,使页面能适应不同大小的屏幕,提供良好的用户体验。
5. 改进的本地存储HTML5引入了本地存储机制,包括本地存储(localStorage)和会话存储(sessionStorage)。
html5网站模板之家HTML5作为现在最流行的网站开发语言,其优点体现在响应式设计、视频、音频、动画等方面。
随着互联网的普及,越来越多的人在利用HTML5开发自己的网站,也就有了许多网站模板库出现。
其中,HTML5网站模板之家是最受欢迎的一家。
一、HTML5网站模板之家的概况HTML5网站模板之家成立于2008年,是一家以HTML5为基础的网站模板库。
该站点提供了丰富的HTML5网站模板资源,包括各种主题的模板,如商业、个人博客、社交、教育等等。
同时,HTML5网站模板之家还提供了一系列的网站开发工具,如代码编辑器、HTML5动画工具、移动端适配工具等等。
二、HTML5网站模板之家的特点1.受欢迎程度高HTML5网站模板之家提供的模板数量非常丰富,且模板质量非常高。
这些模板被广泛使用,因为它们既简单实用,又美观大方。
据不完全统计,已有数百万网站采用这里的模板,这也证明了HTML5网站模板之家的受欢迎程度。
2.丰富的应用场景HTML5网站模板之家的模板覆盖了所有主题,包括商业、个人博客、社交、教育等等。
每一个模板都经过已经过了代码的严格审核和性能的测试,确保每个模板都能在不同的应用场景中得到完美的表现。
3.灵活易用的开发工具除了丰富的网站模板资源,HTML5网站模板之家还提供了各种网站开发工具,如HTML编辑器、CSS编辑器、JavaScript编辑器等等。
且这些工具都非常易用,能够帮助使用者快速创建出自己的网站。
三、HTML5网站模板之家的优势1.高品质的模板HTML5网站模板之家的模板经过了严格的审核,严格测试,确保高质量的网站模板。
这些模板适用于不同的业务场景,足以满足用户的需求。
2.可靠的技术支持HTML5网站模板之家的技术人员为用户提供了可靠的技术支持,满足用户的需求,并为用户提供了完善的学习资源,帮助用户快速上手。
3.高效的交流平台HTML5网站模板之家鼓励用户之间交流和分享,不仅提供良好的社区交流平台,还提供了在线教程、视频教程,帮助用户快速学习和了解最新的技术。
前端开发中的国内外主流技术对比在信息技术高速发展的时代,前端开发作为一门重要的技术领域,无疑成为了互联网行业中必不可少的一环。
然而,面对不断涌现的新技术和框架,前端开发者在选择合适的技术时往往会感到迷茫。
本文将对国内外主流的前端开发技术进行对比,帮助读者更好地了解这些技术的特点和应用场景。
一、国外主流前端开发技术1. HTML5HTML5是一种用于构建网页内容的标准,已经逐渐取代了旧的HTML标准。
相比于传统的HTML,HTML5引入了一系列新的特性,包括语义化结构、多媒体支持、本地存储等。
这些特性使得开发者可以更加方便地构建复杂的Web应用。
2. CSS3CSS3是用于样式控制的标准,与HTML5一同被广泛应用于前端开发中。
CSS3引入了许多新的样式特性,例如过渡效果、动画、阴影、边框等,大大提高了前端开发的灵活性和美观性。
3. JavaScriptJavaScript是一种基于对象和事件驱动的脚本语言,被用于为网页添加动态效果和交互功能。
国外主流的前端开发技术主要集中在一些优秀的JavaScript框架上,例如React、Angular和Vue.js。
这些框架具有强大的功能和灵活性,可大大简化开发过程并提高效率。
二、国内主流前端开发技术1. jQuery作为最流行的JavaScript库之一,jQuery几乎成为了国内前端开发的标配工具。
它提供了简洁的API接口,方便开发者进行DOM操作、事件处理、动画效果等,极大地简化了前端开发的流程。
2. 微信小程序微信小程序是国内近几年兴起的一种新型前端开发技术,它以微信平台为基础,允许开发者使用HTML、CSS和JavaScript开发小程序。
相比于传统的Web开发,小程序开发更加简单和快速,且可以在微信平台上直接发布和运行。
3. Vue.jsVue.js作为国内最受欢迎的JavaScript框架之一,被广泛用于构建单页面应用。
Vue.js具有轻量级、易上手和高性能的特点,通过组件化的开发方式,使得代码结构更清晰、维护更方便。
国内各大电商平台综合对比分析(各大电商平台的对比)随着互联网的迅速发展以及人们生活方式的改变,电子商务已经成为了现代人日常生活中不可或缺的一部分。
国内各大电商平台也随之崛起,如淘宝、京东、天猫等平台已经成为了消费者购物的首选。
那么这些电商平台之间又有什么不同呢?下面我们来综合对比分析一下。
首先是淘宝,作为国内最著名的电商平台之一,它的优势在于商品种类丰富、价格低廉,同时还有很多优惠活动。
淘宝的商家数量非常庞大,覆盖面广,不管是什么样的商品,几乎都能在淘宝上找到。
此外,淘宝还有一个非常大的优势就是它的评价系统,可以让消费者在购物前对商家的信誉进行了解,从而避免一些不必要的麻烦。
其次是京东,它的优势在于商品品质和服务质量都比较高。
京东的产品都经过严格的筛选,只有通过了质量检测的商品才能上架销售,这也是京东能够保证商品品质的重要原因。
另外,京东的客户服务也比较好,无论是售前还是售后问题,都能够及时得到解决。
再来看一下天猫,它的优势在于品牌和信誉度。
天猫是淘宝旗下的一个B2C平台,因为它的商家都是经过严格筛选的,所以商品质量和服务质量都比较有保障。
同时,天猫的商家很多都是一些知名品牌,这也是天猫能够保持良好信誉度的原因。
最后是苏宁易购,它的优势在于线下实体店和电商的结合。
苏宁易购是中国最大的3C零售商之一,它拥有众多的线下实体店,可以让消费者在网上购买商品的同时还可以享受到线下店铺的服务,比如退换货、维修等。
综上所述,每个电商平台都有其自身的优势。
消费者在选择购物平台的时候,应该根据自己的需求和喜好来选择合适的平台。
无论是淘宝、京东、天猫还是苏宁易购,它们都在不断地完善自己的服务和品质,让消费者能够享受到更好的购物体验。
想学好H5的话,你⼀定要知道的9个⽹站!1.数英⽹数英⽹是什么⿁?⼈家的slogen是 “⼤中华区权威数字媒体及职业招聘社交平台”,听上去还挺唬⼈,但确实实⾄名归。
该⽹站专注于国内数字营销领域的内容分享,⽬前来说,也是国内最为权威的,数字营销内容分享平台。
虽然数英⽹不是专门的设计⽹站,但是在该⽹站,可以搜索到上百篇的H5学习内容和⼤量项⽬案例。
可以说,除了我们H5⼴告资讯站,就数英⽹的H5内容最多了!2.酷5⽹酷5⽹,是我们H5⼴告资讯站的官⽅⽹站,虽然它⽬前的体量还⾮常⼩,但却是⽬前国内唯⼀的⼀个以H5案例、动效、⾳效、素材库、内容为分块的H5学习⽹站,它同时也是图书《H5+移动营销设计宝典》的官⽅⽹站,如果你想要更深⼊的学习H5,该⽹站是⼀定要收藏的!通过下⽅⼆维码,你就可以进⼊酷5⽹。
3.H5案例分享在国内,有很多以H5案例搜索为主的内容⽹站。
在这些内容站⾥,时间最久,案例最为丰富的,可能就是H5案例分享了,如果你想要找到某个主题的H5案例,⼜不知道从何下⼿的时候,该⽹站也许能够帮助你。
4.站酷⽹站酷⽹,是⽬前国内最⼤的设计师内容平台,也是⽬前国内最为专业的设计⽹站,站酷⽹之所以能做到今天的成绩,其中有⼀个重要点就是,⽹站能够时刻把握设计⾏业的内容⽅向,快速的推出相关内容。
⽽针对H5设计,站酷⽹也跟进很快,有内容专区和海量的⼲货⽂章等着被你发现,想学好H5,该⽹站也是你不能错过的。
5.H5⼴告知乎版⼩呆在写书时,来的最多的地⽅,就是知乎的H5⼴告板块。
这⾥的内容分析深⼊,⾏业观点独到,除了案例的分析以外,你还能看到很多概念的梳理和总结。
想要深⼊的了解H5的话,知乎-H5⼴告专区,是你不能错过的内容⾓落。
6. 3W school 线上学院3W school 是⼀个教程⽹站,在上⾯你可以快速了解HTML5、CSS等代码语⾔的编写⽅式、运作规律和特征,对于H5前端来说,这是⼀个⾮常好的⼊门。
⽽对于H5设计爱好者来说,通过该⽹站,你能够快速认知何为H5,以及与H5有关的代码知识,这样你就能够好的和同事沟通,对H5也会有更加清晰的认知。
电商平台的优劣对比(国内三大电商平台对比)随着互联网的迅速发展,电子商务已成为了人们日常生活中不可或缺的一部分。
对于消费者来说,购物体验更加便利,而对于商家来说,电商平台也成为了拓展市场的重要途径。
国内的电商平台如今已经成为了一个庞大的市场,其中淘宝、京东、拼多多三大电商平台更是占据了主导地位。
接下来,我们将从优劣对比的角度来探讨这三大电商平台的差异。
首先,从购物体验方面来看,淘宝作为国内最早的电商平台之一,拥有着庞大的用户群体,商品种类丰富,价格也相对较为优惠。
同时,淘宝也推出了一系列的购物保障政策,如七天无理由退货、赔付服务等,让消费者购物更加放心。
而京东则以商品品质和售后服务著称,其自营模式保证了商品的正品和质量,同时也开通了7天无理由退货服务,解决了消费者顾虑。
拼多多则以拼团购物模式著称,其独特的社交电商模式,让消费者可以通过邀请好友参与拼团,享受更低的价格。
其次,从商家角度来看,三大电商平台也有着各自的特点。
淘宝的开店门槛相对较低,商家可以通过淘宝开店轻松进入电商领域,同时淘宝也为商家提供了丰富的服务,如店铺装修、推广等,让商家可以更好地宣传和销售自己的商品。
京东则更注重商品质量和品牌形象,其自营模式保证了商品的质量和品牌形象,同时也为商家提供了一系列的服务,如供应链管理、物流配送等,让商家可以更好地管理自己的店铺。
拼多多则以低价拼团吸引了大量消费者,同时也为商家提供了更好的展示和销售平台,让商家可以通过拼团销售更多的商品。
最后,从市场竞争方面来看,三大电商平台也各自有着自己的优势。
淘宝在电商市场中的占有率最高,其拥有的庞大用户群体也为商家带来了更多的销售机会。
京东则以商品品质和售后服务为核心竞争力,不断加强品牌形象和服务质量,吸引更多的消费者。
拼多多则通过社交电商模式,吸引了大量年轻消费者的关注,同时也为商家带来了更多的销售机会。
总的来说,三大电商平台各有其优劣,消费者和商家需要根据自己的需求和情况来选择适合自己的电商平台。
HTML5和原生APP优缺点大对比,世界究竟是谁的?近两年来,HTML5的发展势头确实很猛,甚至都出现了很多言论说:HTML5终将取代原生app,app终将消亡的言论。
其实对此来说:小编不能够太认同。
HTML5确实有着很多的优点,但是原生APP的开发也有着自己的优势。
现在我们来对比一下HTML5和原生APP 开发的优缺点。
1、在跨平台上,HTML5胜出。
HTML5 采用网络通用语言,不用考虑终端设备或者操作系统的不同。
目前,W3C(万维网联盟World Wide Web Consortium,简称W3C)正在与汽车业、出版业、电视业进行讨论,将web引入新的设备平台中。
随着平台逐渐丰富,这方面的成本问题将会日益凸显。
2、在用户体验和表现上原生APP开发胜出。
在用户体验和表现这个方面,HTML5仍然面临着不同移动终端设备本地浏览器的功能接入问题,同时在提供用户展示图形界面和数据展现的丰富性方面还有不足,继续得到提高。
3、在开发速度和成本方面,HTML5胜出。
HTML5的开发确实比原生开发更节省时间和人力,开发周期相对较短,人力投入也比较少,毕竟HTML5有着跨平台带来的无可比拟的好处。
不需要投入两个团队或者更多的人去开发。
4、在版本控制和BUG修复方面,HTML5胜出。
HTML5是web网页端的内容,如果出现BUG可以不用迭代版本,只需在后台修改即可修复bug,这是原生APP开发所不能做到的。
5、在变现能力方面,原生APP开发胜出。
原生应用的分发平台,如App Store和Google Play,目前是获得收入的较为成熟的商业模式;而HTML5应用,除了付费下载以外,还没有形成其他成熟的商业模式。
6、对于碎片化挑战而言,HTML5胜出。
尽管二者同样面临着严重的碎片化问题,不过HTML5先天具备的跨平台特性,可以在这方面占据先机。
虽然通过对比,原生APP开发略站弱势,但是原生APP的优势确实有的是不能被HTML5所代替的。
H5制作平台优劣大比拼易企秀易企秀:制作简单,分为PC端跟移动端,能够制作简单的宣传页面及企业招聘等H5,模版大众化,不涉及代码开发,数据傻瓜式拼接的H5制作工具。
但是正因为简单易懂,每个人都能够运用起来,所以占据市场的半壁江山,也是最早成名的H5制作工具。
现目前易企秀已经成为了中小型企业特别是个人的宣传工具,市场占有率极高,但是最后页面为H5版权页面,一般企业不会花钱来去除。
对于中大型品牌商不是最佳选择。
有图有图:有图是介于高端跟低端之间的这样一个H5制作品牌,同时标新立异的是有图支持离线方式,即提供本地客户端。
通过安装文件能够直接在电脑上安装,相比于其他的网页H5制作工具有图在安全性和快捷性方面要好很多,同时操作性更完善,而且后期有图通过微信编辑器及微信推广的加入,让大众能够在有图上享受到更多功能。
特别是近期又加入了网络红人推广功能,解决了用户的“最后一公里”问题。
所以很多大中型企业会选择有图作为长期使用的策划宣传工具。
MAKAMAKA:一个后期崛起的H5制作工具,他跟易企秀有异曲同工之处,基本上是沿着易企秀的思路在走。
但由于MAKA不断通过公关宣传,所以也聚集了不少人气。
EpubEpub:能够在后台自主修改代码及简单的动画方式,同时支持GIF的生成和视频的放置。
EPUB的这种新颖的操作模式以及后台开放让许多有一定代码基础的程序员乘势而起,制作了许多市场上经典的推广案例,所以有一定技术实力的公司都会通过Epub来制作生动的H5。
iH5ih5:也是一个后期之秀,将EPub的英文界面的前提下通过了中文界面的置换,能够让普遍大众操作都能看懂的界面来制作H5,同时能够感觉到ih5的操作界面更为的自然。
同时ih5界面接入了设计师跟用户的对接,能够让更多的需求者在ih5上找到好的设计师跟制作团队。
虽然开放了设计师跟需求者的对接环节,但是同时没能够解决这两者之间的安全性跟保障性。
综上所述,易企秀/MAKA市场占据量大,操作简单,容易上手,更适合小微企业和个人。
国内H5行业现状——无代码H5制作工具突起自14年10月,HTML5标准规范正式定稿和发布,再加上微信的带动,H5页面火了。
国内衍生出了各种H5页面制作工具、H5引擎等等,大家都想分H5这杯羹。
有做H5顶级入口的,比如火速科技,但入口很重要,没人愿意成全他们;有做H5代码编辑工具的,比如APICloud和DCloud,旨在简化H5开发技术,却很难盈利;有提供开源的H5引擎的,比如Egret和Cocos2D,可即使有人用他们开发,也不太会给发行权;有做一键PC网站转移动网站的,如云适配,然而自动转化太复杂,碰到复杂网页就行不通。
更多的是做类PPT轻H5模板公司,如易企秀、MAKA等。
这类产品功能单一且重复,胜在操作简单,也很难产生收入。
还有一类是做专业的H5页面制作工具,如iH5,提供用于页面交互的HTML5可视化编辑工具。
这类近年比较吃香,应用领域广泛,涵盖轻度营销、重度营销、媒体电商应用、视频、动画、游戏等方面,造福不懂代码的人群。
这样的基础工具类平台由于在工具设计上自主性较强,更有可能获得较好发展。
无代码的H5制作工具是主流虽然H5有形形色色的工具,但市面上最流行的还是iH5和易企秀。
原因很简单,H5越来越商业化,H5广告是H5的第一应用场景,而iH5和易企秀都是不用代码就能编辑的,自然受到追捧。
那到底专业的H5工具和类PPT轻H5模板工具有什么区别?通过阅读这两家工具的相关资料,加上反复使用测试,以六大指标撑起这份全面的测评报告,重点在于帮助大家更客观地认识这两款工具。
专业测评分析——iH5和易企秀一、操作界面分析——涉及编辑的灵活度iH5编辑器是PC端网站,以可视化编辑为主并提供HTML5源码,界面有点像PS,可缩放,操作起来比较舒服和流畅。
基本结构为DOM,工具思路以交互为主。
以对象组件为主,表示可拓展性较强。
输出区同时作为编辑区,对资源处理过程进行可视化,编辑过程灵活。
易企秀在PC端和手机端都有编辑器,PC端划有四大分区,操作起来很像PPT,免费用户不能缩放编辑界面,操作起来稍稍卡顿。
国内三大HTML5平台的对比分析2015年,国内HTML5平台以提供制作和开发工具为主,分为轻营销模板类(如易企秀)、功能引擎类和基础工具类(如iH5)三种。
伴随这些平台的逐步发展,HTML5行业开始由技术应用转向整个行业的良性生态化。
HTML5平台的兴起
2014年,在微信平台的帮助下,HTML5社交小游戏获得爆炸式传播,同期为HTML5平台以提供制作工具服务进入市场的起点。
到了2015年,越来越多公司在HTML5品牌推广上进行布局。
6至7月份起,鸡汤、自媒体等个人作品呈下降趋势,商企用户作品则保持高速增长。
在商业需求的驱动下,HTML5页面设计的目的性更强,获得最好传播效果的基本是经过一定时间策划,在团队操作下有针对性地进行投放的企业案例。
相对应地,原有HTML5平台也进行了大面积升级。
从平台性质而言,HTML5平台可分为轻营销模板类、功能引擎类和基础工具类三种,分别以易企秀、白鹭引擎和iH5为代表。
三类HTML5平台的特点如下——
(1)轻营销模板类
提供类似PPT页面切换的HTML5制作工具,通常面向C端(个人)用户,部分为B端(企业)用户。
该类平台的数量较大,只适用于轻度营销,所能提供的页面动态效果局限于翻页。
(2)功能引擎类
提供HTML5网页的开发引擎,通常面向B端用户。
该类平台主要提供基于Canvas(画布)的游戏引擎,适用于轻游戏的开发,依赖于开发者。
(3)基础工具类
提供用于页面交互的HTML5可视化编辑工具,主要面向B端用户,部分为C端用户。
该类平台只有iH5,采用自主研发的闭源引擎,应用领域广泛,涵盖轻度营销、重度营销、媒体电商内容应用、视频、动画、游戏等方面。
与浏览器多采用谷歌开源引擎的状况相近,国内HTML5平台基本使用国内外开源框架或引擎。
但和浏览器面向网页内容显示,只需提供高性能的技术支持不同,HTML5平台面向的是HTML5制作或开发,需要对网页质量负责。
因此,使用开源框架或引擎意味着这些HTML5平台进一步拓展业务会比较被动,容易面临同质化的困境。
1.轻营销模板类平台
轻营销模板类HTML5平台只能做轻度营销,能实现翻页等简单动效,分为场景展示、电子出版和动画制作三种。
该类平台最大的共同点在于工具结构以页面为基础,与软件PowerPoint架构相近,能通过增减页面、使用功能组件和点击快捷菜单来调整内容。
图1 易企秀的桌面编辑工具界面
2015年国内展示应用类市场份额最大的是易企秀,采用Bootstrap、Angular之类的开源前端框架。
如图1为其PC端工具的基本架构,划有四大分区。
它的分区设置分别对应着展示应用类HTML5工具的四个重要特征:
(1)嵌入编辑界面的模板,暗含较低的学习门槛。
在窗口中固定模板区,有利于强化场景应用或电子出版的设计定位,同时说明模板和工具的易用性较强,容易学习。
(2)菜单工具以模块组件为主,表示有限的可拓展性。
不同模块分别装有一组固定对象,单个对象无法独立出来,因此只能在模块整体中进行对象编辑操作。
(3)基本结构为页面布局,决定HTML5的交互效果以翻页为主。
展示应用类平台的桌面在线编辑器和移动APP工具一律使用页面结构,相当于借助HTML5的跨平台特性,把传统的离线演示文稿转换为在线展示。
(4)手机形状的输出工作台,可见基本面向微信应用。
输出区也提供素材的简单编辑功能,面向手机端主要适用于场景应用和电子出版平台,取决于市场对微信平台案例的较高需求。
展示应用类HTML5平台由于采取开源框架或引擎,自主开发能力有限,采用PPT的设计思路,某种程度上有悖于HTML5开发的初衷。
但这类平台迎合了大部分个人用户的制作需求,能提供基础的在线展示功能。
2.功能引擎类平台
引擎相当于一套可编辑的源码系统,能让开发者在现成框架内快速创建项目。
功能引擎类HTML5平台提供游戏和非游戏两种引擎,应用较广的是游戏引擎。
2015年国内发展较快的是白鹭引擎(Egret Engine),面向开发者,用于移动游戏开发。
它属于2D游戏类型的开源社区框架,由各地开发者共同维护和更新,并遵循伯克利软件套件(BSD)开源协议。
引擎是HTML5工具的基础,预先部署合适的对象处理机制,常和工具套件配合使用。
因此,白鹭通过技术论坛等社区,整合国外一些开源框架资源,把它们包装成编辑工具或插件提供开发者下载使用。
图2为Egret Wing软件设计师视图下的基本架构。
该软件面向HTML5移动游戏的开发,体现了国内游戏引擎类HTML5工具的三个重要特征:(1)使用者主要为程序员。
引擎的作用在于把基础代码流程化,则在HTML5引擎的支持下设计软件,HTML5平台就能通过让用户使用软件组件来简化开发过程。
因此,功能引擎类HTML5平台的用户专指性很强,主要是有开发经验的技术人员。
(2)提供可视化编辑工具。
由于基于第三方集成开发环境Adobe Air开发构建,从界面上看Egret Wing与Adobe系列软件很相似,但其实它的功能更接近于Eclipse等开发工具。
因此它可视化的并非资源对象的编辑,而主要为资源的管理。
(3)使用Canvas进行渲染。
HTML5的一个重要特性即引入元素和一些相关的图形绘制API,HTML5游戏开发使用Canvas,有利于渲染速度的提高。
由于主要面向开发者,加上游戏引擎仍以Unity3D、Cocos2D-X等非HTML5引擎为主等原因,2015年国内功能引擎类HTML5平台的市场份额较低。
3.基础工具类平台
基础工具类HTML5平台提供底层交互型产品,开发目的、设计原理和实现思路都以交互为基础,国内只有iH5。
iH5原名为VXPLO互动大师,提供HTML5制作工具、工具培训和作品交易等服务,新网站于2015年9月上线,主要面向企业用户。
它本质上封装了DOM(文档对象模型)引擎的一个集成开发环境,使用者以设计师为主,适合广告公司、大型媒体公司和公司市场部等使用。
和展示应用类HTML5平台相似,iH5的桌面工具也是PC端网站,以可视化编辑为主并提供HTML5源码,但架构上更接近于设计软件和开发软件的结合。
如图3所示,分区设置体现了基础工具类HTML5平台的三个重要特征:
(1)基本结构为DOM,体现工具思路以交互为主。
通过“对象树”把对象作为一个个结点进行管理,对象就是资源管理和页面编辑的基本单元,因此能提供多元化的交互方法。
但这也意味着工具使用过程中需要培养编程思维,含有一定学习成本。
(2)工具以对象组件为主,表示可拓展性较强。
iH5平台工具栏提供的是舞台、屏幕、页面、多媒体素材、事件、数据库等对象组件,而不是构建好的模块组件。
这些对象近似于HTML5标准中的各个元素,通过设置这些对象的属性,即对各元素的参数进行规定。
(3)输出区同时作为编辑区,对资源处理过程进行可视化。
在输出工作台上可以对图片、视频和网页等素材进行尺寸、位置的简单编辑,完成一定的可视化操作,但编辑主要依赖于参数区的属性设置。
在提供可视化编辑的前提上,iH5最大程度还原了HTML5页面的开发过程,具有较高的拓展性。
由于提供底层交互功能,它的应用领域较广泛,能用于微信推广、网站建设、轻游戏设计、轻APP开发和视频交互等多个方面。
4.不同类型平台的对比
如上表,三种HTML5平台以PC网站、APP和软件三种形式提供制作或开发工具,成品为网页或HTML5源码。
其中,HTML5游戏引擎利用2D Canvas进行渲染,虽然能提高网页速度,但也存在两个劣势:
逐帧进行渲染,难以区分页面中的单个对象,因此交互动作一般局限于鼠标点击和悬停;缺乏屏幕自适应方案,没有额外修改时,开发出的网页难以适用于不同屏幕尺寸。
其他类型的HTML5平台能提供诸如滑动等交互效果,取决于其网页采用DOM结构,因而具有较强的交互能力。
屏幕自适应方面,HTML5平台做得最好的是iH5的多屏幕感应式设计方案,能为同一个网页设置不同尺寸大小的屏幕,自动监测相近尺寸设备进行自适应。
因此,从长远来看,基础工具类平台由于在工具设计上自主性较强,更有可能获得较好发展。
同样是HTML5规范,对HTML5技术与性能的取舍成为国内HTML5平台工具定位和提供服务的差别所在。
国内展示应用类平台的活跃用户量较大,但受工具功能限制,成品受众比较有限;功能引擎类平台开发出的网页能保证较高的收益,但受工具开源限制,平台需要探索有效的盈利模式;基础工具类平台的活跃用户和流量较高,但受工具复杂性限制,缺乏个人用户。
2015年,易企秀逐渐在海外布局,白鹭把重心放在开发解决方案,iH5推出了社交功能和交易平台。
不同HTML5平台的优劣主要与平台定位有关,但可以肯定的是盈利模式更好的平台未来更有可能获得较好发展。