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

Введение

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

Программы, предназначенные для передачи обучаемому знаний и/или умений, получили название «Электронные обучающие системы» (ЭОС). Интерес к разработке ЭОС наблюдается с 90- х годов.

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

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

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

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

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

3. Обучение идет быстрее, если учащийся «узнает результат» каждого своего ответа немедленно. Если ответ правилен, то учащийся должен тотчас получить подтверждение этого, если неправильный - он столь же быстро должен узнать об этом. Даже незначительная задержка резко тормозит обучение. В настоящее время наши учащиеся вынуждены часто подолгу ждать результатов своего ответа.

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

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

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

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

1. Выбор программной оболочки

1.1 Front page

Web-сайт (Web-узел) - это набор связанных между собой близких по смыслу Web-страниц и файлов. Сайты обычно посвящены какой-то определённой теме и содержат информацию, относящуюся к частному лицу или компании. В программе Front Page существуют так называемые мастера (wizards), которые шаг за шагом позволяют создавать сайт, и шаблоны (templates), представляющие собой встроенные страницы, содержащие необходимое форматирование для создания и настройки создаваемых вами страниц. Мастера и шаблоны позволяют создавать сайты различных типов.

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

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

1.1.1 Планирование Web-сайта

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

1) Ознакомить посетителей с факультетом начальных классов МГОПУ;

2) Представить дополнительную информацию об этом факультете.

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

Теперь необходимо определить, как страницы будут связаны между собой. Ответ очевиден: при помощи гиперссылок. Но Front Page имеет несколько вариантов создания гиперссылок. Например: вы можете разместить все гиперссылки на одной главной странице. Если вы предпочтёте более современное решение, то можете создать навигационную панель(navigation bar) - особый элемент управления Front Page.

Вы можете создать и интерактивную карту (image map), представляющую собой рисунок с активными участками (hotspots), являющимися ссылками, на которых пользователь может щёлкнуть мышью, чтобы перейти к нужной странице. Для создания меню воспользуемся навигационной панелью, которая автоматически создаёт и отображает гиперссылки на страницы вашего сайта. Но, хотя навигационная панель легка в использовании, она имеет некоторые недостатки:

1. Навигационная панель содержит только определённые ссылки, которые вы можете только настроить и не более.

2. Панель навигации не будут работать до тех пор, пока вы не создадите структуру сайта.

Ещё одно перед началом разработки сайта. Front Page позволяет не только легко создавать Web-сайты, но и управлять ими. Окно программы Front Page разделено на три части, каждая из которых позволяет по-разному управлять Web-сайтом.

1.2 Macromedia Flash

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

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

Обычно flash-проекты созданы посредством интеграции в обычный HTML-документ flash-объекта. Для просмотра такой страницы необходим плагин, входящий в стандартную конфигурацию Windows 98. Размер этого плагина всего 160 кб. Если по каким-либо причинам этой программы нет, ее можно взять с сайта Macromedia по этому адресу. Однако, в большинстве случаев flash-страница сама определяет отсутствие необходимого программного обеспечения, автоматически скачивает его и после этого становится видимой.

Другим примером использования flash-технологии является создание интерактивных локальных презентаций. Для этого в программе предусмотрена опция создания исполняемого (.exe) файла. Но и в этом случае размер программы остается небольшим и доступным для использования в интернете.

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

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

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

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

Естественно, Flash не обходится без недостатков. Основным серьезным недостатком использования flash-объектов является необходимость для конечного пользователя иметь установленный плагин. Хотя, как было сказано выше, во многих случаях, пользователь уже имеет эту программу.

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

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

1.2.1 Установка редактора Macromedia Flash

На данный момент последней версией flash-редактора является Flash 5, поэтому все дальнейшее описание относится именно к нему.

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

Таблица 1 - Основные инструментальные средства для работы с flash-технологиями.

№	Наименование продукта	Назначение
1	Macromedia Flash	Профессиональный flash-редактор
2	Macromedia Flash Print Kit	Набор программного обеспечения для печати из Macromedia Flash
3	Macromedia Generator	Программа для динамического создания модулей flash-роликов
4	Macromedia Director	Специализированный компилятор представляющий собой объектно-ориентированную среду управления данными и процессами, расширяемую посредством языка программирования Lingo
5	CorelDraw exporter for Macromedia Flash	Средства экспортирования рисунков, созданных в Corel Draw, в Macromedia Flash
6	Adobe Illustrator exporter for Macromedia Flash	Средства экспортирования рисунков, созданных в Adobe Illustrator, в Macromedia Flash
7	Macromedia Applet Ace	Средство для создания апплетов
8	Macromedia FreeHand	Редактор векторной графики, поддерживающий, кроме стандартных, еще и формат *.swf
9	Macromedia DreamWeaver	HTML-редактор фирмы Macromedia, позволяющий использовать как визуальные методы проектирования сайта, так и непосредственно работать с HTML-кодом

Таблица 1 - Основные инструментальные средства для работы с flash-технологиями.

№	Наименование продукта	Назначение
10	Macromedia Fireworks	Комплексная система создания мультифункциональных приложений для интернета
11	Direct Flash Turbine	Генератор flash-фильмов, сочетающий в себе все мыслимые функции по созданию мультимедийных приложений, включая динамическую генерацию
12	Swift Generator	Генератор flash-фильмов с модифицирующимися текстами, шрифтами, звуковым сопровождением, растровыми изображениями, программным кодом как в кадрах, так и в интерактивных навигационных элементах
13	Flash2Form	Генератор (CGI-скрипт), позволяющий изменять в flash-фильмах ссылки и тексты, имена объектов и кадров
14	Netstudio 2000	Интегрированный пакет для работы с Flash
15	KoolMoves	Средство для создания анимации
16	Quick Time Pro	Средство для работы с видео
17	Real Audio Producer	Средство для работы со звуком
18	Real Player	Средство для работы со звуком
19	Swift 3D	Средство для создания трехмерных flash-объектов
20	Vecta 3D	Средство для создания трехмерных flash-объектов

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

Рис. 1 - Режим инсталляции по выбору

Итак, инсталляция успешно завершена, перейдем непосредственно к работе с редактором.

1.2.2 Настройка рабочей зоны

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

Что такое шаблон и зачем он нужен? Во-первых, мы уже упомянули о том, что как правило flash-ролик интегрируется в HTML-документ, поэтому первым делом надо подумать о том, чтобы цветовая гамма фона HTML-документа сочеталась с фоном (во всяком случае граничным) Flash ролика. Во-вторых, это размер рабочей зоны flash-фильма (т.е. та область, в которой будут отображаться созданные вами кадры). При разработке фильма для просмотра на мониторе с разрешением 800х600 рекомендуется размеры рабочей зоны выбирать в пределах 550х400. Перед тем как перейти к рассмотрению основных элементов интерфейса пакета Macromedia Flash 5, настроим рабочую зону (создадим наш первый шаблон) на примере создания заставки персонального сайта. Исходные данные: фон HTML-документа - черный, разрешение - 800х600, навигационная модель - линейно-иерархическая.

Рассмотрев исходные данные, переходим к настройке рабочей зоны. Запускаем Flash 5 (в предположении, что мы это делаем в первый раз и у нас нет готовых шаблонов), при этом в окне редактора загружается шаблон по умолчанию (см. рис. 2).

Рис. 2 - Окно редактора Macromedia Flash 5.0

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

Настройка размеров рабочей зоны. Щелкните правой кнопкой мыши по рабочей зоне (белый экран в центре) и в появившемся меню выберите пункт Movie Properties. Здесь необходимо указать: частоту кадров при воспроизведении клипов (рекомендуется 12 кадров в секунду - стандарт для Quick Time), размер рабочей зоны в условных пикселах, цвет фона (в нашем случае - черный), единицы измерения для вертикальной и горизонтальной линейки. После всех изменений сохраните сделанные настройки для их использования по умолчанию с помощью кнопки Save Default (см. рис. 3).



Рис. 3 - Настройка размеров рабочей зоны

Настройка рабочей среды. Настройки рабочей среды (прорисовка изображения при редактировании, отображение сетки, линейки, панелей управления) сконцентрированы в пунктах меню View (см. рис 4.)и Windows (см. Рис.5 ).

Рис. 4 - Меню View



Рис. 5 - Меню Window

Рассмотрим пункты меню View:

· Goto - переход между кадрами, сценами Flash фильма (можно также воспольоваться кнопкой ).

· Zoom In - увеличить прорисовку рабочей зоны.

· Zoom Out - уменьшить прорисовку рабочей зоны.

· Magnification - управление увеличением/уменьшением прорисовки.

· Outlines - включение режима линий обрисовки (Контурная прорисовка).

· Fast - отключение сглаживания, все объекты закрашены.

· Antialias - включение сглаживания линий.

· Antialias Text - сглаживание всех объектов, в том числе и края букв.

· Timeline - отключает прорисовку хронометрической линейки.

· Work Area - возможность размещения изображений вне кадра.

· Rulers - включение отображения линеек по краям рабочей зоны.

· Grid - управление отображением сетки в рабочей зоне.

· Guides - управление настройками направляющих.

· Snap to Objects - включение режима привязки (магнита) объектов к настройкам свойств.

· Show Shape Hints - показывать подписи.

· Hide Edges - скрыть грани.

· Hide Panels - скрыть панели инструментов.

Пункты меню Windows:

· New Window - открыть новое окно рабочей зоны.

· Toolbars - настройка панелей интерфейса (Main, Status, Control).

· Tools - включение отображения панели инструментов

· Panels - управление дополнительными панелями интерфейса.

· Panel Sets - библиотека шаблонов панелей интерфейса.

· Save Panel Layout - сохранение собственного шаблона панелей интерфейса.

· Close All Panels - скрыть все панели.

· Actions - активизация панели для работы с Actions Script.

· Movie Explorer - активизация проводника по фильму.

· Output - окно результатов обработки фильма.

· Debugger - отладчик.

· Library - библиотека объектов Flash-фильма

· Common Libraries - библиотека встроенных объектов (ClipArt).

· Generator Objects - генератор объектов.

· Cascade - каскадное расположение панелей.

· Tile - выравнивание панелей по размеру окна.

Установите флажки настроек так, как показано выше на рисунках меню. Настройку панелей интерфейса можно оставить принятой по умолчанию (к этому вопросу мы вернемся немного позднее). Нам еще осталось настроить режимы отображения сетки и можно сохранять созданный шаблон под именем shablon1.fla. Fla - это расширение файлов "исходных кодов" Flash (со всеми настройками), доступных для дальнейшего редактирования, в отличии от файла swf, представляющего собой "откомпилированный" (оптимизированный) flash-ролик.

Для настройки сетки выберем пункт меню: View - Grid - EditGrid. После этого в диалоговом окне, показанном на рисунке, выберем цвет отображения сетки, установим атрибуты ее отображения и привязки, укажем шаг сетки по горизонтали и вертикали, а также выберем способ привязки объектов к сетке. После чего сохраним все сделанные настройки для дальнейшего использования по умолчанию кнопкой Save Default (см. рис. 6).

Рис. 6 - Установка сетки

Общий вид интерфейса Macromedia Flash 5 с сделанными нами настройками представлен на рис. 7

Рис. 7 - Общий вид интерфейса Macromedia Flash 5

1.2.3 Возможности Macromedia Flash 5.0

Macromedia Common User Interface - привычный пользовательский интерфейс позволяет разработчикам свободно себя чувствовать в любом приложении от Macromedia.

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

Macromedia GeneratorT Developer Edition Support - автоматизирует процесс создания flash-роликов с помощью Macromedia Generator Developer Edition, решения для эффективного обновления flash-сайтов.

Bezier Tools - привычные инструменты "Выделение" и "Перо" с поддержкой кривых Безье предоставляют новые возможности создания иллюстраций.

Shared Symbol Libraries - библиотека используемых в проекте объектов упрощает управление ими и минимизирует размер конечного файла.

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

Movie Explorer - инструмент для просмотра и сортировки иерархической структуры документа упрощает анализ и редактирование больших проектов.

ActionScript Development Tools - позволяет создавать эффективные, насыщенные интерактивными возможностями проекты с помощью нового языка сценариев, близкого к JavaScript, редактора ActionScript и Debugger, а также функции Smart Clips - решения для разработки часто используемых элементов.

XML Transfer Support - поддержка XML позволяет создавать мощные приложения для электронной коммерции.

HTML Text Support - возможность включать форматированный HTML-текст и гиперссылки облегчает создание файлов с большим количеством текстовой информации.

Ключевые особенности нового пользовательского интерфейса:

· Customizable Keyboard Shortcuts - возможность определить клавиши быстрого доступа к часто используемым командам.

· Launcher Bar - мгновенный доступ ко всем основным функциям из главного окна документа.

· Toolbox Layout - структура и внешний вид панели инструментов отныне будут похожи во всех программных продуктах Macromedia, что делает работу с ними более удобной.

· Menu Structure - удобная система меню и подменю.

· Panel Management - различные настройки плавающих панелей с возможностью их привязки и сохранения расположения.

· Bezier Pen Tool - работа с кривыми Безье теперь будет единой во всех программах Macromedia: Flash, FreeHand и Fireworks.

· Color Selection - работа с цветом теперь также приведена к единому стандарту во всех программах Macromedia.

· представление иерархической структуры объектов и их расположения в проекте.

· простота навигации и редактирования входящих элементов.

· возможность распечатать структурную схему документа.

· поиск по имени символа, поиск текста, шрифтов или ActionScript.

· возможность создания и сохранения фильтров для отображения часто используемых элементов.

Основные особенности новой технологии программирования ActionScript:

· ActionScript - синтаксис нового языка написания сценариев теперь существенно расширен и стал во многом напоминать JavaScript.

· Редактор ActionScript - панель ActionScript предоставляет возможность настройки интерфейса как для новичков, так и для экспертов.

· External Scripts - весь текст ActionScript команд может быть экспортирован в ASCII файл для изменения во внешнем редакторе, а затем помещен обратно во Flash.

· Debugger - в отладчике можно отключать некоторые переменные при тестировании всего проекта.

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

1.2.4 Публикация flash-ролика

Публикация (создание из файла fla набора файлов html и swf) осуществляется при помощи пункта меню File - Publish. Параметры публикации можно настроить в меню Publish Setting, а осуществить предварительный просмотр результатов в меню Publish Preview (см. рис. 8).

Рис. 8 - Настройка публикации

При указанных настройках после публикации создается HTML-файл с кодом для запуска flash-ролика.

1.2.5 Окно - пример

Рабочее окно представлено на рис. 9



Рис. 9 - Окно пример

2. Разработка структуры электронной системы

2.1 Совместимость электронной системы с браузером

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

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

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

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

Существует более двадцати различных web-браузеров, большинство которых было выпущено более чем в одной версии. Даже если рассчитать, что посетители электронной системы будут использовать Netscape Navigator и MS Internet Explorer, которыми пользуется большинство пользователей web, нужно учесть, что не каждый из них обладает самыми последними версиями этих браузеров. Если ЭОС опубликована в Интернете, то рано или поздно кто-то посетит его с помощью Netscape Navigator 4.0 или текстового браузера типа Lynx. При определенных обстоятельствах нет необходимости создавать ЭОС, совместимые с различными браузерами. Например, если ЭОС доступна только во внутренней сети университета, и известно, что все служащие используют один или два браузера Netscape Navigator и MS Internet Explorer можно оптимизировать электронную систему, опираясь на особенности этого браузера. Точно так же, если создается содержание НТМL, которое будет распространяться на компакт-дисках вместе с браузером, есть вероятность предположить, что все клиенты будут использовать для просмотра этот браузер. Но в большинстве случаев электронная система разрабатываются для общего пользования, и потому рекомендуется создавать электронную систему доступную для просмотра возможно большим количеством браузеров. Следует выбрать один или два браузера в качестве основных, на которые будем ориентироваться, создавая электронную систему. Но время от времени нужно пробовать также просматривать электронную систему и в других браузерах, чтобы избежать слишком многих несовместимых деталей.

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

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

3. Проектирование практического раздела

3.1 Окно - заставка

Вход в Электронную обучающую систему представлен окном- заставкой (см. рис. 10).

Рис. 10 - Окно заставка

Окно - заставка выполнено с помощью программы Macromedia Flash и содержит анимационные эффекты.

Так же оно содержит кнопку «Вход», при нажатии на которую

вы попадаете на главное окно Электронной обучающей системы.

3.2 Главное окно Электронной обучающей системы

При открытии данного окна нам предлагается выбрать один из интересующих пунктов (см. рис. 11):

1. Рабочая программа

2. Курс лекций

3. Практические работы

4. Курсовая работа

5. Тестирование

Рис. 11 - Главное окно ЭОС

3.3 Курс лекций

Курс лекций дает возможность изучить лекционный материал. Он представлен в рекомендуемом порядке изучения. (см. рис. 12)



Рис. 12 - Курс лекций

Раздел№1 Отрасль и рыночная экономика (HTML)

Раздел№2 Организация как хозяйствующий субъект (HTML)

Раздел№3 Капитал и имущество организации (HTML)

Раздел№4 Издержки производства и себестоимость продукции (HTML)

Раздел№5 Инновационная и инвестиционная политика предприятия (HTML)

Раздел№6 Экономическая стратегия предприятия (HTML)

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

Таблицы и схемы - наглядное пособие по Экономике отрасли (Doc)

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

3.4 Тестирование

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

Рис. 13 - Тестирование

Номер теста соответствует номеру изучаемого раздела из курса лекций.

На вопросы теста можно отвечать в любом порядке. Каждый вопрос содержит не менее одного правильного ответа. Результат выдается при нажатии кнопки «Оценка» по пятибалльной шкале. В конце теста имеется ссылка на лекционный материал.

Исходный текст теста приведен в приложении 1.

3.5 Практические работы

При нажатии на ссылку выводится на экран соответствующая практическая работа. (см. рис. 14)



Рис. 14 - Практические работы

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

Практическая работа №1 - Определение показателей эффективности использования основных и оборотных фондов

Практическая работа №2 - Расчет заработной платы при различных формах оплаты труда

Практическая работа №3 - Расчет количества оборудования и его загрузки

Практическая работа №4 - Расчет себестоимости продукции

Практическая работа №5 - Расчет себестоимости программы

Практическая работа №6 - Экономическая эффективность конструкторских разработок

Практическая работа №7 - Экономическая эффективность технологических разработок

Практическая работа №8 - Частные методики технико-экономических расчетов

Практическая работа №9 - Расчет экономической эффективности предпринимательского проекта

Практическая работа №10 - Расчет показателей экономической эффективности деятельности предприятия

3.6 Курсовая работа

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

Рис. 15 - Курсовая работа

При нажатии кнопок выводятся следующие окна (см. рис. 16 и рис. 17):

Рис. 16 - Задание к выполнению курсовой работы



Рис. 17 - Выбор варианта для выполнения курсовой работы

Задание на выполнение курсовой работы - вывод задания на выполнение курсовой работы для просмотра или печати.

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

4. Сравнение электронной обучающей системы с имеющимися аналогами

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

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

Таблица 2 - Сравнение ЭОС с имеющимися аналогами

Критерии сравнения	ЭОС по курсу "Экономика отрасли"	fews.ru
Представление информации в гипертекстовом виде	Да	Да
Наличие лекционного материала	Да	Да
Наличие в ЭОС Практических и Курсовых работ	Да	Нет
Наличие мультимедиа элементов в ЭОС	Да	Нет
Наличие тестов в ЭОС	Да	Нет

5. Технико-экономическое обоснование

5.1 Маркетинговые исследования

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

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

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

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

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

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

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

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

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

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

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

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

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

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

, (1)

где m - количество критериев; b - удельное значение данного критерия в общем показателе качества; - значение данного критерия для базового варианта, оцененное экспертами в баллах; - значение данного критерия для внедряемого варианта, оцененное экспертами в баллах.

Для расчета интегрального показателя качества ПО, составим таблицу 3.

Таблица 3 - Расчет интегрального показателя качества ПО

Критерии	Значимость ()	Баллы (А)
		1	2	1	2
Практическая направленность	0,3	1	2	0,3	0,6
Эргономичность	0,2	2	4	0,4	0,8
Наглядность	0,5	4	6	2	3
Итого:				2,7	4,4

Используя формулу (1) и данные таблицы 3 рассчитаем интегральный показатель качества разрабатываемого ПО:

5.3 Расчет затрат на разработку программы

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

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

Ожидаемые длительности всей работы рассчитаны по экспертным оценкам с использованием формулы (2):

, (2)

где T₀ - ожидаемая длительность работ, дней; Т_min - наименьшая по мнению эксперта длительность работ, дней; Т_max - наибольшая по мнению эксперта длительность работ, дней.

Все ожидаемые длительности работ на этапе проектирования сведены в табл. 4

Таблица 4 - Ожидаемые длительности работ на этапе проектирования

Наименование работ	Длительность работ, дней
	min	max	ожидаемая
Постановка технического задания (ТЗ)	2	4	3
Анализ ТЗ и сбор данных	6	11	8
Составление структуры подачи материала ЭОС	2	4	3
Составление структуры организации контроля знаний	6	10	8
Разработка интерактивных программных элементов*	8	14	11
Разработка иллюстративного графического материала*	3	5	4
Разработка контекстной помощи*	6	10	8
Отладка программы*	5	8	6
Оформление документации*	7	12	9
Всего:	45	78	60

Примечание: * - работы производимые с использованием ЭВМ

Ожидаемая длительность работ на этапе проектирования составила 60 дней (из них с использованием ЭВМ - 38 дней)

Суммарные затраты на разработку программы рассчитываются по формуле (3):

*a_t, (3)

где S - суммарные затраты на разработку данной программы, руб.; Т_i - затраты времени на разработку и отладку данной программы работником i - категории, чел./дн.; L_gui - средняя дневная заработная плата работника i - категории, руб./дн.; W_i - количество работников i - ой категории, чел.; k_g - коэффициент дополнительной заработной платы;

k_u - коэффициент, учитывающий начисления на заработную плату; k_up - коэффициент затрат на накладные расходы; Т_mo - машинное время необходимое для отладки данной программы, час.; e - эксплуатационные расходы приходящиеся на 1 час машинного времени, руб/час.; a_t - коэффициент дисконтирования (коэффициент привидения единовременных затрат к расчетному году).

a_t= (1+Ем)^Тр-1

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

Расчетный период принимаем равный 1 году, тогда:

a_t= (1+0,1)^1-1

a_t= 1

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

Таблица 5 - Исходные данные для расчета суммарных затрат на разработку программы

Исходные данные	Единица измерения	Значение
1. Затраты времени на разработку и отладку программы	чел./дни	60
2. Средняя дневная заработная плата работника	руб./дни	150
3. Количество работников	чел.	1
4. Коэффициент дополнительной заработной платы	-	0,1
5. Коэффициент начислений на заработную плату	-	0,358
6. Коэффициент затрат на накладные расходы	-	0,5
7. Машинное время необходимое для отладки данной программы	час.	152
8. Эксплуатационные расходы на 1 час машинного времени	руб./час.	20

Используя формулу (3) и исходные данные, представленные в табл. 5 рассчитаем суммарные затраты на разработку данной программы:

*1

*1

S = 20984 руб.

5.4 Расчет капитальных вложений

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

, (5)

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

Исходные данные для расчета дополнительных капитальных вложений приведены в табл. 6.

Таблица 6 - Исходные данные для расчета дополнительных капитальных вложений

Исходные данные	Ед. изм.	Значение
1. Капитальные вложения в ЭВМ	руб.	24000
2. Полезный годовой фонд времени работы ЭВМ	час.	2000
3. Машинное время для решения задач с помощью разработанной программы	час.	600

Используя формулу (5) и исходные данные, представленные в табл. 6, рассчитаем дополнительные капитальные вложения, связанные с внедрением разработанной программы:

руб.

5.5 Расчет эксплуатационных расходов

Расходы, связанные с эксплуатацией программы, определяются по формуле (6):

, (6)

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

Используя формулу (6) рассчитаем эксплуатационные расходы, связанные с функционированием программы:

руб.

5.6 Расчет суммарной экономии

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

- снижение затрат живого труда при использовании электронной обучающей системы;

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

- прибыль о реализации программного продукта;

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

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

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

Эсум = Эзп+Эмр+Пч, (7)

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

Экономия на заработной плате рассчитывается по формуле:

Эзп = 1,1*1,358* ЗП,

Где ЗП - годовая основная заработная плата исполнителя, руб.

Эзп = 1,1 * 1,358* 14000

Эзп = 20913 руб.

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

П = В - S (8)

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

Выручка от реализации программы рассчитывается по формуле (9):

В= Zn*N, (9)

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

- цена программы, руб. Цена программы по стратегии ценообразования «издержки + прибыль» рассчитывается по формуле (10)

, (10)

где g - коэффициент рентабельности, учитывающий прибыль разработчика данной программы (0,25);

4372 руб

Используя формулу (4), рассчитаем прибыль от реализации программы:

П = 26232-20984

П = 5248 руб

Прибыль объявленная к налогообложению (П_н) рассчитывается по формуле (11):

П_н = П - Ф_р (11)

где Ф_р - отчисления в резервный фонд (3% от П), руб

П_н = 5248-0,03*5248

П_н = 5091 руб

Чистая прибыль (П_ч) рассчитывается по формуле (12):

П_ч = П - П_н * Y (12)

где Y - ставка налога на прибыль (24%)

П_ч = 5091-0,24*5091

П_ч = 3870 руб

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

Эсум=20913+15000+3870

Эсум= 39783 руб.

5.7 Расчет фактической экономии

Фактическая экономия рассчитывается по формуле (13):

Эф=Эсум - И, (13)

Фактическая экономия составляет:

Эф=39783-12000

Эф=27783 руб.

5.8 Сводные экономические показатели по разработке программы

Срок окупаемости дополнительных капитальных вложений Т_ок в новом варианте по сравнению прежним составит (формула 14):

, (14)

года

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

Коэффициент экономической эффективности для данной программы составит (формула 15):

, (15)

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

Сводные технико-экономические показатели выполненной разработки представлены в табл. 7

Таблица 7 - Сводные технико-экономические показатели выполненной разработки

Исходные данные	Единица измерения	Значение
1. Интегральный показатель качества	-	1,6
2. Объем занимаемой памяти на ЖД
3. Объем занимаемой оперативной памяти	-
4. Суммарные затраты на разработку программы	руб.	20984
5. Капитальные затраты	руб.	28184
6. Фактическая экономия	руб.	27783
7. Срок окупаемости	года	1,01
8. Коэффициент экономической эффективности	руб.	0,99

6. Безопасность и экологичность проекта

6.1 Анализ условий труда оператора ЭВМ

А данном разделе анализируются условия труда рабочего места оператора ЭВМ (студента).

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

Проанализируем совокупность санитарно-гигиенических факторов помещения и произведем оценку условий труда на основе руководства

Р 2.2.755-99 и составим таблицу 8.2.

Источниками постоянного шума в помещении являются кондиционер, ПЭВМ и периферийное оборудование. Уровень фонового шума не превышает 15 дБ (для помещений данного профиля определен максимально допустимый уровень в размере 50 дБ). Оценка производственного шума производится на основе норм предельно допустимых уровней шума на рабочих местах, установленных с учетом тяжести и напряженности трудовой деятельности, по табл. 4.11.4 руководства Р 2.2.755-99 («Шум на рабочих местах, в помещениях жилых и общественных зданий и территории жилой застройки»)

Класс условий труда при воздействии инфразвука определяется по предельным значениям руководства Р 2.2.755-99 «Инфразвук на рабочих местах, жилых и общественных помещениях и на территории жилой застройки», которые дифференцированы по видам работ, в частности:

· для работ различной степени тяжести

· для работ различной степени интеллектуально-эмоциональной напряженности

Класс условий труда при воздействии ультразвука определяется по предельным значениям из руководства Р 2.2.755-99

Отнесение условий труда к тому или иному классу вредности и опасности по показателям микроклимата (нагревающего и охлаждающего) осуществляется в соответствии с таблицами 4.11.5.1, 4.11.5.2,4.11.5.3,4.11.5.4 руководства Р 2.2.755-99, при этом для оценки оптимального значения и верхней границы допустимого микроклимата может быть также использовано руководства Р 2.2.755-99 «Гигиенические требования к микроклимату производственных помещений»

Оценка условий труда по фактору «Освещение» проводится по показателям естественного и искусственного освещения, приведенным в таблице 4.11.6. руководства Р 2.2.755-99, и в соответствии с методическими указаниями «Оценка освещения рабочих мест». Контроль показателя «неравномерность распределения яркости» проводят для рабочих мест, оборудованных ВДТ и ПЭВМ, (в соответствии с требованиями руководства Р 2.2.755-99). Он предполагает определение соотношения яркостей между рабочими поверхностями (стол, документ), а также между рабочей поверхностью и поверхностью стен, оборудования.

Отнесение условий труда к тому или иному классу вредности и опасности при воздействии ионизирующих электромагнитных полей и излучений осуществляется в соответствии с табл. 4.11.7.1, а неионизирующих излучений оптического диапазона (лазерного и ультрафиолетового) - 4.11.7.2 руководства Р 2.2.755-99.

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

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

...