新华社X阿里巴巴X人民教育出版社:开学第一课

2019-09-04 H5案例分享 H5案例分享
新华社X阿里巴巴X人民教育出版社:开学第一课


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

开学第一课-查阅二维码

完整欣赏此案例大约需要5分30秒


案例:开学第一课

品牌:新华社X阿里巴巴X人民教育出版社

技术实现: html5

亮点:

  1. 创意定位

小学时候的课文你还记得几篇?九月开学之际,根据回忆测验下自己的小学语文成绩吧,还有不同年代的语文课本可以选择哦!新华社,阿里巴巴人工智能实验室及人民教育出版社共同出品。

 

  1. 策划逻辑

作品较长,可根据自己的年龄选择不同考卷,大致有四个步骤

①初始界面是一个上课铃,背景是写着“开学了”三个大字的黑板,点击上课铃,铃声敲响,老师走进教室,扶了扶眼镜,宣布这是开学第一天,要进行小测验。

②课桌上闪现出自上世纪50年代至今的几版语文书的样子,然后几本书同时出现在课桌上,每本书旁都有文字标出其年代,字幕引导用户选择自己记忆中的书本。

③输入名字后,开始答题,题目是语文书的课文页面,用户在下方的田字格中输入课文名字,输入完毕点击“下一题”,不会的可以选择“我忘了”,没输入完就点击下一题的话屏幕会显示“本题您还未做完”,也可点击“上一题”返回重新答题,答题完毕,点击“交卷”。

④语文老师出现,扶了扶眼镜说“试卷要家长签字”,点击“查看多少分”后,跳至最后的分数页面,卷子标题是“2019年开学小测试”,左边姓名一栏写着用户名,卷子上有红色的分数和评语,用户可保存成绩单或重新考试,最下方是出品方名字和作品二维码。

 

  1. 设计上

教师由一位真人女生出演,白上衣黑裤子,黑框眼镜披肩发,说话喜欢扶眼镜等人物特点都很符合印象中小学语文老师的形象,试题和试卷都是实拍图,红色的分数和字迹,也都是小学时候的回忆,切合实际情况。

 

  1. 音效上

背景音乐是《我们是共产主义接班人》,小学校园最常播放的歌曲,符合作品主题,也让整个作品沉浸在爱国爱党的氛围中。

 





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

少儿频道:解救渐崩式家长

苏宁易购:你的2019人设

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~