Материал: Использование современных инструментальных средств для создания электронных пособий образовательного назначения

Динамический видеоряд практически всегда состоит из последовательностей статических элементов (кадров). Здесь выделяются три типовых элемента: обычное видео (около 24 фото в секунду), квазивидео (6-12 фото в секунду), анимация. Использование видеоряда в составе мультисреды предполагает решение значительно большего числа проблем, чем использование аудио. Среди них наиболее важными являются: разрешающая способность экрана и количество цветов, а также объем информации. Характерным отличием мультимедиа продуктов от других видов информационных ресурсов является заметно больший информационный объем, поэтому в настоящее время основным носителем этих продуктов является оптический диск CD-ROM стандартной емкостью 640 Мбайт. Для профессиональных применений существует ряд других устройств (CD-Worm, CD-Rewritaeble, DVD и др.), однако они имеют очень высокую стоимость.

Гипертекстовые и гипермедиа файлы

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

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

Глава 2 Характеристика инструментального средства создания электронного учебного пособия

Опишем язык гипертекстовой разметки HTML, средствами которого автором дипломного проекта разработано электронное пособие.Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB.html-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

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

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

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

2)      тэги, описывающие общие свойства документа, такие как заголовок или автор документа

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

Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.

Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа:

<TITLE> Заголовок документа </TITLE>

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

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

<title> Заголовок документа </title>

Когда WEB-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-браузеру, что документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:

<HTML>. тело документа. </HTML>

Заголовочная часть документа <HEAD>

Тэг заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тэг представляет собой общее описание документа. Избегайте размещать какой-либо текст внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:

<HTML><HEAD>

<TITLE> Список сотрудников </TITLE>

</HEAD>

Заголовок документа <TITLE>

Большинство WEB-браузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-браузером. Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри <HEAD>-тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.

Комментарии

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

<! - Это комментарий - ->

Комментарии могут встречаться в документе где угодно и в любом количестве.

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

Тело документа <BODY>

Тело документа должно находиться между тэгами <BODY> и </BODY>. Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация вашего документа.

Уровни заголовков <Hx>

Когда пишется HTML-документ, текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и т.д. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться браузером. Заголовок самого верхнего уровня имеет признак "1". Синтаксис заголовка уровня 1 следующий:

<H1> Заголовок первого уровня </H1>

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

<Hx> Заголовок x-го уровня </Hx>

где x - цифра от 1 до 6, определяющая уровень заголовка.

Тэг абзаца <P>

В отличии от большинства текстовых процессоров, в HTML-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Однако браузер разделяет абзацы только при наличии тэга <P>. Если вы не разделите абзацы тэгом <P>, ваш документ будет выглядеть как один большой абзац.

Дополнительные параметры тэга <P>:

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

Тэг преформатирования <PRE>

Тэг преформатирования, <PRE>, позволяет представлять текст со специфическим форматированием на экране. Предварительно сформатированный текст заканчивается завершающим тэгом </PRE>. Внутри предварительно сформатированного текста разрешается использовать:

)        перевод строки

2)      символы табуляции (сдвиг на 8 символов вправо)

)        непропорциональный шрифт, устанавливаемый браузером

Использование тэгов, определяющих формат абзаца, таких как <Hx> или <ADDRESS>, будет игнорироваться браузером при помещении их между тэгами <PRE> и </PRE>.

Разрыв строки <BR>

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

Алексей Ярцев <BR>

Дмитровское шоссе, <BR>

д.9Б, офис 326 <BR>

Дополнительный параметр позволяет расширить возможности тэга <BR>.

<BR CLEAR=left|right|all>

Данный параметр позволяет выполнить не просто перевод строки, а разместить следующую строку, начиная с чистой левой (left), правой (right) или обоих (all) границ окна браузера. Например, если рядом с текстом слева встречается рисунок, то можно использовать тэг <BR> для смещения текста ниже рисунка:

<p> Как вы можете видеть, данная схема демонстрирует связь<BR CLEAR=left>

<img src="#"863932.files/image001.gif">

Рис. № 1. Главная страница

Содержание оформлено как гиперссылки на соответствующие пункты учебника (рис. №2):

Рис. № 2. Содержание

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

Рис. № 3. Страница "Логические функции"

Большое внимание уделяется построению диаграмм, так как графическое отображение зависимостей между величинами является одним из достоинств электронных таблиц (рис. №4):

Рис. №4. Построение диаграмм

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

Контрольная работа выполняется в виде теста. Для организации и проведения контролирующих занятий разработаны теоретические вопросы и практические упражнения (Приложение №1).

Глава 4. Расчет экономической эффективности проекта

4.1 Характеристика проекта

Электронный учебник по MS Excel создавался с помощью языка разметки гипертекста HTML. Данный учебник имеет практическую значимость и может быть использован учащимися начального профессионального образования при изучении темы "Электронные таблицы".

4.2 Расчет затрат на осуществление проекта

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

)        нематериальные активы и затраты на оборудование (за вычетом стоимости возвратных отходов);

2)      затраты на оплату труда;

)        амортизация основных фондов;

)        прочие затраты.

4.2.1 Расчет нематериальных активов и затрат на оборудование

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

где Цб_i - балансовая цена i-ого вида оборудования;

α_{i -} норма годовых амортизационных отчислений для оборудования i-го вида;

F_Д - действительный годовой фонд времени;

t_i - время использования i-ого вида оборудования при выполнении данной разработки.

Результаты расчетов приведены в таблице №1

Таблица №1

Затраты на оборудование

Годовой фонд рабочего времени на ПЭВМ (5-ти дневная неделя, 8-и часовой рабочий день) - 2085 ч.

Время использования оборудования - 380 ч. (разработка дипломного проекта - 01.02.10 - 21.04.10 - 11 недель, по 5 рабочих 8-ми часовых дней). Затраты на оборудование (ПЭВМ) Соо₁ = 268 руб. Затраты на ПО Соо₂ = 144 руб. Тогда суммарные затраты на оборудование и нематериальные активы составят Соо = 412 руб.

4.2.2 Расчет основной заработной платы

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

С_зо = ∑З_i∙ τ_i/d,

где З_i - месячный оклад i-го исполнителя;

τ_{i -} трудоемкость работ, выполняемых i-м исполнителем - определяются из календарного плана-графика;

Суммарная заработная плата равна С_зо = 7142 руб.

4.2.3 Расчет дополнительной заработной платы

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

Сзд = Сзо*Ад,

где Ад - коэффициент отчислений на дополнительную заработную плату.

Принимаем А_д = 0.1 С_зд = 714,2 руб.

4.2.4 Расчет амортизационных отчислений

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

С_а = А/F_д*Т,

где А - годовые амортизационные отчисления;

Т - время работы оборудования;

F_{д -} действительный годовой фонд рабочего времени на ПЭВМ.

Т - время работы оборудования.

Принимаем А = 2400 руб., T = 400 час. (из расчета 8-часового рабочего дня)

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

4.2.5 Накладные расходы

В данную статью входят другие затраты, входящие в состав себестоимости продукции (работ, услуг), но не относящиеся к ранее перечисленным элементам затрат. Вычисляются по формуле С_п = А_н*С_зо, где А_{н -} коэффициент накладных расходов. Принимаем А_н = 2,1 С_п = 14998 руб.

4.2.6 Результаты расчета затрат

Результаты расчетов затрат на разработку программного продукта приведены в таблице №2

Таблица №2

Затраты на осуществление проекта

Вывод: затраты на разработку программы составляют 23726 рублей.

4.3 Расчет цены

Цена создания определяется следующим образом:

Ц=K * C + Пр,

где C - затраты на разработку ПП.- коэффициент учета затрат на изготовление опытного образца ПП как продукции производственно-технического назначения (K=1,1).

Пр - нормативная прибыль, рассчитываемая по формуле П_Р = С*p_Н / 100,где p_{Н -} норматив рентабельности, 30 %; Пр = 7079,7 руб. Ц = 26029 руб.

Цена создания разрабатываемой программы: 33216 рублей.

Глава 5. Охрана труда

5.1 Характеристика условий труда обучающегося

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

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

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

)        определение оптимальных условий труда при работе с вычислительной техникой;

2)      расчет освещенности;

)        расчет уровня шума.

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

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

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

.2 Требования к производственным помещениям

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

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

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

)        окна ориентированы на юг: - стены зеленовато-голубого или светло-голубого цвета; пол - зеленый;

2)      окна ориентированы на север: - стены светло-оранжевого или оранжево-желтого цвета; пол - красновато-оранжевый;

)        окна ориентированы на восток: - стены желто-зеленого цвета;

)        пол зеленый или красновато-оранжевый;

В помещениях, где находится компьютер, необходимо обеспечить следующие величины коэффициента отражения: для потолка: 60…70%, для стен: 40…50%, для пола: около 30%. Для других поверхностей и рабочей мебели: 30…40%.

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

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

Существует три вида освещения - естественное, искусственное и совмещенное (естественное и искусственное вместе).

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

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

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

Согласно СНиП II-4-79 в помещении вычислительных центров необходимо применить систему комбинированного освещения.

При выполнении работ категории высокой зрительной точности (наименьший размер объекта различения 0,3…0,5мм). Величина коэффициента естественного освещения (КЕО) должна быть не ниже 1,5%. А при зрительной работе средней точности (наименьший размер объекта различения 0,5…1,0 мм) КЕО должен быть не ниже 1,0%. В качестве источников искусственного освещения обычно используются люминесцентные лампы типа ЛБ или ДРЛ, которые попарно объединяются в светильники, которые должны располагаться над рабочими поверхностями равномерно.

Требования к освещенности в помещениях, где установлены компьютеры, следующие: при выполнении зрительных работ высокой точности общая освещенность должна составлять 300 лк, а комбинированная - 750 лк; аналогичные требования при выполнении работ средней точности - 200 и 300 лк соответственно.

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

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

Вычислительная техника является источником существенных тепловыделений, что может привести к повышению температуры и снижению относительной влажности в помещении. В помещениях, где установлены компьютеры, должны соблюдаться определенные параметры микроклимата. В санитарных нормах СН-245-71 установлены величины параметров микроклимата, создающие комфортные условия. Эти нормы устанавливаются в зависимости от времени года, характера трудового процесса и характера производственного помещения приведены в таблице №3

Объем помещений, в которых размещены работники вычислительных центров, не должен быть меньше 19,5м³/человека с учетом максимального числа одновременно работающих в смену. Нормы подачи свежего воздуха в помещения, где расположены компьютеры, приведены в таблице №4.

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

Таблица №3

Параметры микроклимата для помещений, где установлены компьютеры