Как сделать график для сайта
Красивые диаграммы для сайта — анимация на диаграмме и графике
Бывают случаи, когда на лендинге, да и вообще на сайте необходимо представить определенный вид информации. С помощью данной библиотеки вы сможете создавать графики и диаграммы для сайта — это не так сложно, как кажется. Необходимо один раз разобраться (в помощь Вам примеры в данной статье). Затем лишь ввести свои данные и наслаждаться красивыми и анимированными графиками. Такие вещи всегда привлекают внимание.
Это не единственный способ, позволяющий сделать Ваш лендинг или сайт особенным. Ниже представлены несколько интересных эффектов, которые можно с легкостью применить и для своих проектов:
Все 3 примера анимированных графиков можно посмотреть ниже:
Посмотреть примерСкачать
Как использовать красивые графики в своих целях?
Сразу хочу сказать, что данные графики являются еще и адаптивными. Сейчас ведь это немаловажно, так как пользователей, которые заходят на сайт с мобильных устройств, становится с каждым часом все больше.
А с применением CSS3 анимации они «оживают» и притягивают внимание. Теперь представьте реакцию посетителей при виде такого на обычном лендинге! Ведь анимацией при прокрутке уже никого не удивишь, а вот подобные элементы всегда будут повышать качество сайта.
Для начала пройдемся по шагам, которые помогут Вам подключить данную библиотеку, затем я покажу несколько примеров и расскажу обо всех функциях данной библиотеки. Но сразу предупреждаю, абсолютно все функции рассмотреть в одной статье просто невозможно.
1 этап. Подключаем необходимые стили и скрипты
Файлы стилей и скриптов можно скачать и разместить на своем хостинге, но гораздо удобнее просто вставить 2 строчки в HTML и подключить все, что нужно:
2 этап. Контейнер на странице для графика
На этом этапе задаем тег, в котором будет находиться наш график:
Этого достаточно, чтобы создать первый красивый график или диаграмму. Остался последний шаг.
3 этап. Задаем значения графика (JS)
Для начала я приведу сразу полный код, который создает вот такой график:
А вот тот, собственно, сам код:
Пройдемся по каждой строке, чтобы у Вас было полное понимание этого небольшого JS-скрипта. А если Вы будете понимать, за что отвечает каждая строка, то сможете изменить под себя любые значения.
Если Вы проделаете все шаги, указанные выше, то получите уже красивый график. Останется лишь вписать необходимые значения. Но этот график ничем не отличается от всех остальных, которые можно увидеть в интернете. Смотрите ниже, каким образом можно придать уникальность этому графику, после чего он станет притягивать внимание.
Пример 1. Анимированный график
Но как же создать такой график, как на изображении выше (изображение анимированное, если у Вас нет анимации, то подождите, пока загрузится) выше?
Для этого необходимо лишь дописать некоторые свойства элементов на готовом графике. Так как весь график состоит из SVG элементов, то нам лишь необходимо решить какой из них мы хотим анимировать.
Чтобы анимировать две линии, как я это сделал в этом примере, нужно добавить следующий CSS код в Ваш файл стилей:
JS часть я здесь не пишу, она очень похожа в каждом из примеров. Если Вы внимательно изучили описание JS кода выше, где я разобрал все буквально по строкам, то и здесь Вам не составит труда разобраться.
Пример 2. Анимация выделения главной линии на графике
Здесь (на изображении выше) присутствует анимация. Если Вы ее не видите, то, возможно, у Вас просто не загрузилась картинка, просто подождите.
Это классный способ показать изменения и привлечь внимание к конкретной линии на графике. Все сделано на CSS3. Был использован следующий код для анимации:
Пример 3. Анимация в двух направлениях
Ну и последний пример с анимацией CSS3 — это анимация на графике в двух направлениях.
Для такого эффекта необходимо использовать следующий CSS код и анимацию:
Этими примерами я хотел показать, что создать красивый и, главное, выделяющийся график действительно просто. Достаточно лишь знать хотя бы основы CSS3 анимации. Об этом можно почитать по ссылке ниже.
Как понимаете, здесь представлена лишь маленькая часть всех возможностей этой библиотеки. Если быть честным, то я рассмотрел просто процесс создания графиков, а на самом деле у данной библиотеки возможностей гораздо больше. Об остальных возможностях я рассказал на видео ниже.
[ВИДЕО] Возможности библиотеки Chartist.js
Вывод
В настоящее время недостаточно просто сделать лендинг или просто сделать сайт. Это уже не работает. Сейчас время, когда необходимо каждый элемент, каждый блок на сайте прорабатывать и делать максимально уникальным, не забывая при этом об основном дизайне сайта.
Но, что больше всего радует, так это количество возможностей, которые сейчас есть. В статье Вы познакомились лишь с одной из множества библиотек, с помощью которых можно делать обычные элементы нестандартными. Осталось воспользоваться этим правильно!
Диаграммы и графики на HTML5
В данном уроке используется интересная библиотека – flotr2, которая предназначена для вывода графиков и диаграмм HTML5. Она позволяет выводить диаграммы в нескольких режимах: линиями, столбиками, секторами. Дле ее работы не требуется никаких других библиотек. Кроме того, она имеет отличную совместимость с различными браузерами.
Разметка HTML
Разметка нашего примера будет иметь следующий вид:
Для демонстрации используются следующие стили:
JavaScript
Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.script-tutorials.com/html5-charts-and-graphs/
Перевел: Сергей Фастунов
Урок создан: 4 Июля 2012
Просмотров: 42699
Правила перепечатки
5 последних уроков рубрики «HTML и DHTML»
Лайфхак: наиполезнейшая функция var_export()
При написании или отладки PHP скриптов мы частенько пользуемся функциями var_dump() и print_r() для вывода предварительных данных массив и объектов. В этом посте я бы хотел рассказать вам о функции var_export(), которая может преобразовать массив в формат, пригодный для PHP кода.
17 бесплатных шаблонов админок
Парочка бесплатных шаблонов панелей администрирования.
30 сайтов для скачки бесплатных шаблонов почтовых писем
Создание шаблона для письма не такое уж простое дело. Предлагаем вам подборку из 30 сайтов, где можно бесплатно скачать подобные шаблоны на любой вкус.
Как осуществить задержку при нажатии клавиши с помощью jQuery?
К примеру у вас есть поле поиска, которое обрабатывается при каждом нажатии клавиши клавиатуры. Если кто-то захочет написать слово Windows, AJAX запрос будет отправлен по следующим фрагментам: W, Wi, Win, Wind, Windo, Window, Windows. Проблема?.
15 новых сайтов для скачивания бесплатных фото
Подборка из 15 новых сайтов, где можно скачать бесплатные фотографии для заполнения своих сайтов.
Графики и диаграммы в формате HTML
Скорее всего MetaTrader 5 является вполне самодостаточным продуктом и в дополнительных расширениях не нуждается. MetaTrader 5 обеспечивает связь с брокером, отображает котировки, позволяет использовать для анализа рынка разнообразные индикаторы и, конечно, предоставляет трейдеру возможность осуществлять торговые операции. Совершенно ясно, что ориентированный в первую очередь на предоставление возможности комфортно торговать, MetaTrader 5 не может, да, наверное, и не должен являться абсолютно универсальным инструментом, предназначенным для научных исследований, анализа математических методов, создания мультимедийного контента и так далее.
Более того, стремление к излишней универсальность программного продукта в конечном итоге чаще всего приводит к снижению его эффективности, надежности и безопасности. С другой стороны, в той или иной ситуации у пользователя может возникнуть потребность в каких-то дополнительных возможностях, тем более что трейдерами являются люди, имеющие различные специальности и разное образование. Поэтому любые дополнительные возможности могут увеличить привлекательность торговой платформы, если, конечно, они достигаются достаточно простым способом и не за счет снижения ее надежности и безопасности.
В данной статье рассмотрим один из вариантов такого дополнения, который может дать возможность строить на основе полученных в терминале различные графики и диаграммы.
Каждая программа должна делать то, что у нее лучше всего получается. Если придерживаться такого принципа, то давайте возложим на MetaTrader 5 обязанности обмена с брокером, сбор и обработку полученной информации, а для графического отображения этой информации будем использовать другую, предназначенную для этих целей программу.
Сегодня трудно найти компьютер, на котором не был бы установлен WEB-браузер. Браузеры уже на протяжении длительного времени постоянно развиваются и совершенствуются. Современные браузеры достаточно надежны, стабильны в работе и, что немаловажно, бесплатны. Учитывая, что WEB-браузер является практически основным инструментом служащим для доступа в сеть Internet, подавляющее большинство пользователей хорошо знакомы с ним и не испытывают ни каких трудностей при его использовании.
Возможности современных браузеров достаточно широки, мы привыкли к тому, что с помощью WEB-браузера просматриваем видеоролики, слушаем музыку, играем в игры и уже совершенно не обращаем на это внимания. Таким образом, WEB-браузер на сегодняшний день является достаточно развитым инструментом для отображения различного рода информации, которая может быть представлена в совершенно разных форматах.
Нельзя не упомянуть тот факт, что в настоящее время существует несколько популярных, хорошо себя зарекомендовавших WEB-браузеров, среди них InternetExplorer, Mozilla Firefox, Google Chrome, Opera. В части программной реализации и пользовательского интерфейса эти браузеры могут существенно отличаться друг от друга. Но при этом, теоретически, должны в полной мере поддерживать основные стандарты, принятые в сети для обмена информацией, что в первую очередь касается непосредственно стандартов языка HTML.
На практике, несмотря на усилия разработчиков, браузеры все же имеют некоторые индивидуальные особенности в плане реализации тех или иных протоколов или технологий. Если мы сталкиваемся с тем, что тот или иной браузер благодаря своим индивидуальным особенностям нас не устраивает, то эту проблему легко решить установкой на компьютер дополнительно одного или нескольких разных WEB-браузеров. Даже ярые приверженцы, например, Firefox, все равно кроме него имеют в системе как минимум Internet Explorer.
Несмотря на то, что WEB-браузеры разрабатывались как клиентская часть, обеспечивающая взаимодействие с удаленным сервером, они также могут использоваться и для отображения локальной информации, размещенной на компьютере пользователя. Примером тому может быть просмотр ранее сохраненных на компьютере WEB-страниц. При таком локальном режиме работы доступ в сеть браузеру может вовсе не понадобиться.
Таким образом, WEB-браузер, работающий в offline-режиме, является очень привлекательным кандидатом на роль программы, используемой для расширения графических возможностей терминала MetaTrader 5. Для его использования не потребуются ни дорогостоящие покупки, ни громоздкие длительные инсталляции, ни освоение пользователем нового программного продукта. Поэтому далее в статье будем рассматривать возможность использования именно WEB-браузера для построения графиков и диаграмм на основе данных полученных в MetaTrader 5.
Используя для вывода информации только возможности HTML 4, можно создавать WEB-страницы с таблицами и форматированным текстом, размещать на странице изображения, но эти возможности нас не могут полностью удовлетворить, так как нашей целью является построение полноценных графиков и диаграмм на основе данных полученных от MetaTrader 5.
В большинстве случаев, то, что мы видим в браузере, путешествуя по различным сайтам, создано при помощи расширений языка HTML. В основном эти расширения исполняются на стороне сервера и по этой причине нам совершенно не подходят. Для нас могут представлять интерес технологии, которые в состоянии работать на стороне браузера и не требуют серверного программного обеспечения, например, Macromedia Flash, JavaScript, Java.
Если для исполнения на стороне браузера приложений Macromedia Flash и Java нам понадобится как минимум установка дополнительных плагинов, то пользовательские программы, написанные на JavaScript, выполняются непосредственно самим браузером. Все распространенные WEB-браузеры имеют собственный встроенный JavaScript интерпретатор. Для того чтобы избежать необходимости в инсталляции каких либо дополнительных программ или плагинов,остановим свой выбор на JavaScript.
Таким образом, в дальнейшем будем использовать только MetaTrader 5 с MQL5 и WEB-браузер с HTML и JavaScript, никакого дополнительного программного обеспечения не понадобится. Следует напомнить, что HTML-страница является ни чем иным, как текстовым файлом. Поэтому для создания документа в формате HTML подойдет любой текстовый редактор. Можно, например, создавать и редактировать HTML-код в том же MetaEditor 5. При написании статьи редактирование HTML-кода осуществлялось в браузере Opera@USB v10.63, который позволяет редактировать содержимое страницы, сохранять измененную страницу и видеть в соседней закладке как она будет отображаться.
У человека не знакомого с языками HTML и JavaScript может резонно возникнуть опасение в связи с возможными трудностями, связанными с их освоением. Для того что бы максимально облегчить себе задачу и избежать углубленного изучения HTML и JavaScript, попробуем использовать готовые решения, базирующиеся на этой технологии. Так как в рамках данной статьи наша задача ограничивается только построением графиков и диаграмм, обратимся к готовым, специально для этого написанным JavaScript-библиотекам.
Достаточно развитой графической библиотекой является Emprise JavaScript Charts, возможно читателю будет интересно познакомиться с ней по приведенной ссылке, но данная библиотека не совсем бесплатная. Поэтому обратимся к бесплатным библиотекам, например, Dygraphs JavaScript Visualization Library и Highcharts charting library. Dygraphs привлекает своей компактностью и простотой, а библиотека Highcharts в свою очередь включает в себя больше возможностей и выглядит более универсальной. Несмотря на то, что библиотека Highcharts имеет размер примерно 75 KB и дополнительно требует наличия библиотеки jQuery, которая имеет размер примерно 70 KB, все же остановим свой выбор именно на ней.
Познакомиться с возможностями библиотеки Highcharts можно на сайте http://www.highcharts.com/ в разделе “Demo Gallery”. Для каждого из примеров выбрав пункт “View options” можно посмотреть его исходный JavaScript-код. Подробная документация по библиотеке находится в разделе “Documentation/Options Reference”, в этом разделе так же можно найти большое количество примеров использования той или иной опции. На первый взгляд из-за обилия JavaScript-кода и непривычного для MQL-программиста синтаксиса, использование библиотеки может показаться излишне сложным. Но это не совсем так. Рассмотрим первый простой пример HTML-файла, который средствами библиотеки будет отображать график.
Создадим в качестве примера в редакторе “Блокнот” текстовый файл с именем Test_01.htm и для начала скопируем в него следующий простой пример использования библиотеки.
Код примера для наглядности разделен комментариями на четыре части. Самая первая, верхняя часть кода содержит обычные для HTML-страницы теги. Эта часть кода особого интереса для нас сейчас не представляет.
В результате копирования HTML-файл увеличился в размерах, но зато теперь для его корректного отображения не требуется наличия отдельных файлов библиотек. Достаточно в том же каталоге иметь только файл с данными exdat.txt. Каталог \Example2, включающий в себя файлы Example2.htm и exdat.txt находятся в конце статьи в разделе “Файлы”.
Отчет об истории торгового счета в графическом виде
Для более полной демонстрации предложенного способа отображения графической информации создадим отчет отображающий историю торгового счета на заданном интервале времени. В качестве прототипа будет служить HTML-отчет, который создается в терминале MetaTrader 5 при выборе команды «Отчет» контекстного меню вкладки «История». Этот отчет включает в себя большое количество различных показателей сведенных в одну таблицу. Рассчитывая на то, что эти показатели, представленные в виде графиков и диаграмм, будут выглядеть более наглядно, отобразим их при помощи графической библиотеки highcharts.js.
В приведенных ранее примерах при построении графика использовались установки отображения принятые по умолчанию в данной версии библиотеки highcharts.js. Для практических целей обойтись таким вариантом не удастся, в каждом случае придется подстраивать вид графика под индивидуальные конкретные требования. Для этого библиотека highcharts.js предоставляет широкие возможности, располагая большим количеством опций, которые могут быть применены к графику или диаграмме. Как уже упоминалось, список этих опций с их достаточно подробным описанием и примерами можно найти на сайте http://www.highcharts.com/.
Учитывая, что данная статья призвана только предложить и продемонстрировать возможность привлечения WEB-браузера для отображения информации полученной от MetaTrader 5, не будем останавливаться на описании опций графической библиотеки и особенностях их использования. Тем более что в зависимости от конкретных требований при создании WEB-страницы может быть использована какая-нибудь другая JavaScript-библиотека. Заинтересованный читатель может самостоятельно выбрать для себя наиболее подходящую ему библиотеку и углубиться в ее изучение настолько, насколько этого потребует практика ее использования.
Для отображения истории торгового счета был создан файл ProfitReport.htm, он находится в конце статьи в разделе “Файлы”. Вместе с ним в каталоге \Report находится файл data.txt, который содержит отображаемые данные. Файл data.txt помещен в каталог только в качестве примера. Скопировав каталог \Report и открыв файл ProfitReport.htm мы увидим представленные в графическом виде показатели торговли на созданном для данного примера тестовом счете.
Рисунок 3. ProfitReport.htm
При создании файла ProfitReport.htm сначала была произведена примерная разметка страницы, и было приблизительно определено, где и какая информация будет располагаться. Далее на странице были размещены графики с опциями принятыми по умолчанию. После создания такого шаблона индивидуально для каждого из графиков были подобраны наиболее подходящие опции. После завершения редактирования в страницу простым копированием были включены тексты библиотек. Как уже говорилось, для нормального отображения страницы она должна быть размещена в том же каталоге, что и файл data.txt содержащий предназначенные для отображения данные.
Файл data.txt был создан в MetaTrader 5 при помощи скрипта ProfitReport.mq5. В случае успешного исполнения этого скрипта в каталоге \MQL5\Files создается файл data.txt содержащий значения показателей торговли для активного в данный момент счета. Не следует забывать, что скрипт для его использования должен быть помещен в каталог \MQL5\Scripts и откомпилирован.
Как видим, код скрипта оказался достаточно громоздким, но это связано не со сложностью задачи, а просто с большим количеством показателей торговли, значение которых необходимо определить. Для хранения этих значений в начале скрипта объявлены снабженные соответствующими комментариями глобальные переменные.
В функции OnStart() проверяется, подключен ли терминал к торговому серверу, если нет, то скрипт завершает свою работу. Так как при отсутствии подключения к серверу невозможно будет определить активный счет и получить информацию о нем.
Следующим шагом вычисляется дата, начиная с которой данные о торговле на текущем активном счете будут включены в отчет. В качестве конечной даты принимается значение текущей даты и текущего времени на момент исполнения скрипта. Количество дней, включенных в отчет можно задать при загрузке скрипта изменив значение входного параметра “Number of days”, равного по умолчанию 30 дням. После того как определено время начала и окончания отчета в строковой переменной Band формируются пары значений времени, соответствующие началу и окончанию выходных дней. Эта информация используется для того, чтобы на графике баланса интервалы времени, соответствующие субботе и воскресению, можно было пометить желтым цветом.
Далее при помощи функции HistorySelect() делается доступной история сделок и ордеров за указанный интервал и вызовом функции HistoryDealsTotal() определяется количество сделок в истории. После этого по количеству сделок организован цикл, в котором собирается статистика, необходимая для вычисления показателей торговли, и по окончанию цикла определяются их значения.
При создании скрипта ставилась задача сохранить смысл показателей торговли в соответствии с отчетом, генерируемым в терминале MetaTrader 5. Предполагается, что показатели, определяемые скриптом, должны соответствовать описанию, которое приведено в файле справки к терминалу.
Информацию по организации доступа к истории счета и вычислению торговых показателей можно найти в следующих статьях:
Большинство показателей вычисляются достаточно просто, поэтому в данной статье не будем рассматривать операции, связанные с вычислением каждого из них, и в дальнейшем рассмотрим только имеющиеся отличия от стандартного отчета и дополнения к нему.
В отчете, который генерируется терминалом, график баланса строится последовательным отображением значений при каждом его изменении, а на шкале Х отражено количество таких изменений. В нашем случае для построения графика используется шкала времени.
Поэтому построенный нами график профита на вид очень сильно отличается от графика, который генерируется терминалом. Выбор именно такого варианта построения графика был сделан для того, чтобы отобразить моменты закрытия позиций на реальной шкале времени. То есть чтобы было видно, когда на протяжении отчетного периода возрастала или спадала торговая активность.
При построении графика необходимо помнить, что MQL5 оперирует значением даты, представленном в виде количества секунд, прошедших с 01 января 1970 года, а графической библиотеке требуется это значение в виде количества миллисекунд, прошедших с 01 января 1970 года. Поэтому полученные в скрипте значения даты, для их корректного отображения на графике, необходимо умножать на тысячу.
Для хранения значения профита и времени закрытия сделки в скрипте используются классы CArrayDouble и CArrayLong из состава стандартной библиотеки. Каждый раз при обнаружении в теле цикла результативной сделки, информация о ней помещается при помощи метода Add() в элемент, добавляемый в конец массива. Это позволило не определять заранее требуемое количество элементов, размер массива просто увеличивается с увеличением количества обнаруженных в истории сделок.
Для каждой сделки проверяется, на каком символе она была осуществлена, при этом сохраняется имя символа и количество совершенных на нем сделок. Так же как и для графика профита, эти данные при просмотре истории накапливаются путем записи в добавляемый в конец массива элемент. Для хранения имени символа и количества сделок используются классы CArrayString и CArrayInt стандартной библиотеки.
Если на текущем счете сделки осуществлялись только по одному символу, то отображаемый на диаграмме единственный столбец будет слишком широким. Что бы избежать этого передаваемый для отображения массив данных всегда содержит не менее 7 элементов. Неиспользуемые элементы на диаграмме не отображаются, так как они содержат нулевые значения, но при этом не позволяют столбцу стать слишком широким. Для того что бы при малом количестве символов столбцы диаграммы располагались примерно посередине оси X, незначащие элементы массива поочередно вставляются то в его начало, то в конец.
Следующим отличием от стандартного отчета является попытка построения графика распределения вероятностей для последовательности значений профита по каждой из сделок.
Рисунок 4. Плотность вероятности
Чаще всего такой график бывает представлен в виде гистограммы выборки. В нашем случае график плотности вероятности создается путем построения сплайна по имеющимся значениям столбцов такой гистограммы. Вычисленные значения оценки плотности вероятности дополняются слева и справа за пределами графика нулевыми значениями. Это необходимо для того что бы построенный сплайном график не прерывался на последнем известном значении, а продолжался за пределы графика спадая к нулю.
Для сравнения на графике плотности вероятности серым цветом выводится график нормального распределения, нормированный таким образом, что бы сумма представляющих его отсчетов была равна единице, так же как и у графика, построенного по значениям гистограммы. В приведенном примере отчета количества сделок явно недостаточно для более или менее достоверной оценки распределения вероятностей значений профита сделок. Можно предположить, что при большем количестве сделок в истории этот график будет выглядеть более достоверным.
После того, как все показатели торговли определены, в конце скрипта вызывается функция filesave(). В этой функции открывается на запись файл data.txt и в него записываются в текстовом виде имена переменных и их значения. Значения этих переменных соответствуют вычисленным показателям, а их имена соответствуют именам, которые используются в HTML-файле при передаче параметров функциям графической библиотеки. Для того, что бы при записи файла сократить количество обращений к диску, короткие строки объединяются в одну более длинную строку, и только потом происходит ее запись в файл. Файл data.txt, как это принято в MetaTrader 5, создается в каталоге MQL5\Files; в случае если такой файл уже существует, то он будет перезаписан. Для удобства в этот же каталог можно скопировать файл ProfitReport.htm и оттуда запускать его для просмотра.
В терминале MetaTrader 5 при сохранении отчета в формате HTML он автоматически открывается браузером, зарегистрированным в системе как браузер по умолчанию. Такая возможность не была реализована в приведенном в статье примере. Для того что бы добавить автозапуск необходимо в начале скрипта ProfitReport.mq5 вставить строки
а в конце, после вызова функции filesave(), добавить
Если по указанному в переменной path пути существует файл ProfitReport.htm, то при вызове функции ShellExecuteW() он будет открыт браузером. Функция ShellExecuteW() находится в системной библиотеке shell32.dll, поэтому для обеспечения доступа к ней в начале файла добавлено объявление этой функции. Для того чтобы такой автозапуск срабатывал необходимо разрешить в терминале импорт функций из внешних dll, так как по умолчанию использование внешних библиотек запрещено.
Использование WEB-браузера позволяет отображать на экране одновременно достаточно много разнообразной информации, что может оказаться полезным, например, для организации визуального контроля за внутренним состоянием отдельных модулей работающего в терминале эксперта. На экране в удобной форме может быть одновременно представлена информация о состоянии модуля управления капиталом, модулей генерирующих торговые сигналы, модуля сопровождения торговой позиции и так далее. В случае, когда информации, которую необходимо отобразить, оказывается слишком много, можно использовать многостраничные HTML-отчеты.
Следует отметить, что возможности языка JavaScript значительно шире, чем просто рисование графиков, с его помощью отображаемую WEB-страницу можно сделать по-настоящему интерактивной. В Интернете можно найти большое количество включаемых в WEB-страницу готовых JavaScript-кодов и различных примеров использования этого языка. Например, если при помощи JavaScript между терминалом и браузером удастся организовать двухсторонний обмен данными, то можно будет непосредственно из окна браузера подавать команды терминалу.
Хочется надеяться, что рассмотренный в статье способ отображения информации будет востребован и окажется полезным.