ПРИМЕНЕНИЕ HTML 5 ПРИ СОЗДАНИИ ЭЛЕКТРОННЫХ УЧЕБНИКОВ Текст научной статьи по специальности «Компьютерные и информационные науки»

УДК 004.55

Протопопова В. Ф.

студент

Северо-Восточный федеральный университет имМ.К.Аммосова

Российская Федерация, ¿.Якутск ПРИМЕНЕНИЕ HTML 5 ПРИ СОЗДАНИИ ЭЛЕКТРОННЫХ

УЧЕБНИКОВ

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

Ключевые слова: Javascript, электронный учебник, виртуальный прибор.

Protopopova V.F.

Student

North-Eastern Federal University named after M.K. Ammosov

Russian Federation, Yakutsk APPLICATION OF HTML 5 IN CREATING ELECTRONIC

TEXTBOOKS

This article describes the use of HTML 5 technology for electronic textbooks. The programming capabilities of Javascript allow you to create virtual instruments on hypertext pages. Virtual instruments can perform various functions directly on the pages of electronic textbooks.

Keywords: Javascript, electronic textbook, virtual device.

В настоящее время идет применение языка разметки гипертекстовых документов (HyperText Makeup Language - HTML) пятой версии, с каждым обновлением добавляются различные функции и возможности. Обновление касаются также объектной модели документов (Document Object Model - DOM) и языка обработки скриптов JavaScript. Создание электронных учебников с помощью таких технологий широко развивается [1-2]. Применение новых информационных технологий в создании электронных учебников позволяет создавать гипертекстовые документы с обилием графической информации и большого объема [3].

Для расчетных или же лабораторных работ используют посторонние программы, например MatLab или MathCAD [4], это затрудняет освоение материала, так как не всегда присутствует возможность использования постороннего программного обеспечения.

Одним из методов внесения методов интерактивности является использование объектной модели документа и языка программирование JavaScript, данный язык является интерпретируемым и внедряется прямо в гипертекстовый документ. Средства и элементы документа предоставляемой пятой версией позволяют создавать не только ввод текстовой информации, но и ввод числовых данных, ввод данных с помощью ползунка. Применение языка JavaScript программирования

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

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

Параметры сигнала-

Частота несушей 1 ш ♦

Амплитуда несушен 1 v

Параметры осциллографа

Время развертки 1 sec Напряжение i v •

Start

Рис.1. Начальное положение генератора На рисунке 1 приведено начальное положение генератора сигнала созданного с помощью HTML 5 и имеющий код генерации и вывода графика на JavaScript.

Г7л1 I \ / \ ¥ ^^^Д

k i \ /

Л А Л А А лг \ \/ \ \ \ \1 V V/ V V V Л Л Л Л Л /\ /\ /\ /\ /и 1 \1 v V v \l

Параметры сигнала Частота несушей i Амплитуда несушен 5

Параметры осциллографа

Время развертки 1 о msec * Напряжение о i V *

кНг •

10mV

Start

Рис.2. Измененный сигнал На рисунке 2 приведен измененный сигнал, который получен при изменении единицы частоты на килогерцы и амплитуды несущей на 50 мВ. Для правильного вывода сигнала необходимо изменить параметры осциллографа, это время развертки в миллисекундах и напряжение.

Применение динамически изменяемых параметров и программирование элементов с помощью JavaScript увеличивает интерактивность электронных учебников, вводит обратную связь с обучающимся.

Использованные источники:

1.Леванов А.А., Винокуров А.Ю. Платформа для разработки мультимедийных электронных учебников на базе JavaScript И HTML5 // Электронное обучение в непрерывном образовании. 2016. №1(3). С. 279286.

2.Государев И.Б. Современная методика электронного обучения веб-разработке на платформе JavaScript // Современное образование: традиции и инновации. 2016. №3. С. 75-81.

3.Петров Ю.И., Алдияров К.Т., Жаворонкова И.М., Дорошенко Е.В., Некрасова Г.Н., Новикова Н.Н., Ежова Н.М., Леонтьев Н.А., Курбеева И.А., Бушило И.Д., Лукьянович И.Р., Холод А.А. Развитие образовательной среды средствами информационных технологий. Красноярск, 2014.

4.Леонтьев Н.А. Использования среды MathCAD для моделирования оптической обработки информации // Педагогическая информатика. 2012. №5. С. 28-34.