X Международная студенческая научная конференция Студенческий научный форум - 2018

JavaScript изначально создавался для того, чтобы сделать web-странички живыми. Программы на этом языке называются скриптами. В браузере они подключаются напрямую к HTML и, как только загружается страничка – тут же выполняются [1].

Программы на JavaScript представляют собой формализованный текст. Уникальность JavaScript в следующем:

полная интеграция с HTML/CSS;

выполнение скриптов происходит на стороне клиента;

поддерживается всеми распространенными браузерами и включен в их состав по умолчанию.

Этих трёх вещей одновременно нет больше ни в одной браузерной технологии, поэтому JavaScript и является самым распространенным средством создания браузерных интерфейсов.

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

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

1.Прямоугольник, у которого все стороны равны – это … (квадрат, прямоугольник, ромб, параллелограмм).

2.Четырехугольник у которого две противоположные стороны равны – это… (квадрат, прямоугольник, ромб, параллелограмм).

3.Параллелограмм, у которого все стороны равны – это … (квадрат, прямоугольник, ромб, параллелограмм).

4.Найдите площадь квадрата, сторона которого равна 3 см (6, 12, 15, 9).

5.Найдите площадь прямоугольника со сторонами 13 см и 5 см (36,65,18,20).

6.Найдите периметр прямоугольника, площадь которого равна 132 см², а одна из его сторон - 12 см (23,44,46,56).

7.Найдите объем куба с ребром, равным 7 см (98,49,21,343).

В тесте будут реализованы следующие возможности.

1. Выбор варианта ответа (1 из 4).

2. Демонстрация правильного ответа – при выборе ответа, будет появляться надпись о его правильности.

3. По окончании теста, будет показано количество и процент правильных ответов, а также оценка;.

4. Фиксирование потраченного времени, на прохождение теста [2].

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

Если надо написать изначально какую-либо фразу перед тем, как будет пройден тест, обращаем свое внимание к цифре 1. Для того, чтобы вставить свои вопросы и четыре варианта ответов – 2. Цифра 3 указывает на номер (считаем слева на право) правильного ответа на данный вопрос. 4 – ограничение прохождения теста по времени. 5 – если время вышло, то можно написать какие-то напутственные слова учащемуся, в данном примере предлагается обратиться к параграфу, который необходимо еще раз изучить.

3 1 2 5 4

Рис.1. Фрагмент кода

Также можно изменить единицу времени, чтоб отсчет происходил не минутами, а секундами (см. рис.2). В строке 1 меняем min на sec; 2 – мин на сек; 3 – min, 60000 на sec, 1000.

2 3 1

Рис.2. Изменение временной размерности

Таким образом, мы перечислили основные моменты создания интерактивного теста на JavaScript. Данный язык веб-программирования содержит еще массу интересного и увлекательного, а самое главное, простого в создании и воплощении в реальность.

Список литературы:

1. Флэнаган Д. JavaScript. Подробное руководство. СПб: СимволПлюс, 2008. – 992 с. [Электронный ресурс] URL:. http://caxapa.ru/thumbs/315320/JavaScript.pdf (дата обращения 21.02.2018)

2. Javascript примеры [Электронный ресурс] URL: http://sergey-oganesyan.ru/category/javascript-s-primerami (дата обращения 27.01.2018)

Код для цитирования: Скопировать