Новодвинские перевозки на Joomla

Рисунок 3.21 - Создание меню (Шаг 3)

и перейти на страницу «Пункт меню» (рисунок 3.22).

Рисунок 3.22 - Создание меню (Шаг 4)

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

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

Раздел - в виде блога или в виде таблицы ссылок (при этом будут отображаться все статьи раздела).

Категория - в виде блога или в виде таблицы ссылок (при этом будут отображаться все статьи категории).

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

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

Из архива - в виде блога с фильтром, который позволяет задавать параметры отбора материала. Для создания шаблона материала необходимо нажать на ссылку «Стандартный шаблон материала» (рисунок 3.23).

Рисунок 3.23 - Создание меню (Шаг 5)

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

-       заголовок - текст который будет отображаться в меню;

-       псевдоним - текст, который станет основой url для этого пункта;

-       ссылка - url для этого пункта;

-       показать в - привязать пункт к определенному меню;

-       родительский элемент - опубликован пункт или нет;

-       опубликовано - указать Да или Нет;

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

-       доступ - для каких групп пользователей будет открыт доступ;

-       открывать в - в каком окне будет открываться.

Далее нажать «Сохранить».

3.1.6       
Добавление галереи

Было принято решение установить галерею «MorfeoShow 1.1.0».

Сначала нужно навести курсор на пункт меню «Расширения» и выбрать «Установить/удалить» (рисунок 3.24).

Рисунок 3.24 - Добавление галереи (Шаг 1)

Сначала нужно установить компонент галереи. Для этого необходимо нажать «Обзор» и выбрать zip-архив под названием com_morfeoshow_1.1.0 (рисунок 3.25).

Рисунок 3.25 - Добавление галереи (Шаг 2)

Так как установка компонента прошла успешно, нужно нажать «Продолжить» (рисунок 3.26).

Рисунок 3.26 - Добавление галереи (Шаг 3)

Затем точно также необходимо установить плагин. Снова нужно нажать «Обзор» и выбрать zip-архив под названием plugin_morfeoshow_1.1.0 (рисунок 3.27).

Рисунок 3.27 - Добавление галереи (Шаг 4)

Видно, что установка плагина прошла удачно (рисунок 3.28).

Рисунок 3.28 - Добавление галереи (Шаг 5)

Далее нужно навести курсор на пункт меню «Компоненты» и выбрать «MorfeoShow» (рисунок 3.29).

Рисунок 3.29 - Добавление галереи (Шаг 6)

Чтобы создать первую галерею, в поле заголовок необходимо вписать имя галереи (например, Галерея 1), выбрать формат отображения картинок (по умолчанию стоит Classic with Shadowbox и он вполне подходит) и нажать «Сохранить» (рисунок 3.30).

Рисунок 3.30 - Добавление галереи (Шаг 7)

Чтобы добавить изображения в галерею, необходимо нажать «Загрузить» (рисунок 3.31).

Рисунок 3.31 - Добавление галереи (Шаг 8)

Затем нужно нажать «Обзор» и выбрать нужную картинку, затем нажать «Открыть» (рисунок 3.32).

Рисунок 3.32 - Добавление галереи (Шаг 9)

Далее необходимо нажать «Сохранить Изображение». Так необходимо продолжать до тех пор, пока не будут загружены все выбранные изображения.

Если изображений достаточно много, проще использовать второй способ добавления изображений. Для начала поместите все нужные фотографии в папку \avtopark\components\com_morfeoshow\myphoto.

После этого выберете «Multiple Images Add» и в списке отобразятся все загруженные ранее изображения. Выделим их и нажмем «Добавить картинки» (рисунок 3.33).

Рисунок 3.33 - Добавление галереи вторым способом

После всех операций будет виден список загруженных изображений (рисунок 3.34). Чтобы удалить ненужные сразу, необходимо нажать «Удалить» справа от картинок.

Рисунок 3.34 - Добавление галереи (Шаг 10)

Чтобы разместить данную галерею на сайте достаточно будет ввести в нужном материале ссылку на эту галерею. Ссылка имеет формат {morfeo 1} и порядковый номер в зависимости от номера добавленной галереи (рисунок 3.35).

Рисунок 3.35 - Добавление галереи (Шаг 11)

3.1.7        Добавление меню часто задаваемые вопросы

Было принято решение установить компонент «QiuckFAQ» для того чтобы автор сайта или модераторы могли вносить самые популярные вопросы, поступавшие автору либо на форум сайта.

Сначала нужно навести курсор на пункт меню «Расширения» и выбрать «Установить/удалить» (рисунок 3.24).

Рисунок 3.24 - Добавление меню часто задаваемые вопросы (Шаг 1)

Для установки компонента необходимо нажать «Обзор» и выбрать zip-архив под названием com_quickfaq_1.0.1_schlu.zip (рисунок 3.25).

Рисунок 3.25 - Добавление меню часто задаваемые вопросы (Шаг 2)

Так как установка компонента прошла успешно, нужно нажать «Продолжить» (рисунок 3.26).

Рисунок 3.26 - Добавление меню часто задаваемые вопросы (Шаг 3)

Затем нужно зайти в меню компоненты, компонент «QuickFAQ». Выбрать раздел категории и создать новую категорию «Ответы на часто задаваемые вопросы» (рисунок 3.27).

Рисунок 3.27 - Добавление меню часто задаваемые вопросы (Шаг 4)

После создания категории ее нужно наполнить вопросами и ответами. Для этого заходим в раздел «FAQItems» и создаем нужные статьи (рисунок 3.28).

Рисунок 3.28 - Добавление меню часто задаваемые вопросы (Шаг 5)

Далее на сайт нужно добавить новое меню со ссылкой на наш компонент. Для этого заходим в «Все меню», «Главное меню», «Создать» и добавляем внутреннюю ссылку «QuickFAQ category» (рисунок 3.29).

Рисунок 3.29 - Добавление меню часто задаваемые вопросы (Шаг 6)

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

Рисунок 3.30 - Добавление меню часто задаваемые вопросы (Шаг 7)

После обновления странички на сайте появится новое меню «FAQ» (рисунок 3.31).

Рисунок 3.31 - Добавление меню часто задаваемые вопросы

3.1.8        Добавление регистрации пользователей

Как и при добавлении предыдущих компонентов, сначала нужно установить расширение. В администраторской зоне выбираем пункт «Расширение», далее нажимаем «Установить/Удалить». Нажимаем кнопку «Выбрать» и устанавливаем последовательно 1 компонент и 2 модуля: com_comprofiler.zip, mod_cblogin.zip, mod_comprofilerOnline.zip (рисунок 3.47).

Рисунок 3.47 - Добавление регистрации - Шаг 1

После установки всех трех архивов, нужно русифицировать компонент «Регистрация», для этого достаточно из папки Русификация скопировать все файлы в директорию \avtopark\components\com_comprofiler\plugin\language\default_ language. Через Total Commander копируем все файлы в нужную директорию (рисунок 3.48).

Рисунок 3.48 - Добавление регистрации - Шаг 2

Далее нужно зайти в настройки установленного нами компонента, и поменять настройку регистрации пользователей. Заходим в меню Компоненты - Community Builder - Configuration - Регистрация. В раскрывающемся списке выбираем «Да, независимо от глобальных настроек сайта».

Далее заходим в меню Расширения - Менеджер модулей - CB Login. Далее необходимо заполнить данные модуля. Заполнить надо следующим образом:

-       заголовок: Регистрация/вход;

-       включен: Да;

-       позиция: left;

-       Login Rederection URL: index.php?option=com_comprofiler& task= userProfile (после регистрации, перебросит пользователя в его профиль);

-       Name: имя;

-       Profile link text: Ваш профиль здесь;

-       Profile edit link text: Редактировать Ваш профиль.

Нажимаем «Сохранить» (рисунок 3.49).

Рисунок 3.49 - Добавление регистрации - Шаг 3

Далее следует установить весьма полезный плагин - Защита на регистрацию. Чтобы боты или компьютерные вирусы не могли регистрироваться на сайте автоматически. Для этого заходим в меню Компоненты - Community Builder - Plugin Management. И в меню «Установка нового плагина» устанавливаем плагин [1.0]plug_cbcaptcha.zip (рисунок 3.50).

Рисунок 3.50 - Добавление регистрации - Шаг 4

После всех настроек заходим на сайт. В левом меню сайта должна появиться «Регистрация пользователей» (рисунок 3.51).

Рисунок 3.51 - Добавление регистрации

3.1.9        Добавление форума

Как и во всех других случаях для работы нового компонента нужно сначала установить его из архива. Но компонент «Форум» для Joomla - это весьма обьемный компонент с множеством меню и настроек. Поэтому будем устанавливать его другим способом.

Для начала через Total Commander копируем все файлы из архива FireBoard в каталог \avtopark\tmp\forum (рисунок 3.52).

Рисунок 3.52 - Добавление форума - Шаг 1

Далее заходим в меню Расширения - Менеджер расширений - Установить из папки. Прописываем путь с распакованными файлами плагина: Z:\home\localhost\www\avtopark\tmp\forum (рисунок 3.53).

Рисунок 3.53 - Добавление форума - Шаг 2

Далее будет сообщение, что установка компонента прошла успешно (рисунок 3.54).

Рисунок 3.54 - Добавление форума - Шаг 3

Далее заходим в меню Компоненты - Русский Fireboard и нажимаем под настройкой «Установка БД» кнопку «Запуск!». Выдастся сообщение «Установка успешно произведена!»

Теперь нужно установленный компонент. Заходим в меню Конфигурация - Интеграция и выставляем значения:

-       Установка интеграции аватаров: CB;

-       Установка интеграции титулов: CB;

-       Система личных сообщений: UddelM;

-       Профиль пользователя Community Builder: Да;

Далее сохраняем изменения. И в этом же окне находим настройку «Создать профиль для Community Builder». Нажимаем «Кликните здесь» (рисунок 3.55).

Рисунок 3.55 - Добавление форума - Шаг 4

Далее открываем меню Компоненты - Community Builder - Tab Management и включаем новый модуль «Форум» (рисунок 3.56). Также в меню Компоненты - Community Builder - Plugin Management нужно будет включить плагин «Fireboard Forum»

Рисунок 3.56 - Добавление форума - Шаг 5

Теперь осталось добавить меню на сайт. Для этого открываем Все меню - Главное меню - Создать и добавляем ссылку «Русский Fireboard» (рисунок 3.57). Называем Заголовок: «Форум». Сохраняем изменения.

Рисунок 3.57 - Добавление форума - Шаг 6

При переходе на сайт можно увидеть новый пункт меню форум и страничку форума (рисунок 3.58).

Рисунок 3.58 - Добавление форума

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

.2       Создание компонента/плагина Highslide

Компонент/плагин Highslide является весьма важным обновлением для Joomla. Данный плагин позволяет просматривать все фотографии на сайте в красивом графическом режиме: в всплывающем окне можно увидеть изображение, подогнанное автоматически под размер сайта и имеющее скругленный приятный контур.

Установка проходит в несколько этапов.

3.2.1        Установка компонента

Для начала нужно создать каталоги \avtopark\highslide и \avtopark\SpryAssets на жестком диске. В этот каталог нужно поместить все файлы компонента (рисунок 3.59).

Рисунок 3.59 - Добавление плагина Highslide

3.2.2        Написание файла HTML страницы

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

<SCRIPT type=text/javascript src="SpryAssets/SpryAccordion.js"></SCRIPT>

<SCRIPT type=text/javascript src="highslide/highslide.js"></SCRIPT>

<SCRIPT type=text/javascript>// <![CDATA[

// override Highslide settings here

// instead of editing the highslide.js file

// ]]>.graphicsDir = 'highslide/graphics/';

</SCRIPT>

Также для работы плагина при создании ссылки на определенную фотографию на жестком диске, в HTML коде нужно указывать class="highslide" и специальный параметр onclick="return hs.expand(this)". Например, полный HTML код ссылки на фотографии 2.jpg и 2big.jpg будет выглядеть так:

<a>

<img>КБ" width="250"></a>

В данном коде тэги означают:

<a href= ""> - ссылка на HTML-страницу

target="_blank" - открыть в новом окне

class="highslide", class="f" - использование CSS классов

<img src=""> - ссылка на изображение

alt="244 КБ" - подпись изображения

width="250" - ширина изображения

3.2.3        Проверка работоспособности

Необходимо открыть любую статью, например: Действующие автобусы - Автобус № АА 132 /29 и щелкнуть на любом изображении (рисунок 3.60).

Рисунок 3.60 - Добавление плагина Highslide

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

3.3.1        Перенос сайта на сервер

Организация ООО «Новодвинские перевозки» в дальнейшем планирует разместить представленный Web-сайт в сети интернет.

Хостинг и доменное имя для проекта сейчас можно получить у многих интернет провайдеров. Для размещения домена был выбран WebNames.ru .Ru - представитель аккредитованного российского регистратора, пионера российского рынка доменных имен ООО «Регтайм», работающего на рынке с 2001 г. По количеству инноваций и вкладу в развитие российского Интернета немногие могут сравниться с WebNames.Ru. Сейчас WebNames.Ru - единственный в России регистратор доменов третьего уровня .ком.рф .орг.рф .нет.рф.

Компания WebNames.Ru предоставляет возможность стать партнером любому пользователю сети. WebNames.Ru, имеет безукоризненную репутацию и 10-летний опыт в доменном бизнесе, и готов поделиться с партнерами своими знаниями о тонкостях доменного бизнеса, технологиях хостинга и аукциона, помочь в SEO-продвижении сайтов партнеров. Данные обо всех доменах дублируются, ответственность регистратора застрахована на миллион долларов. WebNames.Ru прошел строгий отбор при получении аккредитации ICANN.

Для того чтобы воспользоваться услугами WebNames.Ru, нужно для начала зарегистрироваться у них на сайте. После регистрации нужно будет пополнить свой личный счет при помощи нескольких на выбор платежных систем: WebMoney, Яndex.Деньги и т.д (рисунок 3.61).

Рисунок 3.61 - Выбор способа оплаты на WebNames.ru

Далее через корзину покупок следует заказать домен. Выбрать зону размещения домена, сроки и соответствующую цену (рисунок 3.62).

Рисунок 3.62 - Регистрация домена

Следующим шагом будет заказ хостинга. Хостинг-провайдеров во всемирной паутине тоже весьма много. Самые популярные можно посмотреть на сайте #"700497.files/image081.gif">

Рисунок 3.63 - Регистрация хостинга (Шаг 1)

Выбираем тарифный план «Профи». Он подходит для запуска Joomla. И выделяемый объем дискового пространства там 5 Гигабайт.

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

Рисунок 3.64 - Регистрация хостинга (Шаг 2)

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

1.       Скопировать файлы с локального сервера на хостинг при помощи FTP или SSH.

Для этого удобней всего воспользоваться FTP-менеджером, например FileZilla. Сначала необходимо заархивировать все папки и файлы, относящиеся к сайту кроме файла configuration.php. Данный файл еще нужно будет изменить и загрузить на сервер отдельно, так как настройки на localhost существенно отличаются от тех, что будут на сервере. Нужно дать имя архиву, например avtopark.zip. Затем в программу FileZilla, открыть менеджер хостов и добавить всю информацию по зарегистрированному ранее хостингу: ftp адрес, логин и пароль (рисунок 3.65).

Рисунок 3.65 - Опция «Менеджер хостов» в FileZilla

Далее следует выбрать созданный ранее архив avtopark.zip и загрузить его на сервер (рисунок 3.66).

Рисунок 3.66 - Загрузка архива avtopark.zip на сервер

2.       Распаковать архив на стороне сервера

Для распаковки можно воспользоваться например Total Commander или сторонней unzip-программой, предварительно загруженной на сервер. Достаточно просто выделить архив и нажать «Извлечь».

3.       Изменить файл configuration.php и загрузить его на сервер

В данном файле необходимо изменить следующие параметры:

var $user = 'admintest'; заменить на var $user = ' klikovs ';$db = 'avtopark'; заменить на var $db = ' avtoparkDB';$password = '*******'; заменить на var $password = '********************';

После этого аналогично нужно загрузить измененный файл на сервер.

4.       Экспортировать базу данных с localhost и импортировать на сервере

Сначала нужно перейти в браузере по адресу #"700497.files/image085.gif">

Рисунок 3.67 - Экспорт базы из PhpMyAdmin

Затем необходимо будет сохранить базу, нажав «ОК» (рисунок 3.68).

Рисунок 3.68 - Сохранение базы

Дамп базы был успешно создан. Еще нужно убедиться, что файл avtopark.sql создан в кодировке 65001(UTF-8). Иначе нужно изменить кодировку на UTF-8 посредством текстового редактора.

Далее необходимо добавить на сервер еще два файла из папки «Распаковщик архива». Это два специальных файла, которые распаковывают архив на сервере (рисунок 3.69).

Рисунок 3.68 - Распаковка архива на сервере

Далее необходимо эту базу импортировать на сервер. Для этого нужно перейти по адресу #"700497.files/image088.gif">

Рисунок 3.69 - Предпочтения пользователеми веб-браузеров в мировом масштабе: март 2010 (в процентах)

Для выявления ошибок и недостатков приложения проводилось многократное тестирование.

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

Рисунок 3.70 - отображение в браузере Internet Explorer 8

Рисунок 3.71 - Отображение сайта в Mozilla Firefox 3.0

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

Рисунок 3.72 - Отображение фотогалереи на сайте

Рисунок 3.73 - Отображение новостной ленты на странице сайта

Рисунок 3.74 - Отображение карты сайта

Рисунок 3.75 - Отображение таблиц на странице сайта

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

3.3 Обеспечение безопасности сайта

С целью обеспечения безопасности сайта следует выполнить следующие действия:

1.       с сервера желательно удалить все файлы, вызывающие функцию phpInfo(), с помощью которой третьи лица могут узнать всю информацию о настройке сервера;

2.       удалить каталог installation;

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

.        изменить имена по умолчанию учетных записей администраторов Joomla! и MySQL;

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

.        посредством файла .htaccess ограничить доступ к наиболее важным каталогам по IP-адресу;

.        настроить PHP-фильтры mod_security и mod_rewrite, чтобы блокировать сетевые атаки на сайт;

.        ограничить права MySQL-пользователей;

.        сделать резервную копию всего сайта.

4       
ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ ПРОЕКТА

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

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

В данном дипломном проекте предполагается время разработки ПС Tp = 3 месяца, время эксплуатации ПС (без учета времени разработки) Тэ = 15 месяцев, коллектив разработчиков Кр = 1 чел.

.1 Расчет текущих расходов

Текущие расходы на разработку ПС включают в себя следующие основные элементы:

материальные расходы (стоимость электроэнергии, тепловой энергии и т.п.);

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

прочие расходы (интернет, услуги связи, оплата расходных материалов: картриджи, бумага, CD, DVD, дискеты и т.д.).

) Стоимость затрат на электроэнергию определяется мощностью и временем работы оборудования. Мощность, потребляемая оборудованием, определятся по техническому паспорту оборудования. Для данного примера принимаем потребляемую мощность системного блока WСБ - 350 Вт, потребляемую мощность жидкокристаллического монитора WМ - 45 Вт.

Таблица 4.1 - Расчет стоимости электроэнергии

Совокупная потребляемая мощность WC = 395 Вт.

Время работы оборудования ТРоб с учетом специфики работы программиста принимаем равным фонду рабочего времени ФРВ = 146*3=438 часов (146 ч - месячный полезный фонд рабочего времени, 3 месяца - срок реализации проекта).

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

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

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

В связи с тем, что разработка проекта занимает менее одного года, необходимо рассчитать месячный полезный фонд времени работника. Месячный фонд полезного времени ФПМ=ФГ/12=1752,12/12=146 часов.

Полезный фонд времени за три месяца составит: ФПМ*3=146*3=438 часов.

Расчет тарифного фонда заработной платы участников проекта произведен путем умножения часовой тарифной ставки оплаты труда на количество часов, затраченных на разработку проекта. Минимальная часовая тарифная ставка составляет 29,7 руб/час (Федеральный закон от 24.06.2008 N 91-ФЗ).

В соответствии с квалификационными требованиями, предъявляемыми к инженеру-программисту, часовая тарифная ставка устанавливается в размере 60 руб/час.

С учетом районного и северного коэффициентов часовая тарифная ставка составит

ЗПчас=60*1,7=102 руб./час.

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

ЗП=438*102= 44 676 руб.

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

Предусмотрена выплата разработчикам проекта премии в размере одного месячного оклада, с учетом районного и северного коэффициентов размер премии составит Пр = 60*146*1,7 = 14 892 руб.

ФОТ = ЗП + Пр=44 676 +14 892 = 59 568 руб.

Страховые взносы и обязательное пенсионное страхование рассчитываются от фонда оплаты труда по налоговым ставкам, действующим в настоящее время, и составляют 26 % ФОТ. Расходы на социальные выплаты составляют 15 487,68 руб., в том числе:

- федеральный бюджет - 11 913,60 (20 %);

-        фонд социального страхования - 1 727,47 (2,9 %);

         федеральный фонд обязательного медицинского страхования - 655,25 (1,1 %);

         территориальный фонд обязательного медицинского страхования - 1191,36 (2,0 %).

Расходы на оплату труда и социальные выплаты -

568 + 15 487,68 = 70 055,68 руб.

) Прочие расходы

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

Таблица 4.2 - Прочие расходы

Таблица 4.3 - Расчет текущих расходов на разработку и внедрение проекта, руб.

Затраты на разработку и внедрение за первые три месяца равны 81 967,08 руб.

Таблица 4.4 - Стоимость оборудования и ПО.

Затраты на оборудования и ПО за первые три месяца равны 34 024,00 руб.

Общие затраты на разработку и внедрение проекта за первые три месяца составят 81 967,08 + 34 024,00 = 115991,08 руб.

Таблица 4.5 - Экономия бюджетных средств за счет внедрения проекта ПС, руб.

и 9 пункты в 1 и 2 месяц одинаковы. С 4 по 15 месяцы они также равны.

4.2 Выходные параметры проекта

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

или ,

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

- сумма капиталообразующих инвестиций за период реализации проекта, руб.;

- сумма текущих расходов за период реализации проекта, руб.;- номер временного периода (1, 2, 3,…, Т);

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

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

где  - изменение в доходах благодаря проекту;

 - изменение в затратах благодаря проекту.

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

или

или

,

или

гдеЧДД(NPV)- чистый дисконтированный доход (чистая приведенная на сегодняшний день стоимость), руб.;

П_t- денежный поток по временным периодам, равный сумме чистой прибыли и амортизации, руб.

- смотри формулу 6

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

Таблица 4.6 - Расчет данных для построения финансового профиля проекта (норма дисконта E=15 % годовых)

Финансовый профиль проекта (рисунок 4.1).

Рисунок 4.1 - Финансовый профиль проекта

Как следует из анализа финансового профиля проекта, представленного на рис. 4.1, срок окупаемости проекта (PB) составляет 6 месяцев. Расчет ВНД(IRR) осуществлен графическим способом (рисунок 4.2).

Рисунок 4.2 - Расчет ВНД(IRR) графическим способом

Значение IRR равно 400%.

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

В данном примере он составляет PI_=_563%

Расчет выходных показателей проекта представлен в таблице 7.

Таблица 4.7 - Расчет выходных показателей проекта

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

Таблица 4.8 Основные показатели экономической эффективности проекта

Расчеты показали, что при длительности жизненного цикла проекта 15 месяцев:

накопленный эффект с учетом фактора времени ЧДД при Е_=_15_% составил 526 702 руб.;

внутренняя норма доходности ВНД = 400%;

срок окупаемости проекта при Е = 15 % составляет 6 месяцев.

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

5       
БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ

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

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

5.1     Опасные и вредные производственные факторы

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

1.       повышенная и пониженная температура воздуха;

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

.        повышенная и пониженная влажность воздуха;

.        недостаточная освещенность рабочего места;

.        превышающий допустимые нормы шум;

.        повышенный уровень ионизирующего излучения;

.        повышенный уровень электромагнитных полей;

.        повышенный уровень статического электричества;

.        опасность поражения электрическим током;

.        блеклость экрана дисплея.

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

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

1.       нервно-эмоциональные перегрузки;

2.       умственное напряжение;

перенапряжение зрительного анализатора.

5.2     Гигенические требования к ПЭВМ и организация работы

5.2.1        Требования к ПЭВМ

ПЭВМ должны соответствовать требованиям СанПиН 2.2.2/2.4.1340-03 «Гигиенические требования к персональным электронно-вычислительным машинам и организации работы» и каждый их тип подлежит санитарно-эпидемиологической экспертизе с оценкой в испытательных лабораториях, аккредитованных в установленном порядке.

Допустимые уровни звукового давления и уровней звука, создаваемого ПЭВМ, не должны превышать значений, представленных в СанПиНе 2.2.2/2.4.1340-03 «Гигиенические требования к персональным электронно-вычислительным машинам и организации работы».

Там же представлены временные допустимые уровни ЭМП, создаваемых ПЭВМ, не должны превышать значений.

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

Мощность экспозиционной дозы мягкого рентгеновского излучения в любой точке на расстоянии 0,05 м от экрана и корпуса ВДТ (на электронно-лучевой трубке) при любых положениях регулировочных устройств не должна превышать 1 мкЗв/час (100 мкР/час).

Конструкция ПЭВМ должна обеспечивать возможность поворота корпуса в горизонтальной и вертикальной плоскости с фиксацией в заданном положении для обеспечения фронтального наблюдения экрана ВДТ. Дизайн ПЭВМ должен предусматривать окраску корпуса в спокойные мягкие тона с диффузным рассеиванием света. Корпус ПЭВМ, клавиатура и другие блоки и устройства ПЭВМ должны иметь матовую поверхность с коэффициентом отражения 0,4 - 0,6 и не иметь блестящих деталей, способных создавать блики.

Конструкция ВДТ должна предусматривать регулирование яркости и контрастности.

5.2.2        Требования к помещениям для работы с ПЭВМ

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

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

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

Площадь на одно рабочее место пользователей ПЭВМ с ВДТ на базе ЭЛТ должна составлять не менее 6 м², в помещениях культурно-развлекательных учреждений и с ВДТ на базе плоских дискретных экранов (жидкокристаллические, плазменные) - 4,5 м².

При использовании ПВЭМ с ВДТ на базе ЭЛТ (без вспомогательных устройств - принтер, сканер и др.), отвечающих требованиям международных стандартов безопасности компьютеров, с продолжительностью работы менее 4-х часов в день допускается минимальная площадь 4,5 м² на одно рабочее место пользователя (взрослого и учащегося высшего профессионального образования).

Для внутренней отделки интерьера помещений, где расположены ПЭВМ, должны использоваться диффузно отражающие материалы с коэффициентом отражения для потолка - 0,7 - 0,8; для стен - 0,5 - 0,6; для пола - 0,3 - 0,5.

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

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

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

5.2.3        Требования к микроклимату, содержанию аэроионов и вредных химических веществ в воздухе на рабочих местах, оборудованных ПЭВМ

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

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

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

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

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

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

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

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

5.2.4        Требования к освещению на рабочих местах, оборудованных ПЭВМ

Рабочие столы следует размещать таким образом, чтобы ВДТ были ориентированы боковой стороной к световым проемам, чтобы естественный свет падал преимущественно слева.

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

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

Следует ограничивать прямую блесткость от источников освещения, при этом яркость светящихся поверхностей (окна, светильники и др.), находящихся в поле зрения, должна быть не более 200 кд/м².

Следует ограничивать отраженную блесткость на рабочих поверхностях (экран, стол, клавиатура и др.) за счет правильного выбора типов светильников и расположения рабочих мест по отношению к источникам естественного и искусственного освещения, при этом яркость бликов на экране ПЭВМ не должна превышать 40 кд/м² и яркость потолка не должна превышать 200 кд/м².

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

Яркость светильников общего освещения в зоне углов излучения от 50 до 90 градусов с вертикалью в продольной и поперечной плоскостях должна составлять не более 200 кд/м², защитный угол светильников должен быть не менее 40 градусов.

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

Следует ограничивать неравномерность распределения яркости в поле зрения пользователя ПЭВМ, при этом соотношение яркости между рабочими поверхностями не должно превышать 3:1 - 5:1, а между рабочими поверхностями и поверхностями стен и оборудования - 10:1.

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

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

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

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

Коэффициент пульсации не должен превышать 5%.

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

5.2.5        Требования к уровням шума и вибрации на рабочих местах, оборудованных ПЭВМ

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

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

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

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

5.2.6        Общие требования к организации рабочих мест пользователей ПЭВМ

При размещении рабочих мест с ПЭВМ расстояние между рабочими столами с видеомониторами (в направлении тыла поверхности одного видеомонитора и экрана другого видеомонитора) должно быть не менее 2,0 м, а расстояние между боковыми поверхностями видеомониторов - не менее 1,2 м.

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

Рабочие места с ПЭВМ при выполнении творческой работы, требующей значительного умственного напряжения или высокой концентрации внимания, рекомендуется изолировать друг от друга перегородками высотой 1,5 - 2,0 м.

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

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

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

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

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

5.3     Пожарная безопасность

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

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

5.3.1        Причины возникновения пожара

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

Причинами возникновения пожара могут быть:

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

2.       использование поврежденных (неисправных) электроприборов;

.        использование в помещении электронагревательных приборов с открытыми нагревательными элементами;

.        возникновение пожара вследствие попадания молнии в здание;

.        возгорание здания вследствие внешних воздействий;

.        неаккуратное обращение с огнем и несоблюдение мер пожарной безопасности.

5.3.2        Профилактика пожара

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

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

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

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

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

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

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

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

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

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

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

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

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

ЗАКЛЮЧЕНИЕ

В процессе написания дипломной работы был разработан web-сайт ООО «Новодвинские перевозки» на базе CMS «Joomla!», а также были созданы компоненты «Регистрация», «Форум», личная страничка «Community Builder», галерея MorfeoShow, всплывающие фото «Highslide», а также несколько простых модулей «Поиск по сайту», «Карта сайта», «Голосование», «Пользователи онлайн». Данный сайт полностью соответствует современным сайтам, с множеством модулей, наличием регистрации и форума.

В результате разработки сайта было сделано следующее:

-произведен сбор и систематизация информации о предприятии ООО «Новодвинские перевозки»;

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

разработан контент (содержимое) сайта;

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

применены навыки программирования на языке PHP для систем управления контентом;

произведено тестирование сайта на корректность отображения;

произведено обеспечение безопасности сайта стандартными методами;

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

 СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

1.       Дюбуа, П. MySQL [Текст] / Н.В. Воронин; под ред. С.Н. Тригуб. - М.: Издательский дом «Вильямс», 2004. - 1056 с.

.        Макковеев, С. Профессиональное РНР программирование, 2-е издание [Текст] / Н. Гриценко, С. Беляева, В. Овчинников, А. Галунов; под ред. Н. Макарова. - СПб: Символ-плюс, 2005. - 1048 с.

.        Попов Евгений. Видеокурс Joomla. Электронное издание. - 2008 - Режим доступа: #"700497.files/image112.gif">

Рисунок 2.19 - Схема гиперссылок сайта, лист 1

Рисунок 2.19 - Схема гиперссылок сайта, лист 2

ПРИЛОЖЕНИЕ В

ЛИСТИНГ ФАЙЛОВ КОМПОНЕНТА

«Всплывающее ФОТО HIGHSLIDE»

Листинг файла highslide.css:

.highslide-container div {family: Verdana, Helvetica;size: 10pt;

}

.highslide-container table {: none;

}

.highslide {: none;decoration: none;

}

.highslide img {: 2px solid silver;

}

.highslide:hover img {color: gray;

}

.highslide-active-anchor img {: hidden;

}

.highslide-gallery .highslide-active-anchor img {color: black;: visible;: default;

}

.highslide-image {width: 2px;style: solid;color: white;: gray;

}

.highslide-wrapper, .highslide-outline {: white;

}

.glossy-dark {: #111;

}

.highslide-image-blur {

}

.highslide-number {weight: bold;: gray;size: .9em;

}

.highslide-caption {: none;size: 1em;: 5px;

/*background: white;*/

}

.highslide-heading {: none;weight: bold;: 0.4em;

}

.highslide-dimming {: absolute;: black;

}.highslide-full-expand {

background: url(graphics/fullexpand.gif) no-repeat;

display: block;

margin: 0 10px 10px 0;

width: 34px;

height: 34px;

}

.highslide-loading {: block;: black;size: 9px;weight: bold;transform: uppercase;decoration: none;: 3px;: 1px solid white;color: white;left: 22px;image: url(graphics/loader.white.gif);repeat: no-repeat;position: 3px 1px;

}.highslide-credits,.highslide-credits i {: 2px;: silver;decoration: none;size: 10px;

}.highslide-credits:hover,.highslide-credits:hover i {: white;color: gray;

}

.highslide-move, .highslide-move * {: move;

}

.highslide-viewport {: none;: fixed;: 100%;: 100%;index: 1;: none;: 0;: 0;

}

.highslide-overlay {: none;

}

.hidden-container {: none;

}

/* Example of a semitransparent, offset closebutton */

.closebutton {: relative;: -15px;: 15px;: 30px;: 30px;: pointer;: url(graphics/close.png);

/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */

}

/*****************************************************************************/

/* Thumbnail boxes for the galleries. */

/* Remove these if you are not using a gallery. */

/*****************************************************************************/

.highslide-gallery ul {style-type: none;: 0;: 0;

}

.highslide-gallery ul li {: block;: relative;: left;: 106px;: 106px;: 1px solid silver;: #ededed;: 2px;height: 0;: hidden;

}

.highslide-gallery ul a {: absolute;: 50%;: 50%;

}

.highslide-gallery ul img {

position: relative;: -50%;: -50%;

}>/**/body .highslide-gallery ul li {: table;align: center;

}>/**/body .highslide-gallery ul li {align: center;

}>/**/body .highslide-gallery ul a {: static;: table-cell;align: middle;

}>/**/body .highslide-gallery ul img {: static;

}

/*****************************************************************************/

/* Controls for the galleries. */

/* Remove these if you are not using a gallery */

/*****************************************************************************/

.highslide-controls {: 195px;: 40px;: url(graphics/controlbar-white.gif) 0 -90px no-repeat;: 20px 15px 10px 0;

}

.highslide-controls ul {: relative;: 15px;: 40px;style: none;: 0;: 0;: url(graphics/controlbar-white.gif) right -90px no-repeat;

}

.highslide-controls li {: left;: 5px 0;:0;style: none;

}

.highslide-controls a {image: url(graphics/controlbar-white.gif);: block;: left;: 30px;: 30px;: none;

}

.highslide-controls a.disabled {: default;

}

.highslide-controls a.disabled span {: default;

}

.highslide-controls a span {

/* hide the text for these graphic buttons */: none;: pointer;

}

/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */

.highslide-controls .highslide-previous a {position: 0 0;

}

.highslide-controls .highslide-previous a:hover {position: 0 -30px;

}

.highslide-controls .highslide-previous a.disabled {position: 0 -60px !important;

}

.highslide-controls .highslide-play a {position: -30px 0;

}

.highslide-controls .highslide-play a:hover {position: -30px -30px;

}

.highslide-controls .highslide-play a.disabled {position: -30px -60px !important;

}

.highslide-controls .highslide-pause a {position: -60px 0;

}

.highslide-controls .highslide-pause a:hover {position: -60px -30px;

}

.highslide-controls .highslide-next a {position: -90px 0;

}

.highslide-controls .highslide-next a:hover {position: -90px -30px;

}

.highslide-controls .highslide-next a.disabled {position: -90px -60px !important;

}

.highslide-controls .highslide-move a {position: -120px 0;

}

.highslide-controls .highslide-move a:hover {position: -120px -30px;

}

.highslide-controls .highslide-full-expand a {position: -150px 0;

}

.highslide-controls .highslide-full-expand a:hover {position: -150px -30px;

}

.highslide-controls .highslide-full-expand a.disabled {position: -150px -60px !important;

}

.highslide-controls .highslide-close a {position: -180px 0;

}

.highslide-controls .highslide-close a:hover {position: -180px -30px;

}

/*****************************************************************************/

/* Styles for the HTML popups */

/* Remove these if you are not using Highslide HTML */

/*****************************************************************************/

.highslide-maincontent {: none;

}

.highslide-html {color: white;

}

.highslide-html-content {: none;: 400px;: 0 5px 5px 5px;

}

.highslide-header {bottom: 5px;

}

.highslide-header ul {: 0;: 0;align: right;

}

.highslide-header ul li {: inline;left: 1em;

}

.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {: none;

}

.highslide-header a {weight: bold;: gray;transform: uppercase;decoration: none;

}

.highslide-header a:hover {: black;

}

.highslide-header .highslide-move a {: move;

}

.highslide-footer {: 16px;

}

.highslide-footer .highslide-resize {: block;: right;top: 5px;: 11px;: 11px;: url(graphics/resize.gif) no-repeat;

}

.highslide-footer .highslide-resize span {: none;

}

.highslide-body {

}

.highslide-resize {: nw-resize;

}

Листинг файла highslide.js:

(!hs) { var hs = {

// Language strings: {: 'ltr',: 'Loading...',: 'Click to cancel',: 'Click to bring to front',: 'Expand to actual size (f)',: 'Powered by <i>Highslide JS</i>',: 'Go to the Highslide JS homepage',: 'Click to close image, click and drag to move. Use arrow keys for next and previous.'

},

// See http://highslide.com/ref for examples of settings : 'highslide/graphics/',: 'zoomin.cur', // null disables: 'zoomout.cur', // null disables: 250, // milliseconds: 250,: 15,: 15,: 15,: 15,: 1001, // adjust to other absolutely positioned elements: 0.75,: true,: 5,: 2, // 0 = never, 1 = always, 2 = HTML only : 3, // ends at 10: false, // pad the popup width to make room for wide caption: 'bottom right',: 1,: false, // you can set this to false if you want: 'http://highslide.com/',: '_self',: true,: ['a'], // Add more to allow slideshow indexing

: true,: 200,: 200,: true, // allow the image to reduce to fit client size. If false, this overrides minWidth and minHeight: 'drop-shadow', // set null to disable outlines

// END OF YOUR SETTINGS

// declare internal properties: [],: true,: [],: [

'allowSizeReduction',

'useBox',

'outlineType',

'outlineWhileAnimating',

'captionId',

'captionText',

'captionEval',

'captionOverlay',

'headingId',

'headingText',

'headingOverlay',

'creditsPosition',

'dragByHeading',

'width',

'height',

'wrapperClassName',

'minWidth',

'minHeight',

'maxWidth',

'maxHeight',

'slideshowGroup',

'easing',

'easingClose',

'fadeInOut',

'src'

],: [],: 0,: {: ['leftpanel', 'left', 'center', 'right', 'rightpanel'],: ['above', 'top', 'middle', 'bottom', 'below']

},: {},: {},: {},: [],

: {},: {},: [],: /Trident\/4\.0/.test(navigator.userAgent) ? 8 :((navigator.userAgent.toLowerCase().match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1]),: (document.all && !window.opera),: /Safari/.test(navigator.userAgent),: /Macintosh.+rv:1\.[0-8].+Gecko/.test(navigator.userAgent),

$ : function (id) {(id) return document.getElementById(id);

},

: function (arr, val) {[arr.length] = val;

},

: function (tag, attribs, styles, parent, nopad) {el = document.createElement(tag);(attribs) hs.extend(el, attribs);(nopad) hs.setStyles(el, {padding: 0, border: 'none', margin: 0});(styles) hs.setStyles(el, styles);(parent) parent.appendChild(el);el;

},

: function (el, attribs) {(var x in attribs) el[x] = attribs[x];el;

},

: function (el, styles) {(var x in styles) {(hs.ie && x == 'opacity') {(styles[x] > 0.99) el.style.removeAttribute('filter');el.style.filter = 'alpha(opacity='+ (styles[x] * 100) +')';

}el.style[x] = styles[x];

}

},: function(el, prop, opt) {start,,;(typeof opt != 'object' || opt === null) {args = arguments;= {: args[2],: args[3],: args[4]

};

}(typeof opt.duration != 'number') opt.duration = 250;.easing = Math[opt.easing] || Math.easeInQuad;.curAnim = hs.extend({}, prop);(var name in prop) {e = new hs.fx(el, opt , name );

= parseFloat(hs.css(el, name)) || 0;= parseFloat(prop[name]);= name != 'opacity' ? 'px' : '';

.custom( start, end, unit );

}

},: function(el, prop) {(document.defaultView) {document.defaultView.getComputedStyle(el, null).getPropertyValue(prop);

} else {(prop == 'opacity') prop = 'filter';val = el.currentStyle[prop.replace(/\-(\w)/g, function (a, b){ return b.toUpperCase(); })];(prop == 'filter') = val.replace(/alpha\(opacity=([0-9]+)\)/, (a, b) { return b / 100 });val === '' ? 1 : val;

}

},.addEventListener(document, 'DOMContentLoaded', hs.ready);.addEventListener(window, 'load', hs.ready);

// set handlers.addEventListener(document, 'ready', function() {(hs.expandCursor) {style = hs.createElement('style', { type: 'text/css' }, null, .getElementsByTagName('HEAD')[0]);

addRule(sel, dec) {(!hs.ie) {.appendChild(document.createTextNode(sel + " {" + dec + "}"));

} else {last = document.styleSheets[document.styleSheets.length - 1];(typeof(last.addRule) == "object") last.addRule(sel, dec);

}

}fix(prop) {'expression( ( ( ignoreMe = document.documentElement.'+ prop +

' ? document.documentElement.'+ prop +' : document.body.'+ prop +' ) ) + \'px\' );';

}(hs.expandCursor) addRule ('.highslide img',

'cursor: url('+ hs.graphicsDir + hs.expandCursor +'), pointer !important;');

}

});.addEventListener(window, 'resize', function() {.getPageSize();

});.addEventListener(document, 'mousemove', function(e) {.mouse = { x: e.clientX, y: e.clientY};

});.addEventListener(document, 'mousedown', hs.mouseClickHandler);.addEventListener(document, 'mouseup', hs.mouseClickHandler);

.addEventListener(document, 'ready', hs.getAnchors);.addEventListener(window, 'load', hs.preloadImages);

}

ПРИЛОЖЕНИЕ Г

ЛИСТИНГ ФАЙЛОВ ШАБЛОНА И СТИЛЯ

Листинг файла шаблона сайта (index.php):

<?php

// Set flag that this is a parent file( '_JEXEC', 1 );

('JPATH_BASE', dirname(__FILE__) );

( 'DS', DIRECTORY_SEPARATOR );

_once ( JPATH_BASE .DS.'includes'.DS.'defines.php' );_once ( JPATH_BASE .DS.'includes'.DS.'framework.php' );

? $_PROFILER->mark( 'afterLoad' ) : null;

/**

* CREATE THE APPLICATION

*

* NOTE :

*/

$mainframe =& JFactory::getApplication('site');

/**

* INITIALISE THE APPLICATION

*

* NOTE :

*/

// set the language

$mainframe->initialise();

::importPlugin('system');

// trigger the onAfterInitialise events? $_PROFILER->mark('afterInitialise') : null;

$mainframe->triggerEvent('onAfterInitialise');

/**

* ROUTE THE APPLICATION

*

* NOTE :

*/

$mainframe->route();

// authorization

$Itemid = JRequest::getInt( 'Itemid');

$mainframe->authorize($Itemid);

// trigger the onAfterRoute events? $_PROFILER->mark('afterRoute') : null;

$mainframe->triggerEvent('onAfterRoute');

/**

* DISPATCH THE APPLICATION

*

* NOTE :

*/

$option = JRequest::getCmd('option');

$mainframe->dispatch($option);

// trigger the onAfterDispatch events? $_PROFILER->mark('afterDispatch') : null;

$mainframe->triggerEvent('onAfterDispatch');

/**

* RENDER THE APPLICATION

*

* NOTE :

*/

$mainframe->render();

// trigger the onAfterRender events? $_PROFILER->mark('afterRender') : null;

$mainframe->triggerEvent('onAfterRender');

/**

* RETURN THE RESPONSE

*/JResponse::toString($mainframe->getCfg('gzip'));

Листинг файла стиля шаблона сайта (template.css):

{height: 100%;margin-bottom: 0px;}

{margin: 0;padding: 0;},table {border: none;}{font-family: Verdana, Arial, sans-serif;line-height: 1.3em;margin: 0;padding: 0;font-size: 12px;color: #333;}.contentpane {background: #F8F8F8 url(../images/bodybg.jpg) top left repeat-x;}

:link{text-decoration: none;font-weight: normal;color: #555ccc;}:visited {color:#cc0000; text-decoration:none;}:hover {text-decoration: underline;font-weight: normal;color:orange;}.button, .validate {color: #333;font-size: 10px;border: 1px solid #555;}

.search input.button {text-align: center;margin-top:5px;padding:0px;width:144px;}

.button:hover, .validate:hover {

}{margin-top: 0;margin-bottom: 5px;text-align: justify;}

.inputbox {border: 1px solid #555;color: #333;padding: 2px;}

.inputbox:hover {}

/*****************************************/

/*** Template specific layout elements ***/

/*****************************************/

#page_bg {padding: 0;background: #FFF url(../images/bodybg.jpg) top left repeat-x;}

.center {text-align: center;margin: 0 auto;padding: 0;width: 926px;}

#wrapper {margin: 0 auto;width: 926px;text-align: left;background: url(../images/content.jpg) top center repeat-y;

}

#top {width: 926px;height: 90px;margin: 0 auto;padding: 0;background: url(../images/top.jpg) top center no-repeat;}

#header {height: 260px;background: url(../images/header.jpg) top center no-repeat;margin: 0 auto;width: 926px;

}

#inner_shadows {background: url(../images/inner_shadows.jpg) top center no-repeat;}

#content {width: 886px;margin: 0 auto;padding: 20px;overflow: hidden;}

#content_bottom {width: 926px;height: 17px;background: url(../images/content_bottom.jpg) top center no-repeat;}

#logo {padding: 220px 30px 0 0;text-align: right;margin: 0 auto;width: 890px;}

#logo a, #logo a:link, #logo a:hover {weight: normal;family: Verdana, Arial, sans-serif;size: 20px;: 0;: 0;spacing: 1px;: #F9F9F9;decoration: none;: none;height: 36px;}

.pill_m {padding: 0;width: 700px;height: 22px;float: right;}

#pillmenu {float: right;margin: 0;padding: 68px 0 0 0;}

#pillmenu ul {margin: 0;padding: 0 20px;list-style: none;

}

#pillmenu li {float: left;margin: 0 2px;padding: 0;height: 22px;background: url(../images/menu_li.jpg) top right no-repeat;}

#pillmenu li:hover {}

#pillmenu li a#active_menu-nav {color: #f4f4f4;}

#pillmenu li a {family: Verdana, Tahoma, sans-serif;size: 12px;: left;: block;height: 22px;: 0 8px 0 8px;: #e2e2e2;decoration: none;weight: normal;: url(../images/menu_li_a.jpg) top left no-repeat;

}

#pillmenu li a:hover {color: #f4f4f4;}

#leftcolumn ,#rightcolumn {: 0;: 180px;: left;align: left;: 0 10px 0 0;}

#maincolumn {float: left;width: 682px;}

.nopad {overflow: hidden;padding: 0;/*border:1px solid black;*/}

.nopad ul {clear: both;}

.sgf {text-align: right;font-size: 12px;font-family: Tahoma, Arial, sans-serif;color: #555;text-decoration: none;}

.sgf1 {size: 12px;family: Tahoma, Arial, sans-serif;: #555;align: left;

}

.sglink:link, a.sglink:visited {: #555;size: 12px;family: Tahoma, Arial, sans-serif;decoration: none;

}.sglink:hover {: #555;family: Tahoma, Arial, sans-serif;decoration: none;

}.mostread {left:15px;:154px;left:5px;top:0px;bottom:10px;:normal 11px Tahoma;

}

.s1 {border: 2px solid green;background-color:#eeeeee;}

.s6{background-color:#C8A2C8;}

.s11{background-color:#E2E2E2;}

.s3 {background-color: #F0E68C;}.ds{background: url(../images/th0.jpg) top left repeat-x;}

.s5{background-color: #FFAAAA;}

.f1{color:#EF3923;text-align:center;font-weight:bold;font-style:italic;}

.f2{font-weight:bold;background-color:#00BAF1;text-align:center;}

.f3{font-weight:bold;font-style:italic;color:#FFFFFF;backgroundcolor:#0066B3; text-align:center;}

.f4{заголовок:;font-weight:bold;color:#EF3923;text-align:center;}

.ch{color:#EF3923;}

.st1{background-color:#F8ABAD;font-weight:bold;}.ramka{margin: 0;padding: 0; width:650px;}