Створення онлайн тестування з підрахунком суми балів і виведенням різних результатів

Добрий день.

Часто виникає питання, як організувати онлайн опитування або тестування, де користувач відправивши форму, отримає результат, в залежності від того, які він вибрав відповіді. Кожна відповідь має певну оцінку/бал. Користувач, набравши певну кількість балів, в залежності від градації, отримає відповідний результат.

У цій статті ми хочемо Вам розповісти про те, як створити онлайн тестування з підрахунком суми балів і виведенням результатів, в залежності від кількості набраних балів. Для цього ми створимо імпровізовану форму тестування, де розглянемо такі питання:

  1. Створення і наповнення форми тестування;
  2. Налаштування логічних правил для розгалуження форми;
  3. Налаштування формули підрахунку суми балів;
  4. Налаштування виводу результатів тестування.

Як приклад розробимо форму, для оцінки якості роботи автомийки. Для цього створимо багатосторінкову форму, де за допомогою логічних правил настроєм поетапне виведення питань, перехід між сторінками, підрахунок суми балів і виведення результатів тестування.

Створення форми онлайн тестування

Спочатку створимо форму, для цього в особистому кабінеті натисніть кнопку створити форму:

Подсчёт вариантов ответа 1

Виберіть зі списку - "Інша форма":

Подсчёт вариантов ответа 2

Введіть назву форми і натисніть кнопку "Створити":

Подсчёт вариантов ответа 3

Дамо назву нашої формі "Оціни роботу нашої автомийки". Зробимо форму з декількох сторінок, з кількома перемикачами і чекбоксами, де при виборі певної відповіді буде відображатися необхідний елемент, згідно з правилами логіки. Додамо "Перемикачі" на першу сторінку, перетягнувши елемент з основних полів або просто клікнувши на даний елемент:

Подсчёт вариантов ответа 4

Також зробимо форму з декількох сторінок, натиснувши іконку "Додати сторінку":

Подсчёт вариантов ответа 5

Аналогічно, на додану сторінку, додамо необхідні елементи у вигляді чекбоксів (множинний вибір) для нашого тестування:

Подсчёт вариантов ответа 6

Щоб налаштувати назви елементів і варіанти відповідей, натисніть кнопку редагувати:

Подсчёт вариантов ответа 7

На четвертій сторінці додамо "Поле для введення email-адреси" та "ПІБ", які розташуємо в секцію, для виведення в один рядок:

Подсчёт вариантов ответа 8

Також на цій сторінці додамо елемент "Формула" з екстра полів і елемент "Приховане поле" з додаткових полів.

В налаштуваннях "Параметри сторінок" можна вказати назву сторінок:

Подсчёт вариантов ответа 9

А також тут можна налаштувати відображення сторінок: у вигляді вкладок і у вигляді індикаторів заповнення, або просто приховати:

Подсчёт вариантов ответа 10

Налаштування логічного розгалуження

Далі перейдемо в розділ "Логіка", , щоб додати необхідні правила для полів форми. Для цього натисніть кнопку додати правило:

Подсчёт вариантов ответа 11

Додамо правило для елементів на першій сторінці:

Подсчёт вариантов ответа 12

Виберемо умова: якщо "Ви у нас мили машину" і вабран відповідь - "Так", то показати елемент "Як часто ви заїжджаєте на мийку":

Подсчёт вариантов ответа 13

Тобто на першій сторінці почнеться тестування з першого питання, а решта будуть з'являтися після заповнення. Тепер додамо правило для другого питання "Як часто Ви заїжджаєте на мийку", яке пішло по гілці відповіді "Так" від першого питання.

Виберемо умова, що якщо "Як часто Ви заїжджаєте на мийку", обраний перший варіант відповіді "Раз на тиждень", то показати "Яку мийку замовляли". Але так у нас кілька варіантів відповіді, і при їх виборі ми повинні перейти всерівно до питання "Яку мийку замовляли", то ми повинні пов'язати умова за допомогою логічного "АБО". Для цього натисніть іконку "Додати умову":

Подсчёт вариантов ответа 14

Типово стоїть значення "І", щоб його змінити, клікніть на список і виберіть значення "АБО":

Подсчёт вариантов ответа 15

Подсчёт вариантов ответа 16

Таким же чином додамо умови для інших відповідей за допомогою логічного "АБО":

Подсчёт вариантов ответа 17

В результаті, після додавання двох правил для першій сторінці, користувач, вибравши відповідь "Так" на перше питання, перейде до другого питання, де при виборі будь-якого (використовували логічне "АБО") варіанти відповіді користувачеві відкриється наступне питання. Для другої сторінки, аналогічним чином, додамо логічне правило для питання "Як Ви оцінюєте прибирання салону".

Подсчёт вариантов ответа 18

В підсумку, для двох сторінок, набір правил буде мати вигляд:

Подсчёт вариантов ответа 19

На третій сторінці додали 3 питання, що складаються з перемикачів з варіантами відповідей "Так" або "Ні".

Подсчёт вариантов ответа 20

Тут не будемо робити логічних відгалужень, тобто при виборі одного з цих варіантів відповідей, користувачеві буде відображатися просто наступне питання на цій сторінці.

Подсчёт вариантов ответа 21

На п'ятій сторінці ми розмістили елементи "Текстова область", де користувач зможе залишити побажання та пропозиції, і "Текст" зі словами подяки. На вкладці логіка додамо логічні правила ддля першого питання "Ви у нас мили машину" з першої сторінки, коли вибрали "ні", то показати елемент "якщо немає".

Подсчёт вариантов ответа 22

І ще одне правило, де користувач при виборі будь-якого варіанту відповіді в питанні "якщо немає", перейде відразу на п'яту сторінку форми з можливістю залишити свої побажання та пропозиції:

Подсчёт вариантов ответа 23

Подсчёт вариантов ответа 24

Налаштування формули підрахунку суми балів

На четвертій сторінці ми розмістили два елементи: “Формула” та "Приховане поле", які будемо використовувати для підрахунку результату і для передачі отриманого значення, відповідно. Тепер зайдемо в налаштування елемента "Формула", який ми додали на четверту сторінку форми. Елемент "Формула" будемо використовувати для підрахунку балів, в залежності від обраних варіантів відповіді в заданих питаннях. Для цього натисніть значок редагування елемента:

Подсчёт вариантов ответа 25

Щоб опитуємого користувачеві не було доступно поле "Формула", яке будемо використовувати для розрахунку, необхідно приховати цей елемент. В режимі редагування елемента в полі "Ім'я CSS класу", пропишемо значення "hide":

Подсчёт вариантов ответа 26

Тепер перейдемо до самої налаштування формули розрахунку. Для цього натисніть кнопку сірого кольору "Налаштування формули" і перед вами відкриється редактор формули. Справа клікніть "Додати елемент":

Подсчёт вариантов ответа 27

Виберемо зі списку перший елемент "Ви у нас мили машину":

Подсчёт вариантов ответа 28

У редакторі формули з'явитися перший елемент, який бере участь в підрахунку балів. Ми будемо підсумовувати всі значення, тому складемо таким же чином всі елементи, які беруть участь в підрахунку:

Подсчёт вариантов ответа 29

Після того, як додали всі елементи, натисніть шестірню праворуч від елемента:

Подсчёт вариантов ответа 30

У першому питанні у нас відповіді "Так" або "Ні", призначимо бали 1 і 0:

Подсчёт вариантов ответа 31

Далі призначимо бали за відповіді в інших елементах, які беруть участь у формулі підрахунку:

Подсчёт вариантов ответа 32

Налаштування виводу результатів тестування

Додавши необхідні бали в елементи формули розрахунку, переходимо в розділ "Логіка", де додамо логічні правила для прихованого поля. Ми будемо передавати в це поле значення, яке опишемо в логічних правилах. Попередньо підрахувавши бали у формулі і вирішивши, що діапазон значень буде відповідати трьом результатами:

  1. Незадовільно - діапазон 0 - 15 балів;
  2. Задовільно - діапазон 16 - 24 балів;
  3. Позитивно - діапазон 25 і вище балів.

Тепер реалізуємо, за допомогою логіки, передачу цих результатів в приховане поле. В умові оберемо, якщо значення елемента "Формула" більше ніж "0":

Подсчёт вариантов ответа 33

То встановити в елемент "Приховане поле" значення - "Незадовільно", при цьому додамо умову через логічне "І":

Подсчёт вариантов ответа 34

Що значення формули менше ніж "16":

Подсчёт вариантов ответа 35

Тобто отримаємо перший діапазон значень 0-15:

Подсчёт вариантов ответа 36

Аналогічним чином, додамо ще 2 правила для інших результатів:

Подсчёт вариантов ответа 37

Тепер організуємо висновок значень прихованого поля на сторінці подяки. Заходимо в основні налаштування форми:

Подсчёт вариантов ответа 38

Оберемо в "Дії при успішному заповненні форми" - показувати текст на окремій сторінці:

Подсчёт вариантов ответа 39

Нижче, ми можемо змінити текст, зміст якого нам необхідно, наприклад, "Спасибі, що Ви оцінили роботу нашої мийки, як":

Подсчёт вариантов ответа 40

І після слів, як раз виведемо результат нашого опитування. Будемо використовувати “макрос” прихованого поля зі списку змінних значень. Щоб знайти макрос, натисніть значок {...}, і у вікні, клікніть зліва на значення прихованого поля:

Подсчёт вариантов ответа 41

Отримуємо раніше зазначений текст, зі значенням прихованого поля, в яке, за допомогою логіки, буде підставлятися результат тестування, що відповідає заданому діапазону балів:

Подсчёт вариантов ответа 42

Натиснувши значок перегляду форми, Ви можете переглянути налаштовану форму:

Подсчёт вариантов ответа 43

Де в тексті, після відправки форми буде виведений результат опитування / тестуванні, в нашому випадку - як оцінили клієнти роботу автомийки.

Подсчёт вариантов ответа 44

Другий варіант виведення результатів відповідей (з'явився після доопрацювання конструктора), можна реалізувати за допомогою правил в логіці для результатів форми

Перейдіть в розділ "Логіка" і відкрийте пункт розділу "Правила для результатів форми":

Подсчёт вариантов ответа 45

Натисніть кнопку "Додати правило" і додайте аналогічні правила, як ми вище робили і необхідний текст:

Подсчёт вариантов ответа 46

Аналогічним чином, додамо ще 2 правила і отримаємо в підсумку 3 правила для відображення різних шаблонів тексту, в залежності від значення формули:

Подсчёт вариантов ответа 47

У розділі "Тема оформлення" ви можете вибрати одну з шаблонних тем оформлення, або відредагувати на свій смак.

При необхідності ви також можете налаштувати відправку результатів тестування на email користувачеві. Для цього потрібно в настройках форми активувати "E-mail повідомлення для користувача (автовідповідач)", де в шаблоні повідомлення можна також використовувати макрос прихованого поля з результатом тестування. Крім цього, ви можете налаштувати окремі логічні правила для email повідомлень і там налаштувати окремі шаблони з результатами в залежності від суму балів.

Сподіваємося даний матеріал буде для вас корисним. Залишайте свої коментарі в формі нижче!

Коментарі
Готові шаблони веб-форм
Gold

Оренда авто

Дізнайтеся вартість оренди автомобіля та отримайте знижку за проходження опитування. Ви можете відредагувати шаблон і додати / видалити поля Докладніше
Platinum

Розрахунок ОСЦПВ

Ви можете отримати розрахунок ОСЦПВ за допомогою онлайн калькулятора, ввівши дані транспортного засобу Докладніше
Gold

Океани Землі

Тест дозволяє дізнатися рівень знань по океанах Землі Докладніше
Platinum

Замовте кухню з унікальним дизайном

Замовте кухню з унікальним дизайном. Шаблон у вигляді квізу сприяє з'ясувати побажання користувача, зробити замовлення і отримати подарунок у вигляді знижки Докладніше

Ми використовуємо файли cookie, щоб Вам було зручніше користуватися веб-сайтом. Використовуючи цю сторінку, ви погоджуєтеся з нашою політикою щодо файлів cookie.