Н.К. Федотов ВКР

Система управления содержимым сайта с открытым исходным кодом,

распространяемая под GNU GPL. Написана на PHP, в качестве сервера базы данных использует MySQL. Сфера применения — от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система

«тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты. WordPress выпущен под лицензией GPL версии

2.

Идеальная платформа для публикации, ориентированная на красоту,

поддержку стандартов и удобство использования. WordPress(рис.2.7.)

бесплатен и свободен к распространению.

Рисунок 2.7. WordPress

21

3.2.6. Вывод

В рамках решаемой задачи, из перечисленных выше технологии, более всего подходит WordPress. Главным достоинством которого простота работы и доступность, c любого устройства, поддерживающего выход в интернет.

4. Решение задачи

4.1.Выбор и изучение теоретических материалов по данной теме

Данный этап является одним из главных. Он будет состоять из следующих стадий:

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

Вкачестве основного материала будут служить web-сайты:

•http://www.site-do.ru.

•http://videotuts.ru.

•http://photo-monster.ru.

Эти сайты хороши тем, что сам текст написан на понятном и доступном языке.

4.1.1.Вывод

На этом этапе были собраны и изучены почти все необходимые материалы по теме выпускной квалификационной работы. Можно переходить к следующему этапу работы.

4.2. Подбор инструментальных средств

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

1) Adobe Photoshop - многофункциональный графический редактор,

разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений и

22

наиболее известным продуктом фирмы Adobe. Часто эту программу

2) Artisteer - многофункциональная программа для автоматического создания шаблонов. Поддерживаются популярные системы управления сайтом CMS Joomla, Wordpress, Drupal, Blogger, кроме этого есть возможность создавать простые, но достаточно функциональные сайты html,

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

3) Denwer - проект Дмитрия Котерова, локальный сервер (Apache, PHP, MySQL, Perl и т.д.) и программная оболочка, используемые Web-

разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет.

4)AkelPad - свободный текстовый редактор с открытым исходным кодом для операционных систем Microsoft Windows, но может свободно быть запущен под Wine и работать под управлением Unix-подобных операционных систем, таких как Linux.

5)WordPress - система управления содержимым сайта с открытым исходным кодом, распространяемая под GNU GPL. Написана на PHP, в

качестве сервера базы данных использует MySQL. Сфера применения — от блогов до достаточно сложных новостных ресурсов и интернет-магазинов.

Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.

Чтобы подготовить сам текст будущего электронного учебника потребуется текстовый редактор Microsoft Word.

4.2.1. Вывод

На этом этапе были подобраны необходимые программы для разработки

23

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

4.3. Подготовка технического задания

На этом этапе будут сформулированы и записаны все требования к продукту, а также свойства, которыми он будет обладать. Получившийся документ должен иметь структуру, заданную требованиями к оформлению технического задания, описанными в ГОСТ 34.602-89.

Структура технического задания должна быть примерно такой: 1.Общие сведения

1.1Наименование продукта. Описано название продукта;

1.2Основания для разработки. Что явилось основанием для разработки технического задания;

1.3Нормативные документы. Описано на основании чего, каких документов будет разрабатываться данное техническое задание;

1.4Сроки исполнения работ. В течение какого времени будет разрабатываться.

2. Назначение и цели создания электронного учебника

2.1Назначение учебника. В качестве чего и где будет применяться данный продукт.

2.2Цели и задачи.

2.2.1Цели. Какие цели будет преследовать создание

2.2.2Задачи:

3.Требования к электронному учебнику

3.1 Требования к функциональным характеристикам. Под какими операционными системами должен работать созданный электронный учебник.

3.2.Требования к работе. В соответствии с чем будет проведена работа

3.3 Требованию к оформлению и содержанию.

4.Содержание работ. Описаны основные этапы создания электронного учебника

24

5. Порядок контроля и приёмки

6.Значимость работы

7.Источники разработки

4.3.1.Вывод

На этом этапе было сформулировано и написано техническое задание на разработку электронного учебника по графическому редактору Adobe

PhotoShop.

4.4. Разработка электронного учебника.

4.4.1. Программная реализация системы

Электронный учебник по графическому редактору Adobe

PhotoShop(рис.3.1.)

Рисунок 3.1. Adobe PhotoShop

был разработан с помощью системы управления сайтом WordPress(рис.3.2.),

написанный на PHP, в качестве сервера базы данных используется MySQL.

25

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

В электронном мультимедийном учебнике реализована возможность по:

В результате при минимальных трудовых затратах на разработку системы, было создано удобное и простое в понимании программное средство.

Рисунок 3.2. WordPress

4.4.2. Создание общей структуры и интерфейса системы

Были выделены два основных модуля системы: просмотр лекционного

материала, просмотр видео уроков.

На модуль работы с лекционным материалом была возложена

реализация следующих функций:

На модуль видео уроков была возложена реализация следующих функций:

26

4.4.3. Проработка элементов пользовательского интерфейса

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

настройка внешнего вида компонентов пользовательского интерфейса;

созданы формы диалога с пользователем и удобное меню навигации.

4.4.4. Проработка графических изображений

В заключении программной разработки интерфейса для пользователя были проработаны графические возможности.

Для упрощения работы с электронным учебником, было решено использовать простой дизайн сайта с крупными надписями разделов.

4.4.5. Программная реализация интерфейса

Электронный учебник по графическому редактору Adobe PhotoShop

был разработан в среде WordPress.

Программная реализация электронного мультимедийного учебника

включала в себя следующие этапы:

Для разработки интерфейса электронного учебника использовал графический редактор Adobe Photoshop.

27

Внешний вид интерфейса главного меню представлен на рисунке 3.3, 3.5 и 3.4.

Рисунок 3.3. - Главное меню учебника

Рисунок 3.4. - Главное меню учебника

28

Рисунок 3.5. - Главное меню учебника Главное меню, содержит в себе следующие пункты:

- Главная;

Видео урок 1;

Видео урок 2;

Видео урок 3;

Контакты.

При переходе по пункту видео урок 1 откроется окно с видео уроком.

Изображение окна работы с темой представлена на рисунке 3.6. Данный пункт содержит 2 видео урока:

Рисунок 3.6. – Пункт видео урок 1

29

При нажатии на кнопку Видео урок 2 появиться следующий видео урок.

Вид пункта видео урок 2 представлен на рисунке 3.7.

Рисунок 3.7. – Пункт видео урок 2

При нажатии на кнопку Видео урок 3 появиться следующий видео урок.

Вид пункта видео урок 3 представлен на рисунке 3.8.

Рисунок 3.8. – Пункт видео урок 3

30