新华社X阿里巴巴X人民教育出版社:开学第一课
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要5分30秒
案例:开学第一课
品牌:新华社X阿里巴巴X人民教育出版社
技术实现: html5
亮点:
- 创意定位
小学时候的课文你还记得几篇?九月开学之际,根据回忆测验下自己的小学语文成绩吧,还有不同年代的语文课本可以选择哦!新华社,阿里巴巴人工智能实验室及人民教育出版社共同出品。
- 策划逻辑
作品较长,可根据自己的年龄选择不同考卷,大致有四个步骤
①初始界面是一个上课铃,背景是写着“开学了”三个大字的黑板,点击上课铃,铃声敲响,老师走进教室,扶了扶眼镜,宣布这是开学第一天,要进行小测验。
②课桌上闪现出自上世纪50年代至今的几版语文书的样子,然后几本书同时出现在课桌上,每本书旁都有文字标出其年代,字幕引导用户选择自己记忆中的书本。
③输入名字后,开始答题,题目是语文书的课文页面,用户在下方的田字格中输入课文名字,输入完毕点击“下一题”,不会的可以选择“我忘了”,没输入完就点击下一题的话屏幕会显示“本题您还未做完”,也可点击“上一题”返回重新答题,答题完毕,点击“交卷”。
④语文老师出现,扶了扶眼镜说“试卷要家长签字”,点击“查看多少分”后,跳至最后的分数页面,卷子标题是“2019年开学小测试”,左边姓名一栏写着用户名,卷子上有红色的分数和评语,用户可保存成绩单或重新考试,最下方是出品方名字和作品二维码。
- 设计上
教师由一位真人女生出演,白上衣黑裤子,黑框眼镜披肩发,说话喜欢扶眼镜等人物特点都很符合印象中小学语文老师的形象,试题和试卷都是实拍图,红色的分数和字迹,也都是小学时候的回忆,切合实际情况。
- 音效上
背景音乐是《我们是共产主义接班人》,小学校园最常播放的歌曲,符合作品主题,也让整个作品沉浸在爱国爱党的氛围中。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号