Как создать сайт тестирования. Как создать тест в HTML, EXE, FLASH форматах (тесты для ПК и сайта в интернете). Инструкция

Как сделать тест в HTML, EXE, FLASH форматах (тесты для ПК и веб-сайта в интернете). Инструкция

Доброго времени суток.

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

Но пробовали ли вы сделать тест самостоятельно? Может быть у вас есть собственный блог либо веб-сайт и вы желали бы проверить читателей? Либо вы желаете проводить анкетирование людей? Либо желаете выпустить собственный обучающий курс? Еще лет 10-15 назад, чтоб сделать простой тест — пришлось бы потрудиться. Я еще помню времена, когда за зачет по одному из предметов, мне пришлось программировать тест на PHP (эх… было время). На данный момент же, желал бы с вами поделиться одной програмкой, которая помогает кардинально решить эту делему — т.е. создание хоть какого теста преобразуется в удовольствие.

Статью оформлю в виде аннотации, чтоб хоть какой юзер мог разобраться с азами и сходу приступить к работе. Итак…

1. Выбор программы для работы

Несмотря на нынешнее богатство программ для сотворения тестов, я рекомендую тормознуть на iSpring Suite. Ниже распишу из-за чего же и почему.

iSpring Suite 8

Официальный сайт: http://www.ispring.ru/ispring-suite

Крайне обычная и легкая в освоении программа. К примеру, я собственный 1-ый тест в ней сделал за 5 мин. (на базе того, как я его создавал — ниже будет представлена инструкция)!  iSpring Suite встраивается  в Power Point(эта программа для сотворения презентаций, есть в каждом пакете Microsoft Office, который установлен на большинстве ПК).

Еще чрезвычайно огромным достоинством программы является ориентированность на человека, который не знаком с программированием, который никогда ранее не делал ничего подобного. Не считая всего остального, один раз создав тест, вы сможете его экспортировать в различные форматы: HTML, EXE, FLASH (т.е. применять собственный тест для веб-сайта в вебе либо для тестирования за компьютером). Программа платная, но есть демо-версия (многим ее способностей будет наиболее, чем довольно :)).

Примечание. Кстати, iSpring Suite не считая тестов, дозволяет создавать множество всего увлекательного, например: создавать курсы, проводить анкетирование, диалоги и т.д. Все это в рамках одной статьи разглядеть нереально, да и тема данной нам статьи несколько иная.

2. Как сделать тест: начало. 1-ая страничка приветствия.

После установки программы, на рабочем столе должен показаться значок iSpring Suite — с помощью него и запускаем програмку. Должен открыться мастер скорого старта: посреди меню слева избираем раздел «ТЕСТЫ» и щелкаем по клавишу «создать новейший тест» (скриншот ниже).

Далее перед вами раскроется окно редактора — оно чрезвычайно припоминает окно в Microsoft Word либо Excel, с которым, я думаю, практически все работали. Тут можно указать заглавие теста и его описание — т.е. оформить 1-ый лист, который все будут созидать, при запуске теста (см. красноватые стрелки на скрине ниже).

Кстати, на лист так же можно добавить какую-нибудь тематическую картину. Чтоб это сделать, справа, рядом с заглавием, есть особая клавиша для загрузки картинки: опосля ее нажатия, просто укажите понравившуюся картину на твердом диске.

3. Просмотр промежных результатов

Я думаю, со мной никто не будет спорить, что 1-ое, что хотелось бы узреть — это то, как это будет смотреться в итоговом виде (а то может и не стоит забавляться дальше?!). В этом плане iSpring Suite выше всяких похвал!

На любом шаге сотворения теста — вы сможете «в живую» поглядеть, как он будет смотреться. Для этого есть спец. клавиша в меню: «Плеер» (см. скриншот ниже).

Читайте также  Запустить восстановление системы. Обновление, возврат в исходное состояние или восстановление компьютера

После ее нажатия вы увидите свою первую страничку теста (см. скрин ниже). Невзирая на простоту, смотрится все чрезвычайно даже серьезно — можно начать тестирование (правда, мы еще не добавили вопросцы, потому вы сходу же увидите завершение теста с результатами).

Важно! В процессе сотворения теста — рекомендую время от времени посматривать, как он будет смотреться в завершенном виде. Таковым образом вы быстро можете освоить все новейшие клавиши и способности, которые есть в программе.

4. Добавление вопросцев в тест

Наверное, это самый увлекательный шаг. Должен для вас огласить, что всю мощь программы начинаешь ощущать конкретно в этом шаге. Ее способности просто поражают (в неплохом смысле этого слова) :).

Во-первых, есть два типа теста:

  • там где необходимо давать верный ответ на вопросец (вопрос теста — );
  • там где просто проводится анкетирование — т.е. человек может отвечать, как угодно (например, сколько для вас лет, какой город из представленных больше нравится и .тд. — т.е. правильного ответа не ищем). Эту штука в програмке именуется анкетный вопросец — .

Так как я «делаю» самый реальный тест, то я выбираю раздел «Вопрос теста» (см. скрин ниже). При нажатии на клавишу  для прибавления вопросца — вы увидите несколько вариантов — типов вопросцев. Разберу тщательно каждый из их ниже.

ТИПЫ Вопросцев для тестирования

1) Верно-неверно

Этот тип вопросца очень популярен.Таким вопросцем можно проверить человека, знает ли он определение, дату (например, тест по истории), какие-то понятия и т.д. В общем, употребляется для всех тем, где человеку просто необходимо указать правильно выше-написанное либо нет.

Пример: верно/неверно

2) Одиночный выбор

Так же популярнейший тип вопросцев. Смысл простой: задается вопросец и из 4-10 (зависит от создателя теста) вариантов необходимо выбрать верный. Так же можно употреблять фактически для всех тем, проверить таковым типом вопросца можно все, что угодно!

Пример: выбор правильного ответа

3) Множественный выбор

Этот тип вопросца подойдет, когда у вас не один верный вариант ответа, а несколько. К примеру, указать городка, в которых численность населения составляет наиболее миллиона человек (скрин ниже).

Пример

4) Ввод строки

Это так же популярный тип вопросца. Помогает осознать, знает ли человек, какую-нибудь дату, правильное написание слова, заглавие городка, озера, реки и т.д.

Ввод строчки — пример

5) Соответствие

Этот тип вопросцев стал популярен в крайнее время. В основном употребляется в электронном виде, т.к. на бумаге не постоянно комфортно что-то сопоставлять.

Сопоставление — пример

6) Порядок

Этот тип вопросцев популярен в исторических темах. К примеру, можно попросить расположить правителей в порядке их правления. Комфортно и быстро можно проверить, как человек знает сходу несколько эпох.

Порядок — пример

7) Ввод числа

Этот особый тип вопросца можно употреблять, когда в качестве ответа предполагается какое-либо число. В принципе, нужный тип, но употребляется только в ограниченных тематиках.

Ввод числа — пример

8) Пропуски

Этот тип вопросцев достаточно популярен. Сущность его в том, что вы читаете предложение и видите место, в котором не хватает слова. Ваша задачка — его туда написать. Время от времени, сделать это не просто…

Пропуски — пример

9) Вложенные ответы

Этот тип вопросцев, на мой взор, дублирует остальные типы, но благодаря нему — вы сможете сэкономить место на листе теста. Т.е. юзер просто щелкает по стрелочки, дальше лицезреет несколько вариантов и на каком то из их останавливается. Все быстро, компактно и просто. Можно употреблять, фактически, в всех тематиках.

Читайте также  Зачеркнутое слово как сделать. Зачеркнутый текст онлайн — ТОП-5 лучших генераторов

Вложенные ответы — пример

10) Банк слов

Не чрезвычайно популярный тип вопросцев, но, имеет место для существования :). Пример использования: вы пишите предложение, пропускаете в нем слова, но слова эти не скрываете — они видны под предложением для тестируемого. Его задача: верно расположить их в предложении, чтоб вышел осмысленный текст.

Банк слов — пример

11) Активная область

Этот тип вопросца можно применять, когда юзеру необходимо верно показать какую-нибудь область либо точку на карте. Вообщем, больше подойдет для географии либо истории. Другие, я думаю, этот тип будут применять редко.

Активная область — пример

Будем считать, что с типом вопросца вы определились. В собственном примере я буду применять одиночный выбор (как самый всепригодный и удачный тип вопроса).

И так, как добавить вопрос

Сначала в меню выбираете «Вопрос теста«, дальше в перечне выбираете «Одиночный выбор» (ну либо собственный тип вопроса).

Далее обратите внимание на скрин ниже:

  • красными овалами показаны: сам вопросец и варианты ответов (здесь, как бы, без комментариев. Вопросцы и ответы выдумывать для вас все равно придется самим);
  • обратите внимание на красноватую стрелку — непременно укажите, какой ответ является верным;
  • зеленая стрелка указывает на меню: в нем будут отображены все ваши добавленные вопросы.

Составление вопросца (кликабельно).

Кстати, обратите внимание на то, что к вопросцам так же можно добавлять рисунки, звуки и видео. Я, к примеру, добавил простую тематическую картину к вопросу.

На скрине ниже показан, как будет смотреться мой добавленный вопросец (просто и со вкусом :)). Обратите внимание, что тестируемому просто необходимо будет выбрать мышкой вариант ответа и надавить клавишу «Отправить» (т.е. ничего лишнего).

Тест — как смотрится вопрос.

Таким образом, шаг за шагом, вы повторяете функцию прибавления вопросцев до подходящего для вас количества: 10-20-50 и т.д.(при добавлении, инспектируйте работоспособность собственных вопросцев и самого теста при помощи клавиши «Плеер»). Типы вопросцев могут быть разные: одиночный выбор, множественный, указать дату и т.д. Когда вопросцы будут все добавлены, можно перебегать к сохранению результатов и экспорту (об этом пару слов необходимо огласить :))…

5. Экспорт теста в форматы: HTML, EXE, FLASH

И так, будем считать, что тест у вас готов: вопросцы добавлены, рисунки вставлены, ответы проверены — все работает, как необходимо. Сейчас осталось дело за малым — сохранить тест в подходящем формате.

Для этого в меню программы есть клавиша «Публикация» — .

Если вы желаете употреблять тест на компьютерах: т.е. принести тест на флешке (например), скопировать его на комп, запустить и высадить тестируемого. В этом случае, наилучшим форматов будет EXE файл  — т.е. самый обыденный файл программы.

Если вы желаете сделать возможность прохождения теста на вашем веб-сайте (по интернету) — то, на мой взор, хорошим форматом будет HTML 5 (или FLASH).

Формат выбирается опосля того, как вы нажмете клавишу публикация. Опосля этого для вас необходимо будет выбрать папку, в которую будет сохранен файл, и выбрать, фактически, сам формат (здесь, кстати, можно испытать различные варианты, а позже поглядеть, какой подойдет больше вам).

Опубликовать тест — выбор формата (кликабельно).

Важный момент

Помимо того, что тест можно сохранить в файл, есть возможность загрузить его и в «облако» — спец. сервис, который дозволит сделать легкодоступным ваш тест для остальных юзеров по сети веб (т.е. вы даже сможете не носить свои испытания на разных накопителях, а запустить их на остальных ПК, которые подключены к сети интернет). Кстати, плюс облака не лишь в том, что пройти тест могут юзеры классического ПК (или ноутбука), но и юзеры Android устройств и iOS! Есть смысл попробовать…

Читайте также  Как отключить айфон от icloud. Как убрать привязку мобильного устройства Apple к iCloud

загрузить тест в «облако»

ИТОГИ

Таким образом, за полчаса-час я довольно просто и быстро сделал самый реальный тест, экспортировал его в формат EXE (скрин представлен ниже), который можно записать на флешку (или скинуть на почту) и запустить этот файл на любом из компов (ноутбуков). Потом, соответственно, выяснить результаты тестируемого.

Получившийся файл — самая рядовая программа, представляющая из себя тест. Весит порядка пары мб. В общем-то, чрезвычайно комфортно, рекомендую к ознакомлению.

Кстати, приведу пару скринов самого теста.

Приветствие

вопросы

результаты

ДОПОЛНЕНИЕ

Если вы экспортировали тест в формат HTML — то в папке для сохранения результатов, которую вы избрали, будет файл index.html и папка data. Это файлы самого теста, чтоб запустить его — просто откройте в браузере файл index.html. Ежели желаете загрузить тест на веб-сайт — то скопируйте эти файл и папку в одну из папок собственного веб-сайта на хостинге (извиняюсь за тавтологию) и дайте ссылку на файл index.html.

Пару слов о РЕЗУЛЬТАТАХ ТЕСТОВ / тестирования

iSpring Suite дозволяет не лишь создавать испытания, но и получать в оперативном порядке результаты проверки тестируемых.

Как можно получать результаты от пройденных тестов:

  1. Отправка по почту: к примеру, ученик прошел тест — а для вас позже пришел отчет на почту с его плодами. Удобно!?
  2. Отправка на сервер: этот метод подойдет наиболее продвинутым тесто-создателям. Вы сможете получать отчеты о тестах на собственный сервер в формате XML;
  3. Отчеты в СДО: можно загрузить тест либо опрос в СДО с поддержкой SCORM/AICC/Tin Can API и получать статусы о его прохождении;
  4. Отправка результатов на печать: приобретенные результаты можно распечатать на принтере.

График прохождения теста

PS 

Дополнения по теме статьи — приветствуются. На сим закругляюсь, пойду тестироваться. Удачи!

Оцените статью:

(21 глас, среднее: 4.7 из 5)

Как тестировать сайты

Допустим, вы сделали веб-сайт, но у вас нет тестировщика, который может всё проверить. Вот маленькая аннотация, на что глядеть, чтоб с большой вероятностью опосля пуска всё было в порядке.

В больших компаниях каждым пт из этой статьи могут заниматься целые отделы, сотрудники которых конкретно инспектируют каждую мелочь — руками либо автоматом. Но представим, что на данный момент под рукою нет IT-департамента. Что можно сделать без помощи других и быстро, чтоб проверить, что всё работает как задумано.

Предупреждение: статья не претендует на академическую полноту, но точно поможет что-нибудь не упустить.

Всё поглядеть и прокликать

Сначала необходимо проверить, что всё смотрится, как задумано заказчиком — веб-сайт совпадает с макетом, клавиши работают и ссылки ведут, куда необходимо.

Что проверять:

  • Элементы странички размещены как на макете на всех устройствах.
  • Сайт идиентично смотрится и работает во всех подходящих браузерах.
  • Кнопки нажимаются и после этого что-то происходит, слайдеры вертятся, гамбургеры раскрываются.
  • Все JavaScript-скрипты работают корректно.
  • Отображается верный контент.
  • Отдаются нужные заголовки.
  • Загружаются правильные шрифты.
  • Фавиконка установлена.
  • Текст отображается не кракозябрами (в 2020 такое изредка, но бывает).
  • Курсор интерактивный на интерактивных элементах и обычный на обычных.
  • С локализацией всё в порядке (русская, британская версия).
  • Страница не разъезжается, ежели включить блокировщик рекламы.

Иногда употребляют автоматические испытания, которые сравниваются отрендеренный итог кода аля интерфейс с рендер-версией приложения. Практически, это сопоставление скриншотов. Естественно, автотесты можно приготовить и для тестирования интерактивных элементов.

Инструменты:

  • Реальные браузеры и устройства.
  • Эмуляторы (BrowserStack, LambdaTest, Browsera, BrowserShots).

Ошибки JavaScript

Если в коде есть ошибки, их будет видно в консоли разраба. Также там можно направить внимание на запросы (время и коды ответов) и посмотреть размер загружаемых файлов. И если размер большой, обсудить с разработчиками оптимизацию кода на JavaScript, шрифтов и изображений.

Валидность кода

Нужно убедиться, что код удовлетворяет эталонам HTML/CSS, для этого есть особые валидаторы. Узнайте, как проверить валидность HTML.

Веб-формы

Формы — кладезь пользовательских данных и одновременно возможный источник уязвимостей.

Оставьте комментарий