Создание структуры WEB-приложения для образовательных ресурсов

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

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

Бурное развитие коммуникационных технологий и в частности Internet технологий, требует от современного молодого человека определенных знаний и умений по поиску, приему и передачи необходимой информации в международной сети - Internet. В связи с этим, в современные учебные программы по информационным технологиям включен такой раздел как "Коммуникационные технологии" который знакомит учащихся с принципами функционирования локальных и глобальных вычислительных сетей, работе с электронной почтой, основами языка разметки гипертекста (HTML - Hyper Text Markup Language).

Авторы, разрабатывающие страницы с учётом их доступности, не только заслуживают благодарности, но получат также и другое преимущество: хорошо проработанные документы HTML с разделением структуры и представления в будущем легче будут адаптироваться к новым технологиям [20].

DHTML. Динамический HTML (Dynamic HTML, DHTML) не является каким-то особым языком разметки страниц. Это всего лишь термин, применяемый для обозначений HTML-страниц с динамически изменяемым содержимым.

Реализация DHTML основана на 3 компонентах: непосредственно HTML, каскадные таблицы стилей и языке сценариев. Эти три компонента DHTML связаны между собой объектной моделью документа (DOM, Document Object Model), являющейся по сути интерфейсом прикладного программирования (API). DOM связывает воедино три перечисленных компонента, придавая простому документу HTML новое качество - возможность динамического изменения своего содержимого без перегрузки страницы.

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

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

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

Решением всех описанных выше проблем стал утвержденный в 1998 году международной организацией W3C язык XML. XML (eXtensible Markup Language) - это расширяемый язык разметки, предназначенный для описания в текстовой форме структурированных данных. Этот текстовый (text-based) формат, во многом схожий с HTML, разработан специально для хранения и передачи данных.

XML позволяет описывать и передавать такие структурированные данные, как:

- Отдельные документы.

- Метаданные, описывающие содержимое какого-либо узла Internet.

- Объекты, содержащие данные и методы работы с ними (например, элементы управления ActiveX или объекты Java).

- Отдельные записи (например, результаты выполнения запросов к базам данных).

- Всевозможные Web-ссылки на информационные и людские ресурсы Internet (адреса электронной почты, гипертекстовые ссылки и пр.).

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

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

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

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

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

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

PHP. История PHP начинается осенью 1994 года. Когда Расмус Лердорф (Rasmus Lerdorf) начал работать над тем, что впоследствии стало PHP, единственной целью, которая была у него в мыслях, выяснить, кто читает его резюме. В то время, являясь независимым подрядчиком, Лердорф рассылал потенциальным работодателям свое мини-резюме с URL ссылкой на его полную версию. Чтобы следить за посетителями, он создал CGI скрипт на Perl-e, который вставлялся как специальный тег в HTML код его страницы, и собирал информацию о посетителях. Чтобы произвести впечатление на потенциальных работодателей, он позволил любому посетителю страницы просматривать собираемую статистику посещений [22].

Он назвал этот код для сбора статистики «PHP-Tools for Personal Home Page», поскольку сам использовал его на своей персональной домашней странице (personal home page). Лердорф открыл для пользователей первый список рассылки по PHP, чтобы можно было обмениваться идеями, исправлениями ошибок и кодом.

Web-сервер Apache. Самый распространенный Web-сервер в мире - это Apache. По данным компании Netcraft, общее число Web-узлов, работающих под его управлением, к концу 1998 г. достигло 2 млн. (55% общего числа узлов) и постоянно растет. Для сравнения: на долю серверов Microsoft приходится 25%, Netscape - 7%. Будучи бесплатной открытой программой, предназначенной для бесплатных же Unix-систем (FreeBSD, Linux и др.), Apache по функциональным возможностям и надежности не уступает коммерческим серверам, а широкие возможности конфигурирования позволяют настроить его для работы практически с любой конкретной системой. Существуют локализации сервера для различных языков, в том числе и для русского.

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

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

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

Для максимальной гибкости имеется возможность создавать внешние таблицы стилей. Если код таблицы стилей находится во внешнем файле, то вы имеете возможность использовать его во всех страницах сайта[21].

Все это делает малоприемлемым использование CSS в полном объеме, так как, при использовании CSS для форматирования элементов страницы и просмотре ее с помощью броузера версии ниже 4й, есть большая вероятность увидеть нечто такое, что вам не понравится. В то же время, применяя «безопасные», т. е. совместимые с максимальным количеством броузеров элементы CSS, вы можете сильно облегчить себе жизнь и сделать ваши Web-странички более привлекательными в плане шрифтового оформления, а пользователи, путешествующие по Internet с помощью устаревших броузеров, просто этого не увидят, но также они не увидят и тех кошмаров, которые появляются при использовании CSS для верстки страниц [20].

JavaScript -- это объектно-ориентированный язык программирования. Это означает, что каждый элемент на веб-странице и в окне вашего браузера предстает в виде некоего объекта, доступного для управления из программного кода. Кнопки и поля формы, гиперссылки, изображения, цвет фона веб-страницы и даже само окно браузера с точки зрения программирования на JavaScript являются объектами [19].

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

Существуют исключения из этого правила. Интересно отметить, что если до сих пор всегда программы порождали данные и оперировали ими, то в Интернете, наоборот, данные (веб-страницы) могут включать в себя и подчинять своим целям программные вставки. Эти «островки интерактивности» -- JavaScript-сценарии, Java-апплеты и даже элементы HTML-форм -- до сих пор не стали и, очевидно, никогда уже не станут несущим каркасом для информации Интернета. Однако во многих случаях программирование способно с выгодой «оживить» статические веб-страницы и реализовать те функции, без которых невозможно полноценное общение с компьютером, в какой бы среде оно ни происходило [20].

Разработанный в 1995 г. фирмой Netscape для версии 2.0 своего броузера язык JavaScript до сих пор остается вспомогательным, но в то же время абсолютно незаменимым инструментом, позволяющим загруженной в броузер странице динамически управлять своим содержимым, а заодно и собственно броузером. По своему набору функций этот язык близок к макроязыкам, которые с давних пор встраиваются в любую достаточно сложную программу или систему программ. В отличие от Java, JavaScript-сценарии не замыкается в изолированном апплете, а свободно переплетается и взаимодействует с HTML-разметкой страницы. Будучи тесно связан с HTML, язык этот имеет сходные недостатки и очень похожий по извилистости жизненный путь [21].

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

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

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

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

Adobe Flash. Компания решила большинство проблем совместимости и производительности, выпустив Flash, который к сегодняшнему дню весьма эволюционировал и является полноценной частью инструментов-техник Web-дизайна [22].

Существуют plug-in'ы подключаемые модули, которые встраиваются в браузер, и служат для просмотра Flash страниц. Называются они FlashPlayer. И существует программа Flash, с помощью которой эти страницы создаются.

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

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

- устранение проблем совместимости между браузерами;

- мощный событийно-управляемый язык;

- flash имеет автоматическую поддержку anti-aliasing сглаживание контуров с помощью смешения соседних цветов;

- создавать страницы во Flash под силу даже ребенку, и, признаюсь, это весьма приятное занятие;

- flash потихоньку становится стандартом де-факто. В случаях, где необходима широкая интерактивность, графика, звук, и маленький размер, Flash незаменим. На сегодняшний день FlashPlayer используют 222 миллиона человек, и каждый день его скачивает еще 1.4 миллиона. По данным компании это позволяет 90% пользователям. Сети просматривать страницы с Flash содержимым;

Здесь делается основной упор на то, что интерфейсы нестандартны. Что имеется в виду, зачем это нужно и к чему это ведет?

Flash стал применим для создания интерактивных приложений. Когда следует использовать Flash. Есть ли смысл использовать Flash 5 там, где он никогда не использовался? Ведь "несть числа" всевозможным языкам программирования, описывающим клиентскую часть. Здесь важно понять, что существует два принципиальных условия применения Flash[17]:

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

- этим инструментом надо уметь грамотно пользоваться.

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

3. Разработка Web приложения для образовательных ресурсов

3.1 Sound Forge как основная часть контента web-приложения

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

Sound Forge имеет удобный интерфейс, который может использоваться на нескольких уровнях.

Рис. 3.1. Минимальные системные требования Sound Forge

Минимальные системные требования Sound Forge не высокие. Однако дополнительное оборудование обычно улучшает работу, что справедливо для большинства программ.

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

Компания Sonic Foundry указывает в качестве минимальных требований для работы программы Sound Forge компьютер с процессором Pentium с частотой 90 МГц и по крайней мере 16 Мбайт оперативной памяти. Должна быть также звуковая карта, которая поддерживается операционной системой Windows. Если компьютер удовлетворяет этим требованиям, все, что потребуется -- установить программу на компьютер.

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

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

Рис. 3.2. Основные возможности Sound Forge

Кроме того, в случае мощного процессора программа Sound Forge работает более ровно. Компания Sonic Foundry и указывает в качестве минимальных требований 16 Мбайт оперативной памяти, лучше иметь по меньшей мере 64 Мбайт. Это позволяет значительно ускорить работу системы. Скорость жесткого диска является одним из важнейших факторов, влияющих на то, насколько быстро программа Sound Forge будет выполнять задачи редактирования больших звуковых файлов. В отношении производительности интерфейс SCSI лучше, чем IDE, но хороший диск с интерфейсом E-IDE может быть столь же хорош, как и диск SCSI. При выборе диска нужно обратить внимание на несколько параметров.

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

Рис. 3.3. Sound Forge для решения различных задач записи файлов

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

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

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

Рис. 3.4. Эффекты и обработка

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

Видео:

- Импорт видео в формате AVI, MOV, WMA, MPEG-1 и MPEG-2, в том числе съемка 24 кадр./с;

- Сохранение и рендеринг видео в одном из форматов;

- Предварительный просмотр видео в реальном времени или кадр за кадром на компьютере или внешнем мониторе через устройство IEEE 1394. Аудио и звук остаются синхронизованными с точностью до кадра.



Рис. 3.5. Редактирование

Используя Sound Forge, можно обнаружить в его инструментах исключительную гибкость и функциональность.

Компакт-диски:

- Простое извлечение звука с компакт-дисков и сохранение в одном из множества аудиоформатов, включая МРЗ;

- Запись компакт-дисков track-at-once прямо из Sound Forge;

Сегодня одна программа Sound Forge дает большее число инструментов и большую гибкость.

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

Одной из мощнейших функций, имеющихся в Sound Forge, является спектральный анализ Spectrum Analysis. Это позволяет обрабатывать данные и реально видеть эффект обработки. Теперь перейдем к описанию главного окна Sound Forge. Сверху расположены обычные меню Windows: File - Файл, Edit - Правка, View - Вид, Special - Дополнительно, Process - Обработка, Effects - Эффекты, Tools - Инструменты, FX Favorites - Избранное FX, Options - Опции , Window - Окно и Help - Справка.

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

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

3.2 Разработка блок схемы

На рис. 3.6. показана блок-схема обучающего WEB-приложения по изучению программы Sound Forge. Блок-схеме делится на две части «Основная информация» и «Дополнительная информация».

Рис. 3.6. Блок схема WEB-приложения по изучению правил использования программы Sound Forge

В «Основной информации» находится материал по изучению программы Sound Forge и способов ее использования.

Основная информация делится на четыре раздела «1_Раздел настройка», «2_Раздел основные возможности», «3_Раздел работа с плагинами», «4_Раздел дополнительные возможности» и два подраздела «4.1_Раздел. Процессы (Process)», «4.2_Раздел. Эффекты (Effects)».

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

3.3 Описание WEB-приложения по изучению программы Sound Forge

На рисунке показана Главная страница WEB-приложения по изучению программы Sound Forge. WEB-приложение на самом верху начинается логотип по левому краю - эмблема университета ТАТУ, и рядом надпись Sound Forge.

Рис. 3.7. Главная страница WEB-приложения по изучению программы Sound Forge

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

По центру размещена общая ознакомительная текстовая и графическая информация по изучению программы Sound Forge. Для создания страниц WEB-приложения использовалась программные языки, как HTML и СSS.

Для всех таблицы WEB-приложения использовался единый связанный стиль и xранится в отдельном файле « Sf.css ».

В HTML файлах делается ссылка на этот файл при помощи тега <link>. Выглядит это так:

<link rel="stylesheet" type="text/css" href="путь к файлу css">

На главной странице отображена текстовая информация для параграфа, использовался тег <p>

Рис. 3.8. Страница глоссарии по изучению программы Sound Forge

rel -- отвечает за установку взаимосвязи и в данном случае имеет значение "stylesheet". href -- абсолютный или относительный путь к самому CSS-файлу. Для вставки графических элементов служит тэг <IMG>.

Чтобы определить размеры графических элементов, использовались атрибуты тег WIDTH, HEIGHT. <img src="img/tigr.jpg" width="50" height="41">

<TITLE> и </TITLE>. В этих тегах заключается название странички, которое будет выведено в рамке окна программы просмотра.

<BODY> и </BODY>. «Тело» документа (текст, графика и т.д.) располагается между этими двумя тегами.

<HEAD> и </HEAD>. Между этими тегами располагается системная информация о документе. Например, ключевые слова для поисковых серверов, и некоторые другие специальные возможности.

Рис. 3.9. Страница тестирования по изучению программы Sound Forge

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

<a href="#">Главная</a>



Рис. 3.10. Страница «Кроссворд» по изучению способов использования программы Sound Forge

В качестве значения используется путь к графическому файлу, который указывается внутри конструкции url(). Для отображения и наполнения страницы изображением «repeat-x».

Для создания «разделов» в документе или, иными словами, для создания контейнера, использовалось тег <div>. Для идентификации каждого тега <div> дали каждому из них уникальный идентификатор качестве якоря id тега.

Рис. 3.11. Страница «Видео урока» по изучению пользования программы Sound Forge

В странице «Видеоуроки» основную роль играет специально созданный видеоплеер для WEB-приложения flowplayer, «flowplayer-3.2.6.min.js», flowplayer.controls-3.2.5.swf и flowplayer-3.2.7.swf. Используя язык java script был установлен видеоплеер.

<script type="text/javascript" src="flowplayer-3.2.6.min.js"/>

Глобальные стили задают вид элементов всего документа. Для этого использовалась тег <style type="text/css"> Он размещен в заголовке документа. stylesheet - Определяет, что подключаемый файл содержит таблицу стилей. type -- MIME-тип подключаемого объекта. У нас это таблица стилей -- значит тип "text/сss" Для заднего фона изображения использовалось тег « background» выглядит это так:

background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;

Рис. 3.12. Страница Asio4all по изучению программы Sound Forge

Рис. 3.13. Страница «Процессы» по изучению программой Sound Forge

Для выравнивания изображения по центу используется тэг <CENTER>. Также использовался тег left. Он заставляет браузер помещать изображение слева от текста, а right - справа от него.

На странице тестирования дизайн не меняется. Только изменения происходят в горизонтальном меню - добавлена гиперссылка на главную страницу. На самой странице в основном использовался язык java script.

Текст программы заключен между командами (тегами) <SCRIPT> и </SCRIPT>.

<SCRIPT language="JavaScript">

Программа состоит из одного оператора - вызова стандартной функции alert. Результатом выполнения программы будет выскакивание сообщения при загрузке страницы с текстом JavaScript. Также использовался function для специально написанного и оформленного фрагмента кода, который можно вызвать из любого места программы:

function {Имя функции}([{список аргументов, разделенных запятыми}])

4. Безопасность жизнедеятельности

4.1 Шум как вредный производственный фактор

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шум с уровнем звукового давления до 30...35 дБ привычен для человека и не беспокоит его. Повышение этого уровня до 40...70 дБ в условиях среды обитания создает значительную нагрузку на нервную систему, вызывая ухудшение самочувствия и при длительном действии может быть причиной неврозов. Воздействие шума уровнем свыше 75 дБ может привести к потере слуха - профессиональной тугоухости. При действии шума высоких уровней (более 140 дБ) возможен разрыв барабанных перепонок, контузия, а при еще более высоких (более 160 дБ) и смерть.

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

Снижение слуха на 10 дБ практически неощутимо, на 20 дБ - начинает серьезно мешать человеку, так как нарушается способность слышать важные звуковые сигналы, наступает ослабление разборчивости речи.

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

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

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

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

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

Для человека область слышимых звуков определяется в интервале от 16 до 20 000 Гц. Диапазон воспринимаемых ухом уровней звукового давления простирается от 2Ч10-5 до 2Ч102 Н/м2.

Нормируемыми параметрами шума являются уровни звукового давления в октавных полосах со среднегеометрическими частотами 63, 125, 250, 500, 1000, 2000, 4000 и 8000 Гц и эквивалентный (по энергии) уровень звука в децибелах (шкала А). Допустимые уровни шума на рабочих местах не превышают соответственно 110, 94, 87, 81, 78, 75, 73 дБ, а по шкале А -- 80 дБ.

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

Для гигиенической оценки шума подразделяют:

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

- По временным характеристикам -- на постоянный (уровень звука изменяется во времени не более чем на 5 дБ -- по шкале А) и непостоянный. К непостоянному шуму относятся колеблющийся шум, при котором уровень звука непрерывно изменяется во времени; прерывистый шум (уровень звука остается постоянным в течение 1 с и более);

- Импульсный шум, состоящий из одного или нескольких звуковых сигналов длительностью не менее 1 с.

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

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

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

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

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

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

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

Доказано, что шум и напряженность труда биологически эквивалентны по своему воздействию на нервную систему. На примере изучения разных профессий установлена величина физиолого-гигиенического эквивалента шума и напряженности нервно-эмоционального труда, которая находится в пределах 7--13 дБ (шкала А) на одну категорию напряженности.

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

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

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

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

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

4.2 Пожарная профилактика

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

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

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

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

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

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

Исключению и предотвращению пожаров содействует:

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

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

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

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

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

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

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

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

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

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

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

Заключение

гипертекстовый сервер веб

В данной выпускной квалификационной работы была создана структура web-приложения для образовательных ресурсов кафедры «Мультимедийные технологии», содержащее видеоуроки, лекции, тестовые задания по изучению работе с программой звукозаписи и редактирования Sound Forge; рассмотрены основные аспекты создания образовательных Интернет - ресурсов, обоснован выбор инструментария для создания структуры web-приложения.

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

Основными преимуществами разработанного web-приложения по изучению программы обработки звука Sound Forge являются:

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

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

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

Они привязаны к основным материалам, что позволяет реализовать и проконтролировать элементы изучения.

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

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

1. Доклад Президента Республики Узбекистан Ислама Каримова на заседании Кабинета Министров, посвященном итогам социально-экономического развития страны в 2012 году и важнейшим приоритетным направлениям экономической программы на 2013 год

2. Постановление Президента Республики Узбекистан «О создании общественной образовательной информационной сети Республики Узбекистан». Собрание законодательства Республики Узбекистан, 2005 г., № 40, ст. 305

3. Указ Президента Ислама Каримова «О мерах по дальнейшему внедрению и развитию современных информационно - коммуникационных технологий» от 21 марта 2012 года.

4. Яковенко А.А. «Правовые основы формирования информационного общества в Узбекистане» мая. 2011 года.

5. Андреев А.Б. «Средства эффективной разработки Web-приложений» Санкт-Петербург 2010.

6. А.В. Соловов «ТЕХНОЛОГИЧЕСКИЕ СРЕДСТВА ЭЛЕКТРОННОГО ОБУЧЕНИЯ» 2010.

7. Хлызова Н.Ю. «Мультимедиа и его возможности в оргонизации процесса обучения » 2010. С.275-286.

8. Проектирование вариативной образовательной среды учебного занятия в условиях вариатив-ного образовательного процесса: Методические рекомендации / Автор и науч. ред. М.А. Бодряшкина. М., 2010. 78 с.

9. Египко Виктор Николаевич «СОЗДАНИЕ WEB-СТРАНИЦ И WEB -САЙТОВ» Санкт-Петербург 2010.

10. А.В. Осин «Открытые образовательные модульные мультимедиа системы» 2010 г. №2.

11. Понятие информационно - коммуникационных технологий - (ИКТ) и их роль в образовательном процессе. 2010 год.

12. Князева М.Д., Трапезников С.Н. “Система Дистанционного Обучения” ИОЦ - Москва. 2010.№4

13. Д.А.Халилов, А.А.Шерстнев Методические указания «Работа в информационной образовательной сети ZiyoNET»Фергана - 2010

14. Протасов А.В. «Информацинно-оброзавательные ресурсы учебных заведений среднего оброзавания в сети интернет» Студенческий научный форум 15 февраля - 31 марта 2013 г

15. Протасов А.В., Менделеева Д.И. « Информационно- образваельные ресурсы учебных заведений среднего оброзавания в сети интернет» 2011.

16. Игорь Шапошников HTML5 «БХВ-Петербург» 2010.

17. Шафран Э. Создание Web-страниц: самоучитель-СПб:Питер,2009.-320с.

18. Рейчел Эндрю «CSS 100 и 1 совет» Третье издание Санкт-Петербург - Москва 2010г

19. Станислав Д , Ефимов А «Intellij IDEA Профессиональное программирование на Java» Санкт-Петербург 2010

20. Михаил Дубаков «ВЕБ-МАСТЕРИНГ» Санкт-Петербург, 2010.

21. Кожемякин А. HTML и CSS в примерах. Создание Web-страниц. - М: Альтекс-А, 2010. - 415 с.

22. Мазуркевич Александр Михайлович, Еловой Дмитрий Сергеевич «РНР: настольная книга программиста» «Новое знание».- 2010.

23. Ёрматов Г.Ё., Юлдашев O .Р., Хамраева А.Л. «БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ» Т., «Aloqachi», 2009, 348 стр.

Приложение

Главная страница WEB-приложения по изучению программы Sound Forge.

<html>

<head>

<title>Sound Forge</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>

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

</head>

<body> <div class="top">

<div class="header">

...