Как сделать тест на сайте
[Инструкция] Создание гугл-тестов (гугл-форм)
Спасибо пользователям Exosphere и Yuriy_krd за помощь и конструктивную критику
Иногда кажется, что создать что-то по конструктору весьма быстро и просто: хоть сайт, хоть опрос, хоть таблицы. Однако часто упускаешь из внимания какие-то обидные мелочи, из-за которых время уходит впустую и приходится переделывать работу из-за обидного пустяка. Согласитесь, неприятно. Я решил пройти все процессы за вас и предупредить о возможных неприятных мелочах, а также помочь новичкам.
В этой статье мы с вами сделаем гугл-форму, с помощью которой можно собирать данные, опрашивать сотрудников, клиентов, проводить тестирования гипотез и проч. Кстати, крайне актуальная информация в условиях удалённой работы.
Для создания тестов у вас должен быть активный гугл-аккаунт. Если у вас его нет — обратитесь к инструкции “Создание гугл-аккаунта и работа с Гугл-диском”.
Итак, создаем Форму (тестирование).
Входящая задача
Нам нужно создать тестирование, которое будет собирать набор информации.
Шаг 1 — создание теста (формы)
Переходим в гугл-диск. Для этого нажмите кнопку с точками на панели сверху справа, перейдя по ссылке https://www.google.com/ или https://www.google.ru/ Далее выберите Гугл-диск (далее по тексту Диск).
Шаг 2. Создание Теста (формы)
Как и в любом документе в Гугл-диске, начало работы начинается с кнопки “Создать+” в верхней левой части экрана. Этой кнопкой создаются папки на Диске, создаются все документы.
Нажав кнопку Создать, вы увидите меню. В нем нужно выбрать пункт “Еще”.
Создать форму можно несколькими способами:
1. Создание пустой формы:
Мы создали пустую форму (тестирование).
Шаг 3. Элементы управления
Первое, что нужно сделать — создать имя файла для формы. Это имя внутреннее, под ним форма будет храниться на Диске.
Имя создается, если щелкнуть по словосочетанию “Новая форма” в верхней левой части экрана.
В центре экрана находится поле с названием теста (формы). Его будут видеть тестируемые при выполнении. Изменим его на нужное.
Там же заполним описание к тесту (форме).
Далее автоматически создается первый блок вопроса.
В поле “Вопрос без заголовка” вам нужно вписать свой вопрос. Ниже переименовать Вариант 1 ответа на нужный. Если нужно добавить еще один вопрос — нужно нажать ниже “Добавить вопрос”. Также можно добавить вариант “Другое”, тогда в тесте появится текстовое поле, куда пользователь может внести любой иной ответ в произвольной форме.
Выпадающий список позволяет выбрать вид вопроса. В нашем случае автоматически создан вопрос с одним вариантом ответа. Если выпадающий список раскрыть, то можно выбрать иную форму вопроса.
Внизу блока есть кнопки:
Элемент управления “Настройки”
Закладка Общие и Презентация не должны вызвать каких-то вопросов. Важная вкладка “Тесты” — в ней вы можете настроить балльную оценку для каждого вопроса в форме. Для этого активируйте сдвижной переключатель “Тест” и Ваша форма перейдет в разряд теста. После активации этой кнопки вы можете назначать в списке вопросов правильные ответы и количество баллов за правильный ответ.
После активации переключателя, нажмите кнопку “Сохранить” и перейдите к вопросам. Внизу блока вопроса появиться кнопка “Ответы”:
Нажав на нее, вы перейдете в режим установки верных ответов и начисления баллов за правильный ответ.
Итак, давайте начнем выполнение поставленной в начале задачи.
Шаг 4. Создаем тест
Активируем переключатель “Обязательный вопрос”. Теперь пользователь обязан ввести Фамилию и Имя, чтобы продолжить прохождение теста.
Добавляем второй вопрос нажав на верхнюю кнопку в правой вертикальной панеле элементов управления.
Сделаем этот вопрос необязательным не активируя переключатель внизу справа блока. Даже не ответив на этот вопрос, пользователь продолжит и сможет закончить тестирование.
Создаем еще один блок с единственным вариантом ответа
Добавляем блок с несколькими вариантами ответов
Тут мы также добавили вариант ответа “Другое”.
Теперь настраиваем баллы для правильных ответов. Переходим в пункт настройки в верхней правой части элементов управления (значок шестеренки). Переходим на закладку “Тест” и активируем переключатель. Нажимаем кнопку Сохранить и возвращаемся к списку наших вопросов.
Нажав на любое пустое место блока вопроса, активируем его. Слева внизу активируем блок ответов. Выбираем нужный нам ответ верным и назначаем количество баллов.
Нажимаем кнопку готово. Баллы назначены.
Теперь нам нужно настроить регулярность вопросов и сбор адресов электронной почты.
Опять переходим в пункт “Настройки” в верхней части элементов управления. Активируем нужные нам элементы настроек.
Переходим сразу в закладку “Презентации” и проверяем, что активирован пункт “Показывать ссылку для повторного заполнения формы”. Нажимаем кнопку “Сохранить”
Шаг 4. Отправка теста (формы)
Отправка теста (формы) осуществляется путем нажатии кнопки “Отправить”. В открывшемся окне можно выбрать разные варианты отправки.
Отправка по электронной почте:
В поле “Кому” введите адреса получателей. В этом случае в закладке ответы, Вы будете видеть кто проголосовал, а кто еще не ответил на вопросы формы.
Так же форму можно сразу включить в тело письма.
Следующая закладка — отправить ссылку. В этом случае вы можете отправлять ее не только почтой, но и любым иным способом, в том числе через Мессенджер. Однако в этом случае вы будете вынуждены отслеживать ответивших самостоятельно.
Третий вариант — вставка на сайт. Это для более продвинутых пользователей. Позволяет встроить код с формой сразу в шаблон сайта.
Вы закончили создание формы.
Ссылка на тестовую форму, созданную при написании инструкции.
11 сервисов для создания тестов онлайн
Продолжаем обзор полезных сервисов, которые могут пригодиться при ведении бизнеса. Мы с вами говорили о том, как создавать презентации, обрабатывать бесплатно видео или аудио, работать с текстом или изображениями. Но вот ни разу не обсуждали сервисы для создания тестов онлайн. А ведь если подключить фантазию, то их тоже можно использовать во многих проектах.
В конце статьи или прямо сейчас скачайте подборку материалов для быстрого выхода в онлайн
Зачем нужны онлайн-тесты
Во-первых, привлекать потенциальных клиентов, создавая тематические тесты, которые бы сразу выдавали результат тестируемому и побуждали к действию.
Во-вторых, тесты можно использовать при приёме на работу новых сотрудников. Наверняка слышали о таком.
В-третьих, если вы ведёте тренинги онлайн и даже оффлайн, то попробуйте тестировать своих учащихся. Ниже вы узнаете про сервис, подходящий для этих целей. Контроль знаний помогает понять, какие темы были усвоены плохо, и что стоит подтянуть. Согласны?
А теперь собственно о сервисах, которые помогают создавать онлайн-тесты.
Радует, что есть из чего выбирать. И не только англоязычные сайты здесь в помощь, ведь без знания языка в них бывает сложно разобраться, да и расширенный функционал доступен только в платных тарифах. Мы расскажем и об отечественных сервисах, которые ничуть не хуже иностранных и почти всегда бесплатны.
Подборка сервисов для создания тестов онлайн
iSpring
iSpring — решение для дистанционного обучения и тестирования сотрудников. Включает конструктор курсов и тестов, а также облачную систему дистанционного обучения. С iSpring у вас появится единый центр управления обучением, работающий 24/7. Сотрудники проходят курсы и тесты, а вы контролируете, как они учатся, растут профессионально и как результаты обучения влияют на бизнес-показатели компании.
Google Forms /Гугл-формы для создания опросов
Добавьте к привычным гугл-формам
Интернет-тренер получает инструмент для проверки знаний учащихся. Плагин подсчитывает баллы по опросу (своеобразному тестированию), дает индивидуализированную обратную связь по электронной почте каждому студенту согласно результатам, а также высылает правильные ответы.
Как работают конструкторы тестов
Функция создания тестов доступна после регистрации на сайте. Огромным плюсом будет коллекция готовых тестов по разным тематикам, поэтому вам не придётся ломать голову при разработке своих вопросов. Их можно сохранять в свою базу, потом миксовать или изменять, использовать при создании новых тестов, не вводя каждый раз один и тот же вопрос. Существенно экономит время!
При помощи конструктора тестов создаются разные типы вопросов и ответов:
Вопросы можно оформлять, вставляя изображения, текстовые документы и даже видео. Чаще всего такая функция доступна в платных версиях, но и без картинок тесты смотрятся достойно.
Ответы могут выводиться в виде графиков и диаграмм, в числовом значении или процентном, а также как текст, который расскажет тестируемому, где у него остались пробелы и что нужно подтянуть. И все эти параметры вы задаете самостоятельно!
Готовый тест легко встраивается на сайт. Если нет такой необходимости, то сгенерируйте ссылку от теста и поделитесь ею со своими знакомыми в соцсетях. Пригласите участников по электронной почте пройти тест непосредственно в сервисе. Выбирайте то, что нужно для достижения цели.
Англоязычные сервисы для создания тестов онлайн
Для образовательных целей сервисом можно пользоваться бесплатно, хотя функционал довольно ограниченный. Так что регистрируйтесь, отмечая на вкладке «Администраторы» (Administrators), «для использования в образовательных целях» (for education use).
Так вы получите бесплатный функционал
В бесплатном тарифе возможно создавать до 100 тестов ежемесячно, то есть 1200 тестов в год. Однако есть определённые лимиты: результаты тестирования не отправляются на электронную почту участникам, невозможно загрузить картинки или файлы при создании теста, вопросы не сохраняются в виртуальном хранилище, их придется вводить каждый раз при работе над новым тестом, недоступна подробная статистика по каждому участнику. Плюс сервис вставляет рекламные объявления в готовый тест. А как вы думали? 🙂
ProProfs — подобный сервис, где тоже есть бесплатный тариф с ограниченным функционалом. Переходите на вкладку цены (Pricing) и викторины (Quiz).
EasyTestMaker — ещё один конструктор тестов, который позволяет не только создавать материалы для публикации на вашем сайте, но и выводит список вопросов в формате doc или pdf, готовый для скачивания. Может, кому-то будет интересна такая функция. В бесплатной версии установлен лимит на 25 тестов в год.
Отечественные сервисы для создания тестов
Madtest — конструктор квизов и тестов, который можно использовать для:
В Мэдтесте доступны два формата: тест-викторина, где есть правильные и неправильные ответы, и личностный тест, который работает по принципу психологического тестирования. Есть готовые шаблоны.
Тесты можно размещать у себя на сайте или делиться прямой ссылкой на прохождение в социальных сетях.
Сервис предлагает платный и бесплатный тарифы. На бесплатном тарифе в месяц можно создавать 3 теста и собирать 10 заявок. В каждом тесте может быть не более 8 вопросов.
Платный тариф дает возможность создавать до 100 тестов в месяц и собирать до 1 тыс. заявок. Есть дополнительный функционал:
Стоимость платных тарифов от 990 до 4 990 рублей в месяц.
Мастер-Тест — простой конструктор, который можно использовать в обучении, он бесплатен и не содержит рекламы. Чтобы создавать тесты, нужно зарегистрироваться как преподаватель. При желании готовый тест можно встроить у себя на сайте или пригласить участников пройти тестирование на сервисе, скинув им ссылку, например, такую.
Банк тестов — бесплатный сервис, где функция создания новых тестов становится доступной после регистрации. Материалы находятся на сайте banktestov.
Твой тест — ещё один бесплатный конструктор тестов. В принципе тут есть все, что нужно для проведения полноценного тестирования. Созданные тесты находятся на сайте, поэтому вы можете самостоятельно создать группу и добавить в неё всех тестируемых (например, участников курса) либо выслать им код и ссылку, по которой они найдут нужный материал.
Test.fromgomel — милый бесплатный сервис для создания тестов онлайн, который трансформирует тест в html, то есть код потом легко вставить на сайт. Это самый простой конструктор, который мы встретили. Зато без лишних заморочек: вводите вопрос и варианты ответов, жмёте кнопку и получаете код теста.
Let’s test — онлайн-конструктор тестов, который позволяет тестировать знания учащихся дистанционно. В бесплатной версии возможно создавать неограниченное количество тестов, но проходить их придётся внутри самого сервиса. Если же есть желание встроить тест к себе на сайт, то приобретайте базовый пакет за 990 рублей/месяц.
Вот так будет выглядеть встроенный виджет на сайте
На сайте есть подробная инструкция, а также видеоуроки, так что все обязательно получится!
Чтобы создать тест, зайдите на вкладку quiz и вперед
Как работать с Kahoot
Вписываете свои вопросы, добавляете изображения и предлагаете варианты ответов. Указываете, где правильный, а где неправильный вариант. Далее конструктор сгенерирует код — номер теста, — который необходимо использовать для входа в игру, если играть через стационарный компьютер. Если вы используете тест для проверки знаний аудитории, участники могут подключиться к тестированию через смартфоны. Вопрос они будут видеть на мониторе компьютера или ноутбука, а отвечать, используя свой гаджет.
Чтобы было понятно, как это работает, создайте свою учетную запись здесь, а теперь пройдите тест по маркетингу здесь, получив pin теста. Вам придётся использовать два окна браузера: одно для вопросов и вариантов ответов, второе, чтобы нажимать на кнопки. Либо использовать компьютер и смартфон (или другой гаджет).
Статьи про полезные сервисы:
Как начать писать тесты за 10 шагов по 10 минут
Дайте-ка угадаю: вы согласны с тем, что писать тесты — это хорошо. Это повышает надежность системы, ускоряет разработку, проект с хорошим тестовым покрытием поддерживать легко и приятно, а TDD — это вообще почти идеал процесса разработки. Но не у вас в проекте. То есть, оно клёво, но, к сожалению, сейчас столько работы — просто завал. Куча задач, одних только критических багов — два десятка, плюс надо срочно дописать этот модуль и еще написать письмо заказчику… Так что тесты, наверное, будем прикручивать уже в конце, если время останется. Или в следующем проекте. Нет, ну там точно полегче будет. Скорее всего.
Как, узнали ситуацию?
Так вот — чушь всё это. Сфера ИТ — бесконечна, как вселенная, куча работы будет всегда. Можно или начать писать тесты прямо сейчас, или не сделать этого никогда. Я тут набросал короткий план, как начать это делать за 10 шагов, по шагу в день, по 10 минут на шаг. И когда я говорю «10 минут» я имею в виду не «3 с половиной часа» и не «ну сколько-то времени, лучше побольше», а именно 600 секунд. Если у вас нету в день 600 секунд свободного времени — срочно меняйте проект, работу, профессию, страну проживания (нужное подчеркнуть), потому что это не жизнь, а каторга какая-то. Поехали.
1. Выбираем фреймворк для тестов
Не вздумайте начинать писать собственный фреймворк с нуля — оно вам надо? Тратить неделю на выбор оптимального фреймворка (да, я видел такую оценку времени на это в планах) — тоже глупо. Вот вам рецепт: набирайте в Гугле best test framework for %language% site:stackoverflow.com. Открываете первые 5 ссылок. Закрываете те из них, где рейтинг вопроса или первого ответа около нуля. Из оставшихся вкладок можно смело брать любой рекомендованный фреймворк из первой тройки с максимальным рейтингом. С вероятностью в 99.5% он вам подойдет. Поскольку на данный шаг вы пока потратили минуты 3, то оставшиеся 7 можно потратить на то, чтобы перейти на сайт фреймворка и посмотреть примеры его использования. Скорее всего, там всё будет просто и понятно (иначе он не был бы в топе рекомендаций). Но если вдруг нет — выберите другой по тому же алгоритму.
2. Пишем Hello world!
Во-вторых, вынесем написанные функции куда-нибудь из данного файла. В зависимости от подхода и применяемого языка это могут быть просто отдельные файлы кода или библиотека. Это нужно для того, чтобы потом эти функции вызывать из тестов.
У нас будет так:
3. Подключаем фреймворк к Hello world!
О подключении фреймворка к проекту наверняка очень хорошо написано на сайте фреймворка. Или на stackoverflow. Или на Хабре. Вот я, к примеру, когда-то описывал подключение Google Test. Обычно всё сводится к созданию нового проекта консольного исполняемого приложения (в скриптовых языках — отдельного скрипта), подключению к нему фрейворка парой include (import\using), подключению к проекту тестируемого кода (включением самих файлов с кодом или подключением библиотеки) — ну и всё. Если вы не верите, что этот шаг можно сделать за 10 минут — откройте Youtube, напишите в поиск название своего фреймворка и пронаблюдайте 20 видеороликов примерно одинакового содержимого, которые это доказывают.
4. Разбираемся с возможностями фреймворка
Вот, к примеру, пару тестов для нашего Hello world! на упомянутом выше Google Test:
5. Подключаем фреймворк к настоящему проекту
Мы уже умеем подключать фреймворк к проекту. Помните, делали на шаге №3? Всё получилось. Теперь давайте сделаем это для боевого проекта. Положите все необходимые файлы фреймворка себе под SVN\Git\TFS\чего-у-вас-там. Сделайте тестовый проект. Подключите к нему фреймворк. Включите сборку тестового проект в процесс сборки вашего продукта. Проверьте сборку в дебаг и релиз-конфигурациях. Комитните тестовый проект, запустите сборку на билд-сервере. Всё должно быть ок. Не нагружайте пока ваших коллег появлением тестового проекта — во-первых, вы ничего не сломали, во-вторых, хвастаться вам тоже пока нечем.
6. Тестируем что-нибудь простое
Вы помните, каким образом мы выше вынесли из Hello world! часть функционала во внешний код? Обратите внимание, какими получились эти функции: они не зависят ни от глобальных переменных, ни от состояния каких-то объектов, ни от внешних данных из файлов или баз данных. Резальтат зависит только от переданных аргументов. Найдите в своём проекте что-то аналогичное. Наверняка ведь у вас есть какие-нибудь функции конвертации чего-то куда-то, сериализации\десериализации, упаковки\распаковки, шифрования\дешифрования и т.д. Не думайте пока о том, насколько нужный и полезный функционал вы тестируете. Ваша задача — написать простой тест, но для боевого проекта. Запустить, увидеть «1 тест успешно пройден».
Кстати, именно на этом этапе очень часто к скептикам приходит озарения. Вдруг оказывается, что самый простой тест, на самую элементарную функциональность — вдруг провалился. Лезем в код — и вдруг находим что-то типа
И оказывается, что основной код просто пока вызывал эту функцию с такими аргументами, что всё было ок, но в любой момент это могло измениться.
7. Тестируем что-нибудь посложнее
Вы уже умеете тестировать простые вещи. Теперь разберитесь как тестировать что-то, имеющее внешние зависимости. Посмотрите, как ваш фреймворк предлагает делать подготовку к запуску теста и очистку после него. Разберитесь, что такое моки и стабы. Подумайте как протестировать какой-нибудь ваш код, читающий данные из файла или из базы. Легко ли подменить источник входных данных? Может быть стоит слегка изменить код, чтобы это стало легче? Сделайте это, если нужно. Напишите для этого кода тест.
8. Пишем тест на баг
9. Первый раз TDD
Как обычно выглядит ваша работа при разработке нового функционала? Наверное, вы сначала думаете. Потом проектируете то, что будете делать — набрасываете названия интерфейсов, классов, потом названия методов, наполняете их реализацией, запускаете, отлаживаете. Отлично, менять почти ничего не надо. Просто в тот момент, когда у вас уже есть интерфейсы, классы и названия методов, но еще нет их реализации — напишите для них тесты. Простенькие — вызвали метод — проверили результат. Обратите внимание, как уже на этом этапе вы заметите нелогичность некоторых имён, недостаток или излишество аргументов в методах, ненужные или отсутствующие зависимости и т.д.. При этом сейчас пока что это исправить — почти ничего не стоит (ведь реализация ещё не написана). Подправили архитектуру, дописали тесты, запустили — увидели кучу проваленных тестов. Отлично, так и должно быть. Написали реализацию, запустили тесты — увидели большинство из них пройденными, исправили ошибки, добились успешного прохождения всех тестов — отлично, дело сделано. Вы чувствуете, как хорошо стало, какое моральное удовлетворение вы получили? Оно слегка напоминает удовольствие от получения какой-то ачивки в игре. А почему? А потому, что его можно измерить! «Код проходит 18 тестов при тестовом покрытии в 90%» — это звучит круче, намного круче чем «ну, фича вроде бы реализована, я так потыкал немножко, кажется, не падает». Это даёт право гордится. Идешь домой — и чётко понимаешь, что-то за день сделал полезное, это «что-то» измеримо, ощутимо, реально.
10. Прикручиваем запуск тестов к CI-серверу
В тестах мало смысла, если их не запускать. Запускать их вручную — долго и бессмысленно. Наверняка у вас есть билд-сервер с каким-нибудь TeamCity или CruiseControl, где собирается ваш продукт. Так вот, большинство хороших билд-серверов сразу, из коробки, поддерживают запуск тестов и даже парсят их логи и рисуют красивые отчёты. Соответствие тут, конечно, не «все совместимы со всеми», но если вы взяли тестовый фреймворк по совету в начале статьи — шансы на то, что всё заработает очень высоки. К примеру, упомянутые мною TeamCity и Google Test прекрасно дружат между собой.
Послесловие
Где-то пункта после 8-го — хорошее время чтобы представить тестовый проект вашей команде. Объясните в 2-3 абзаца что и как, покажите простенький пример теста, заметьте, что, мол, «feel free to add your own tests», но особо не напирайте пока. Если у вас писать тесты было не принято, скорее всего первым впечатлением будет осторожный скепсис и непонимание. Это быстро лечится после второго-третьего упоминания на совещании о том, что, мол «а этот баг мы нашли благодаря тесту» или «а вот тут написан тест и мы сразу узнаем, если оно сломается снова». Программисты — народ рациональный, они поймут и подтянутся.