Применение электронных учебников в учебном процессе

БОЛЬШАЯ ЛЕНИНГРАДСКАЯ БИБЛИОТЕКА - РЕФЕРАТЫ - Применение электронных учебников в учебном процессе

Применение электронных учебников в учебном процессе

Содержание

Введение

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

2. Исследовательский раздел

3. Технологический раздел

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

3.2 Технология создания электронного учебника «Информационная безопасность»

3.3 Диаграммы UML

3.4 Создание инсталлированного электронного учебника

3.5 Установка программного продукта

3.6 Инструкция пользователя

3.7 Инструкция по сопровождению

4. Раздел испытаний программного продукта

4.1 Набор тестов и тестирование

4.2 Протокол ошибок

5. Экономический раздел

5.1 Расчёт себестоимости программного продукта

5.2 Расчёт цены программного продукта

5.3 Эффект от внедрения программного продукта

6.Ообеспечения безопасности жизнедеятельности

Заключение

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

Приложение 1

Приложение 2

Приложение 3

Приложение 4

Введение

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

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

Существенное значение имеет размер и начертание шрифта. В отношении печатных учебных пособий исследования показывают, что наклонные шрифты (курсив) могут использоваться для акцента или в исключительных случаях для дополнительного. Электронный вариант учебника позволяет выделить отдельные слова или фразы цветом и фоном, что с одной стороны улучшает наглядность, позволяет акцентировать внимание на главном, но с другой стороны, излишняя "пестрота" или недостаточная контрастность могут рассеивать внимание или затруднить чтение.

Такие учебники должны содержать большое количество иллюстративного материала, также отмечают высокую дидактическую значимость иллюстраций. Для ограничения объема учебника (размеры файлов) и соответственно возможности его использования на более широком спектре компьютеров, целесообразно использование упакованных форматов графических файлов (GIF, JPEG и др.), использование ограниченной палитры цветов или векторных графических файлов, например WMF.

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

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

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

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

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

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

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

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

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

Таким образом, цель курсового проекта создание электронного учебника по дисциплине «Информационная безопасность».

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

1. Изучить необходимую литературу, способствующую разработке дипломного проекта.

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

3. Внести всю требуемую информацию в электронный учебник.

4. Провести тестирование программного продукта, для выявления неполадок и недоработок.

5. Выполнить отладку учебника.

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

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

1.1 Введение

1.1.1 Наименование программного продукта или программы:

Электронный учебник «Информационная безопасность».

1.1.2 Краткая характеристика области применения:

ФГОУ СПО Новосибирский профессионально-педагогический колледж.

1.2 Основания для разработки

1.2.1 Основания для проведения разработки:

Приказ на выполнение дипломного проекта от 29.01.2009.

1.2.2 Наименование и условное обозначение разработки:

Электронный учебник «Информационная безопасность».

Условное обозначение - папка «Информационная безопасность».

1.3 Назначение разработки

1.3.1 Функциональное назначение:

Электронный учебник «Информационная безопасность» служит дополнительным материалом для самостоятельного изучения студентами предмета «Информационная безопасность».

1.3.2 Эксплуатационное назначение:

На Уроках в ФГОУ СПО Новосибирском профессионально-педагогическом колледже.

1.4 Требования к продукту

1.4.1 Требования к функциональным характеристикам

1.4.1.1 Состав выполняемых функций:

Хранение информации, переход по ссылкам.

1.4.1.2 Организация входных данных: Нет

1.4.1.3 Организация выходных данных:

Экран монитора.

1.4.1.4 Временные характеристики:

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

1.4.2 Требования к надежности

1.4.2.1 Требования к обеспечению надёжного функционирования:

Продукт должен быть завершен, функционален, без браузера неавтономен.

1.4.2.2 Время восстановления после отказа:

Время перезагрузки компьютера.

1.4.2.3 Некорректные действия пользователя:

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

1.4.3 Условия эксплуатации

1.4.3.1 Климатические условия эксплуатации:

Оптимальные условия для работы ПК.

1.4.3.2 Требования к квалификации пользователя:

Любой уровень знания ПК

1.4.4 Технические параметры

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

Типы поддерживаемых операционных систем:

- Windows98/Me/NT/2000/XP/Vista;

- Процессор частотой: от PI 600MHz;

- Объём оперативной памяти: 256 Mб и больше;

- Видеоадаптер с объемом памяти: 64 Мб и больше;

- Место на жестком диске объемом: 40 Гб;

- Наличие CD-ROM.

1.4.5 Программные требования

1.4.5.1 Требования к исходным кодам и языкам программирования:

Язык HTML.

1.4.5.2 Требования к защите информации и программ:

Защита не требуется.

1.4.5.4 Требования к программным средствам, используемым программой:

Любой обозреватель.

1.4.6 Требования к маркировке и упаковке

1.4.6.1 Требования к маркировке:

Диск, находится в специальном боксе, содержащий название программы, Ф.И.О. разработчика.

1.4.6.2 Требования к упаковке:

CD-бокс.

1.4.7 Транспортировка и хранение

1.4.7.1 Условия транспортировки и хранения:

– хранить при температуре -5-55 С°;

– влажность от 10-80%;

– избегать прямых солнечных лучей;

– не подвергать ударам;

– избегать воздействия магнитных полей.

1.5 Требования к программной документации

1.5.1 Состав программной документации:

Техническое задание, руководство пользователя.

1.6 Технико-экономические показатели

1.6.1 Расчет цены и себестоимости электронного учебника.

1.7 Календарный план работ

1.7.1 Календарный план работ:

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

1.8.1 Виды испытаний:

Тестирование электронного учебника в кабинете №204 НППК.

1.8.2 Общие требования к приёму работы:

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

1.9 Приложения

1.9.1 Дополнительная документация

Спецификация качества (Приложение 1).

Функциональная спецификация (Приложение 2).

Структурная схема электронного учебника (Приложение 3)

Акт приема программного продукта (Приложение 4)

2. Исследовательский раздел

Современный период развития цивилизованного общества характеризует процесс информатизации.

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

Информатизация общества обеспечивает:

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

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

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

Одним из приоритетных направлений процесса информатизации современного общества является информатизация образования - внедрение средств новых информационных технологий в систему образования. Это сделает возможным:

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

– совершенствование методологии и стратегии отбора содержания, методов и организационных форм обучения, соответствующих задачам развития личности обучаемого в современных условиях информатизации общества;

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

– создание и использование компьютерных тестирующих, диагностирующих, контролирующих и оценивающих систем.

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

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

· информационная безопасность. Основные положения;

· защита информации;

· криптографические методы и средства обеспечения ИБ;

· компьютерные вирусы и антивирусные программы;

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

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

Первый рассмотренный редактор Macromedia Dreamweaver (рис.1).

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

Редактирование страниц можно производить в одном из трех режимов:

1. текстовый;

2. графический;

3. смешанный.

В графическом режиме все оптимально собранно для быстрого и качественного создания веб-страниц. Для каждого объекта производится настройка свойства в специальной панели. Существует мастер вставки элементов, который очень удобен в применение. При нажатии правой кнопки мыши открывается возможность работы с таблицами и свойствами элементов. Это очень важно, ни для кого не секрет, что таблица - основа дизайна в HTML. Работа с кодом так же удобна, здесь на помощь приходит подсветка HTML и автоподстановка тэгов/атрибутов. Одновременно работает окно свойств: выделяем код нужного элемента и редактируем его свойства в меню. Таким образом, разницы для самого редактора между графическим и текстовым режимом нет, последний же дает опытному дизайнеру огромную свободу творчества. Редактор CSS здесь работает превосходно: он сам предлагает нужные свойства, дает возможность визуального выбора необходимого цвета или же изображения. Неплохо работает подсветка JavaScript, скрипты легко интегрируются со страницами. Dreamweaver начинает недостаточно корректно работать при редактировании сложных структур из таблиц и стилей.

С выходом версии MX, в Dreamweaver появилась возможность редактировать серверные скрипты. Этот редактор можно использовать для написания скриптов, но для их тестирования самым оптимально вариантом будет воспользоваться услугами браузера и предустановленного вебсервера. Сам редактор тестирует проект на сервере хостера.

Для того чтобы создать электронный учебник, необходимо придумать его структуру и в дальнейшем создать страницы в Dreamweaver. В Dreamweaver существует возможность интеграции с другими продуктами Macromedia: здесь предлагается редактировать графику в Fireworks, ролики в Flash и прочее. С помощью графического меню можно редактировать необходимый стиль. Имеются утилиты проверки/исправления кода, орфографии, конвертирования в XHTML.

В правой части экрана, во вкладке Design расположены стили и слои. Вкладка Application осуществляет помощь при создании динамического сайта. Tag Inspector выдает информацию об интересующем тэге, его атрибутах и связанных с ним свойствах. Files - файловый менеджер. Snippets - это готовые шаблоны кода, которые ни необходимости можно использовать. Reference - справочный материал.

Таким образом, Macromedia Dreamweaver - оптимальная программа для создания электронного учебника или сайта.

Плюсы: удобство, функциональность, наличие интерактивной справки, универсальность.

Минусы: громоздкость, ресурсоемкость, коммерческий статус.

FrontPage

FrontPage входит в пакет приложений Microsoft Office ). Он стал первым продуктом широкого использования для Internet, сочетающим в себе клиентскую и серверную части и обеспечивающим возможность разработки сайта в целом и установки его на большинство популярных серверов. FrontPage способен взять на себя всю необходимую работу по программированию. Однако FrontPage станет достаточно серьезным помощником и для профессиональных разработчиков, предпочитающих держать в руках полный контроль над творческим процессом. Для запуска программ, написанных в Front Page, не требуются никакие дополнительные библиотеки, интерпретаторы кода и прочее. Достаточно взять один-единственный сгенерированный исполняемый веб-узел и запустить его там, где нужно. Для установки программы на другой компьютер не требуется создание каких-либо дистрибутивов, не нужен процесс инсталляции, достаточно переписать исполняемый файл программы. Среда визуального программирования Front Page является мощным средством для быстрой и качественной разработки программ и веб-приложений.

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

Современные средства кодирования позволят быстро создавать и модифицировать тэги HTML, XHTML и WML, а также просматривать и повторно использовать созданный код, выполнять проверки и осуществлять форматирование исходных текстов.

Мощность:

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

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

Функциональность:

Разнообразные средства повышения производительности и поддержка web-стандартов обеспечат оптимально быстрое создание сайтов.

– HomeSite предлагает широкий выбор средств редактирования тэгов, с помощью которых можно создавать web-страницы в кратчайшие сроки. Например, такие функции, как Tag Insight, Tag Editors и Tag Completion существенно облегчат добавление тэгов и их атрибутов.

– Заготовки кода (Code Snippets) позволяют инкапсулировать отдельные фрагменты исходных текстов и многократно использовать их при создании различных страниц, или же обмениваться ими с другими разработчиками.

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

Гибкость:

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

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

– Продукт HomeSite предусматривает возможность создания новых диалоговых окон Tag Editor и записи новых тэгов в списки Tag Insight. Благодаря поддержке этих функций можно создавать и собственные тэги.

– Создание сценарий JavaScript и VBScript для автоматизации задач HomeSite и запуск их с помощью клавиатурных комбинаций и кнопок на панели инструментов.

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

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

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

HTML - служит для разметки страниц, придания определенного вида тому или иному элементу, будь то таблица, текст или картинки.

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

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

HTML (Hyper Text Markup Language) означает язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Документ на языке HTML может включать следующие компоненты:

· стилизованный и форматированный текст,

· команды включения графических и звуковых файлов,

· гиперсвязи с различными ресурсами Internet.

· скрипты на языке JavaScript и VBScript.

· различные объекты, например Flash-анимацию

Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметкиppуказывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу.

Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора.

Язык HTML является подмножеством мощного языка SGML (Standard Generalized Markup Language), который широко используется в издательской деятельности. Основной выигрыш от использования этих языков состоит в переносимости текста между разными издательскими системами. Эта же особенность сохраняется и в HTML.

Таким образом, в данной разработке электронного учебника самым приемлемым вариантом оказалось использование текстового редактора «Блокнот».

3. Технологический раздел

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

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

· Блокнот -- это несложный текстовый редактор, используемый для создания простых документов. Наиболее часто программа «Блокнот» используется для просмотра и редактирования текстовых (TXT) файлов, но многие пользователи применяют программу «Блокнот» в качестве простого инструмента для создания веб-страниц. Программа «Блокнот» поддерживает только основное форматирование, поэтому случайное сохранение специального форматирования в документах, в которых должен остаться чистый текст, исключено. Это особенно полезно при создании HTML-документов для веб-страниц, так как особые знаки или другое форматирование могут не отображаться на опубликованных веб-страницах и даже могут приводить к возникновению ошибок. Файлы программы «Блокнот» могут быть сохранены в следующих кодировках: Юникод, ANSI, UTF-8 или Юникод Big Endian. Эти форматы обеспечивают большую гибкость при работе с документами, использующими различные наборы знаков.

· Microsoft Office Picture Manager обеспечивает гибкие средства управления, редактирования и совместного использования рисунков. Пользователи могут просматривать все рисунки вне зависимости от того, где они сохраняются. Средство поиска рисунков помогает найти рисунки, автоматически выполняя поиск. Программа Office Picture Manager также помогает автоматически исправлять рисунки. Если требуется специфическая регулировка, можно выбирать отдельные инструменты редактирования. Программа Office Picture Manager предлагает также мощные средства совместного использования рисунков, позволяющие отправлять рисунки в сообщениях электронной почты или создавать узлы Microsoft SharePoint Picture Library в интрасети организации.

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

· Microsoft Office Word 2003 - это текстовый редактор, предназначенный для создания, просмотра и редактирования текстовых документов, с локальным применением простейших форм таблично-матричных алгоритмов. Текстовый процессор, выпускается корпорацией Microsoft в составе пакета Microsoft Office.

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

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

3.2 Технология создания электронного учебника «Информационная безопасность»

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

Далее сохранить этот файл в HTML формате (рис 6).

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

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

В обозревателе отобразится соответствующий цвет

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

Главная страница электронного учебника «Информационная безопасность»

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

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

<HTML><HEAD><TITLE>Информационная безопасность</TITLE><script language="JavaScript">function JSClock() {var time = new Date() var hour = time.getHours() var minute = time.getMinutes() var second = time.getSeconds() var temp = "" + hour

temp += ((minute < 10) ? ":0" : ":") + minute temp += ((second < 10) ? ":0" : ":") + second

document.clockForm.digits.value = temp id = setTimeout("JSClock()",1000) }</script>

</head><body onLoad="JSClock()"BGCOLOR=lightgrey> <form name="clockForm"><center>Текущее время: <input type="text" name="digits" size="8" value=""></center></form>

<a href=histori.html><img src=истор.jpg align=left alt="История НППК" border=0></a>

<BR><BR><BR><center><font size=7 face="Comic Sans MS" color="darkblue"> Информационная безопасность</font></center><BR><BR><BR><BR>

<a href="фрейм.html"><img src="изучить.jpg" align=left alt="Приступить к изучению" border=0></a><BR><BR><BR><BR><br><br><br><br> <font size=3 face="Comic Sans MS"><P align=right> Разработчик: Григорьева Анна. </P></font></BODY></HTML>

Следующей рассмотренной страницей будет первая страница учебника:

Эта страница создана с помощью фреймов

<HTML><HEAD><TITLE>Информационная безопасность</TITLE>

<FRAMESET ROWS="10%,*%" frameborder=1 framespacing=1>

<FRAME NAME="head" SRC="head.html">

<FRAMESET COLS="20%,80%">

<FRAME NAME="index" src="index.HTML">

<FRAME NAME="main" src="main.HTML"></FRAMESET></HEAD></HTML>

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

Рассмотрим код каждой части фрейма в отдельности:

Верхний фрейм (заголовок учебника):

<HTML><HEAD><TITLE>Информационная безопасность</TITLE>

<BODY BGCOLOR=lightgrey>

<a href="главная.html" target="_top"><img src=к1.jpg align=left alt="на главную страницу"border=0></a><h1 align="center">Информационная безопасность</h1>

</HEAD></HTML>

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

Левый фрейм:

<HTML><BODY BGCOLOR=lightgrey>

<HEAD><style>DIV.clTop{position:absolute; width:170}

DIV.clSub{position:absolute; left:10; width:170}

#divCont{position:relative; left:1; top:0; height:600; width:170;}

A.clMain{font-family:Book Antiqua; font-size:14px; text-decoration:none; font-weight:bold; color:202020}A.clSubb{font-family:Book Antiqua; font-size:12px; text-decoration:none; color:darkblue}#divMain{position:absolute}

</style><script language="JavaScript">

var stayFolded=false

var unImg=new Image(); unImg.src='arrow.gif'

var n = (document.layers) ? 1:0;

var ie = (document.all) ? 1:0;

var browser=((n || ie) && parseInt(navigator.appVersion)>=4)

function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.'

this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')

this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');

this.height=n?this.ref.height:eval(obj+'.offsetHeight')

this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;

this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt return this}

function b_showIt(){this.css.visibility="visible"}

function b_hideIt(){this.css.visibility="hidden"}

function b_vis()if(this.css.visibility=="hidden"

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}

function init(){

oTop=new Array()

oTop[0]=new makeMenu('divTop1','divCont')

oTop[1]=new makeMenu('divTop2','divCont')

oTop[2]=new makeMenu('divTop3','divCont')

oTop[3]=new makeMenu('divTop4','divCont')

oTop[4]=new makeMenu('divTop5','divCont')

oSub=new Array()

oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')

oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')

oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')

oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')

oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')

for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }}

function menu(num){if(browser){if(!stayFolded){

for(i=0;i<oSub.length;i++){if(i!=num){oSub[i].hideIt()

oTop[i].ref["imgA"+i].src=unImg.src}}for(i=1;i<oTop.length;i++){oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)}}if(oSub[num].vis()){oSub[num].showIt()

oTop[num].ref["imgA"+num].src=exImg.src}else{oSub[num].hideIt()oTop[num].ref["imgA"+num].src=unImg.src}for(i=1;i<oTop.length;i++){if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height</script></HEAD><body text="#202020" bgcolor="ivory" link="#0000FF" vlink="#FFA500" alink="#FF000" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<!-- МЕНЮ --><div id="divCont"><div id="divTop1" class="clTop">

<a href="#" onclick="menu(0); return false" class="clMain">

<img src="arrow.gif" name="imgA0" width=12 height=12 alt="" border="0">

Информационная безопасность. Основные положения</a><br>

<div id="divSub1" class="clSub"><br>

<h3><a href="2.html" target="main" class="clSubb">-Основные составляющие национальных интересов РФ.</a><br></h3>

<h3><a href="3.html" target="main" class="clSubb">-Интересы государства, общества, личности.</a><br></h3>

<h3><a href="4.html" target="main" class="clSubb">-Информация. Свойства информации, пути получения.</a><br></h3>

<h3><a href="1.html" target="main" class="clSubb">-Организационные, физико-технические, информационные, программно-математические угрозы. </a><br></h3>

<h3><a href="31.html" target="main" class="clSubb">-Комплексное обеспечение ИБ государства.</a><br></h3>

<h3><a href="32.html" target="main" class="clSubb">-Основные функции системы обеспечения ИБ РФ.</a><br></h3>

<h3><a href="33.html" target="main" class="clSubb">-Внутренние и внешние источни-ки угроз ИБ РФ.</a><br></h3>

</div><br></div><div id="divTop2" class="clTop">

<a href="#" onclick="menu(1); return false" class="clMain">

<img src="arrow.gif" name="imgA1" width=12 height=12 alt="" border="0">

Защита информации</a><br><div id="divSub2" class="clSub"><br> <h3> <a href="5.html"target="main" class="clSubb">-Элементы и объекты защиты информационной деятельности и обеспечения ИБ </a></h3><h3><a href="6.html"target="main" class="clSubb">-Технологии обеспечения безопасности обработки информации.</a></h3>

<h3><a href="7.html" target="main" class="clSubb">-Технологии предотвращения угроз ИБ.</a></h3><h3><a href="8.html" target="main" class="clSubb">-Методы и средства парирования угроз.

</a></h3><h3><a href="9.html" target="main" class="clSubb">-Методы и средства нейтрализации угроз.</a></h3></div><br></div><div id="divTop3" class="clTop">

<a href="#" onclick="menu(2); return false" class="clMain">

<img src="arrow.gif" name="imgA2" width=12 height=12 alt="" border="0">

Криптографические методы и средства обеспечения ИБ</a><br>

<div id="divSub3" class="clSub"><br><h3> <a href="10.html"target="main" class="clSubb">-Криптология и этапы ее развития. </a></h3><h3> <a href="11.html"target="main" class="clSubb">-Шифрование заменой (подстановка). Монофоническая замена.</a></h3>

<h3> <a href="12.html"target="main" class="clSubb">-Шифрование методом перестановки. </a></h3><h3>

<a href="13.html"target="main" class="clSubb">-Шифрование с помощью аналитических преобразований. Шифрование методом гаммирования. </a></h3>

<h3> <a href="14.html"target="main" class="clSubb">-Комбинированные методы шифрования. Кодирование. Другие виды криптографического закрытия информации. </a></h3>

<h3> <a href="15.html"target="main" class="clSubb">-Системы с открытым ключом. </a></h3>

<h3> <a href="16.html"target="main" class="clSubb">-Электронная цифровая подпись. Распределение ключей. </a></h3></div><br> </div>

<div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain">

<img src="arrow.gif" name="imgA3" width=12 height=12 alt="" border="0">

Компьютерные вирусы и антивирусные программы </a><br>

<div id="divSub4" class="clSub">

<br> <h3><a href="17.html" target="main" class="clSubb">-Вирусы.</a></h3>

<h3><a href="18.html" target="main" class="clSubb">-Классификация вирусов.Строение вируса.</a></h3><h3><a href="19.html" target="main" class="clSubb">-Способы заражения программ. Как работает вирус. Признаки заражения компьютера вирусами.</a></h3>

<h3><a href="20.html" target="main" class="clSubb">-Методы и технологии борьбы с компьютерными вирусами. Обнаружение вирусов и удаление последствий.</a></h3>

<h3><a href="21.html" target="main" class="clSubb">-Виды антивирусных программ.</a></h3>

</div><br> </div><div id="divTop5" class="clTop">

<a href="" onclick="menu(4); return false" class="clMain">

<img src="arrow.gif" name="imgA4" width=12 height=12 alt="" border="0">

Прочее</a><br><div id="divSub5" class="clSub"><br>

<h3><a href="Условные обозначения.html"target="main" class="clSubb">-Условные обозначения</a></h3></div><br><br><br><br> <a href="27.html" target="main"><img src=тест.jpg align=left alt="пройти тест" border=0></a></div></div>

</HEAD></HTML>

В данном коде прописывается принцип работа раскрывающегося списка, также прописана кнопка перехода на страницу с тестом.

Тест был разработан таким образом, что при ответах не на все вопросы результат тестирования не выдается

В правом фрейме, как уже было сказано выше, открываются страницы из левого фрейма.

Не следует выпускать из внимания кнопки перехода, которые создавались в графическом редакторе Paint.NET

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

Далее рисунок кнопки загружается в Paint.NET и в последующем создается фон, на котором находится кнопка, и пишется название кнопки, при этом мною был выбран шрифт для текста кнопки - Monotype Corsiva.

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

Также в программе Paint.NET осуществлялось закрашивание фона картинок и таблиц для электронного учебника.

Таким образом, создавались отдельные страницы и кнопки, которые в дальнейшем собирались в единое целое, и получалась структура электронного учебника. Далее на страницы наносилась соответствующий теме материал, изначально напечатанный в MS Word.

3.3 Диаграммы UML

Диаграмма прецедентов