1.2.Характеристики используемой аппаратной части и

СОДЕРЖАНИЕ

Стр.

ВВЕДЕНИЕ......................................................................................................4

1 ТЕОРЕТИЧЕСКАЯ ЧАСТЬ……………………………………….....6

1.1.Техническое задание.......... ……………………………………........6

1.2.Характеристики используемой аппаратной части и

используемой операционной системы ……………………………......9

1.3.Характеристики языка программирования …………………..........10

2 ПРАКТИЧЕСКАЯ ЧАСТЬ……...…………………………………...17

2.1 Постановка задачи ……………………………………………........17

2.2 Описание логической структуры....…………………………….....17

2.3 Текст программы с комментарием ……………………………......18

2.4 Описание процесса отладки и тестирования ………………….......35

2.5 Результаты работы программы ………………………………........35

2.6 Инструкция пользователя ………………………………………....39

ЗАКЛЮЧЕНИЕ ……………………………………………………......42

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ……………………......43

ВВЕДЕНИЕ

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

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

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

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

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

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

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

1 ТЕОРЕТИЧЕСКАЯ ЧАСТЬ

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

1.1.1 Введение

1.1.1.1 Наименование программного продукта

Полное наименование программы – электронное пособие «Безопасность жизнедеятельности». Краткое наименование программы – электронное пособие.

1.1.1.2 Область применения

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

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

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

1.1.1.4 Исполнитель: Хрущев Владислав Сергеевич (студент ТОГБОУ СПО «Котовский индустриальный техникум» специальности 230111 «Компьютерные сети»).

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

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

1.1.2 Технические требования

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

Для работы с программой, и правильного отображения всех элементов программы, на ПК должна быть ОС Windows 98/2000/NT/МЕ/ХР/Vista/Seven и установлен Internet Explorer 8.0 или Mozilla Firefox, Google Chrome.

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

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

При выборе пользователем любой из ссылок должен происходить переход по указанному направлению.

1.1.2.3 Организация входных и выходных данных.

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

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

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

1.1.3.1 Требования к надежному функционированию.

Программа должна нормально функционировать при бесперебойной работе ЭВМ. При возникновении сбоя в работе аппаратуры восстановление нормальной работы программы должно производиться после:

1) перезагрузки ПК;

2) запуска исполняемого файла программы.

3) перезапуска браузера (запуск программы в другом браузере).

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

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

1) времени перезапуска пользователем операционной системы;

2) времени запуска пользователем исполняемого файла программы.

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

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

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

1.1.4 Требования к информационной и программной совместимости

1.1.4.1 Требования к языкам программирования.

Язык программирования выбирается разработчиком без согласования с заказчиком.

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

Программа должна работать на платформах Windows 98/2000/NT/МЕ/ХР/Vista/Seven. Также для работы программного продукта необходим браузер Internet Explorer, либо другой браузер (Opera, Mozilla,Safari и др.)

1.1.4.3 Требования к транспортировке и хранению.

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

1.1.4.4 Специальные требования

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

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

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

- техническое задание, определяющее требования, предъявляемые к программному обеспечению, необходимые стадии и сроки разработки, виды испытаний по ГОСТ 19.201-78 в машинописном исполнении;

- описание программы по ГОСТ 19.402-78 в машинописном исполнении;

- описание текста программы по ГОСТ 19.401-78 в машинописном исполнении;

- пояснительная записка, содержащая в себе:

· введение – описание этапов разработки;

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

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

· заключение – ожидаемые технико-экономические показатели.

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

Эффективность программного продукта определяется удобством его использования.

1.1.7 Порядок контроля и приемки

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

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

1.2 Характеристики используемой аппаратной части и операционной системы

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

· процессор Intel(R) Celeron(R) CPU 2.40GHz;

· ОЗУ 1,25 Гб RAM;

· видеоадаптер Nvidia GeForce 6600 GT 128мб;

· жесткий диск Hitachi 500гб;

· CD-ROM RW EZ-DUB;

· монитор Mag Innovision «17»;

· мышь;

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

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

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

1.3 Характеристики языка программирования

1.3.1 Общее описание языка программирования

HTML (от англ. Hypertext Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Все веб- страницы создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых «тегами»), служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста.

Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение «html» или «htm»), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде.

Такие приложения, называемые браузерами или интернет-обозревателями, обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Firefox, Safari, Google Chrome и Opera.

HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br/>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Тэг - оформленная единица HTML-кода.

1.3.2 Описание основных конструкций языка программирования

Для того чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно, необходимо обозначить его начало и конец. Это делается с помощью тэга-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывается тэгом <HTML> и им же закрывается.

Затем, между тэгами <HTML> и </HTML> следует разместить заголовок и тело документа. Заголовок определяется с помощью элемента HEAD, а тело - элементом BODY.

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

Одной из наиболее распространенных ошибок было и остается размещение заголовка в теле документа или наоборот, что совершенно недопустимо. Сначалазакрываем заголовок </HEAD>, затем открываем тело.

Тело документа - святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, вывод: большинство элементов будут проводиться в пространстве между тэгами <BODY> и </BODY>. Элемент BODY должен встречаться в документе не более одного раза.

Параметры:

MARGINHEIGHT - определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Netscape.

TOPMARGIN - определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.

MARGINWIDTH - определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Netscape.

LEFTMARGIN - определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Internet Explorer.

BACKGROUND - определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате gif или jpg.

BGCOLOR - определяет цвет фона документа.

TEXT - определяет цвет текста в документе.

LINK - определяет цвет гиперссылок в документе.

ALINK - определяет цвет подсветки гиперссылок в момент нажатия.

VLINK - определяет цвет гиперссылок на документы, которые вы уже просмотрели.

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

H1,H2,...H6 – Headers. Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни - разделы и подразделы.

Параметры:

ALIGN - определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.

P – Paragraph. Используется для разметки параграфов.

Параметры:

ALIGN – аналогично предыдущему.

BR – Break. Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе.

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

Параметры:

SIZE - определяет размер шрифта. Возможные значения: целое число от 1 до 7;

COLOR - определяет цвет текста. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

FACE - определяет используемый шрифт.

I – Italic. Текст, заключенный между начальным и конечным тэгами, будет выделен курсивом.

B – Bold. Текст, заключенный между начальным и конечным тэгами, будет выделен жирным шрифтом.

U – Underline. Данный элемент отображает помещенный между начальным и конечным тэгами текст как подчеркнутый.

IMG – Image. Используется для вставки изображений в HTML-документ. Это один из самых популярных элементов, незаменимый инструмент web-дизайнера. Элемент допускает вставку изображений в форматах JPEG и Compuserve GIF. Последние версии браузеров позволяют также использовать формат PNG, но до тех пор пока они не устареют от применения PNG лучше воздержаться. Элемент IMG не имеет конечного тэга.

Параметры:

SRC - обязательный параметр. Указывает адрес (URL) файла с изображением.

HEIGHT и WIDTH - определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).

ALIGN - обязательный параметр. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:

· left - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.

· right - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.

· top и texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.

· middle - выравнивает базовую линию текущей текстовой строки с центром изображения.

· absmiddle - выравнивает центр текущей текстовой строки с центром изображения.

· bottom и baseline - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.

· absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

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

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

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

FRAMESET - используется для разбиения окна браузера на фреймы.

Параметры:

· bordercolor=”…” – цвет рамки;

· frameborder=”no” – указывает отображать рамку или нет;

· scrolling=”yes/no” – полоса прокрутки.

2 ПРАКТИЧЕСКАЯ ЧАСТЬ

2.1 Постановка задачи

Разработать электронное пособие, содержащее в себе необходимый теоретический и практический материал по дисциплине «Безопасность жизнедеятельности».

Электронное пособие должно отвечать стандартным требованиям к Windows-приложениям.

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

2.2 Описание логической структуры

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

Подробная логическая структура электронного пособия представлена на рисунке 1.

Рисунок 1. Логическая структура учебника

Корневой каталог содержит в себе каталог «Учебник БЖ». Каталог «Учебник БЖ» содержит в себе подкаталоги «Urok», «Images», «Video» и файл index.html. В каталоге «Urok» находятся следующие html-файлы: r1t1.html, r1t2.html и так далее до файла r4t3.html, содержащие определенный теоретический материал, соответственно в папке «Images» располагается графический материал и в папке «Video» - видеоматериалы к урокам.

2.3 Текст программы с комментарием

2.3.1 Файл index.HTML

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

<html>

<head>

<title>Электронное пособие</title>

</head>

</frameset>

</html>

2.3.2. menu.HTML

С помощью файла menu.html создано оглавление учебника, имеющее иерархическую структуру. Для создания дерева оглавления применяется JavaScript.

<html>

<head>

<title>Архитектура ЭВМ</title>

</head>

function shiftSubDiv(n)

{

var el = document.getElementById('subDiv'+n);

if (el.style.display == 'none')

el.style.display = 'block'

else

if (el.style.display == 'block')

el.style.display = 'none';

};

</script>

<b><a target="win" href="../urok/dc22.html" ><FONT size=4 color= "black">Введение.</FONT></a></b>

<div class="navHeader" id="navHeader1" onClick="shiftSubDiv(1)"><a target="win" href="../urok/r1t1.html" ><FONT size=4 color= "black">Раздел 1. Общая характеристиа опасных и черезвычайных ситуаций природного, техногенного и социального характера.</FONT></a><br><br><br>

</div>

<li><a target="win" href="../urok/t2.html"><FONT size=4 color= "black">Тема 1. Классификация опасных и черезвычайных ситуаций по масштабам и характеру истончника.</FONT></a><br><br></li>

<li><a target="win" href="../urok/r1t2.html"><FONT size=4 color= "black">Тема 2. Общая характеристика ЧС природного характера, возможные последствия</FONT></a><br><br></li>

<li><a target="win" href="../urok/r1t3.html"><FONT size=4 color= "black">Тема 3. Экстремальные ситуации в природной среде.</FONT></a><br><br></li>

<li><a target="win" href="../urok/r1t4.html"><FONT size=4 color= "black">Тема 4. Характеристика ЧС техногенного характера</FONT></a><br><br></li>

<li><a target="win" href="../urok/r1t5.html"><FONT size=4 color= "black">Тема 5. Защита населения и территорий от ЧС природного и техногенного характера</FONT></a><br><br></li>

<li><a target="win" href="../urok/r1t6.html"><FONT size=4 color= "black">Тема 6. Экстремальные Ситуации криминального характера. (часть 2)</FONT></a><br><br></li>

</ul>

<div class="navHeader" id="navHeader2" onClick="shiftSubDiv(2)"><a target="win" href="../urok/r2t1.html"><FONT size=4 color= "black">Раздел 2. Гражданская оборона - составная часть обороноспособности страны.</FONT></a><br><br><br></div>

<li><a target="win" href="../urok/r2t2.html"><FONT size=4 color= "black">Тема 1. Гражданская оборона как система мер по защите населения в военное время</FONT></a><br><br></li>

<li><a target="win" href="../urok/r2t3.html"><FONT size=4 color= "black">Тема 2. Современные средства поражения, их поражающие факторы, мероприятия по защите населения</FONT></a><br><br></li>

<li><a target="win" href="../urok/r2t33.html"><FONT size=4 color= "black">Тема 3. ЧС военного времени. Ядерное оружие. Виды взрывов.</FONT></a><br><br></li>

<li><a target="win" href="../urok/r2t4.html"><FONT size=4 color= "black">Тема 4. Поражающие факторы ядерного взрыва</FONT></a><br><br></li>

<li><a target="win" href="../urok/r2t5.html"><FONT size=4 color= "black">Тема 5. Химическое оружие. Классификация отравляющих веществ </FONT></a><br><br></li>

<li><a target="win" href="../urok/r2t6.html"><FONT size=4 color= "black">Тема 6. Бактериологическое оружие, способы и признаки его применения.</FONT></a><br><br></li>

</ul>

<div class="navHeader" id="navHeader3" onClick="shiftSubDiv(3)"><a target="win" href="../urok/r3t1.html"><FONT size=4 color= "black">Раздел 3. Организация защиты и жизнеобеспечения населения в ЧС.</FONT></a><br><br></div>

<li><a target="win" href="../urok/r3t11.html"><FONT size=4 color= "black">Тема 1. Коллективные средства защиты </FONT></a><br><br></li>

<li><a target="win" href="../urok/r3t3.html"><FONT size=4 color= "black">Тема 2. Средства индивидуальной защиты </FONT></a><br><br></li>

<li><a target="win" href="../urok/r3t4.html"><FONT size=4 color= "black">Тема 3. Обеззараживание территории и санитарная обработка населения</FONT></a><br><br></li>

</ul>

<div class="navHeader" id="navHeader4" onClick="shiftSubDiv(4)"><a target="win" href="../urok/r4t0.html" ><FONT size=4 color= "black"><strong>Раздел 4. Первая медицинская помощь.</strong></FONT></a><br><br><br>

</div>

<li><a target="win" href="../urok/r4t1.html"><FONT size=4 color= "black">Тема 1. Виды кровотечений, Способы временной остановки кровотечения.</FONT></a><br><br></li>

<li><a target="win" href="../urok/r4t2.html"><FONT size=4 color= "black">Тема 2. Наложение повязок и из виды</FONT></a><br><br></li>

<li><a target="win" href="../urok/r4t3.html"><FONT size=4 color= "black">Тема 3. Первая медицинская помощ в случае поражения электрическим током.</FONT></a><br><br></li> </ul>

</body>

</html>

2.3.3.vveden.html

С помощью файла vveden.html создана html-страница, содержащая лекцию с введением.

<html>

<head>

<title>Общая характеристика чрезвычайных ситуаций природного, характера возможные последствия</title>

</head>

<p align="center"><strong>ВВЕДЕНИЕ</strong></p>

<br>

<strong><font face="MS Serif, New York, serif"><font face="Lucida Console, Monaco, monospace"><font face="Arial, Helvetica, sans-serif"> В современных условиях развития общества решение проблем, связанных с обеспечением безопасной жизнедеятельности человека во всех сферах его деятельности от опасных и вредных факторов, является актуальным. Это обусловлено тем, что в последние годы в нашей стране и за рубежом происходит множество чрезвычайных ситуаций различного характера. При этом возникающие стихийные бедствия, аварии, катастрофы, загрязнение окружающей среды промышленными отходами и другими вредными веществами, а также применение в локальных войнах различных видов оружия создают ситуации, опасные для здоровья и жизни населения.<br>Главная задача дисциплины "Безопасность жизнедеятельности" - формирование у обучаемых сознательного и ответственного отношения к вопросам личной безопасности и безопасности окружающих, привитие основополагающих знаний и умений распознавать и оценивать опасности, определять способы надежной защиты от них, оказывать само- и взаимопомощь, а также ликвидировать последствия чрезвычайных ситуаций.</font></font></font> </strong></div>

</body>

</html>

2.3.4 Файл test.html

Файл test.html содержит итоговый тест по дисциплине «Безопасность жизнедеятельности». Тест содержит вопросы с вариантами ответов. В конце тестирования после нажатия кнопки Показать результаты выдается ответ в баллах. Тест создан с применением JavaScript.

<HTML>

<HEAD>

<TITLE>Итоговый тест</TITLE>

<!--

// для начала займемся установкой времени проведения теста

da=0;

da1=0; //устанавливаем счетчик времени da и индикатор завершения теста da1 равными нулю

function wda(){ // начало функции - счетчика времени

da++ // увеличение значения таймера на 1

if ((da==1800)&&(da1!=1)){ // дальнейшие операции в фигурных скобках будут выполнены только при условии, что значение счетчика=180 (секунд), а тест ещё не завершен

da=0; da1=1; //счетчик сбрасывается, индикатор завершения теста = 1, что значит, что тест завершён

alert("Ваше время истекло. Результаты теста - в конце страницы.") // выдаётся сообщение о том, что время истекло.

w() // выполняется функция подсчета результатов}

else setTimeout("wda()",1000) //если лимит времени ещё не превышен, функция-счетчик повторяется, но с задержкой в 1000 мс (1 сек)}

wda() //начало теста и запуск функции счетчика

function w() // функция подсчёта результатов

{

var counter=0 //задание переменной, в которой будет храниться итоговое количество баллов

da1=1; // индикатор завершение выполнения теста: тест завершён

if (test.v1[2].checked){counter=counter+1};

if (test.v2[0].checked){counter=counter+1};

if (test.v3[0].checked) {counter=counter+1}; //проверка ответа на первый вопрос. Если выбран третий ответ (по умолчанию нумерация элементов начинается с нулевого) к итоговому результату прибавляется 1 балл

if (test.v4[0].checked){counter=counter+1}; //проверка ответа на 4-й вопрос. Если введено правильное слово, к итогу прибавляется 1 балл.

if (test.v5[3].checked) {counter=counter+1};

if (test.v6[1].checked) {counter=counter+1};

if (test.v7[2].checked){counter=counter+1};

if (test.v8[1].checked) {counter=counter+1};

if (test.v9[3].checked) {counter=counter+1};

if (test.v10[2].checked) {counter=counter+1};

if (test.v11[3].checked) {counter=counter+1};

if (test.v12[0].checked) {counter=counter+1};

if (test.v13[1].checked) {counter=counter+1};

if (test.v14[2].checked) {counter=counter+1};

if (test.v15[2].checked) {counter=counter+1};

if (test.v16[0].checked) {counter=counter+1};

if (test.v17[0].checked){counter=counter+1};

if (test.v18[0].checked) {counter=counter+1};

if (test.v19[0].checked) {counter=counter+1};

if (test.v20[0].checked) {counter=counter+1};

rez.t2.value="Баллов: "+counter+" из 21 возможных"; //вывод итога в поле textarea с именем t2 формы rez

}

//-->

</SCRIPT>

</HEAD>

<H2><font face="Arial" size="3"><b>Тест по дисциплине "Безопасность жизнедеятельности"</b></font> <BR></H2></CENTER>

<font face="Arial" size="2" color="000080"><b>Время выполнения теста - 30 минут<br></b></font>

<BR>

<OL>

<LI>1. Производственные аварии и катастрофы относятся к:

<BR>

<INPUT type=radio value=1 name=v1>ЧС экологического характера;<BR>

<INPUT type=radio value=2 name=v1>ЧС природного характера;<BR>

<INPUT type=radio value=3 name=v1>ЧС техногенного характера;<BR>

<INPUT type=radio value=4 name=v1>Стихийным бедствиям.<BR><BR><BR>

</LI>

<LI>Авария - это:

<BR>

<INPUT type=radio value=1 name=v2>ЧС, возникающая по техническим причинам, а также из-за случайных внешних воздействий на промышленном предприятии;<BR>

<INPUT type=radio value=2 name=v2>ЧС, связанная с угрозой выброса опасного вещества; <BR>

<INPUT type=radio value=3 name=v2>ЧС, повлекшая за собой человеческие жертвы, ущерб;<BR>

<INPUT type=radio value=4 name=v2>Экстремальное событие на транспорте или производстве.<BR><BR><BR>

</LI>

<LI>3. Чем отличается катастрофа от аварии:

<BR>

<INPUT type=radio value=1 name=v3>Наличием человеческих жертв, значительным ущербом;<BR>

<INPUT type=radio value=2 name=v3>Воздействием поражающих факторов на людей;<BR>

<INPUT type=radio value=3 name=v3>Воздействием на природную среду;<BR>

<INPUT type=radio value=4 name=v3>Масштабом распространения.<BR><BR><BR>

</LI>

<LI>Объект народного хозяйства или иного назначения, при аварии на котором может произойти гибель людей, сельскохозяйственных животных и растений, возникнуть угроза здоровью людей, либо будет нанесен ущерб экономике или окружающей природной среде, это:

<BR>

<INPUT type=radio value=1 name=v4>Аварийный объект;<BR>

<INPUT type=radio value=2 name=v4>Потенциально опасный объект;<BR>

<INPUT type=radio value=3 name=v4> Катастрофически опасный объект;<br>

<INPUT type=radio value=2 name=v4>Экстремальный объект<BR><BR><BR><BR>

</LI>

<LI>Потенциальную опасность возникновения чрезвычайных ситуаций в районе вашего проживания можно выяснить:

<BR>

<INPUT type=radio value=1 name=v5>В местном отделении милиции;<BR>

<INPUT type=radio value=2 name=v5>В местном органе санитарно-экологического надзора;<BR>

<INPUT type=radio value=3 name=v5>В местном органе госпожнадзора;<BR>

<INPUT type=radio value=4 name=v5>В местном органе управления по делам гражданской обороны и чрезвычайным ситуациям.<BR><BR><BR>

</LI>

<LI>Пожар – это:

<BR>

<INPUT type=radio value=1 name=v6>Химическая реакция окисления, сопровождающаяся выделением большого количества тепла и света;<BR>

<INPUT type=radio value=2 name=v6>Неконтролируемое стихийно развивающееся горение, причиняющее материальный ущерб, вред жизни и здоровью людей;<BR>

<INPUT type=radio value=3 name=v6>Частный случай горения, протекающий мгновенно, с кратковременным выделением

значительного количества тепла и света;<BR>

<INPUT type=radio value=4 name=v6>Событие, происходящее внезапно с выделением большого количества энергии в ограниченном

объеме.<BR><BR><BR>

</LI>

<LI>Какой из перечисленных объектов не относится к пожаро- взрывоопасным?

<BR>

<INPUT type=radio value=1 name=v7>Мукомольный цех;<BR>

<INPUT type=radio value=2 name=v7>Спичечная фабрика;<BR>

<INPUT type=radio value=3 name=v7>Охотничье хозяйство;<BR>

<INPUT type=radio value=4 name=v7>Малярный цех.<BR><BR><BR>

</LI>

<LI>Понижение концентрации кислорода во время пожара приводит к:

<BR>

<INPUT type=radio value=1 name=v8>Повышенной панике;<BR>

<INPUT type=radio value=2 name=v8>Обморокам пострадавших;<BR>

<INPUT type=radio value=3 name=v8>Увеличению высоты пламени;<BR>

<INPUT type=radio value=4 name=v8>Изменению цвета дыма.<BR><BR><BR>

</LI>

<LI>Среди перечисленных ниже поражающих факторов укажите те, которые не характерны для взрыва:

<BR>

<INPUT type=radio value=1 name=v9>Высокая температура;<BR>

<INPUT type=radio value=2 name=v9>Осколочные поля;<BR>

<INPUT type=radio value=3 name=v9>Волна прорыва;<BR>

<INPUT type=radio value=4 name=v9>Сильная загазованность местности.<BR><BR><BR>

</LI>

<LI>У пострадавшего на пожаре нарушена координация движений, депрессия, головокружение и прерывистое дыхание. Чем он, возможно, отравлен?

<BR>

<INPUT type=radio value=1 name=v10>Формальдегидами;<BR>

<INPUT type=radio value=2 name=v10>Компонентами никотиноидов;<BR>

<INPUT type=radio value=3 name=v10>Оксидом углерода;<BR>

<INPUT type=radio value=4 name=v10>Закисью азота.<BR><BR><BR>

</LI>

<LI>После взрыва в жилом доме продолжает ощущаться запах газа. Ваши действия?

<BR>

<INPUT type=radio value=1 name=v11>Не зажигать огня;<BR>

<INPUT type=radio value=2 name=v11>Не пользоваться электричеством;<BR>

<INPUT type=radio value=3 name=v11>Позвонить по тревожным телефонам;<BR>

<INPUT type=radio value=4 name=v11>Все вышеперечисленное.<BR><BR><BR>

</LI>

<LI>Объект, при аварии или разрушении которого могут произойти массовые поражения людей, животных и растений опасными химическими веществами, это:

<BR>

<INPUT type=radio value=1 name=v12>Химически опасный объект;<BR>

<INPUT type=radio value=2 name=v12>Пожароопасный объект;<BR>

<INPUT type=radio value=3 name=v12>Гидродинамический опасный объект;<BR>

<INPUT type=radio value=4 name=v12>Экстремально опасный объект.<BR><BR><BR>

</LI>

<LI>Поражающие факторы химических аварий с выбросом АХОВ – это:

<BR>

<INPUT type=radio value=1 name=v13>Интенсивное излучение гамма-лучей, поражающее людей;<BR>

<INPUT type=radio value=2 name=v13>Проникновение опасных веществ через органы дыхания и кожные покровы в организм человека;<BR>

<INPUT type=radio value=3 name=v13>Лучистый поток энергии;<BR>

<INPUT type=radio value=4 name=v13>Поток тепловой энергии.<BR><BR><BR

</LI>

<LI>Хлор – это:

<BR>

<INPUT type=radio value=1 name=v14>Бесцветный газ с резким запахом (нашатырного спирта);<BR>

<INPUT type=radio value=2 name=v14>Парообразное вещество с запахом горького миндаля, от которого появляется металлический привкус во рту;<BR>

<INPUT type=radio value=3 name=v14>Зеленовато-жёлтый газ с резким запахом;<BR>

<INPUT type=radio value=4 name=v14>Зелёный газ без запаха.<BR>

</LI>

<LI>При попадании ОВ на кожу необходимо:

<BR>

<INPUT type=radio value=1 name=v15>Провести полную санитарную обработку;<BR>

<INPUT type=radio value=2 name=v15>Промыть глаза водой в течение 10-15 мин.;<BR>

<INPUT type=radio value=3 name=v15>Механически удалить ОВ;<BR>

<INPUT type=radio value=4 name=v15>Направить пострадавшего в лечебное учреждение.<BR>

</LI>

<LI>Выходить из зоны химического заражения следует:

<BR>

<INPUT type=radio value=1 name=v16>Перпендикулярно направлению ветра;<BR>

<INPUT type=radio value=2 name=v16>По направлению ветра;<BR>

<INPUT type=radio value=3 name=v16>Навстречу ветру;<BR>

<INPUT type=radio value=4 name=v16>Кратчайшим путём.<BR>

</LI>

<LI>Какие химические соединения, попадая в атмосферу и взаимодействуя с влагой, могут вызвать кислотные осадки:

<BR>

<INPUT type=radio value=1 name=v17>Диоксид серы и оксиды азота;<BR>

<INPUT type=radio value=2 name=v17>Свинец и его соединения;<BR>

<INPUT type=radio value=3 name=v17>Ртуть и её соединения;<BR>

<INPUT type=radio value=4 name=v17>Бензин и машинное масло.<BR><BR><BR>

</LI>

<LI>Объект с ядерным реактором, завод, использующий ядерное топливо, транспорт, перевозящий ядерный материал – это:

<BR>

<INPUT type=radio value=1 name=v18>Радиационноопасный объект;<BR>

<INPUT type=radio value=2 name=v18>Объект экономики особой опасности;<BR>

<INPUT type=radio value=3 name=v18>Экологически опасный объект;<BR>

<INPUT type=radio value=4 name=v18>Химически опасный объект.<BR><BR><BR>

</LI>

<LI>При оповещении об аварии на радиационноопасном объекте необходимо действовать в указанной последовательности:

<BR>

<INPUT type=radio value=1 name=v19>Включить радио и выслушать сообщение, выключить газ, электричество, взять необходимые вещи, продуты питания, документы, надеть средства защиты, вывесить на двери табличку «В квартире жильцов нет» и следовать на сборный эвакопункт;<BR>

<INPUT type=radio value=2 name=v19>Включить радио и выслушать сообщение, выключить газ, электричество, освободить холодильник от продуктов, взять необходимые вещи, документы, надеть средства защиты, и следовать на сборный эвакопункт;<BR>

<INPUT type=radio value=3 name=v19>Включить радио и выслушать сообщение,, освободить холодильник от продуктов и вынести скоропортящиеся продукты на мусор, выключить газ, электричество, взять необходимые вещи, документы, надеть средства защиты, вывесить на двери табличку «В квартире жильцов нет» и следовать на сборный эвакопункт;<BR>

<INPUT type=radio value=4 name=v19>Немедленно выбежать из дома.<BR><BR><BR>

</LI>

<LI>К коллективным средствам защиты относятся:

<BR>

<INPUT type=radio value=1 name=v20>Убежища и ПРУ;<BR>

<INPUT type=radio value=2 name=v20>Противогазы и респираторы;<BR>

<INPUT type=radio value=3 name=v20>Средства защиты кожи и респираторы;<BR>

<INPUT type=radio value=4 name=v20>Всё вышеперечисленное.<BR><BR><BR>

</LI>

</OL>

</FORM>

<A href="javascript:w()"><font face="Arial" size="3" color="800000"><b>Показать результат</b></font></A><BR><BR>

<TEXTAREA name=t2 rows=8 cols=40>Результат тестирования будет здесь.</TEXTAREA><BR> <BR></CENTER>

</FORM>

</BODY>

</HTML>

2.4 Описание процесса отладки и тестирования

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

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

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

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

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

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

2.5 Результаты работы программы

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

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

«Безопасность жизнедеятельности»

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

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

Рисунок 3. Раздел 2 тема 2 электронного пособия с видеоматериалом

В конце меню учебника располагается итоговый тест по дисциплине «Безопасность жизнедеятельности» (рисунок 4):

Рисунок 4. Итоговый тест электронного пособия

Результаты теста выводятся в нижней части окна в виде количества набранных баллов после нажатия кнопки Показать результат (рисунок 5):

Рисунок 5. Окно с результатами теста

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

Данное электронное пособие находится на диске в папке «Учебник БЖ».

Установка пособия происходит путем копирования соответствующей папки на жесткий диск компьютера.

Файлом, который загружает данное пособие, является index.html.

Рисунок 6. Расположение загрузочного файла

При открытии файла «index.html» запускается главная страница

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

Навигация по электронному пособию осуществляется путем выбора необходимой ссылки в древовидном содержании, расположенном в левой части страницы:

Рисунок 8. Навигация по электронному пособию

Завершение работы электронного пособия происходит путем закрытия окна приложения.

ЗАКЛЮЧЕНИЕ

Результатом выполнения курсовой работы является электронное пособие по дисциплине: «Безопасность жизнедеятельности».

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

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

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

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

1.Рудаков А.В. Технология разработки программных подуктов,2005

2.ГОСТ 19.201-78. ЕСПД. Техническое задание. Требование к содержанию и оформлению.

3.ГОСТ 19.401-78. ЕСПД. Текст программы. Требования к содержанию и оформлению.

4.ГОСТ 19.402-78. ЕСПД. Описание программы. Требования к содержанию и оформлению.

5.Петюшкин А. HTML в Web-дизайне,2004

6. http://html.manual.ru/

Дата добавления: 2015-08-28; просмотров: 33 | Нарушение авторских прав

<== предыдущая лекция	\|	следующая лекция ==>
VI - VIII вв. - начало разделения единой славянской общности на - восточных, западных и южных славян.	\|	Худеющая или Желаниям вопреки

mybiblioteka.su - 2015-2024 год. (0.151 сек.)