文档介绍：★h5邀请函的数据
iH5高级教程:H5数据应用,收集用户信息
iH5高级教程:H5数据应用,收集用户信息
第一步:
1、选中舞台,点击页面工具
2、选中页面,点击图片工具,添加页面。重命名为报名页面。,上传5张图片。
3、选中页面,点击输入框工具,在白框上画一个区域,添加2个输入框,重命名为、姓名。在属性面板提示文字处填写请输入姓名、请输入。
4、选中报名页面,点击图片工具,上传确定图片。
5、选中报名页面,点击图片工具,上传报名成功图片并添加动效。隐藏图片的勾,即作品打开时报名成功不显示,之后通过事件使之显示。
第二步
1、选中舞台,点击工具栏数据库工具
2、选中数据库,点击工具栏文本字段工具
写字段名称。,添加数据库。,添加两个文本字段。分别绑定输入框,填
第三步:
1、选中确定图片,点击工具栏事件工具,添加事件。手指按下确定图片,提交数据库。
2、选中数据库,点击工具栏事件工具,添加事件。
3、提交后点封面上的数据库图标,即可进入数据库查看信息。
重点控件:数据库、文本字段、输入框、事件
知识点:
数据库:数据库是案例存储数据的功能组件,用于收集观众在案例里输入的各类数据,观众即打开案例观看的人。数据库跟其他工具相配合还可以调用收集到的数据显示到案例中。例如投票、记录抽奖、邀请函等。通过案例封面的数据库按钮可查看数据库内容。输入框:输入文字或数字等等,可配合数据库使用。
文本字段:通过数据库提交的文本信息。
重点事件:
触发对象:确定图片
触发条件:手指按下
目标对象:数据库
目标动作:提交
触发对象:数据库
触发条件:提交完成
目标对象:报名成功图片
目标动作:显示
篇二:生日邀请函H5
伴随着一只神经猫和几次品牌内容的朋友圈疯转,h5迅速赢得了众多营销人员的关注。但随之而来的是,一些h5制作的邀请函、产品宣传图被疯狂转发,被无数次点赞,被业内人士口口相传,而另外一些则无声无息,虽然制作方也花了不少费用。
那么,h5能在营销中做什么?它的传播阵地在哪里?如果要启动一次h5传播,该以哪些先例为标杆?如何选择供应商?市场上的一般收费情况如何?
文/互联X八先生
七个案例
1、触屏类:指纹识别
移动社交产品分享会(经纬创投+36氪+nice)
4万uv,只能容纳1000人报名的表单瞬间关闭。
这是在2014年8月份在移动互联X从业者圈内热传的h5,其最大的亮点是将按钮做成指纹识别的样式,巧妙地利用
点击错觉,给用户前所
未有的体验。这款h5算比较早期的经典案例,现在看起来虽然觉得没有那么惊艳了,但是在8月份还是跟行业带来一阵与众不同的创意旋风。
2、滑屏类:无极滑动
一封来自未来的邀请函(pingwest)
这是在2014年10月份未来应用团队在旅行途中给pingwest的
sync2014大会做的,从策划到创意设计一气呵成,除了文字的修改外,从头到尾这款h5没有做过任何的修改。亮点是采用无极滑动的方式来做页面过渡,对比泛滥的h5滑屏页面过渡的形式,这个设计非常巧妙的把活动信息展示出来,让用户在阅读时不觉得枯燥反而充满期待。值得说明的是这款h5给只能容纳800人的现场带来了4万人的