Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 5)

– улучшить взаимодействие дизайнеров и разработчиков приложений, предоставив им инструментальные средства, использующие общий формат для описания приложения (XAML);

– предоставить общую технологию для создания интерфейсов Windows–приложений и приложений, работающих в браузере.

Недостатки:

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

2.2 Система контроля версий

Система контроля версий (СКВ) – это система, регистрирующая изменения в одном или нескольких файлах для того, чтобы в дальнейшем была возможность вернуться к определённым старым версиям этих файлов. Под версионный контроль можно поместить файлы практически любого типа.

СКВ даёт возможность возвращать отдельные файлы к прежнему виду, возвращать к прежнему состоянию весь проект, просматривать происходящие со временем изменения, определять, кто последним вносил изменения в модуль, кто и когда внёс в код какую-то ошибку, и т. п.

Популярен метод контроля версий путем копирования файлы в другой каталог (как правило добавляя текущую дату к названию каталога). Такой подход очень распространён, потому что прост, но он и чаще даёт сбои [21].

Чтобы решить эту проблему, были разработаны локальные СКВ с простой базой данных, в которой хранятся все изменения нужных файлов (рисунок 6).

Рисунок 6 – Схема локальной СКВ

Следующей основной проблемой оказалась необходимость сотрудничать с разработчиками за другими компьютерами. Чтобы решить её, были созданы централизованные системы контроля версий (ЦСКВ). В таких системах, например CVS, Subversion и Perforce, есть центральный сервер, на котором хранятся все файлы под версионным контролем, и ряд клиентов, которые получают копии файлов из него [22]. Много лет это было стандартом для систем контроля версий (рисунок 7).

Рисунок 7 – Схема централизованного контроля версий

Такой подход имеет множество преимуществ, особенно над локальными СКВ. К примеру, все знают, кто и чем занимается в проекте. У администраторов есть чёткий контроль над тем, кто и что может делать, и, конечно, администрировать ЦСКВ намного легче, чем локальные базы на каждом клиенте.

Однако при таком подходе есть и несколько серьёзных недостатков. Наиболее очевидный – централизованный сервер является уязвимым местом всей системы. Если сервер выключается на час, то в течение часа разработчики не могут взаимодействовать, и никто не может сохранить новой версии своей работы. Если же повреждается диск с центральной базой данных и нет резервной копии, вы теряете абсолютно всё – всю историю проекта, разве что за исключением нескольких рабочих версий, сохранившихся на рабочих машинах пользователей. Локальные системы контроля версий подвержены той же проблеме: если вся история проекта хранится в одном месте, вы рискуете потерять всё [23].

И в этой ситуации помогают распределённые системы контроля версий (РСКВ). В таких системах как Git, Mercurial, Bazaar или Darcs клиенты не просто выгружают последние версии файлов, а полностью копируют весь репозиторий. Поэтому в случае, когда сервер, через который шла работа, дает сбой, любой клиентский репозиторий может быть скопирован обратно на сервер, чтобы восстановить базу данных [24]. Каждый раз, когда клиент забирает новую версию файлов, он создаёт себе полную копию всех данных (рисунок 8).

Рисунок 8 – Схема распределённой системы контроля версий

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

На сегодняшний день самой популярной системой контроля версия является Git. Программа поддерживает быстрое разделение и слияние версий, включает инструменты для визуализации и навигации по нелинейной истории разработки. Git предоставляет каждому разработчику локальную копию всей истории разработки, изменения копируются из одного репозитория в другой [25].

Преимущества:

– высокая производительность;

– развитые средства интеграции с CVS, SVN и Mercurial;

– продуманная система команд, позволяющая удобно встраивать Git в скрипты;

– для раздачи репозитория по сети достаточно любого веб-сервера.

Недостатки:

– большие затраты времени на формирование истории конкретного файла;

– отсутствие отдельной команды переименования/переноса файла;

– система не умеет отслеживать пустые каталоги.

2.3 Графическое программное обеспечение

Современные электронные учебники включают в себя подробные иллюстрации, дополняющие текстовую часть. Для создания иллюстраций потребуется графическое программное обеспечение, в частности графический редактор. Графический редактор – это программа (или пакет программ), позволяющая создавать и редактировать двухмерные изображения с помощью компьютера [26]. Двухмерные графические редакторы бывают:

– растровые;

– векторные;

– гибридные.

Растровые графические редакторы предназначены в основном для создания и обработки изображений. Подобные программные продукты нашли широкое применение в работе дизайнеров, художников-иллюстраторов, при подготовке изображений к печати типографским способом или на фотобумаге, публикации в Интернете[27].

Растровые графические редакторы позволяют пользователю рисовать и редактировать изображения на экране компьютера, а также сохранять их в различных растровых форматах, таких как, например, JPEG и TIFF, позволяющих сохранять растровую графику с незначительным снижением качества за счёт использования алгоритмов сжатия с потерями, PNG и GIF, поддерживающих хорошее сжатие без потерь, и BMP.

GIMP – один из первых свободных графических редакторов с открытым исходным кодом, разрабатывается сообществом профессиональных программистов. Основное преимущество редактора, что он полностью бесплатен.

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

Интерфейс программы настраивается согласно предпочтениям пользователя (рисунок 9). Имеется возможность по отдельности управлять панелью инструментов и панелью диалогов, и так же работать с каждым изображением в своём собственном окне [29].

Рисунок 9 – Интерфейс GIMP

Основные инструменты GIMP:

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

– возможность работать с контурами и кривыми Безье;

– инструменты для рисования, включая карандаш, кисть, перо, ластик, распылитель;

– гибкие инструменты по работе с яркостью, контрастностью и цветовыми составляющими изображения;

– большое количество фильтров и эффектов для применения к изображениям;

– инструменты преобразования и кадрирования изображений;

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

2.4 Программы редактирования кода

Проектирование электронного учебника, подразумевает под собой создание программы на одном из языков программирования или создание HTML страницы с

Brackets – бесплатный редактор с открытым кодом для веб-разработчиков. Brackets ориентирован на работу с HTML, CSS и JavaScript. Эти же технологии лежат в основе самого редактора, что обеспечивает его кроссплатформенность т.е. совместимость с операционными системами Mac, Windows и Linux. Brackets создан и развивается Adobe Systems под лицензией MIT License и поддерживается на GitHub [30].

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

В целом, при выборе средств разработки электронных учебников необходимо наличие:

– аппаратных средств определенной конфигурации;

– сертифицированных программных систем;

– специалистов требуемого уровня [31].

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

В данной главе рассмотрены технические программные средства, используемые для проектирования электронных учебных пособий. Для редактирования кода разметки HTML и языка JavaScript будет использован бесплатный редактор Brackets от компании Adobe. Редактирование изображений будет происходить с помощью редактора GIMP. Во время всего процесса создания электронного учебника будет использована система контроля версий Git. Функционал данных программных средств полностью соответствует заданным требованиям. Более полные по функционалу программы не будут использованы в данном дипломном проекте, в связи с их ценой или загруженностью интерфейса [32].

3 Разработка электронного учебника по Autodesk
Revit

3.1 Структура электронного учебника

Структура электронного учебного пособия представлена на рисунке 10. Данная структура предполагает наличие следующих компонентов учебного издания:

• теоретическая часть;

• практическая часть;

• контроль знаний.

Рисунок 10 – Структура электронного учебника

3.2 Особенности HTML, которые использовались при разработке электронного учебника

В данном дипломном проекте использована блочная HTML верстка с применением стандартных тегов:

• для подключения блоков: <div class = " " > </div>.

• для перехода на следующую строку: <br>

• для ссылки на другую страницу: <a href = " " class = " "> </a>.

• для вставки изображения: <img src = " " class = " " alt=" " />.

• для создания формы: <form action='' '' method= '' ''> </form>.

• для создания таблиц: <table class='' ''> <tr> <td> …. </td> </tr> </table>.

3.3 Особенности CSS, которые использовались при разработке электронного учебника

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

• width – ширина блока;

• height – высота блока;

• float: left, right, center ­– выравнивание слева, справа, по центру;

• cursor: pointer – форма курсора;

• margin-left, margin-right, margin-bottom, margin-top – отступы слева, справа, снизу, сверху;

• position – позиционирование элемента относительно окна браузера или других объектов на веб-странице;

• color – цвет текста элемента;

• padding-left, padding-right, padding-bottom, padding-top – внутренние отступы слева, справа, снизу, сверху;

• border – толщина границы вокруг элемента;

• border-radius – радиус скругления уголков рамки;

• background-color – цвет фона;

• font-family – класс шрифта;

• font-size – размер шрифта;

• font-weight – н асыщенность шрифта;

• text-align: Center, right, left, justify – выравнивание текста по центру, по правому краю, по левому краю, по ширине;

• float: left, right, center ­– выравнивание картинки слева, справа, по центру;

• line-height – межстрочный интервал;

• border-collapse – отображение границы вокруг ячеек таблицы;

• text-indent – величина отступа первой строки блока текста.

3.4 Особенности JavaScript, которые использовались при разработке электронного учебника

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

Характеристики

Список файлов ВКР