Свободное программное обеспечение в составе ИОС: персональные вики на базе JavaScript

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

Рубрика Программирование, компьютеры и кибернетика
Вид статья
Язык русский
Дата добавления 20.07.2018
Размер файла 1,5 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Свободное программное обеспечение в составе ИОС: персональные вики на базе JavaScript

Нечаев Сергей

Киргинцева Наталья

В статье рассматриваются вопросы применения вики в качестве основы электронных информационно-образовательных сред для высшего образования.

Данная статья является продолжением темы использования свободного программного обеспечения в информационных образовательных средах, отдельные вопросы которой были затронуты в статьях [1,2,3]. В них были рассмотрены программы аутлайнеры, которые выполняют роль вики-движков путем реализации гипертекста, используя специфическую вики разметку. Все эти программы написаны на языке Python. Язык Python является кросс-платформенным и поэтому наряду с переносимым исходным кодом для каждой операционной системы ему необходима соответствующая среда исполнения (runtime environment), которая не является переносимой и специфична. Эта среда, как правило, включает интерпретатор, который исполняет исходный код, и различные утилиты, необходимые для сопровождения приложений. Таким образом, для нормальной работы программного продукта созданного на базе языка Python на любом рабочем месте необходимо либо иметь среду исполнения, либо формировать портабельный (переносимый) комплекс, включающий наряду с учебной программой среду исполнения.

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

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

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

JavaScript предоставляет возможность выполнять произвольные математические вычисления. Кроме того, этот язык имеет развитые средства работы со значениями даты и времени [4].

Указанные возможности позволяют реализовывать довольно сложные интерактивные среды на основе языка JavaScript в среде HTML. В частности, на его основе реализованы два вики-движка, позволяющие создавать персональные вики.

Одним из таких движков является WoaS (Wiki on a Stick), который работает также как вики-сайты: мгновенное редактирование страниц, упрощенный синтаксис форматирования, перекрестные ссылки в статьях, и т.д. Эту идею WoaS реализует с помощью одного HTML-файла. Пользователь загружаете его в любой браузер и получает полностью сконфигурированную Wiki. На рисунке 1 приведен скриншот вики в окне браузера FireFox.

Рисунок 1. Скриншот интерфейса вики движка WoaS версия 0.13.0

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

На рисунке 2 приведен скриншот вики в окне браузера Internet Explorer

Рисунок 2. Скриншот интефейса вики движка WoaS версия 0.12.0

На рисунке 3 приведен скриншот вики в режиме редактирования (браузер Opera)

Рисунок 3. Скриншот интефейса WoaS версия 0.13.0

Очевидно, что данный вики-движок можно использовать для создания электронных образовательных ресурсов. Однако следует отметить, что в настоящее время этот проект не очень активен. Версия 0.12.0 была выпущена 27.08.2012, а версии 0.13.0 - 15.02.2014.

Значительно активнее развивается проект TiddlyWiki (TW). На наш взгляд, особое внимание следует обратить именно на TW, поскольку этот движок обладает уникальными, выделяющими его среди других, особенностями. Во-первых, этот программный продукт совмещает в себе и хранилище данных, и средства редактирования, и представляет собой отдельный html (htm) файл. Для работы с ним достаточно наличия в программном обеспечении компьютера браузера. Возможность подключения к текстовому контенту графических изображений, звуковой и видео-информации посредством гиперссылок позволяет реализовывать электронные образовательные среды любой сложности. Формат файла TW обеспечивает практическую кроссплатформенность дидактических сред. Кроме того вид лицензии, под которой распространяется данный программный продукт (BSD), позволяет на базе основного ядра TW создавать собственные версии, расширяющие функциональные возможности исходной программы. Данный вики-движок был разработан Джереми Растоном (Рустоном) (Jeremy Ruston) - сотрудником компании Osmosoft и передан некоммерческой ассоциации UnaMesa, занимающейся распространением свободного программного обеспечения.

Первый вариант TW был опубликован в сентябре 2004 года. Размер файла составлял 48 кБ. Интерфейс вики-движка приведен на рисунке 4.

Рисунок 4. Скриншот интерфейса первой версии TW

С этого момента начали периодически выпускаться версии так называемой «классической» TW. Выпуски классической TW версии под руководством Джереми Растона продолжались до 2011 года и закончились версией 2.8.1. Однако почти все они до сих пор доступны на сайте classic.tiddlywiki.com.

Начиная с 2011 года Джереми Растон начал работать над версиями TW, использующими возможности языка HTML5. В декабре 2013 работа была завершена, а в 2014 году была выпущена стабильная версия TiddlyWiki5 (TW5) 5.1.0. Последняя доступная стабильная версия TiddlyWiki на момент написания статьи - 5.1.13. Готовится к выпуску версия 5.1.14.

Интерфейс последней стабильной версии TW 5 приведен на рисунке 5.

Рисунок 5. Скриншот интерфейса TW версии 5.1.13

Исходная программа в виде так называемого «пустого» (empty.html) файла может быть свободно скачана с официального сайта tiddlywiki.com (который сам реализован на движке TiddlyWiki), либо с сайта любого разработчика программных продуктов на базе TiddlyWiki.

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

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

На рисунках 6 и 7 представлена версия TiddlyWiki, оптимизированная для создания текстовых материалов; особенностью данной версии является возможность изменения интерфейса «на лету», причем и элементов управления, и цветовой палитры.

Рисунок 6. Интерфейса при использовании палитры Default

Рисунок 7. Интерфейса при использовании палитры Mauve

Материалы дидактических сред, представленные на рисунках 2-5 были реализованы на базе «стандартных» версий TiddlyWiki.

На рисунке 8 представлен интерфейс вики-движка, оптимизированного для целей образовательного процесса - TiddlyWiki-SE (Student Edition), выполненного на базе TW версии 1.2.39 и находящегося в Сети по адресу http://checkettsweb.com/tw/tiddlywikise.htm.

Рисунок 8. Интерфейса TW Student Edition

Наш личный опыт создания и использования в учебном процессе дидактических сред на базе TiddlyWiki, а также данные пилотного эксперимента Э. Листера [5, 6], позволяют заключить, что данный вики-движок может быть использован в качестве эффективного инструмента для реализации проектов как в рамках «традиционного» аудиторного, так и дистанционного обучения. Использование TiddlyWiki облегчает доступ к образовательным ресурсам для тех категорий обучающихся, которые не всегда имеют доступ к сети Интернет. Кроме того, данное программное обеспечение может стать основой создания среды, способствующей сотрудничеству и общению между обучающимися и преподавателями.

вики программа javascript

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

1. Киргинцева Н.С., Нечаев С.А. Свободное программное обеспечение в составе ИОС: программа WikidPad // NovaInfo.Ru (Электронный журнал.) - 2016 г. - № 46;

2. Киргинцев М.В., Киргинцева Н.С., Нечаев С.А. Свободное програм-мное обеспечение в составе иос: программа zim - 2016 г. - № 48

3. Киргинцев М.В., Киргинцева Н.С., Нечаев С.А. Свободное програм-мное обеспечение в составе иос: программа OutWiker - 2016 г. - № 50

4. Монахов В. В. Языки программирования Internet. Часть 2. Основы языка JavaScript/ http://distolymp2.spbu.ru/www/edu/js.html.

5. Andrew Lister. Student Notebook [Электронный ресурс] URL: http://andrewlister.wordpress.com/2008/12/16/student-notebook/. (Дата обращения: 05.03.2017).

6. Andrew Lister. Using TW + Wikispaces [Электронный ресурс] http://andrewlister.wordpress. com /2008/12/16/using-tw-wikispaces/ (Дата обращения: 05.03.2017).

Размещено на Allbest.ru


Подобные документы

  • Сравнительная характеристика, возможности и функции языков программирования JavaScript и PHP. Основные области их использования. Разработка интерактивного Web-приложения с применением JavaScript на примере теста по теме "Программирование на языке Delphi".

    курсовая работа [19,3 K], добавлен 01.07.2014

  • Характеристика Javascript функции с параметрами (аргументами). Возврат значений, глобальные и локальные переменные в функции. Все способы создания пользовательских функций в Javascript. Область видимости переменных. Рекурсивная функция Javascript.

    лабораторная работа [75,8 K], добавлен 19.09.2019

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

    лекция [16,2 K], добавлен 05.02.2012

  • Изучение создания скриптов на JavaScript. Разработка программы выдачи простого предупреждения по событию Click при выборе гипертекстовой ссылки. Применение контейнера SCRIPT для размещение JavaScript-кода. Получение типа программы просмотра HTML-страниц.

    контрольная работа [21,1 K], добавлен 15.02.2010

  • Назначение и применение JavaScript, общие сведения. Понятие объектной модели применительно к JavaScript. Размещение кода на HTML-странице. URL-схема. Вставка (контейнер SCRIPT, принудительный вызов интерпретатора). Программирование свойств окна браузера.

    лекция [517,1 K], добавлен 09.03.2009

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

    лабораторная работа [40,2 K], добавлен 19.09.2019

  • Базовый синтаксис языка сценариев JavaScript. Создание страниц, включающих в себя программы, которые взаимодействуют с пользователем, управляют браузером и динамически создают HTML-содержимое. Работа с объектами, которые инкапсулируют данные и поведение.

    лабораторная работа [58,6 K], добавлен 25.05.2016

  • Исследование возможностей и областей использования языка программирования JavaScript. Сравнительный анализ языков программирования JavaScript и PHP. Разработка интерактивного Web-приложения на примере теста по теме "Программирование на языке Delphi".

    практическая работа [26,0 K], добавлен 04.02.2015

  • Javascript як мова програмування, заснована на об'єктах: і мовні засоби, і можливості середовища представляються об'єктами. Структура програм на мові Javascript. Декларація змінних та сфер їх впливу. Типи даних та їх використання. Пріоритети операцій.

    курсовая работа [51,4 K], добавлен 12.12.2010

  • Примеры динамического построения html-страницы при помощи JavaScript. Использование цикла For, когда заранее известно, сколько раз должны повториться циклические действия. Выполнение циклических операторов входа и выхода, прерывание текущей итерации.

    лабораторная работа [52,4 K], добавлен 19.09.2019

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.