Разработка информационного ресурса "Электронный учебник"

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

Введение

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

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

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

Объектом исследования дипломного проекта является процесс управления обработкой информации по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности».

Целью дипломного проекта является разработка электронного учебного пособия для обучения, проверке знаний и умений студентов по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности».

Предметом исследования является обработка информации по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности».

В соответствии с целью, объектом и предметом исследования были

поставлены следующие задачи:

– изучение предметной области;

– поиск и обработка информации;

– подготовка материала для публикации;

– разработка электронного пособия;

– тестирование электронного пособия.

1. Техническое задание

1.1 Обоснование требований к комплексу технических средств

Для проектирования и разработки электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» необходимы следующие программно-технические средства:

Персональный компьютер:

– оперативная память -1024 Мб;

– процессор с тактовой частотой 2,4 МГц;

– объем жесткого диска -150 Гб;

– видеокарта с поддержкой разрешения 1024*768.

Периферийные устройства:

– мышь;

– клавиатура.

Программное обеспечение:

- ОС Microsoft Windows 7 Ultimate;

- Web- браузер Google Chrome;

- визуальный HTML редактор Adobe Dreamweaver CS3;

- графический редактор Adobe Photoshop CS3.

1.2 Описание функциональной структуры

Заданием для написания дипломного проекта является разработка электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности».

Назначением электронного учебного пособия является предоставление студентам информации по данному модулю для изучения и повторения материала, а также подготовка к занятиям.

Данное программное обеспечение может применяться при самостоятельном изучении и проверки знаний в учебных заведениях для изучения нового материала и проверки знаний по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности».

Электронное учебное пособие должно выполнять следующие функции:

- открытие электронного пособия;

- просмотр информации на странице;

- навигация по электронному учебному пособию;

- сохранение в MS Word материала;

- печать нужной информации для пользователя;

- закрытие электронного пособия.

Описание информационных и управляющих связей между компонентами продукта представлено в соответствии с рисунком 1.

Рисунок 1.1 - Интерфейс продукта

Для разработки электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» необходимы следующие классы программных продуктов:

– среда разработки web-приложения;

– язык написания сценариев;

– графические редакторы.

1.3 Характеристика программных комплексов для решения поставленной задачи

Для разработки электронного учебного пособия было использовано следующее программное обеспечение: Adobe Dreamweaver CS3, Adobe Photoshop CS 3, JavaScript, HTML.

Adobe Dreamweaver CS3 - визуальный HTML редактор. Dreamweaver CS3 предлагает мощные средства для работы с программным кодом и удобные визуальные инструменты, позволяющие создавать приложения в кратчайшие сроки. При разработке приложений почти невозможно добиться полной совместимости используемых тэгов, атрибутов и конструкций CSS с различными типами браузеров.

Особенности программы Adobe DreamweaverCS3:

- работа в нескольких режимах - визуальный, текстовый и совмещенный;

- создание современных и динамичных веб-сайтов;

- настраиваемая подсветка тегов и сворачивание кода в блоки;

- проектирование веб-сайтов;

- проверки CSS на совместимость с различными браузерами;

– генерация валидного html кода;

– проверка (валидация) на соответствие спецификации html, подсветка ошибок;

– использование регулярных выражений;

– ftp менеджер - загрузка и редактирование страниц на сервере;
быстрые вставки html тегов и их атрибутов;

– с помощью Dreamweaver очень просто разрабатывать каскадные таблицы стилей (CSS).

Минусы программы Adobe Dreamweaver CS3:

– достаточно сложный интерфейс;

– для новичков возникнут сложности по ее освоению;

– не каждый сможет задействовать все возможности программы.

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

Adobe Photoshop CS 3 - многофункциональный графический редактор, разработанный и распространяемый фирмой AdobeSystems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop. В настоящее время Photoshop доступен на платформах Mac, Windows, в мобильных системах iOS и Android. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена, начиная с третьей версии продукта. Для версий 8.0 и CS6 возможен запуск под Linux с помощью альтернативы Windows API -- Wine.

Особенности:

Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. В более ранней версии была включена специальная программа для этих целей -- AdobeImageReady, которая была исключена из версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в линейку программных продуктов AdobeFireworks, перешедшего в собственность Adobe после приобретения компании Macromedia.

Adobe Photoshop CS 3 тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как AdobeImageReady (программа упразднена в версии CS3), AdobeIllustrator, AdobePremiere, AdobeAfterEffects и AdobeEncore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т. д. для телевидения, кинематографа и всемирной паутины. Photoshop также прижился в кругах разработчиков компьютерных игр.

Основной формат Adobe Photoshop CS 3 , PSD, может быть экспортирован и импортирован всеми программными продуктами, перечисленными выше. Photoshop CS поддерживает создание меню для DVD. Совместно с AdobeEncore DVD, Adobe Photoshop CS 3 позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями.

Из-за высокой популярности Photoshop поддержка специфического для неё формата PSD была реализована во многих графических программах, таких как MacromediaFireworks, Corel PHOTO-PAINT, WinImages, GIMP, CorelPaintShopPro и других.

Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в нотации самой программы -- режим изображения):

– RGB;

– LAB;

– CMYK;

– В градациях серого;

– Черно-белые;

– Duotone;

– С 256-цветовой палитрой (Indexed);

– Многоканальные (Multichannel).

JavaScript - объектно-ориентированный язык разработки встраиваемых приложений, выполняющих как на стороне клиента, так и на стороне сервера.

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

Основные области использования языка JavaScript при создании интерактивных HTML-страниц:

– создание динамических html-страниц совместно с каскадными таблицами стилей и объектной моделью документа;

– динамическое создание документа с помощью сценария;

– оперативная проверка достоверности заполняемых пользователем полей форм html до передачи их на сервер;

– взаимодействие с пользователем при решении “локальных” задач, решаемых приложением JavaScript, встроенном в HTML-страницу.

VBScript - язык создания сценариев, который разработан фирмой Microsoft и является подмножеством достаточно распространенного в среде программистов языка VisualBasic разработки прикладных Windows-приложений.

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

VBScript унаследовал простоту и легкость в освоении, кроме того, нетрудно заметить схожесть некоторых операторов и приемов работы c VisualBasic и VBA. Из этого можно сделать вывод, что если программист работал на VisualBasic или VBA, то он с легкостью может перенести свои функции и процедуры на VBScript, немного поправив исходный код. Эта возможность зачастую влияет на выбор среды программирования.

Как и любой другой язык написания сценариев, VBScript предназначен для создания динамически изменяющихся web-страниц. Но, опять же, описываемый нами язык выделяется среди прочих более доступными средствами реализации идеи, вкладываемой разработчиком.

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

Особенности:

Язык HTML 5 имеет широкую сферу применения. Во-первых, новые возможности позволяют сделать код документа на порядок чище, чем ранее. К тому же, структура документа становится существенно проще. Контейнер div теперь полностью заменяется семантическими элементами.

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

Недостатки:

Несовершенство в сфере защиты данных. Она обуславливается накоплением больших объемов информации на жестком диске пользователя сети Интернет, которая может храниться там очень долгое время. Таким образом, злоумышленники могут незаметно собирать данные с Вашего компьютера.

Есть недостатки и в области мультимедиа и игр. Дело в том, что некоторые разработчики недовольны низкой производительностью контента, который создан при помощи html 5, а также ограниченностью платформ в применении, увеличением затрат на ресурсы и по времени и т.д.

сетевой диаграмма электронный учебный

1.4 Организация проектных операций

1.4.1 Формирование содержания проекта

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

Результатом планирования содержания проекта является информация таблицы 1.

Таблица 1 - Общая информация

Наименование проекта	Разработка и публикация информационного ресурса «Электронное учебное пособие ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности»
Куратор Проекта	Антоненко И.Н.
Менеджер Проекта	Киселёва Е.А.
Заказчик	ОБПОУ «КГПК»

Цели проекта:

- завершение в установленные сроки;

- выполнение в рамках бюджета;

- соответствовать ожиданиям заказчика.

Описание проекта

Разработка электронного учебного пособия ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» направлена на обучение, проверку знаний и умений студентов по данному модулю.



Таблица 2 - Основные этапы и результаты реализации проекта

Этап	Результат этапа
Начало проекта	- обозначена тема; - утверждены сроки проекта.
Техническое задание	- обоснование требований к комплексу технических средств; - описание функциональной структуры; - характеристика программных комплексов для решения поставленной задачи; - организация проектных операций.
Технический проект	- описание архитектуры разрабатываемого продукта; - разработка внутренней структуры.
Рабочий проект	- программа и методика испытаний; - создание эксплуатационной документации.

Таблица 3 - Критерии приемки продукта проекта

Результат этапа	Критерии приемки
Программное обеспечение с динамическим контентом ОБПОУ «КГПК»	Сроки выполнения проекта: 17.04.16 - 05.06.16 Стоимость: 10000 руб. Качество: удовлетворение пожеланий заказчика

Параметры отклонений

1) Сроки выполнения проекта: 7 - 10 дней.

2) Стоимость проекта: 1000 - 3000 руб.

3) Качество: незначительные расхождения с требованиями заказчика.

1.4.2 Построение иерархической структуры работ (ИСР)

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



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

Рисунок 1.2 - ИСР проекта



1.4.3 Составление сетевой диаграммы и графика расписания проекта

Диаграмма предшествования (тип Финиш - старт)

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

Финиш-старт. Инициация последующей операции зависит от завершения предшествующей операции (работа В не может начаться до завершения работы А);

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

Рисунок 1.3 - диаграмма Финиш- старт



1.4.4 Построение матрицы ответственности

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

Методика RACI является удобным и наглядным средством проектирования и планирования изменений, а именно участия различных ролей в процедурах и задачах процесса.

Таблица 4 - Матрица RACI

Пакеты работ проекта	Ответственные
	Куратор проекта	Разработчик
Начало проекта	С,A	A,R
Техническое задание	С,I	A,R
Технический проект	С,I	A,R
Рабочий проект	С,I	A,R

R - Responsible (исполняет);

A - Accountable (несет ответственность);

C - Consult before doing (консультирует до исполнения);

I - Inform after doing (оповещается после исполнения).

1.4.5 Формирование сметы

Таблица 5 - Смета проекта

Категория специалиста	Трудозатраты (дни)	Ставка (ден. единиц / день)	Итого
Куратор проекта	10 дней	300 руб./день	3000 руб.
Менеджер проекта	32 дней	313 руб./день	10000 руб.
Сумма резервов на непредвиденные обстоятельства
Категория	Вероятность	Стоимостная оценка	Итого
Поломка оборудования	0,1	400 руб.	400 руб.
Заправка картриджа принтера	0,5	300 руб	300 руб
Оплата телекоммуникационных услуг
Интернет	1	300 руб.	300 руб.
Итого:	10 000 руб.

1.4.6 Управление стоимостью проекта

Таблица 6 - Освоения денежных средств по каждому виду работ проекта

№ п/п	Наименование работы	Контрольная дата	Плановый объем, ПО, PV	Освоенный объем, ОО. EV	Фактическая стоимость, ФС, AC
1	Начало проекта	18.03.15	500 руб.	500 руб.	600 руб.
2	Техническое задание	23.04.15	3800 руб.	3300 руб.	3800 руб.
3	Технический проект	13.04.15	5300 руб.	6500 руб.	7000 руб.
4	Рабочий проект	05.05.15

Построение графиков S-кривых: отношения PV, EV, AC (X-время; Y-деньги).

Рисунок 1.4 - График S-кривых

Блочная диаграмма проекта

Рисунок 1.5 - блочная диаграмма



1.4.7 Построение причинно-следственных диаграмм

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

Рисунок 1.6 - Диаграмма Ишикавы

Таблица 7 - Данные для диаграммы Паретто

Дефект	Число появлений	Нарастающий итог	Процент дефекта
А	20	20	29,7%
B	10	30	15,2%
C	8	38	11,3%
D	6	44	8,7%
E	5	49	7,3%
F	5	54	7,3%
G	5	59	7,3%
I	3	62	4,3%
K	3	65	4,3%
L	2	67	2,8%
M	1	68	1,4%

Рисунок 1.7 - Диаграмма Парето.

1.4.9 Определение рисков

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

Таблица 8 - Шкала оценки воздействия для целей проекта

Определенные условия для шкалы оценки степени возможного влияния риска (показаны только примеры негативных воздействий)
Цель проекта	Показаны значения по относительной и числовой шкалам
	Очень низкое	Низкое	Умеренное	Высокое	Очень высокое
	0,05	0,10	0,20	0,40	0,80
Стоимость	Незначительное увеличение	Увеличение < 5%	Увеличение 5-10%	Увеличение 10-20%	Увеличение > 20%
Сроки	Незначительное увеличение	Увеличение < 5%	Увеличение 5-10%	Увеличение 10-20%	Увеличение > 20%
Содержание (объем)	Изменения незаметны	Незначительные изменения	Значительные изменения	Неприемлемое для клиента изменение	Достижение конечных результатов невозможно
Качество	Изменения незаметны	Незначительные изменения	Изменение требует согласия клиента	Неприемлемое для клиента изменение	Достижение конечных результатов невозможно

Таблица 9 - Матрица вероятностей и последствий

	Последствия
Вероятность	0,05	0,1	0,2	0,4	0,8
0,9	0,05	0,09	0,18	0,36	0,72
0,8	0,04	0,08	0,16	0,32	0,64
0,7	0,04	0,07	0,14	0,28	0,56
0,6	0,03	0,06	0,12	0,24	0,48
0,5	0,03	0,05	0,10	0,20	0,40
0,4	0,02	0,04	0,08	0,16	0,32
0,3	0,02	0,03	0,06	0,12	0,24
0,2	0,01	0,02	0,04	0,08	0,16
0,1	0,01	0,01	0,02	0,04	0,08

Риски, имеющие очень высокие вероятности, но незначительные последствия, а также риски, имеющие низкие вероятности и незначительные последствия, считаются рисками, не оказывающими воздействия (клетки таблицы серого цвета).

Риски с очень большими последствиями, но малой вероятностью, как и риски с незначительными последствиями и высокой вероятностью (клетки светло-серого цвета) имеют среднее воздействие на проект.

Риски, которым необходимо уделять особое внимание, имеют достаточно высокую вероятность и существенные последствия (клетки таблицы, окрашенные темно-серым цветом).



2. Технический проект

2.1 Описание архитектуры разрабатываемого продукта

Электронное учебное пособие является предоставление студентам информации по данному модулю для изучения и повторения материала, а также подготовка к занятиям.

Страница indx.html - главная страница электронного учебного пособия.

Страница lk.html - содержит список лекций по данному модулю.

Страница lk1.html - lk29.html - содержит информацию по данным лекции.

Страница pr.html - содержит список практических работ по данному модулю.

Страница pr2.html - pr27.html - содержит информацию по данным практическим работам.

Страница tst - содержит список тестов по данному модулю.

Страница tst1.html - tst2.html - содержит тесты по теме.

Страница video.html - содержит список видео по данному модулю.

Страница video_base.html - содержит видео по базовому курсу.

Страница video_advanced. html - содержит видео по продвинутому курсу.

Страница settings_str.html - содержит информацию по параметрам страницы.

Страница docs.html - содержит информацию о документах учебного пособия.

Страница docs_ktp.html - содержит информацию о календарно-тематическом плане учебного пособия.

Страница docs_ rppm. html - содержит информацию о рабочей программе учебного пособия.

Структура гипертекстовой системы приведена в приложении В.

2.2 Разработка внутренней структуры

При разработке электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» были использованы объекты, представленные в таблице 10.

Таблица 10 - Основные стили компонентов электронного учебного пособия

Атрибуты	Назначение
margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; width: 100%; display: table; background: url(images/templatemo_bg.jpg) repeat-x;	Форматирование текста страницы
#slidetabsmenu { float:left; width:100%; font-size:120%; line-height:normal; border-bottom: 1px solid gray; }	Форматирование размещения меню
#slidetabsmenu ul{ list-style-type: none; margin:0; margin-left: 225px; padding:0;	Форматирование блоков меню
}.смипт { font-family: Times New Roman, Times, serif;	Форматирование текста
a { color: #111; font-weight: bold; text-decoration: none; -moz-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;	Форматирование переходов между ссылками
a:hover { color: #555;	Форматирование цвета в тексте
#slidetabsmenu a:hover { background-position:0% -125px;	Форматирование ссылки
#slidetabsmenu #current a span { background-position:100% -125px; color: black;	Форматирование цвета
{color: #D9D7CA; text-decoration: none;}	Форматирование текста ссылок меню
{text-decoration: none;}	Форматирование текста ссылок
{text-decoration: none;}	Форматирование текста активных ссылок
href="javascript:void(0)" class="download"	Выполнение процедуры: сохранение в MS Word материала
href="" class="print"	Выполнение процедуры: печать нужной информации для пользователя
href="javascript:void(0)" class="scroll"	Кнопка «Наверх», позволяющая с конца документа переходить в начало документа
href="#video=base"><p class="p_menu">	Выполнение процедуры: вставка видео в электронный учебник
href="#tst=1"><p class="p_menu">	Выполнение процедуры: вставка теста в электронный учебник



3. Рабочий проект

3.1 Программа и методика испытаний

Объектом испытания дипломного проекта является электронное учебное пособие.

Целью испытания является проверка функций электронного учебного пособия:

Электронное учебное пособие должно выполнять следующие функции:

- открытие электронного пособия;

- просмотр информации на странице;

- навигация по электронному учебному пособию;

- сохранение в MS Word материала;

- печать нужной информации для пользователя;

- закрытие электронного пособия.

Проверка тестирования электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» производилась с использованием следующих программно - технических средств:

Персональный компьютер:

– оперативная память - 1024 Мб;

– процессор с тактовой частотой 2,4 МГц;

– объем жесткого диска -150 Гб;

– видеокарта с поддержкой разрешения 1024*768.

Периферийные устройства:

– мышь;

– клавиатура.

Программное обеспечение:

- операционная система Microsoft Windows 7 Ultimate;

- Web- браузер Google Chrome;

- визуальный HTML редактор Adobe Dreamweaver CS3;

- графический редактор Adobe Photoshop CS3.

Тестирование электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» включает в себя процесс проверки выполнения заданных функций, выявления и устранения недостатков в действиях системы.

Тестирование функций системы, представленны в таблице 11 .

Таблица 11 - Тестирование функций системы

Наименование тестируемой функции	Входные данные	Выходные данные
Тестирование и отладка открытия электронного учебного пособия	При двойном щелчке на файле indx.html	Открылась главная страница, содержащая общую информацию о модуле
Тестирование и отладка печати информации электронного учебного пособия	При нажатии на кнопку «Лекции» активируется ссылка	Открылась страница, содержащая список тем по дисциплине
	При нажатии на ссылку «Леция №1» активируется ссылка.	Открылась страница, содержащая материал по данной теме
	При нажатии на значок «Печать» активируется действие	Открылось окно печать
Тестирование сохранения в MS Word материала	При нажатии на кнопку «Лекции» активируется ссылка	Открылась страница, содержащая список тем по дисциплине
	При нажатии на ссылку «Лекция№1» активируется ссылка.	Открылась страница, содержащая материал по данной теме
	При нажатии на кнопку «Сохранить в MS Word» активируется действие	Открылось окно сохранения документа
Тестирование и отладка закрытия электронного учебного пособия	Принажатие на кнопку «Закрыть», расположенную в правом верхнем углу рабочего стола	Основное окно электронного учебного пособия закрылось



3.2 Создание эксплуатационной документации

3.2.1 Руководство системного программиста

Назначением электронного учебного пособия является предоставление студентам информации по данному модулю для изучения и повторения материала, а также подготовка к занятиям.

Данный программный продукт может применяться как в учебных учреждениях для массового изучения и проверки знаний, так и при самостоятельном изучении и проверки знаний по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности».

Для обеспечения выполнения электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» необходимо соблюдать следующие программно-технические требования:

Персональный компьютер:

– оперативная память -1024 Мб ;

– процессор с тактовой частотой 2,4 МГц;

– объем жесткого диска -150 Гб;

– видеокарта с поддержкой разрешения 1024*768.

Периферийные устройства:

– мышь;

– клавиатура.

Программное обеспечение:

- операционная система Microsoft Windows 7 Ultimate;

- Web- браузер Google Chrome;

- визуальный HTML редактор Adobe Dreamweaver CS3;

- графический редактор Adobe Photoshop CS3.

Страница indx.html - главная страница электронного учебного пособия.

Страница lk.html - содержит список лекций по данному модулю.

Страница lk1.html - lk29.html - содержит информацию по данным лекции.

Страница pr.html - содержит список практических работ по данному модулю.

Страница pr2.html - pr27.html - содержит информацию по данным практическим работам.

Страница tst - содержит список тестов по данному модулю.

Страница tst1.html - tst2.html - содержит тесты по теме.

Страница video.html - содержит список видео по данному модулю.

Страница video_base.html - содержит видео по базовому курсу.

Страница video_advanced. html - содержит видео по продвинутому курсу.

Страница settings_str.html - содержит информацию по параметрам страницы.

Страница docs.html - содержит информацию о документах учебного пособия.

Страница docs_ktp.html - содержит информацию о календарно-тематическом плане учебного пособия.

Страница docs_ rppm. html - содержит информацию о рабочей программе учебного пособия.

Для того чтобы установить электронное учебное пособие, необходимо скопировать папку «Электронное учебное пособие» на рабочий стол компьютера. Настройки электронное учебное пособие не требует.

Для того чтобы открыть электронное учебное пособие по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» необходимо осуществить двойной щелчок на файле «indx», который расположен в папке «Электронное учебное пособие».

В случае успешного выполнения запуска программы откроется главная страница электронного учебного пособия, в соответствии с рисунком 2.1.



Рисунок 2.1 - Главная страница электронного учебного пособия

Тестирование электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» включает в себя процесс проверки выполнения заданных функций, выявления и устранения недостатков в действиях системы.

Для функционирования программного продукта необходимо выполнить тестирование следующих функций:

- открытие электронного пособия;

- навигация по электронному учебному пособию;

- просмотр информации на странице;

- печать нужной информации для пользователя;

- сохранение в MS Word материала;

- закрытие электронного пособия.

Тестирование функций системы, представленны в таблице.



Таблица 11 - Тестирование функций системы

Наименование тестируемой функции	Входные данные	Выходные данные
Тестирование и отладка открытия электронного учебного пособия	При двойном щелчке на файле indx.html	Открылась главная страница, содержащая общую информацию о модуле
Тестирование и отладка печати информации электронного учебного пособия	При нажатии на кнопку «Лекции» активируется ссылка	Открылась страница, содержащая список тем по дисциплине
	При нажатии на ссылку «Леция №1» активируется ссылка.	Открылась страница, содержащая материал по данной теме
	При нажатии на значок «Печать» активируется действие	Открылось окно печать
Тестирование сохранения в MS Word материала	При нажатии на кнопку «Лекции» активируется ссылка	Открылась страница, содержащая список тем по дисциплине
	При нажатии на ссылку «Лекция№1» активируется ссылка.	Открылась страница, содержащая материал по данной теме
	При нажатии на кнопку «Сохранить в MS Word» активируется действие	Открылось окно сохранения документа
Тестирование и отладка закрытия электронного учебного пособия	Принажатие на кнопку «Закрыть», расположенную в правом верхнем углу рабочего стола	Основное окно электронного учебного пособия закрылось

3.2.2 Руководство оператора

Назначением электронного учебного пособия является предоставление студентам информации по данному модулю для изучения и повторения материала, а также подготовка к занятиям.

Электронное учебное пособие должно выполнять следующие функции:

- открытие электронного пособия;

- просмотр информации на странице;

- навигация по электронному учебному пособию;

- сохранение в MS Word материала;

- печать нужной информации для пользователя;

- закрытие электронного пособия.

Для обеспечения выполнения электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» необходимо соблюдать следующие программно-технические требования:

Программно-технические требования	Минимальный комплекс	Рекомендуемый комплекс
оперативная память	512 Мб	1024 Гб
объем накопителя на жестких магнитных дисках	100 Гб	150 Гб
видеокарта с поддержкой разрешения	640*360	1024*768
программное обеспечение	Windows XP, Internet Explorer, Chrome	Windows 7 Ultimate, Google Chrome, HTML редактор Adobe Dreamweaver CS3, Adobe Photoshop CS3

Для того чтобы открыть электронное учебное пособие по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» необходимо осуществить двойной щелчок на файле «indx», который расположен в папке «Электронное учебное пособие».

В случае успешного выполнения запуска программы откроется главная страница электронного учебного пособия, в соответствии с рисунком 3.1.



Рисунок 3.1 - Главная страница электронного учебного пособия.

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

Информация страницы «Лекции» представлена в соответствии с рисунком 3.2.

Рисунок 3.2 - Страница «Лекции»



Для того чтобы перейти на страницу «Лекция №1 «Интерфейс пользователя»», необходимо выбрать в списке тему и активировать ссылку. Перед вами откроется новая страница электронного учебного пособия, содержащая информацию согласно выбранному пункту меню.

Информация страницы «Лекция №1 «Интерфейс пользователя»» представлена в соответствии с рисунком 3.3.

Рисунок 3.3 - Страница «Лекция №1 «Интерфейс пользователя»»

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

Перед вами откроется окно печать в соответствии с рисунком 3.4.



Рисунок 3.4 - Печать страницы

Для сохранения материала в MS Word необходимо активировать кнопку

Перед вами откроется окно сохранения материала в соответствии с рисунком 3.5.

Рисунок 3.5 - Сохранение материала

Информация страницы «Видеоуроки» представлена в соответствии с рисунком 3.6.



Рисунок 3.6 - Страница «Видеоуроки»

Информация страницы «Практические работы» представлена в соответствии с рисунком 3.7.



Рисунок 3.7 - Страница «Практические работы»

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

Информация страницы «Практическая работа №2-3 «Проектирование пользовательского интерфейса в средах программирования»» представлена в соответствии с рисунком 3.8.



Рисунок 3.8 - Страница «Практическая работа №2-3 «Проектирование пользовательского интерфейса в средах программирования»»

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

В случае успешного выполнения главное окно программы закроется.



Заключение

В результате выполнения дипломного проекта было создано электронное учебное пособие по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности».

Целью данной разработки электронного учебного пособия является обучение, проверке знаний и умений студентов по данному модулю.

Электронное учебное пособие по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» разработано и выполнено в HTML-редакторе AdobeDreamweaver CS3. Для создания электронного учебного пособия по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» использовался объектно-ориентированный скриптовый язык программирования JavaScript. Для создания графических объектов использовалась программа Photoshop.

Электронное учебное пособие было выполнено в соответствии с требованиями технического задания и, будет применяться в учебных учреждениях для массового изучения и проверки знаний, так и при самостоятельном дистанционном изучении и проверки знаний по ПМ. 02 «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности».



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

1. Венедюхин А., Воробьев А. Создание сайтов. -- СПб.: Питер, 2011 г. - 107 с.;

2. Вильямсон X. Универсальный Dynamic HTML. Библиотека программиста. СПб.: Питер, 2011 г. - 304 с.;

3. ВинДж C. Искусство web-дизайна: Самоучитель. -- СПб.: Питер, 2012 г. 102 с.;

4. Гончаров А. Самоучитель HTML. -- СПб.: Питер, 2010 г. - 240 с.: ил;

5. Гудман Д. JavaScript и DHTML. -- СПб.: Питер, 2011 г. - 523 с.;

6. Дакетт Д. Основы веб-программирования с использованием HTML. - СПб.: БХВ-Петербург, 2010 г. - 110 с.;

7. Евдокимов Н., Лебединский И. Разработка веб-сайта. Практическое руководство. - М.: ДМК Пресс, 2010 г. - 134 с.;

8. Зольников Д.С. Как самостоятельно создать сайт любой сложности -- 2-е изд., стер. -- М.:НТ Пресс, 2010 г. - 272 с.;

9. Косарев А. П. Технические средства АСУ. -- СПб.: Питер, 2011 г. - 401 с.;

10. Крамер Р. HTML: наглядный курс Web-дизайна. -- СПб.: Питер, 2011 г. - 120 с.;

11. Леонтьев В.П. Web-дизайн. Руководство пользователя. -- М.: ДМК Пресс, 2010 г. - 310 с.;

12. Лещев. Создание web-сайта: учебный курс. -- СПб.:Питер, 2010 г. - 544 с.;

13. МакДональд М. Создание web-сайтов. Основное руководство. -- СПб.: Питер, 2010 г. - 156 с.;

14. Матросов А. В., Сергеев А. О., Чаунин М. П. HTML 4.0. - СПб.: БХВ-Петербург, 2011 г. - 672 с.;

15. Морозова О. М. Построй свой супер-сайт за 21 день. -- СПб.: БХВ-Петербург, 2011 г. - 224 с.;

16. Нидерст М.В. Web-мастеринг для профессионалов. Настольный справочник. -- М.: ДМК Пресс, 2011 г. - 127 с.;

17. Панфилов К. Создание веб-сайта от замысла до реализации. -- СПб.: Питер, 2011 г. - 112 с.;

18. Полонская Е.Л. Язык HTML. Самоучитель. : -- М. : Издательский дом "Вильяме", 2010 г. - 320 с. : ил.;

19. Петюшкин А.А. HTML в Web-дизайне. - СПб.: БХВ-Петербург, 2011. - 400 с.;

20. Ратшиллер Т., Геркен Т. Разработка Web-приложений. - СПб.: Питер, 2011 г. - 384 с.;

21. Скотт Б., Нейл Т. Проектирование веб-интерфейсов. - СПб.: Питер, 2010 г. - 672 с.;

22. Таненбаум Э. Современные операционные системы. 2-е изд. -- СПб.: Питер, 2011 г. - 134 с.;

23. Ташков П. Веб-мастеринг на 100%, HTML, CSS, JavaScript, CMS, раскрутка. - СПб.: БХВ-Петербург, 2010 г. - 129 с.;

24. Томсон Л., Веллинг Л. Разработка Web-приложений. - Киев: «ДиаСофт», 2010 г. - 672 с.;

25. Хейз.Р. Освой самостоятельно HTML и XHTML. 3-е изд. -- М.: ДМК Пресс 2011 г. - 224 с.;



Приложение А

Внешний вид среды разработки web-приложений Adobe Dreamweaver CS3



Приложение Б

Внешний вид графического редактора Photoshop



Приложение В

Модульная структура электронного учебного пособия



Приложение Г

Полный листинг программы

<!DOCTYPE html PUBLIC //indx

<html><head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>Электронное пособие ПМ. 02 Разработка, внедрение и адаптация программного обеспечения отраслевой направленности</title>

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>

<script type="text/javascript" src="js/jquery.printpage.js"></script>

<script type="text/javascript" src="js/jquery.magnific-popup.js"></script>

<script type="text/javascript" src="js/jquery.cookie.js"></script>

<script type="text/javascript" src="js/script.js"></script>

<link rel="stylesheet" type="text/css" href="css/video.css">

<link href="css/style.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" type="text/css" href="css/menu.css">

<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">

<link rel="stylesheet" type="text/css" href="css/settings.css">

<link id="color_css" rel="stylesheet" type="text/css" href="css/color_red.css">

<link id="font_css" rel="stylesheet" type="text/css" href="css/font_normal.css">

<script type="text/javascript">

if (($.cookie('colorthem')=='color_red') || ($.cookie('colorthem')=='color_pink') || ($.cookie('colorthem')=='color_purple') || ($.cookie('colorthem')=='color_blue') || ($.cookie('colorthem')=='color_lightblue') || ($.cookie('colorthem')=='color_cyan') || ($.cookie('colorthem')=='color_green') || ($.cookie('colorthem')=='color_lightgreen') || ($.cookie('colorthem')=='color_gold') || ($.cookie('colorthem')=='color_orange')){

$('#color_css').attr('href', 'css/'+$.cookie('colorthem')+'.css');};

if (($.cookie('fontsize')=='font_small') || ($.cookie('fontsize')=='font_normal') || ($.cookie('fontsize')=='font_large')){

$('#font_css').attr('href', 'css/'+$.cookie('fontsize')+'.css');};

</script>

</head>

<body>

<div class="container open-sidebar">

<div id="sidebar">

<ul>

<div id="accordion-js" class="accordion">

<li><a href="javascript:void(0)">Документы</a></li>

<div class="lmenu">

<a href="#docs=ktp"><p class="p_menu">Календарно-тематический план</p></a>

<a href="#docs=rppm"><p class="p_menu">Рабочая программа профессионального модуля</p></a>

</div>

<li><a href="javascript:void(0)">Лекции</a></li>

<div class="lmenu">

<a href="#lk=01"><p class="p_menu">Лекция № 1. Интерфейс пользователя</p></a>

<a href="#lk=02"><p class="p_menu">Лекция № 2. Методы и средства разработки пользовательского интерфейса</p></a>

<a href="#lk=03"><p class="p_menu">Лекция № 3. Стандартизация пользовательского интерфейса</p></a>

<a href="#lk=04"><p class="p_menu">Лекция № 4. JavaScript - объектно-ориентированный скриптовый язык программирования</p></a>

<a href="#lk=05"><p class="p_menu">Лекция № 5. Лексическая структура JavaScript</p></a>

<a href="#lk=06"><p class="p_menu">Лекция № 6. Типы данных JavaScript</p></a>

<a href="#lk=07"><p class="p_menu">Лекция № 7. Действия с данными и значениями</p></a>

<a href="#lk=08"><p class="p_menu">Лекция № 8. Переменные</p></a>

<a href="#lk=09"><p class="p_menu">Лекция № 9. Выражения и операторы</p></a>

<a href="#lk=10"><p class="p_menu">Лекция № 10. Поразрядные операторы</p></a>

<a href="#lk=11"><p class="p_menu">Лекция № 11. Отдельные операторы</p></a>

<a href="#lk=12"><p class="p_menu">Лекция № 12. Инструкции ветвления</p></a>

<a href="#lk=13"><p class="p_menu">Лекция № 13. Инструкции циклов</p></a>

<a href="#lk=14"><p class="p_menu">Лекция № 14. Исключения в JavaScript</p></a>

<a href="#lk=15"><p class="p_menu">Лекция № 15. Служебные инструкции</p></a>

<a href="#lk=16"><p class="p_menu">Лекция № 16. Объекты</p></a>

<a href="#lk=17"><p class="p_menu">Лекция № 17. Массивы</p></a>

<a href="#lk=18"><p class="p_menu">Лекция № 18. Функции</p></a>

<a href="#lk=19"><p class="p_menu">Лекция № 19. Свойства и методы функций</p></a>

<a href="#lk=20"><p class="p_menu">Лекция № 20. Конструкторы, прототипы и наследование</p></a>

<a href="#lk=21"><p class="p_menu">Лекция № 21. Объектно-ориентированный язык JavaScript</p><p></p></a>

<a href="#lk=22"><p class="p_menu">Лекция № 22. Настройка компьютера для разработки приложений</p></a>

<a href="#lk=23"><p class="p_menu">Лекция № 23. PHP: Условный оператор if else</p></a>

<a href="#lk=24"><p class="p_menu">Лекция № 24. PHP: Циклы</p></a>

<a href="#lk=25"><p class="p_menu">Лекция № 25. Массивы в PHP</p></a>

<a href="#lk=26"><p class="p_menu">Лекция № 26. Синтаксис HEREDOC</p></a>

<a href="#lk=27"><p class="p_menu">Лекция № 27. Встроенные в PHP функции</p></a>

<a href="#lk=28"><p class="p_menu">Лекция № 28. Передача переменных</p></a>

<a href="#lk=29"><p class="p_menu">Лекция № 29. Суперглобальный массив $_SERVER</p></a>

</div>

<li><a href="javascript:void(0)">Практические работы</a></li>

<div class="lmenu">

<a href="#pr=02"><p class="p_menu">Практическая работа № 2-3. Проектирование пользовательского интерфейса в средах программирования</p></a>

<a href="#pr=04"><p class="p_menu">Практическая работа № 4. Решение задач с использованием изученных действий и с данными и значениями</p></a>

<a href="#pr=05"><p class="p_menu">Практическая работа № 5. Решение задач с переменными</p></a>

<a href="#pr=06"><p class="p_menu">Практическая работа № 6. Решение задач с арифметическими операторами</p></a>

<a href="#pr=07"><p class="p_menu">Практическая работа № 7. Решение задач с операторами равенства</p></a>

<a href="#pr=08"><p class="p_menu">Практическая работа № 8. Решение задач с операторами отношения</p></a>

<a href="#pr=09"><p class="p_menu">Практическая работа № 9. Решение задач с логическими операторами</p></a>

<a href="#pr=10"><p class="p_menu">Практическая работа № 10. Решение задач с поразрядными операторами</p></a>

<a href="#pr=11"><p class="p_menu">Практическая работа № 11. Решение задач ветвления</p></a>

<a href="#pr=12"><p class="p_menu">Практическая работа № 12. Решение задач с циклами</p></a>

<a href="#pr=13"><p class="p_menu">Практическая работа № 13. Решение задач с исключениями</p></a>

<a href="#pr=14"><p class="p_menu">Практическая работа № 14. Создание объекта и редактирование его свойств</p></a>

<a href="#pr=15"><p class="p_menu">Практическая работа № 15. Решение задач с массивами</p></a>

<a href="#pr=16"><p class="p_menu">Практическая работа № 16. Изображения на Web-страницах</p></a>

<a href="#pr=17"><p class="p_menu">Практическая работа № 17. Решение задач с функциями</p></a>

<a href="#pr=18"><p class="p_menu">Практическая работа № 18. Решение задач с методами</p></a>

<a href="#pr=19"><p class="p_menu">Практическая работа № 19. Создание пространства имен и импорт символов из него</p></a>

<a href="#pr=20"><p class="p_menu">Практическая работа № 20. Решение задач с использованием цикла WHILE в php</p></a>

<a href="#pr=21"><p class="p_menu">Практическая работа № 21. Решение задач с использованием цикла FOR в php</p></a>

<a href="#pr=22"><p class="p_menu">Практическая работа № 22. Массив в php</p></a>

<a href="#pr=23"><p class="p_menu">Практическая работа № 23. Функции PHP. Примеры работы с функциями в PHP. Переменные и параметры функций PHP</p></a>

<a href="#pr=24"><p class="p_menu">Практическая работа № 24. Дата и время в PHP</p></a>

<a href="#pr=25"><p class="p_menu">Практическая работа № 25. Создание формы проверки CAPCHA</p></a>

<a href="#pr=26"><p class="p_menu">Практическая работа № 26. Создание поля для ввода комментария</p></a>

<a href="#pr=27"><p class="p_menu">Практическая работа № 27. Вывод выбранных данных из БД с помощью оператора SELECT</p></a>

</div>

<li><a href="javascript:void(0)">Видеоуроки</a></li>

<div class="lmenu">

<a href="#video=base"><p class="p_menu">Adobe Dreamweaver CS3. Базовый курс</p></a>

<a href="#video=advanced"><p class="p_menu">Adobe Dreamweaver CS3. Продвинутый курс</p></a>

</div>

<li><a href="javascript:void(0)">Тестирование знаний</a></li>

<div class="lmenu">

<a href="#tst=1"><p class="p_menu">Язык JavaScript. Вариант 1</p></a>

<a href="#tst=2"><p class="p_menu">Язык JavaScript. Вариант 2</p></a>

</div>

<br>

<br>

<br>

</div>

</ul>

</div>

<div class="main-content">

<a href="javascript:void(0)" data-toggle=".container" id="sidebar-toggle">

<span class="bar"></span>

<span class="bar"></span>

<span class="bar"></span>