援藏总结（九）媒体单位低成本实现H5制作业务建议（h5作品支持的媒体形式有哪些）
【概述】这几年有幸参与浙江日报、西藏日报新媒体中心建设，有幸与其他央媒、各省市党媒新媒体中心从业人员一起碰撞交流。即将结束援藏工作之际，将工作过程中一些思考进行了汇总，总共分13篇，此为第9篇，其他见文章底部链接。
【作者】蒋涛，浙江日报新媒体中心规划部主任、中宣部第一批组团式新媒体援藏组组长。
——————————
国内比较好的H5团队有人民日报新媒体中心、新华社新媒体中心、网易H5团队。网易坚持自己代码开发不用第三方平台工具，可惜了强大的策划能力。浙江日报新媒体中心H5团队也很厉害，只有3人兼顾其他业务的情况下也能每周流水线产出若干作品，有个爆款作品在获得朋友圈发布50万次、还有个爆款作品为公众号拉粉几万。
用第三方平台开发，不要代码开发
曾看到过某省级党媒新媒体中心的招聘H5开发人员启示，岗位需求描述完全是错误的，招到了也开发不了H5。写代码开发需要前端、后端、测试各类人才配齐，缺一个技术角色都无法运转，所以毫无疑问本来就缺人的新媒体中心开发H5要用第三方平台开发。用第三方平台开发H5，效率比写代码开发高起码10倍，有什么新技术也难以快速拿来用，第一篇提到过建议新媒体中心重点做新媒体产品，少而精的力量做新媒体技术服务。H5业务并没有核心到像网易那样建大规模技术团队。
两个主流制作平台介绍
各新媒体中心的H5作品制作工具，主要集中在iH5和木疙瘩两家。主要原因有两点：
1. 随着优秀第三方平台进化，H5的制作已不仅局限于前几年那种PPT式上下翻页、图文飞滚的H5类型。更多的优秀作品为游戏、动画特效类、外接第三方AI接口（如军装照）的H5（区别于传统PPT式H5，一般称为“互动H5”）。在此过程中一些没有跟上的老牌H5制作平台被边缘化。
2. iH5和木疙瘩在开源共享方面做的比较好，并形成了产业链，好的作品可以在“作品市场”上免费共享或收费使用，使各种创新能以“技术众筹”的模式下在全网的智慧下不断完善、站在前人基础上达到“一步步自己研究”不可能实现的一些应用高度（如仿支付宝VR抢红包H5、仿“跳一跳”游戏播报新闻）。
1. iH5
把常规研发中的前端开发几乎全部变成了零代码的各种选项设置，基本覆盖到了前端开发涉及到的大部分内容。（换句话说：前端开发能用代码实现的，用iH5平台基本都可以实现）
优点： 把常用、成熟的东西打包成了组件（比如3D模型、物体运动函数、仿VR、接口组件等），相比常规研发中心的前端开发省去了每一步自行研究，能触达更高的应用层次。
缺点：为了追求零代码，各种选项设置太多，调研时遇到一些场景：理解这些复杂的设置比理解不懂的代码还要费劲。
2. 木疙瘩
我第一次看到此平台的时候大吃一惊。我在2004~2008年做过上千个小时的FLASH。此平台将10多年前流行的FLASH的操作界面及结构完全照搬了过来,连所有快捷键都没换。编程语言用WEB中的JS代替了FLASH中的AS，把FLASH中的“场景”巧妙变成了“页面”。
优点：操作界面及逻辑、结构是经过数十年验证过的，比较科学、容易理解。比IH5容易上手。
缺点：动画相关占了过多比重、互动方面不如IH5。
使用这些平台的两种不同方法
1. 模板二次开发
例如iH5官方在微信“跳一跳”热点出现后，第一时间推出了面向媒体单位的“跳一跳”新闻展示模板，花费499元购买后即可下载下来，二次开发成自己需要的作品（主要是改视觉、改文案链接、改局部业务逻辑）。
利用模板可以达到较高的水平及时效性、学到更多全网智慧带来的经验。但存在“撞衫”风险，如果二次开发不彻底，申报“创新奖”等时底气不足。
2. 自主定制
不借助外部模板，利用平台自主进行策划、设计、制作。
这种方式需要的人才类型及技能较多，且协作成本较高。详见下面说明。
需要配备的人员
两个平台操作差异太大，需要选择其中一个平台为主，作一个比喻的话，木疙瘩平台是文艺青年，IH5平台是技术青年。如果人力不足，最多出一两个人负责H5制作，那建议选择木疙瘩平台，产出一些简单动画、展示类H5。如果需要更复杂的效果、技术，需要使用IH5平台，需要配备以下人员：
1. 产品经理
掌握科学决策方法，对热点敏感，策划及对接相关业务部门、产出产品原型或动画脚本策划，并协调其他人员分工、落地。
2. 技术工程师
除了背诵平台各种快捷键、组件库，更要清楚平台能做到什么、不能做到什么，及升级趋势。（需要一些前端开发基础）。
这两个平台中的“互动”都是靠JS实现, WEB界面开发由外观性开发（HTML/CSS）和功能性开发(JS)组成，引用一句话介绍JS：
软件占据了世界，Web占据了软件领域，JavaScript占据了Web。React框架占据JavaScript。
（此句中的“框架”就类似报告前面提到的3D模型、物体运动函数、仿VR、接口工具等把成熟稳定的东西打包成组件，常规的“前端开发工程师”一般所熟悉的jQuer等框架与互动H5所需的框架并不一致。初步调研看到iH5用了自创的“框架”、木疙瘩似乎还没有“框架”。）
3. 动画制作及手绘师
人员编制不够也可不选此项，但平时遇到手绘或动画时产出会不太专业。
4. 界面UI视觉设计
设计师建议掌握两种UI风格：一是最普适的扁平动漫风（“飞碟说”那种），另外再掌握一种适合自己的简约风格（非简约风格容易吃力不讨好。FLASH动画流行时知名闪客都有自己显著的风格且普遍以简约为主）。
协作方式
不管什么开发，人员越少效率越高，但分工越细产出越精致。按上面的3~4人团队，协作方式为：
1. 产品经理确定需求、策划、产出原型，与业务需求方签字确认原型。
2. UI设计根据原型产出设计稿，并与业务方确认。
3. 技术根据设计稿在第三方平台进行开发、产品经理验收测试后，发业务方验收。
如果在这个阶段业务方提出修改，等于前面工作都白做了，所以第一阶段做原型时，一定要让业务方签字确认，同时也作为验收时的依据。如果没有这一步骤，很有可能后面要花几倍的时候修改作品。
互动H5开发原型确认签字书
这个签字步骤千万不要觉得不好意思——浪费了单位的开发资源才应该不好意思。也不要怕别人有想法而妥协——每次都不妥协别人才不会对你有看法。
互动H5常见类型汇总
