.

答题插件使用教程

老赵发表于:2022年11月23日 14:36:15更新于:2023年03月03日 15:13:23

简介

H5中的测试题功能几乎成为刚需,且制作者也拥有越来越多变的答题规则需求。较为复杂的规则涉及到大量的逻辑设计、设置及测试工作。答题应用可满足基本的答题需求设置,包括随机出题、答题次数限制、单个/全部题目的答题时间限制等。测试题应用将一些常用的关键参数设置显示在应用配置界面,便于快速理解、测试修改,快速实现复杂多变的测试题需求。

 

 答题应用支持以下功能:

  • 支持编辑器内添加并管理题目

  • 支持单选题、多选、判断等题型

  • 支持倒计时、总答题时间等时间限制

  • 支持答题次数限制

  • 支持按日期限制答题次数:每日、每周、每月、不限答题次数(1、2、3、4、5 、不限)

  • 支持答题分数线、可设置通过及未通过答题测试提示

  • 支持每题分数自定义

  • 支持答题成绩汇总

  • 支持随机出题

 

答题插件添加及配置

 

一、添加答题插件

点击顶部工具栏中的互动组件——测试题。

注意:1. 每个H5可以添加多个答题插件。 2. 使用答题插件,需开启微信授权。

添加答题应用后,能看到答题配置的基础元素,包括:

  • 题目计时器显示(默认显示15S)、

  • 题目类型(单选题)、

  • 当前题目/总题目数量(1/1)、

  • 题目名称(单选题)、

  • 题目选项(共4个,选项1、选项2、选项3、选项4)、

  • 确定按钮、

  • 答题规则。

点击选中答题应用,右侧为该应用的配置面板。

image.png

二、插件基本设置

配置面板可配置答题应用的相关信息。

image.png 

活动标题:活动标题修改后,测试题对应的后台数据表单名称跟随调整。

 image.png

image.png

活动图片:可修改替换测试题题目的确定和下一题按钮图、正确/错误提示图、超时提示图片。

image.png

鼠标放在任意一个图片上,会显示操作图标,点击不同的图标对应不同功能,分别为:重置为默认图片、替换图片、下载图片。

活动时间:活动开始到结束的时间,期间内用户可以进行发测试题操作;

image.png 

活动规则说明:可说明活动规则,向活动对象用户展示,且支持对活动规则的文字及段落样式设置。 image.png

三、规则设置

答题规则中的答题限制和答题次数:用于设置每个用户在固定时间段或活动时间内总计答题次数限制。答题时间段目前可选择:每日//每周/每月/总计;答题次数目前可选择:不限、1~10次的区间。

例如:限制每个用户的答题最多可答题5次数,可选择答题限制为“总计”,答题次数为“5”。

image.png

出题数量:可以规定用户进入该测试题应用后,一次性最多答多少道题目,目前可设置的答题范围是1~999。

随机出题:默认的出题顺序是按题目录入时间从早到晚排序,若点击开启随机出题后,将随机顺序出题。

image.png

限制答题时间:点击开启后,可以设置单个题目的答题时间限制或答完所有指定答题数量题目时间限制。

限制时长:范围为1~999秒。image.png

倒计时结束

如果限制类型为单题时间限制,倒计时结束后可以设置重新答题/继续答题/结束答题。

image.png

如果限制类型为总时间,倒计时结束可以设置重新答题/结束答题。

image.png

设置分数线:用户在答完指定数量的题目后,会累计题目分数,简称总分。点击开启设置分数线后,可以给用户单次答题结束时设置答题评估。

及格分数:设置达标时的分数线标准。

达到分数线提示:当总分≥达到及格分数设置值时,显示的文案提示。

未达到分数线提示:当总分<达到及格分数设置值时,显示的文案提示。


image.png

显示答案解析:点击开启后,答对答错都会显示显示解析的 image.png

四、题库管理

点击添加题目,显示下拉框,可添加3种类型的题目:判断题、单选题、多选题。

image.png

题目列表中显示:题目序号、题目名称、题目类型、分值,可以对指定题目进行编辑修改或删除。

  • 添加判断题及其相关设置

image.png

  • 添加单选题及其相关设置

image.png

  • 添加多选题及其相关设置。单个多选题评分规则:错选、漏选不算对,只有全部答对才算对。

image.png


五、样式设置

有时我们会需要对插件本身部分样式进行个性化调整,样式设置中支持我们自行编辑CSS 文档,支持嵌套,便于我们根据自己的想法需求去调整抽奖组件的布局和外观。

后续,我们将在【样式设置】面板中增加一些默认的css代码,方便不会代码的用户自定义文字颜色、字号等设置。

image.png

 

六、后台数据管理

点击属性面板中的后台数据管理,可进入该测试题应用数据表页面查看用户答题记录。

image.png

点击数据表中的查看数据:进入用户答题数据查看界面。数据表会记录用户的微信OpenID、头像、昵称、本轮得分(总分)、本轮耗时、答对数、答错数。

image.png

权限:测试题应用的创建者可对用户答题数据进行编辑/删除

七、预览

以上测试题应用设置完成后,我们可以左上角预览当前页

或点击发布手机扫码即可。



--------- 不了解设计的程序员不是好客服 ---------------